@charset "utf-8";

/* Default */
.board_wrap .read_header_container {position:relative; padding:20px 10px 20px; border-top:2px solid #000; border-bottom:1px solid #d6d9db;}
.board_wrap .read_header_container .title {margin-bottom:10px; line-height:1.5em; font-family:'NotoKrM'; font-size:21px;}
.board_wrap .read_header_container .meta > li {display:inline-block; margin-left:20px; font-family:'NotoKrL';}
.board_wrap .read_header_container .meta > li:first-child {margin-left:0px;}
.board_wrap .read_header_container .meta > li span {display:inline-block; margin-right:7px; font-family:'NotoKrM';}

.board_wrap .read_body_container {padding:20px 10px 0px;}
.board_wrap .read_body_container .extra {padding-bottom:20px;}
.board_wrap .read_body_container .extra td {color:#666;}
.board_wrap .read_body_container .content {padding:20px 0px 80px;}
.board_wrap .read_body_container .file_list {font-family:'NotoKrL';}
.board_wrap .read_body_container .file_list h4 {margin-bottom:10px;}
.board_wrap .read_body_container .file_list .files {padding:15px 20px; font-size:0.875em;  border:1px solid #e7e7e7; background-color:#f7f7f7;}
.board_wrap .read_body_container .file_list .files > li {margin-top:10px; padding-top:8px; border-top:1px solid #e7e7e7;}
.board_wrap .read_body_container .file_list .files > li:first-child {margin-top:0px; padding-top:0px; border-top:0px;}
.board_wrap .read_body_container .file_list .files > li i {margin-right:3px; font-size:1.286em;}
.board_wrap .read_body_container .file_list .files > li a:hover {text-decoration:underline; color:#009bf9;}

.board_wrap .read_footer_container {margin-top:20px; padding:20px 0; border-top:1px solid #d6d9db;}
.board_wrap .read_footer_container .btn_area {overflow:hidden;}
.board_wrap .read_footer_container .btn_area .inline_area > li {margin-left:5px;}
.board_wrap .read_footer_container .btn_area .inline_area > li:first-child {margin-left:0px;}
.board_wrap .read_footer_container .btn_area .left {float:left; width:50%;}
.board_wrap .read_footer_container .btn_area .right {float:right; width:50%; text-align:right;}

/* Event */
.board_wrap .event_container .read_body_container {padding:0; text-align:center;}
.board_wrap .event_container .event_form {position:fixed; top:133px; left:0; padding:10px 0; width:calc(100% - 108px); background-color:rgba(231, 235, 244, 0.9); z-index:98;}
.board_wrap .event_container .event_form .center_area {text-align:center;}
.board_wrap .event_container .event_form .center_area > li {padding-top:10px; padding-bottom:10px; text-align:left;}
.board_wrap .event_container .event_form .center_area > li:not(:first-child) {margin-left:50px;}
.board_wrap .event_container .event_form .center_area > li.input {padding-left:50px; border-left:1px solid #999;}
.board_wrap .event_container .event_form .center_area > li h3 {position:relative; margin-top:5px; line-height:1.7em; box-sizing:border-box;}
.board_wrap .event_container .event_form .center_area > li h3 strong {font-size:2.000em;}
.board_wrap .event_container .event_form .center_area > li table th,
.board_wrap .event_container .event_form .center_area > li table td {padding:5px 0; text-align:left; vertical-align:middle;}
.board_wrap .event_container .event_form .center_area > li table th {width:60px;}
.board_wrap .event_container .event_form .center_area > li table td {padding-right:40px;}
.board_wrap .event_container .event_form .center_area > li table td input[type=text],
.board_wrap .event_container .event_form .center_area > li table td input[type=number] {padding:5px 10px; border:1px solid #ccc; background-color:#fff;}
.board_wrap .event_container .event_form .center_area > li table td input[type=number] {width:80px;}
.board_wrap .event_container .event_form .center_area > li table td label {margin-right:10px;}
.board_wrap .event_container .event_form .center_area > li table td i {margin:-1px 5px 0 0; font-size:1.538em;}
.board_wrap .event_container .event_form .center_area > li .z_btn {height:70px; line-height:70px;}
.board_wrap .event_container .event_form .center_area > li .check * {display:inline-block;}
.board_wrap .event_container .event_form .center_area > li .check input[type=checkbox] {margin:-1px 3px 0 0;}
.board_wrap .event_container .event_form .center_area > li .check a {line-height:2.3em; color:#009bf9;}
.board_wrap .event_container .event_form .center_area > li .SumoSelect {width:auto; text-align:left;}
.board_wrap .event_container .event_form .center_area > li .SumoSelect label {margin:0;}
.board_wrap .event_container .event_form .center_area > li .SumoSelect i {margin:auto; font-size:inherit;}

/**
 * 6.0 - Media Query
 * -----------------------------------------------------------------------------
 */
 @media screen and (min-width:2200px) {
	.board_wrap .event_container .event_form {width:calc(100% - 640px);}
}