@charset "utf-8";

/* 공통 */
.eventDetail {
	font-family: "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;
	position: relative;
}
.eventDetail img {vertical-align: top;}
.eventDetail input,
.eventDetail label,
.eventDetail textarea {font-family: "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
/* //공통 */

.eventDetail {position:relative; width: 747px; padding-bottom: 60px; background: url(/images/event/2019/event190107/bg_cont_btm.jpg) no-repeat 0 100%;}
.eventDetail .btn_detail {position: absolute; right: 125px; top: 945px;}
.eventDetail .evt_cont {width: 617px; padding: 0 65px 50px; background: url(/images/event/2019/event190107/bg_cont.jpg) repeat-y 0 0;}
.eventDetail .sel_book {width: 619px; margin-left: -1px; margin-bottom: 28px; *zoom:1}
.eventDetail .sel_book:after {content: ""; display: block; clear: both;}
.eventDetail .sel_book .group {float: left; width: 307px; height: 177px; margin: 2px 1px; background: #f2f3f5; text-align: center;}
.eventDetail .sel_book .group h5 {padding: 20px 0 12px; font-weight: bold; font-size: 14px; color: #444;}
.eventDetail .sel_book ul {padding: 0 18px; *zoom:1}
.eventDetail .sel_book ul:after {content: ""; display: block; clear: both;}
.eventDetail .sel_book li {float: left; width: 87px; margin-left: 5px;}
.eventDetail .sel_book li:first-child {margin-left: 0;}
.eventDetail .sel_book li label {display: block; position: relative; margin-bottom: 5px; border: 1px solid #cfcfcf;}
.eventDetail .sel_book li .over {display: none; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; padding: 1px; background: url(/images/event/2019/event190107/dim.png) repeat 0 0; line-height: 16px; letter-spacing: -1px; font-weight: bold; font-size: 11px; color: #fff;}
.eventDetail .sel_book li label:hover .over {display: block;}
.eventDetail .sel_book li .over span {display: inline-block; width: 99%; vertical-align: middle;}
.eventDetail .sel_book li .over em {display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.eventDetail .reason {margin-bottom: 20px; border: 2px solid #1d9ad6;}
.eventDetail .reason .text_wrap {position: relative; height: 50px; border-bottom: 1px solid #1d9ad6; background: url(/images/event/2019/event190107/bg_text.jpg) no-repeat 0 0;}
.eventDetail .reason .text_wrap input {position: relative; width: 587px; height: 20px; padding: 15px; background: none; z-index: 2; font-weight: bold; font-size: 14px; color: #444;}
.eventDetail .reason .text_wrap label {position: absolute; left: 0; top: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; font-weight: bold; font-size: 16px; color: #ff5500; z-index: 1;}
.eventDetail .reason ul {padding: 15px;}
.eventDetail .reason li {position: relative; padding: 5px 70px 5px 0; letter-spacing: -1px; font-size: 12px; color: #666;}
.eventDetail .reason li span {position: absolute; top: 50%; right: 0; width: 70px; text-align: right;}
.eventDetail .paging {padding: 0; margin-bottom: 30px;}
.eventDetail .paging a {border: 1px solid #fff; font-weight: normal; color: #999;}
.eventDetail .paging a:hover { color: #f26422;}
.eventDetail .paging .on {color: #f26422;}
.eventDetail .paging .btn2 {width: 25px; height: 8px; line-height: 0; padding: 8px 0; border: 1px solid #d6d6d6 !important;}

.eventDetail .agree_info {margin-bottom: 15px; padding: 20px 15px; background: #f2f3f5; color: #666;}
.eventDetail .agree_info dt {display: block; margin-bottom: 10px; font-weight: bold; font-size: 14px;}
.eventDetail .agree_info li {padding: 3px 0; font-size: 12px;}
.eventDetail .agree_info li p {padding: 3px 0 0 175px;}
.eventDetail .agree {margin-bottom: 30px;}
.eventDetail .agree li {margin-bottom: 10px; padding-left: 20px; line-height: 20px; text-indent: -20px; font-weight: bold; font-size: 14px; color: #666;}
.eventDetail .agree li a {color: #000;}
.eventDetail .evt_cont .btn_area {text-align:center;}