@charset "utf-8";

.freebook .container { position: relative; background-repeat: no-repeat; background-position: center top; }
.freebook .wrap { position: relative; width: 100%; max-width: 720px; margin: 0 auto; }

/* freebook-title */
.freebook-title { background-image: url('//img.eduwill.net/Img2/Quark/promotion/freebook/191101/bg_title.jpg'); background-size: cover; }
.freebook-title .delivery { position: absolute; top: 72.19031993437244%; right: 0; text-align: left; font-size: .6875rem; color: #8ca389; }
.freebook-title .action { position: absolute; top: 84.74159146841674%; right: 5.76389%; left: 5.76389%; }
.freebook-title .action a { position: relative; display: inline-block; }
.freebook-title .action a:after { content: ''; position: absolute; top: 25.23364485981308%; right: 4.180533751962323%; display: block; width: 41px; height: 48px; background: url('//img.eduwill.net/Img2/Quark/promotion/freebook/191101/icon_finger.png') no-repeat 0 0; background-size: 100% auto; -webkit-animation: .5s slideUpY ease-in-out infinite alternate; -moz-animation: .5s slideUpY ease-in-out infinite alternate; animation: .5s slideUpY ease-in-out infinite alternate; }

@media only screen and (min-width: 720px) {
	.freebook-title .delivery { font-size: .875rem; }
	.freebook-title .action a:after { width: 82px; height: 96px; }
}

@keyframes slideUpY {
	0% {
		-webkit-transform: translate(0,10px);
		-ms-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
	100% {
		-webkit-transform: translate(-10px, 0);
		-ms-transform: translate(-10px, 0);
		transform: translate(-10px, 0);
	}
}

/* freebook-text-title */
.freebook-text-title { background-color: #012e7a; }

/* freebook-content */
.freebook-content.content-1 {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 27.91017415215399%, rgba(1,46,122,1) 27.91017415215399%, rgba(1,46,122,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 27.91017415215399%, rgba(1,46,122,1) 27.91017415215399%, rgba(1,46,122,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 27.91017415215399%, rgba(1,46,122,1) 27.91017415215399%, rgba(1,46,122,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#012e7a",GradientType=1);
}
.freebook-content.content-2 {
	background: rgb(247,238,222);
	background: -moz-linear-gradient(180deg, rgba(247,238,222,1) 0%, rgba(247,238,222,1) 64.74763406940063%, rgba(232,220,197,1) 64.74763406940063%, rgba(232,220,197,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(247,238,222,1) 0%, rgba(247,238,222,1) 64.74763406940063%, rgba(232,220,197,1) 64.74763406940063%, rgba(232,220,197,1) 100%);
	background: linear-gradient(180deg, rgba(247,238,222,1) 0%, rgba(247,238,222,1) 64.74763406940063%, rgba(232,220,197,1) 64.74763406940063%, rgba(232,220,197,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7eede",endColorstr="#e8dcc5",GradientType=1);
}
/* freebook-banner */
.freebook-banner { padding-bottom: 42px; background-color: #f6f6f6; }
.freebook-banner .action { margin: 0 8.26389%; }
.freebook-banner .action a { display: block; margin-top: 20px; }
.freebook-banner .action a:first-child { margin-top: 0; }

@media only screen and (min-width: 720px) {
	.freebook-banner { padding-bottom: 84px; }
	.freebook-banner .action a { margin-top: 40px; }
}


/* 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: 0; font-size: 30px; color: #bcd5e1; letter-spacing: -5px; }
.freebook-apply .desc strong { color:#ffd53a;}
.freebook-apply .desc .verdana { font-size: 35px; color: #ffd53a; -webkit-animation: .5s flash step-start infinite; animation: .5s flash step-start infinite; letter-spacing: 0; }
@-webkit-keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}
.freebook-apply .sub_desc { margin-top: 10px; font-size: 14px; color: #bcd5e1; letter-spacing: -2px; }
.freebook-apply .apply-count { display: inline-block; width:320px; 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:1%;}
.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: 118px; 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: #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; 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: 720px) {
	.freebook-apply .wrap { padding: 70px 40px 90px; }
	.freebook-apply .title { padding: 8px 10px 9px; font-size: 24px; }
	.freebook-apply .desc { font-size: 60px; letter-spacing:-7px;}
	.freebook-apply .desc .verdana { font-size: 60px; }
	.freebook-apply .sub_desc { margin-top: 15px; font-size: 16px;}
	.freebook-apply .apply-count { width: 100%; margin-top: 30px; padding: 8px }

	.content .content04 .wrap { padding:50px 0;}
	.content .content04 span { font-size:1.625rem; letter-spacing:-2px; margin-bottom:20px;}
	.content .content04 strong { font-size:3.25rem; letter-spacing:-8px;}
	.content .content04 .wrap:before {  width:55px; height:47px; top:-26px; background-size:55px;}
	.content .content04 .wrap:after {  width:55px; height:47px; bottom:-20px; background-size:55px;}

	.freebook-apply .apply-count .action { padding-left: 8px; }
	.freebook-apply .apply-count .btn { height: 221px; }
	.freebook-apply .apply-count .btn span { font-size: 18px; }
	.freebook-apply .apply-count .btn strong { font-size: 32px; }
	.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:25px 18px; background:#171924;}
.freebook-notice .wrap { text-align: left; color: #fff; }
.freebook-notice p { font-weight: bold; font-size: .875rem; }
.freebook-notice dl { margin-top: 10px; font-size: .8125rem; }
.freebook-notice dt { margin-top: 5px; font-size: .75rem; }
.freebook-notice dt:first-child { margin-top: 0; }


@media only screen and (min-width: 720px) {
	.freebook-notice { padding: 50px 0; }
	.freebook-notice p { margin-bottom: 20px; font-size: 1.75rem; }
	.freebook-notice dt { margin-top: 10px; font-size: 1.625rem; }
	.freebook-notice dd { font-size: 1.5rem; }
}