
#container{margin-bottom:0;}

.freebook { position:relative;}
.content { position:relative; min-width:320px;max-width:720px; width:100%; margin:0 auto;}

.freebook_top{background-color:#202030;}
.freebook_title{position:relative;background:url('http://img.eduwill.net/Img2/license/promotion/freebook/191104/mobile/bg_title.jpg') 50% 0 no-repeat;background-size:cover;}
.freebook_item1{background-color:#ffea00;}
.freebook_item2{background-color:#fafafa;}
.freebook_item3{background-color:#fff;}
.freebook_item4{background-color:#fffdeb;}
.freebook_item5{background-color:#08305d;}


.freebook_title .date { position:absolute; bottom:7%; left:0;  width:100%; text-align:left;padding-left:10%;}
.freebook_title .date li {font-size:14px; color:#000; line-height:1.5;font-family: 'Noto Sans KR';font-weight:300;letter-spacing: -1px;font-weight:700;}
.freebook_title .date li strong{position:relative;display:inline-block;width:65px;padding-right:3px;margin-right:5px;color:#1f1f1f;font-weight:400;font-family: 'Noto Sans KR';}
.freebook_title .date li strong:after{content:'';position:absolute;right:0;top:50%;margin-top:-6px;width:2px;height:12px;background-color:#313131;}


.btn_apply {position:absolute; bottom:-7%; left:50%; width:80%;transform: translateX(-50%); z-index:10;}
.btn_apply>a{display:block;}
.btn_apply>a>.ico_hand{
	position:absolute; top:35%; right:0;display:block;width:10%;
	animation: 0.4s slideUpY ease-in-out infinite alternate;
}

.btn_apply>p{color:#000;font-size:10px;font-family: 'Noto Sans KR';font-weight:300;letter-spacing: -1px;width:100%;text-align:center;}

@keyframes slideUpY {
    0% {
        -webkit-transform: translate(0,5px);
        transform: translate(0, 5px);
    }
    100% {
        -webkit-transform: translate(-5px, 0);
        transform: translate(-5px, 0);
    }
}

@media only screen and (min-width: 720px) {
    .freebook_title .date li {font-size:18px;letter-spacing: 0;}
	.btn_apply>p{font-size:17px;}
	.freebook_title .date li strong{width:88px;}
}

.flash{	
    position:absolute;left:50%;top:7.7%;z-index:11;width:27.5%;transform: translateX(-50%);
	background: url('https://img.eduwill.net/Img2/license/promotion/freebook/191104/mobile/flash_off.png') no-repeat 0 0;background-size:cover;
}

.flash>img{
    width:100%;height:100%;
	-webkit-animation: flash 1s step-start infinite; animation: flash 1s step-start infinite;
}

/* animation */
@-webkit-keyframes flash {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

@keyframes flash {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}




/* 하단 */
.common_bottom { text-align:center; background:url('http://img.eduwill.net/Img2/mobile2/brand_new/event/151112/bg_bottom.png') 0 0 repeat-x;}
.dimm { position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.7; z-index:999;}

.event-section { text-align: center; background:#242736;padding-top:5%;}
.event-section .label { display:block;margin:0 auto;width:90%; background:#000; color: #eefa10;  font-weight: 800; padding:10px 0; border:none; font-size: 15px; margin-top: 25px;max-width:600px;}
.event-section .subject { margin:20px 0; text-align:center; font-size:23px; font-weight:600; color:#fff;font-family: 'Noto Sans KR';}
.event-section .subject span{color: #ffe000;font-weight:700;}

.count-date { padding:20px 0; width:100%; max-width:720px; margin:0 auto; box-sizing:border-box; }
.count-date > div{ color:#9296a6; font-size: 12px;}
.count_con { 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:92px; margin-right:5px; display: inline-block; vertical-align: top;}
.count_box .number div:last-child { margin-right:0;}
.btn_group a{ display: inline-block; width:38.33333333333333%; padding:10px; max-width:276px;}
.btn_group a img{ width:100%; height:100%; }
.apply_con { position:relative; }
.apply_table{ padding:20px 15px;}
.apply_table table { border-left:1px solid #000; border-bottom:1px solid #000; }
.apply_table table td { box-sizing:border-box; position:relative; width:100%; height:74px; text-align:center; vertical-align:middle;}
.apply_table table td.sun { border-right:0 none;}
.apply_table table td.sun dl dt { color:#ea604e;}
.apply_table table td.today dl { border:2px solid #ffd800; box-sizing:border-box;}
.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 { border-right:1px solid #000; border-top:1px solid #000;}
.apply_table table td dl dt { box-sizing:border-box; height:30px; color:#666c75; text-align:center; font-size:11px; line-height:30px; border-bottom:1px solid #000; border-top:1px solid #282e36;}
.apply_table table td dl dd { box-sizing:border-box; padding-top:6px; height:43px; border-top:1px solid #282e36; }
.apply_table table td dl dd span { display:inline-block; line-height:1; color:#fff; font-size:11px;}
.apply_table table td dl dd strong { display:block; font-size:15px; line-height:1;}
.apply_table table td dl dd.finish { padding:0; color:#666c75; font-weight:bold; line-height:40px;}

.notice_con { padding:30px 15px; text-align:left; background:#f2f2f2;}
.notice_con p { font-size:14px; font-weight:bold; color:#202020;}
.notice_con dt { margin:10px 0 5px; font-weight:bold; font-size:12px; color:#202020;}
.notice_con dd { padding-left:8px; line-height:1.5; color:#585858; font-size:12px;}

.apply_layer { box-sizing:border-box; position:absolute; top:0; left:0; padding:0 10px; width:100%; z-index:10002;}
.apply_layer .layer_body { position:relative; box-sizing:border-box; padding:0 10px 10px; width:100%; border:3px solid #000; background:#fff;}
.layer_body .close_pop { position:absolute; top:10px; right:10px; width:32px;}
.layer_body .apply_result { padding:175px 0 26px 0; text-align:center; background:url('http://img.eduwill.net/Img2/mobile2/brand_new/event/primerBook/bg_pop_book01.png') 50% 31px no-repeat; background-size:127px;}
.layer_body .apply_result .title_a { margin-bottom:5px; font-size:17px; color:#000; font-weight:800;}
.layer_body .apply_result .title_a span { color:#000; font-size:17px;}
.layer_body .apply_result .text_a { color:#000; font-size:12px;}
.layer_body .apply_result .text_a span { color:#555; font-size:11px;}
.layer_body .apply_banner p { margin:0 auto 10px; text-align:center; width:234px;}

.freebook-banner{ background-color:#f9f9f9; padding-bottom:7%; font-family:'Noto Sans KR', Sans-Serif !important; text-align: center;}
.freebook-banner .content{ max-width:720px; position: relative; margin:0 auto;}
.freebook-banner p{ line-height: 100%;}
.freebook-banner .title{font-weight:700;font-size:1.6rem;padding:7% 0;}
.freebook-banner .title>strong{color:#d40000;display:block;margin-bottom:2%;}
.freebook .freebook-banner a{display:block;}
.freebook-banner dl{background-color:#ffe5e1;width:84%;margin:0 auto 3%;padding:3%;}
.freebook-banner dl:after{content:'';display:block;clear:both;}
.freebook-banner dt{float:left;width:20%;background-color:#fff;padding:6.5% 0;border-radius:50%;}
.freebook-banner dt>span{display:inline-block;color:#51e5d3;font-weight:700;font-size:1rem;}
.freebook-banner dt>span.best{color:#de301e;}
.freebook-banner dd{float:left;width:77%;text-align:left;margin-left:3%;font-size:0.8rem;color:#905a52;padding-top:3%;}
.freebook-banner dd>strong{display:block;font-size:1.2rem;color:#202020;}

.freebook-banner dl.banner1{background-color:#ffe5e1;}
.freebook-banner dl.banner1 dd{color:#905a52;}
.freebook-banner dl.banner2{background-color:#d1e6ff;}
.freebook-banner dl.banner2 dd{color:#4f75a2;}
.freebook-banner dl.banner3{background-color:#ded7fc;}
.freebook-banner dl.banner3 dd{color:#7466b2;}

@media only screen and (min-width: 720px) {
    .freebook-banner dt{padding:7.2% 0;}
    .freebook-banner dt>span{font-size:1.2rem;}
    .freebook-banner dd{font-size:1rem;padding-top:4%;}
    .freebook-banner dd>strong{font-size:1.4rem;}
}
