@charset "utf-8";

.freebook_container .container { position: relative; }
.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; }

/* freebook_count */
.freebook_count { font-size: 13px; color: #000; background-color: #ffd34b; }
.freebook_count .count_list { display: inline-block; padding: 10px 0 9px; font-size: 0; }
.freebook_count .count { display: inline-block; width: 21.5px; height: 30.5px; margin-left: 2px; font-size: 18px; font-weight: bold; color: #fff; background: url('//img.eduwill.net/Img2/mobile2/brand_new/event/freebook/ten/bg_count.png') no-repeat center top; background-size: auto 100%; }

@media only screen and (min-width: 720px) {
	.freebook_count { font-size: 26px; }
	.freebook_count .count_list { padding: 20px 0 18px; }
	.freebook_count .count { width: 43px; height: 61px; margin-left: 4px; font-size: 36px; }
}

/* freebook_title */
.freebook_title {
	background: -moz-linear-gradient(284deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(183,27,27,1) 60%, rgba(183,27,27,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(183,27,27,1)), color-stop(100%, rgba(183,27,27,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(284deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(183,27,27,1) 60%, rgba(183,27,27,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(284deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(183,27,27,1) 60%, rgba(183,27,27,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(284deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(183,27,27,1) 60%, rgba(183,27,27,1) 100%); /* ie10+ */
	background: linear-gradient(166deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(183,27,27,1) 60%, rgba(183,27,27,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b71b1b',GradientType=0 ); /* ie6-9 */
}
.freebook_title a { position: absolute; top: 87.81725888324873%; left: 53.3333%; right: 10.8333%; }
.freebook_title .notice { position: absolute; top: 83%; left: 0; right: 0; font-size: .6875rem; color: rgba(255, 255, 255, .8); }

@media only screen and (min-width: 720px) {
	.freebook_title .notice { font-size: .875rem; }
}

/* freebook_intro */
.freebook_intro { background-color: #7d0d0d; }

/* freebook_book */
.freebook_book { padding-bottom: 28px; background-color: #e8e2d5; }
.freebook_book .holder { position: relative; }
.freebook_book .action { position: absolute; top: 35.1048951048951%; left: 0; right: 0; }
.freebook_book .action .col { width: 52.083333%; }
.freebook_book .action .col:first-child { width: 47.916667%; }
.freebook_book .book_list { margin: 0 4.1667%; }
.freebook_book .book_list .item { margin-top: 5px; }
.freebook_book .book_list .item:first-child { margin-top: 0; }

@media only screen and (min-width: 720px) {
	.freebook_book { padding-bottom: 56px; }
	.freebook_book .book_list .item { margin-top: 10px; }
}

.fbn { position:absolute; top:49.9679743795%; right:4.44444444444%; width:31.25%; z-index:100;}
.fbn .date { position:absolute; top:68%; left:0; width:100%; text-align:center; color:#00547e; font-size:11px;}
.fbn .date span { font-family:verdana; font-weight:bold;}
.special_coupon { background:#f3f3f3;}
.special_coupon .badge { position:absolute; display:table; width:62px; height:62px; top:26.83438155136%; right:6.52777777778%; text-align:center; border-radius:50%; background:#ffda0a;}
.special_coupon .badge span { display:table-cell; vertical-align:middle; font-size:13px; color:#000; font-weight:400; line-height:1.2;}
.special_coupon .badge span em { font-family:'Verdana' !important; font-weight:700; font-size:15px;}
.special_coupon .event_text { position:absolute; top:42.89622641509%; left:26.77777777778%; width:46.05555555556%; text-align:center; font-size:11px; color:#494949; font-weight:500; letter-spacing:-1px; line-height:1.5;}
.special_coupon .plus { display:block; position:absolute; top:-30px; left:50%; margin-left:-30px; width:60px; height:60px; background:url('//img.eduwill.net/Img2/common/promotion/freebook/190503/plus.png') 0 0 no-repeat; background-size:60px;}

@media only screen and (min-width:720px) {
	.apply_con .btn_group { max-width:600px;}
	.apply_con .btn_group a:first-child:after { top: -40px; right:-30px; z-index:100; width:92px; height:92px; background-size:92px;}

	.fbn .date { font-size:16px;}
	.special_coupon .badge { width:122px; height:123px;}
	.special_coupon .badge span { font-size:25px;}
	.special_coupon .badge span em { font-size:30px;}
	.special_coupon .event_text { font-size:20px;}
}

/* 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 .apply_count { display: inline-block; 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: calc(100%/3); width: 33%; 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 { position:relative; display: table; width: 100%; height: 76px; 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; }

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

	.freebook_apply .apply_count .action { padding-left: 8px; }
	.freebook_apply .apply_count .btn { height: 153px; }
	.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; }
}

/* freebook_notice */
.freebook_notice { padding-bottom: 24px; background-color: #f4f3f3; }
.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 .highlight { font-weight: bold; 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 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 .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_event */
.freebook_event { padding-bottom: 30px; background-color: #f2d8aa; }
.freebook_event .event_top { position: relative; }
.freebook_event .flag { position: absolute; top: 40%; left: 86%; width: 43px; height: 43px; padding: 6px 0; line-height: 1.2; font-size: 12px; color: #fff; border-radius: 50%; background-color: #9c593e; -webkit-box-sizing: border-box; box-sizing: border-box; }
.freebook_event .flag strong { display: block; }
.freebook_event .info_wrap { position: absolute; bottom: 15px; left: 10px; right: 10px; text-align: left; }
.freebook_event .info_wrap .info_title { margin: 0; font-size: 14px; font-weight: bold; color: #333; }
.freebook_event .info_wrap .clearfix { margin-top: 5px; }
.freebook_event .info_wrap .grid { float: left; width: 33%; height: 105px; margin-left: .5%; padding: 5px; line-height: 1.25; font-size: 11px; color: #333; letter-spacing: -1px; border-radius: 5px; background-color: #fff; }
.freebook_event .info_wrap .grid:first-child { margin-left: 0; }
.freebook_event .info_wrap .num { width: 10%; font-size: 13px; font-weight: bold; color: #1a9658; }
.freebook_event .info_wrap .desc { width: 90%; }
.freebook_event .info_wrap .action { margin-top: 7px; }
.freebook_event .info_wrap .btn { display: inline-block; padding: 2px 3px; font-size: 11px; border-radius: 13px; }
.freebook_event .info_wrap .btn span { line-height: inherit; }
.freebook_event .info_wrap .nth_child_1 .btn { margin-top: 3px; text-align: center; color: #028951; border: 1px solid #028951; }
.freebook_event .info_wrap .nth_child_1 .btn:first-child { margin-top: 0; }
.freebook_event .info_wrap .list { margin-top: 5px; margin-left: -5px; }
.freebook_event .info_wrap .list li { line-height: 1; margin-top: 4px; }
.freebook_event .info_wrap .list .btn { height: 12px; padding: 0 3px; color: #028951; border-radius: 12px; background-color: #fff7d4; }
.freebook_event .info_wrap .list .btn span { display: inline-block; }
.freebook_event .info_wrap .list .btn span:after { content: ''; display: inline-block; width: 4px; height: 4px; margin-left: 2px; vertical-align: 2px; border-top: 1px solid #028951; border-right: 1px solid #028951; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.freebook_event .info_wrap .nth_child_3 .btn { color: #fff; background-color: #028951; }

.freebook_event .event_bottom { margin: 0 10px; padding: 10px 15px; border-radius: 5px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.freebook_event .comment_wrap .comment_form { position: relative; width: 100%; height: 40px; border: 2px solid #d71a21; border-radius: 5px; }
.freebook_event .comment_wrap .core { position: relative; width: 100%; height: 100%; padding: 18px 20px; background-color: #fff; }
.freebook_event .comment_wrap .text { width: 70%; height: 100%; padding: 0 10px; font-size: 12px; border-radius: 5px; }
.freebook_event .comment_wrap .btn { float: right; width: 30%; padding: 6px 0 8px; background-color: #d71a21; }
.freebook_event .comment_wrap .btn span { font-size: 12px; font-weight: bold; color: #fff; }
.freebook_event .comment_wrap .btn span:after { content: ''; display: inline-block; width: 5px; height: 5px; margin-left: 2px; vertical-align: 1px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.freebook_event .notice { margin-top: 5px; text-align: left; font-size: 12px; color: #999; }

.freebook_event .table_wrap { margin-top: 21px; border-radius: 5px; background-color: #fff; }
.freebook_event .table_comment { width: 100%; table-layout: fixed; border-bottom: 1px solid #ddd; }
.freebook_event .table_comment th { position: absolute; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 0px; height: 0px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px; }
.freebook_event .table_comment td { padding: 10px 0; border-top: 1px solid #ddd; font-size: 13px; color: #777; }
.freebook_event .table_comment .text_left { text-align: left; padding: 10px; color: #444; }
.freebook_event .table_comment span { display: inline-block; }
.freebook_event .table_comment .url { max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.freebook_event .table_comment .new { margin-left: 5px; padding: 1px 3px 2px 2px; line-height: 1; text-align: center; font-family: verdana !important; font-size: 10px; color: #fff; background-color: #e62a29; }
.freebook_event .table_comment .comment { margin: 0; }
.freebook_event .table_comment .comment.select { font-size: 14px; color: #333; }
.freebook_event .table_comment .comment.user { margin-top: 5px; font-size: 13px; color: #666; }

.freebook_event .paging { margin-top: 20px; font-size: 13px; }
.freebook_event .paging .btn { position: relative; display: inline-block; width: 18px; height: 18px; vertical-align: middle; border: 1px solid #dedede; }
.freebook_event .paging .btn:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 6px; height: 6px; margin: -4px 0 0 -3px; border-top: 1px solid #999; border-right: 1px solid #999; }
.freebook_event .paging .btn_prev:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.freebook_event .paging .btn_next:before { margin-left: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.freebook_event .paging strong { color: #e62a29; }

.freebook_event .event_notice { margin: 15px 10px 0; text-align: left; }
.freebook_event .event_notice .title { padding-top: 3px; font-size: 13px; font-weight: bold; color: #6d5a38; }
.freebook_event .event_notice .list { margin-top: 5px; }
.freebook_event .event_notice .list li { position: relative; padding-left: 10px; line-height: 1.7; font-size: 12px; color: #957d55; letter-spacing: -.6px; }
.freebook_event .event_notice li:before { content: ''; position: absolute; top: 10px; left: 0; display: block; width: 2px; height: 2px; background-color: #a69e89; }

@media only screen and (min-width: 480px) {
	.freebook_event .info_wrap .grid { padding: 10px; font-size: 12px; }
}

@media only screen and (min-width: 720px) {
	.freebook_event { padding-bottom: 60px; }
	.freebook_event .flag { width: 86px; height: 86px; padding: 12px 0; font-size: 24px; }
	.freebook_event .info_wrap { bottom: 30px; left: 20px; right: 88px; }
	.freebook_event .info_wrap .info_title { font-size: 24px; }
	.freebook_event .info_wrap .clearfix { margin-top: 10px; }
	.freebook_event .info_wrap .grid { height: 210px; padding: 10px; font-size: 18px; }
	.freebook_event .info_wrap .num { font-size: 20px; }
	.freebook_event .info_wrap .action { margin-top: 14px; }
	.freebook_event .info_wrap .btn { padding: 2px 15px; font-size: 16px; border-radius: 26px; }
	.freebook_event .info_wrap .nth_child_1 .btn { margin-top: 6px; }
	.freebook_event .info_wrap .list { margin-top: 10px; margin-left: -10px; }
	.freebook_event .info_wrap .list li { margin-top: 8px; }
	.freebook_event .info_wrap .list .btn { height: 16px; padding: 0 6px; border-radius: 16px; }
	.freebook_event .info_wrap .list .btn span:after { width: 4px; height: 4px; margin-left: 2px; vertical-align: 2px; }

	.freebook_event .event_bottom { margin: 0 20px; padding: 20px 30px; }
	.freebook_event .comment_wrap .comment_form { height: 50px; }
	.freebook_event .comment_wrap .core { padding: 18px 20px; }
	.freebook_event .comment_wrap .text { font-size: 12px; }
	.freebook_event .comment_wrap .btn { padding: 10px 0 11px; }
	.freebook_event .comment_wrap .btn span { font-size: 18px; }

	.freebook_event .notice { margin-top: 10px; font-size: 14px; }

	.freebook_event .table_wrap { margin-top: 40px; }
	.freebook_event .table_comment td { padding: 20px 0; font-size: 16px; }
	.freebook_event .table_comment .text_left { padding: 20px; }
	.freebook_event .table_comment .new { margin-left: 5px; padding: 1px 3px 2px 2px; font-size: 10px; }
	.freebook_event .table_comment .comment.select { font-size: 14px; }
	.freebook_event .table_comment .comment.user { margin-top: 5px; font-size: 13px; }

	.freebook_event .paging { margin-top: 30px; font-size: 18px; }
	.freebook_event .paging .btn { width: 30px; height: 30px; }

	.freebook_event .event_notice { margin: 30px 20px 0; }
	.freebook_event .event_notice .title { padding-top: 6px; font-size: 18px; }
	.freebook_event .event_notice .list { margin-top: 10px; }
	.freebook_event .event_notice .list li { font-size: 14px; }
}