@charset "utf-8";

.freebook-container { position: relative; background-color:#fff; }
.freebook-container .container { position: relative; text-align: center; background-repeat: no-repeat; background-position: center top; /*background-size: auto 100%;*/ }
.freebook-container .wrap { position: relative; width:100%; max-width:720px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.freebook-container .verdana { font-family: verdana; }
.freebook-container img { width:100%; max-width:720px; }

.section_a { background: url(http://img.eduwill.net/Img2/mobile2/brand_new/event/ahaengjung/190215/bg_title.png) no-repeat center top; /*background-size: auto 100%;*/ }
.section_b { padding:0 0 7% 0; background:#ffeee6; }
.section_b .apply_list li { color:#000; font-size:14px; }
.section_b .apply_list li span { font-weight:bold; }
.section_b .go_apply { display:block; margin:5% 13.4% 0 13.4%; }
.section_b .go_apply img { width:100%; }
.section_c { background:#f5f5f5; }
.section_d { background:#23865b; }
.section_f { background:#1a1a1a; }

/* etc */
.bg-gray { background-color: #eee; }
.bg-yellow { background-color: #fff6d2; }

/* freebook-count */
/*
.freebook-count { position: relative; height: 32.5px; padding: 10px 0; font-size: .9375rem; letter-spacing: -1px; color: #fff; font-weight:bold; line-height:32.5px; background:#333252; }
.freebook-count span { display: inline-block; width: 21.5px; height: 30.5px; margin-right: 2px; vertical-align: 0; line-height: 29px; font-size: 20px; font-weight: bold; color: #fff; background: url('https://img.eduwill.net/Img2/mobile2/brand_new/event/freebook/xat/190103/bg_num.png') no-repeat 50% top; background-size: 100% auto; }

@media only screen and (min-width: 640px) {
	.freebook-count { font-size: 26px; line-height:61px;}
	.freebook-count span { width: 43px; height: 61px; line-height: 61px; font-size: 2.5rem; vertical-align:-4px;}
}
*/

.freebook-title { position:relative; background: url('https://img.eduwill.net/Img2/mobile2/brand_new/event/winnerNote_license/bg_title.png') 50% 0 no-repeat; background-size:cover;}
.freebook-title .top_evt { position:absolute; top:37%; left:0; right:0; width:100%; box-sizing:border-box;}
.freebook-title .top_evt ul li { text-align:center; line-height:1.8; font-size:13px; color:#ffffff; font-weight:bold;}
.freebook-title .top_evt ul li strong { display:inline-block; font-weight:700; margin-right:4px; letter-spacing:1px;}
.freebook-title .bottom_evt { position:absolute; bottom:2%; left:0; right:0; width:100%; box-sizing:border-box;}
.freebook-title .bottom_evt ul li { text-align:center; line-height:1.2; font-size:11px; color:#939394; }

/* .floating_banner { position:absolute; top:46.6%; left:8.75%; width:33.4375%;} */

.freebook-button { background:#f3f3f3;}
.freebook-button .btn-apply { padding:0 15.4%; box-sizing:border-box;}
.freebook-button .btn-apply a { display:inline-block; padding:8px 0 9px; width:100%; text-align:center; color:#303030; font-size:15px; letter-spacing:-1px; line-height:1.2; background:#ffcc00; border:2px solid #1c1c1c; border-bottom:5px solid #1c1c1c; border-radius:5px; box-sizing:border-box;}
.freebook-button .btn-apply a em { position:relative; display:inline-block; color:#000; font-size:11px; letter-spacing:-1px; font-weight:bold;}
.freebook-button .btn-apply a.active { color:#fff; background:#ec4e4f;}
.freebook-button .btn-apply a.active em { color:#fff;}

.content-note img { width:100%;}
.content01 { background: #f3f3f3; 
/*background: -moz-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); background: linear-gradient(to bottom, #f3f3f3 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e6e6',GradientType=0 ); */
}

.content-planner { background:#00bee9;}
.content-planner .plus { position:absolute; top:-22px; left:50%; margin-left:-22px; width:45px;}

@media only screen and (min-width: 640px) {
	.freebook-button .btn-apply a { padding:17px 0; font-size:30px; border-width:3px; border-bottom:7px solid #1c1c1c; letter-spacing:-3px; line-height:1;}
	.freebook-button .btn-apply a em { font-size:14px;}
	.content-planner .plus { position:absolute; top:-44px; left:50%; margin-left:-44px; width:87px;}
}

/* freebook-apply */
.freebook-apply { background-color: #242736; }
.freebook-apply .wrap { padding: 35px 0 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 { font-size: 35px; color: #ffd53a; -webkit-animation: .5s flash step-start infinite; animation: .5s flash step-start infinite; }
@-webkit-keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}
.freebook-apply .apply-count { margin:15px 18% 0 18%; padding:4px 4px; font-size:0; background-color: #000; }
.freebook-apply .apply-count .count { width: 66%; }
.freebook-apply .apply-count .count span { display: inline-block; width:48%; margin-left:2%; }
.freebook-apply .apply-count .count span:first-child { margin-left: 0; }

.freebook-apply .apply-count .action { width: 33%; margin-left:1%; }
.freebook-apply .apply-count .btn { display: table; width: 100%; height: 80px; 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: 9px; letter-spacing: -1px; }
.freebook-apply .apply-count .btn strong { font-size: 14px; color: #cdcccc;  letter-spacing:-2px;}
.freebook-apply .apply-count .btn em { font-size: 11px; letter-spacing:-2px;}

.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: #48dd3a; }
.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 #48dd3a; -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 .desc .verdana { font-size: 60px; }
	.freebook-apply .apply-count { width: 100%; margin:30px auto 0 auto; padding: 8px }
	.freebook-apply .apply-count .action { padding-left:0; }
	.freebook-apply .apply-count .btn { height:200px; }
	.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 .title strong { color:#df1e1e;}
.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 li .btn-join { display:inline-block; margin-left:1px; width:70px; height:18px; text-align:center; color:#fff; font-weight:400; font-size:11px; line-height:18px; border-radius:8px; background:#545454; -webkit-box-shadow: 2px 2px 0px 0px rgba(210,210,210,1); -moz-box-shadow: 2px 2px 0px 0px rgba(210,210,210,1);box-shadow: 2px 2px 0px 0px rgba(210,210,210,1);}
.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-apply .apply-count .btn { height:220px; }

	.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-notice .list li .btn-join { margin-left:3px; width:90px; height:24px; font-size:14px; line-height:24px; border-radius:10px;}
}

/* layer */
/*
.layer-complete { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.layer-complete.in { display: block; }
.layer-complete .layer-wrap { position: absolute; top: 0; left: 0; right: 0; max-width: 580px; background-color: #fff; }
.layer-complete .layer-title { margin-top: 20px; font-size: .8125rem; color: #888; }
.layer-complete .layer-title strong { position: relative; z-index: 1; display: inline-block; font-size: 1.25rem; color: #111; }
.layer-complete .layer-title strong:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 16px; background-color: #fff1a6; }
.layer-complete .layer-body { text-align: left; }
.layer-complete .action { margin: 0 10.9375%; }
.layer-complete .info { margin: 15px 5%; }
.layer-complete .info li { position: relative; margin-top: 5px; padding-left: 10px; font-size: .75rem; color: #333; }
.layer-complete .info li:first-child { margin-top: 0; }
.layer-complete .info .highlight { margin-top: 10px; color: #f13408; }
.layer-complete .info li:before { content: '*'; position: absolute; top: 0; left: 0; }
.layer-complete .info li li { margin-top: 0; font-size: .75rem; color: #666; }
.layer-complete .info li li:before { content: '-'; }
.layer-complete .layer-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; }
.layer-complete .layer-close a { position: relative; display: block; width: 100%; height: 100%; }
.layer-complete .layer-close a:before,
.layer-complete .layer-close a:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; background-color: #000; }
.layer-complete .layer-close a:before { top: 50%; width: 20px; height: 1px; margin-left: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.layer-complete .layer-close a:after { top: 50%; width: 1px; height: 20px; margin-top: -10px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

@media only screen and (min-width: 640px) {
    .layer-complete .layer-wrap { left: 50%; right: auto; margin-left: -290px; }
}
*/