@charset "utf-8";

.freebook_title { position: relative; }
.freebook_container .inner { position: relative; width: 100%; max-width: 640px; margin: 0 auto; }

/* 하단 */
.dimm { position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.9; z-index:999;}

/* freebook_title */
.freebook_title { position: relative; text-align:center; background: #ffe996 url('//img.eduwill.net/Img2/mobile2/brand_new/event/freebook/6uild/180621/title_bg.jpg') no-repeat 50% 0; background-size: auto 100%; }

/* freebook_info */
.freebook_info { position: absolute; left: 0; right: 0; top: 78%; }
.freebook_info ul { display: inline-block; text-align: center; }
.freebook_info li { text-align: left; font-size: 13px; color: #5d5427; letter-spacing: -1px; }
.freebook_info .freebook_apply { display: block; margin-top: 27%; }

@media only screen and (min-width: 640px) {
    .freebook_info li { font-size: 20px; }
}

/* freebook_step */
.evt_section { padding-bottom: 20px;  background-color: #242736; }
.evt_title { padding:40px 0 20px; text-align:center; font-size:22px; font-weight:600; color:#bcd5e1;}
.evt_title span { color:#fef500;}
.evt_title span.verdana { color: #ffe000; -webkit-animation: .5s flash step-start infinite; animation: .5s flash step-start infinite; }
.evt_title .date_box { display:block; margin-bottom:14px; padding:8px 0; font-size:14px; text-align:center; color:#fef500; background:#000;}
@-webkit-keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}
.evt_date ul { padding:20px 0; width:320px; margin:0 auto;}
.evt_date ul li { position: relative; padding: 0 10px 0 80px; line-height: 2; text-align: left; font-size: 13px; color: #fff; }
.evt_date ul li span { position: absolute; top: 2px; left: 10px; display: inline-block; width: 60px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; border: 1px solid #999; -webkit-box-sizing: border-box; box-sizing: border-box; }
.count_con { padding:0 11px; text-align:center; box-sizing:border-box; font-size:0}
.count_box { padding:5px; box-sizing:border-box; background:#000; display: inline-block; border-radius:5px}
.count_box .number { overflow:hidden;}
.count_box .number div { width:68px; margin-right:5px; display: inline-block; vertical-align: top;}
.count_box .number div:last-child { margin-right:0;}

.apply_con { position: relative; padding: 0 11px; text-align: center;}
.apply_con.v2{margin-top: 30px;}
.apply_table table { width: 100%; border-bottom: 1px solid #000; }
.apply_table table td { position: relative; width: 100%; height: 74px; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apply_table table td.sun { border-right: 0 none; }
.apply_table table td.sun dl dt { color: #ea604e; }
.apply_table table td.today dl dt,
.apply_table table td.today dl dd span,
.apply_table table td.today dl dd strong { color: #ffd800; }
.apply_table table td dl { position: relative; border-right: 1px solid #000; border-top: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apply_table table tr td:first-child dl:first-child { border-left: 1px solid #000; }
.apply_table table td.today dl:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: 2px solid #ffd800; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apply_table table td dl dt { height: 30px; line-height: 30px; text-align: center; color: #666c75; font-size: 11px; border-bottom: 1px solid #000; border-top: 1px solid #282e36; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apply_table table td dl dd { padding-top: 10px; height: 43px; border-top: 1px solid #282e36; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apply_table table td dl dd span { display: inline-block; line-height: 1; font-size: 11px; color: #fff; }
.apply_table table td dl dd strong { display: inline-block; line-height: 1; font-size: 15px; }
.apply_table table td dl dd.finish { padding: 0; line-height: 40px; font-weight: bold; color: #666c75; }

.freebook_book { text-align:center;}
.book_btn_group { padding:0 13px; padding-bottom:50px; box-sizing:border-box;}
.book_btn_group a { display:block; position:relative; margin-bottom:10px; padding:10px 19% 10px 13px; font-size:12px; color:#000; text-align:left; box-sizing:border-box; background:#f2f2f2;}
.book_btn_group a span.preview { position:absolute; right:0; top:0; width:18%; height:100%; font-size:12px; font-weight:bold; text-align:center; color:#fff; box-sizing:border-box; background:#a5a5a5;}
.book_btn_group a span.preview { display: -webkit-flex; display: flex;  -webkit-align-item: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.book_btn_group a em {display:block; padding:5px 0 0 18px; font-size:11px; line-height:1.4}

.step_list {margin: 0 5% 8%;padding: 5%;background-color: #fff;}
.step_list li {margin: 0;padding-left: 65px; text-indent: -68px; font-size: 0.875em;text-align: left;line-height: 1.5em;letter-spacing: -1px;}
.step_list .indent { display: block; padding-left: 69px; color: #828282; }

.notice_con { padding:25px 18px; text-align:left; background:#f2f2f2;}
.notice_con p { margin:0 0 10px; font-weight:bold; font-size:14px; color:#000;}
.notice_con dt { margin-bottom:3px; line-height:1.5; color:#000; font-size:12px;}
.notice_con dd { margin-bottom:3px; line-height:1.5; color:#000; font-size:12px;}

/* section_special */
.section_special .wrap { text-align: center; }
.section_special .list_wrap { margin: 0 3.125% 50px; }
.section_special .list_wrap ul { display: inline-block; text-align: left; font-size: 13px; color: #3a3a3a; }
.section_special .list_wrap li { position: relative; line-height: 1.6; padding-left: 10px; }
.section_special .list_wrap li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background-color: #616161; }

/* section_join */
.section_join { padding-bottom: 25px; text-align: center; }
.section_join p { margin-top: 20px; color: #999; }
.section_join .action { margin-top: 10px; }
.section_join .action a { display: inline-block; padding: 5px 10px; color: #fff; background-color: #000; }

/* freebook_timer */
.freebook_timer {padding: 10px 0;font-size: 12px;line-height: 32px;color: #fff;text-align: center;background-color: #6658dc;}
.freebook_timer span{display: inline-block;font-size: 18px;font-weight: bold;color: #fff;vertical-align: middle;}

.freebook_step{position: relative; padding-bottom: 40px; text-align: center;background-color: #eef4fd;}
.freebook_step .btns li{display: none;margin-top: 2%;}
.freebook_step .btns li:first-child{margin-top: 0;}

/* layer */
.ly { position: fixed; top: 0; left: 0; right: 0; bottom : 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.ly_content{ position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 640px; margin: 0 auto; padding-bottom: 20px; border: 2px solid #000; background-color: #fff; }
.ly_head { padding: 8px 10px; font-size: 14px; font-weight: bold; color: #fff; background-color: #202020; }
.ly_btn { margin: 20px 0; text-align: center; }
.ly_info { margin: 3% 7% 0; font-size: 12px; color: #343434; letter-spacing: -1px; }
.ly_info li { padding-left: 7px; line-height: 16px; font-size: 13px; text-indent: -7px; }
.ly_content button { position: absolute; top: 0; right: 0; width: 33px; height: 33px; border: 0; background-color: #202020; }
.ly_content button:before,
.ly_content button:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 1px; margin-left: -8px; background-color: #fff; }
.ly_content button:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.ly_content button:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.evet_txt { position: absolute; left: 13%; bottom: 10%; }
.evet_txt li { text-align: left; line-height: 1.4em; font-size: 0.875em; letter-spacing: -1px; }

.ul_first { margin-bottom: 3%; }
.ul_first li { color: #585858; }
.ul_second { margin-left: 6px; }
.ul_second li { color: #828282; }


.freebook-count { position: relative; padding: 15px 0; font-size: 16px; letter-spacing: -1px; color: #fff; text-align: center; font-weight: bold; line-height: 1;}
.freebook-count span { display: inline-block;font-size: 18px; color: #fff; font-family: 'Verdana';}