@charset "UTF-8";
.freebook_container .container { position: relative; background-repeat: no-repeat; background-position: center top; background-size: auto 100%; }
.freebook_container .wrap { position: relative; max-width: 720px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.freebook_container .verdana { font-family: verdana; }

.top_banner { background: #013356;}
/* freebook_title */
.freebook_title { background: #00cae1; }
.freebook_title .holder { position: absolute; top: 74.37593984962%; left: 15%; text-align: left; }
.freebook_title .holder li { position: relative; color: #222; font-size: 12px; font-family: 'Noto Sans KR'; line-height: 1.5;}
.freebook_title .holder li span { position: relative; display: inline-block; padding-right: 7px; margin-right: 7px; text-align: justify;}
.freebook_title .holder li span:after { content: '|'; position: absolute; right: 0; top: 0; font-weight: 300;}
.freebook_title .indent { display: inline-block; margin-left: 70px; }
.freebook_title .notice { font-family: 'Noto Sans KR'; margin-top: 5px; color: rgba(34,34,34, .7); font-size: 11px;}
.freebook_title .notice span{ color: rgba(0,148,164, 1);}

.freebook_title .action { position: absolute; top: 82.74231678487%; padding: 0 11.38888888889%; box-sizing: border-box; width: 100%;}
.freebook_title .action a { position: relative; display: block;}
.freebook_title .action a:after { content: ''; display: block; position: absolute; top: 61.24031007752%; right: 8.67158671587%; width: 14.39114391144%; height: 71.31782945736%; background: url('//img.eduwill.net/Img2/Vocation/promotion/freebook/191018/pc/pointer.png') 0 0 no-repeat; animation:bounce 1s infinite both; background-size: cover;}
@keyframes bounce { 0%,100% { -webkit-transform: translateY(5px); transform: translateY(5px); } 50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

.freebook_title .gift { position: absolute; top: 93.00751879699%; left: 6.25%; right: 6.25%; -webkit-box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.23);box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.23); z-index: 10;}

@media only screen and (min-width: 720px) {
	.freebook_title .holder li { font-size: 20px;}
	.freebook_title .holder li span { padding-right: 14px; margin-right: 14px;}
	.freebook_title .holder li span:after {  top: 0;}
	.freebook_title .notice { font-size: 15px;}
}

.freebook_section_01 { background: #e59fbb;}
.freebook_section_02 { background: #fff;}

/* freebook_apply */
.freebook_apply { background-color: #242736; }
.freebook_apply .wrap { padding: 35px 20px 45px; }
.freebook_apply .title { padding: 2px 0; font-size: 16px; color: #fef500; letter-spacing: -3px; background-color: #000; }
.freebook_apply .desc { margin-top: 20px; font-size: 30px; color: #bcd5e1; letter-spacing: -5px; }
.freebook_apply .desc .verdana { color: #ffd53a; -webkit-animation: .5s flash step-start infinite; animation: .5s flash step-start infinite; }
.freebook_apply .apply_count { display: inline-block; width: 280px; margin-top: 15px; padding: 4px; font-size: 0; background-color: #000; }
.freebook_apply .apply_count .count { width: 70%; }
.freebook_apply .apply_count .count span { display: inline-block; width: 49%; margin-left: .5%; }
.freebook_apply .apply_count .count span:first-child { margin-left: 0; }

.freebook_apply .apply_count .action { width: 30%; padding-left: 4px; }
.freebook_apply .apply_count .btn { display: table; width: 100%; height: 103px; border-radius: 5px; }
.freebook_apply .apply_count .btn span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; line-height: 1.3; font-size: 12px; letter-spacing: -3px; }
.freebook_apply .apply_count .btn strong { font-size: 14px; color: #cdcccc; }
.freebook_apply .apply_count .btn em { font-size: 13px; }

.freebook_apply .apply_count .btn_apply { color: #797513; background-color: #fef500; }
.freebook_apply .apply_count .btn_apply strong { color: #242736; }
.freebook_apply .apply_count .btn_end { background-color: #0b0c11; cursor: default; pointer-events: none; }
.freebook_apply .apply_count .btn_today_end { background-color: #0b0c11; cursor: default; pointer-events: none; }
.freebook_apply .apply_count .btn_today_end em { color: #60606a; }

.apply_con { position: relative; margin-top: 20px; }
.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-width: 0; }
.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 { border-right: 1px solid #000; border-top: 1px solid #000; }
.apply_table table tr td:first-child dl:first-child { border-left: 1px solid #000; }
.apply_table table td.today dl,
.apply_table table td:first-child.today dl:first-child { border: 2px solid #ffd800; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apply_table table td dl dt { height: 30px; text-align: center; line-height: 30px; font-size: 11px; color: #666c75; 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 { height: 43px; padding-top: 10px; 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; font-size: 15px; line-height: 1; }
.apply_table table td dl dd.finish { padding:0; line-height: 40px; font-weight: bold; color: #666c75; }

@media only screen and (min-width: 640px) {
    .freebook_apply .wrap { padding: 70px 40px 90px; }
    .freebook_apply .title { padding: 8px 10px 9px; font-size: 24px; }
    .freebook_apply .desc { margin-top: 40px; font-size: 60px; }
    .freebook_apply .apply_count { width: 100%; margin-top: 30px; padding: 8px }

    .freebook_apply .apply_count .action { padding-left: 8px; }
    .freebook_apply .apply_count .btn { height: 205px; }
    .freebook_apply .apply_count .btn span { font-size: 18px; }
    .freebook_apply .apply_count .btn strong { font-size: 24px; }
    .freebook_apply .apply_count .btn em { font-size: 20px; }

    .apply_table table td dl dt { font-size: 14px; }
    .apply_table table td dl dd strong { font-size: 18px; }
}

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

/* freebook_notice */
.freebook_notice { padding-bottom: 24px; background-color: #f2f2f2; }
.freebook_notice .wrap { text-align: left; }
.freebook_notice .title { margin: 0 4.1667%; padding-top: 20px; font-size: 15px; color: #010101; letter-spacing: -1.5px; }
.freebook_notice .list { margin: 0 4.1667%; padding-left: 15px; list-style: decimal; }
.freebook_notice .list li { margin-top: 15px; line-height: 1.6; font-size: 12px; color: #1e1e1e; }
.freebook_notice .list ul { margin-left: -12px; }
.freebook_notice .list li li { position: relative; margin-top: 0; padding-left: 8px; color: #535353; letter-spacing: -.9px; }
.freebook_notice .list li li:before { content: '-'; position: absolute; top: 0; left: 0; display: block; color: #1e1e1e; }
.freebook_notice .list .highlight { font-weight: bold; color: #ff0000; }
.freebook_notice .action { margin-top: 11px; text-align: center; font-size: 0; }
.freebook_notice .action a { display: inline-block; width: 43.75%; margin-left: 4px; }
.freebook_notice .action a:first-child { margin-left: 0; }

@media only screen and (min-width: 720px) {
    .freebook_notice { padding-bottom: 48px; }
    .freebook_notice .title { padding-top: 40px; font-size: 24px; }
    .freebook_notice .list { padding-left: 20px; }
    .freebook_notice .list li { margin-top: 30px; font-size: 18px; }
    .freebook_notice .list ul { margin-left: -20px; }
    .freebook_notice .list li li { padding-left: 16px; }
    .freebook_notice .action { margin-top: 22px; }
    .freebook_notice .action a { margin-left: 8px; }
}

.freebook_banner { background: #fff;}
.freebook_banner .wrap { padding: 0 2%;}

@-webkit-keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}