@charset "utf-8";

.promotion_wrap { position: relative; background-color: #fff; }
.promotion_wrap,
.promotion_wrap div,
.promotion_wrap p,
.promotion_wrap li,
.promotion_wrap input,
.promotion_wrap table th,
.promotion_wrap table td { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', Sans-Serif; letter-spacing: -1px; }
.promotion_wrap .container { position: relative; margin: 0; border: 0;}
.promotion_wrap .wrap { position: relative; max-width: 720px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.promotion_wrap .verdana { font-family: verdana; }
.promotion_wrap img { vertical-align:top;}

.bx-wrapper { margin: 0 auto !important; } 
.bx-wrapper .bx-viewport { background: none; box-shadow: none; border: 0;left: 0;} 
.bx-wrapper img { display: inline; } 

.common_slogan { padding-bottom: 20px; background: url('https://img.eduwill.net/Img2/Common/slogan/mobile/bgx_slogan.png') 0 0 repeat;}
.slogan_text { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #787a7d; letter-spacing:-.5px;}
.tel_info { font-size: 16px; font-weight: 500; color: #787a7d; letter-spacing:-.5px;}
.tel_info span { display: inline-block;}
.tel_info span:before { content:'|'; position: relative; top:-2px; margin: 0 5px 0 3px; font-size: 12px; font-weight: 700;}
@media only screen and (min-width: 720px) {
	.common_slogan { padding-bottom: 40px;}
	.slogan_text { font-size: 26px;}
	.tel_info { font-size: 26px;}
	.tel_info span:before { content:'|'; position: relative; top:-4px; margin: 0 10px 0 6px; font-size: 18px;}
}

.grid { position: relative; *zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box; }
.grid:before,
.grid:after { content: ''; display: table; }
.grid:after { clear: both; }
.grid .col { position: relative; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sr_only { display: inline-block; position: absolute; z-index: -1; clip: rect(0 0 0 0); width: 1px; height: 1px; *height: 0; margin: -1px; padding: 0; overflow: hidden; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px; }

.top_banner { background-color: #275591;}

.section_title { background: #3311a0;} 
.section_price { background: #fff;}

.section01 { padding: 0 0 38px 0; background:#fff;}
.section01 .box { position:relative; padding:20px 0; width: 100%; margin:0 auto; box-sizing:border-box; border-radius:15px 15px 0 0; background: #eceded;
background: -moz-linear-gradient(top, #eceded 0%, #ffffff 100%); 
background: -webkit-linear-gradient(top, #eceded 0%,#ffffff 100%); 
background: linear-gradient(to bottom, #eceded 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#ffffff',GradientType=0 );}
.winner_title { margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #000;}
.winners { position: relative; width: 85%;margin:0 auto;overflow: hidden;background-color: transparent;}
.winner_inner {overflow: hidden;}
.winner_inner p {float: left;width: 33.3%;margin: 0;font-size: 11px;height: 22px;line-height: 22px;color: #535353;font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun gothic';text-align: center;letter-spacing: -1px;text-align: left;}
.winner_inner p span {margin-right: 5px;}

.interview { padding: 0 4.16666666667%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.interview ul li { margin-bottom:15px; text-align:center; width:100%;}
.interview ul li .mov_box { position:relative;}
.interview ul li a { position:relative; z-index:1;}
.interview ul li iframe { position:absolute; top:0; left:0; width:100%; z-index:0;}
.interview ul li p { margin:10px 0 0; font-size:16px; color:#1f1f1f; font-weight:500;}
.interview ul li p strong { position:relative; z-index:1;}
.btn_review { margin-top:30px; padding:0 20%; text-align:center;}

@media only screen and (min-width: 720px) {
	.section01 { padding: 0 0 75px 0;}
	.section01 .box { padding:40px 0;}
	.winner_title { margin-bottom: 40px; font-size: 40px; letter-spacing:-2px;}
	.winner_inner p { font-size: 18px;height:44px;line-height: 44px;}
	.winner_inner p span {margin-right: 10px;}

	.interview ul li { margin-bottom:30px;}
	.interview ul li p { margin:20px 0 0; font-size:24px;}
}

.bg_gradi { 
	background: #ffda45;
	background: -moz-linear-gradient(left, #ffda45 0%, #ffbc66 100%); 
	background: -webkit-linear-gradient(left, #ffda45 0%,#ffbc66 100%);
	background: linear-gradient(to right, #ffda45 0%,#ffbc66 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda45', endColorstr='#ffbc66',GradientType=1 );
}

.section_sub_title { position:relative; background:#2901ae; z-index:10;}
.section_sub_title .wrap { padding: 24px 0; text-align: center; font-size: 20px; color: #fff; font-weight: 400; letter-spacing:-1px; line-height: 1.2;}
.section_sub_title .wrap strong { font-size: 25px; font-weight: 700;}
.section_sub_title .wrap strong span { color: #ffd600; font-weight: 700;}

.section_02 { background:#f0ecff;}

.section_03 { background: #fff;}
[class^="article_"] { position: relative;}
.section_03 .plus { position: absolute; bottom:-17px; left:50%; margin-left: -17px; width: 34px; height: 34px; background: url('//img.eduwill.net/Img2/Won2/promotion/gov/190610/plus.png') 0 0 no-repeat; z-index: 10; -webkit-background-size: 34px; background-size: 34px;}
.classroom { padding-bottom: 30px;}
.classroom .padder { padding: 0 4.16666666667%;}
.classroom .noti { margin-top: 5px; text-align: right; font-size: 11px; color: #888;}

@media only screen and (min-width: 720px) {
	.section_sub_title .wrap { padding: 48px 0; font-size: 40px; letter-spacing:-2px;}
	.section_sub_title .wrap strong { font-size: 50px; letter-spacing:-2px;}
	.section_03 .plus { bottom:-34px; margin-left: -34px; width: 68px; height: 68px; -webkit-background-size: 68px; background-size: 68px;}
	.classroom { padding-bottom: 60px;}
	.classroom .noti { margin-top: 10px;font-size: 14px;}
}

.apply-tab { border-bottom:2px solid #1c1f26;}
.apply-tab:after { content:' '; display:block; overflow:hidden; clear:both;}
.apply-tab a { display:block; float:left; width:50%; height:85px; line-height:83px; font-size:30px; color:#aaa; font-weight:700; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #dfdfdf;}
.apply-tab a.on { color:#fff; font-weight:700; font-size:30px; background:#1c1f26; border-color:#1c1f26;}

/* bxSlider */
.slide_wrap { position: relative; z-index: 1; width: 100%; margin: 0 auto; border: 4px solid #000; box-sizing:border-box;-webkit-box-sizing: border-box; }
.bx-wrapper { position: relative; z-index: 1; width: 100%; overflow: hidden;margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; }
.bx-wrapper .bx-viewport { width: 100%; overflow: hidden; }

.bx-pager  {width: 100%;margin: 0 auto;}
.bx-pager ul{ display: table; width: 100%; height: 40px; table-layout: fixed; }
.bx-pager li {display: table-cell; width: 100%; background-color: #38393f;border-left: 1px solid #4e4e50;}
.bx-pager li:first-child{border-left: 0}
.bx-pager li a{ display: block;line-height: 40px;vertical-align: middle; text-align: center;  box-sizing: border-box; -webkit-box-sizing: border-box; color: rgba(255,255,255, .6); font-size: 13px;font-weight: 700;}
.bx-pager a.active { background-color: #000; color: #ffda45;opacity: 1;}

.bx-wrapper .bx-controls-direction a{width: 23px;height: 31px;margin-top: -16px; -webkit-background-size: 23px; background-size: 23px;}
.bx-wrapper .bx-prev{background:url(//img.eduwill.net/Img2/Won2/promotion/g170623/180615/arrow_left.png) 0 0 no-repeat;}
.bx-wrapper .bx-next{background:url(//img.eduwill.net/Img2/Won2/promotion/g170623/180615/arrow_right.png) 0 0 no-repeat;}
.bx-wrapper .bx-prev:hover{background:url(//img.eduwill.net/Img2/Won2/promotion/g170623/180615/arrow_left.png) 0 0 no-repeat;}
.bx-wrapper .bx-next:hover{background:url(//img.eduwill.net/Img2/Won2/promotion/g170623/180615/arrow_right.png) 0 0 no-repeat;}

@media only screen and (min-width: 720px) {
	.bx-pager ul{ height: 60px;}
	.bx-pager li a{ line-height: 60px; font-size: 18px;}
	.bx-wrapper .bx-controls-direction a{width: 46px;height: 62px;margin-top: -32px; -webkit-background-size: 46px; background-size: 46px;}
}


.section_apply { padding:24px 0;}
.table_row { border-top: 2px solid #000; border-bottom: 2px solid #000; table-layout:fixed; border-collapse:collapse;}
.table_row th { font-size: 13px; font-weight: 700; color: #000; text-align: center; vertical-align: middle; border-bottom: 1px solid #a6a6a6; background: #eee;}
.table_row td { padding: 10px 12px; text-align: left; font-size: 13px; color: #000; line-height: 1.4; font-weight: 300; border-bottom: 1px solid #b2b2b2;}
.table_row td .red_color { color: #ff0000;}

.price_wrap .badge { width: 20%;}
.price_wrap .price { width: 49%; padding: 15px 10px 0 0; text-align: right; font-size: 25px; font-weight: 700; color: #000; box-sizing:border-box;}
.price_wrap .price strong { font-family: 'Montserrat'; font-weight: 700; color: #000; font-size: 30px;}
.price_wrap .button { width: 31%; padding-top: 10px;}
.price_wrap .button a { display: table; position: relative; width: 100%; height: 50px; background: #ff0000;}
.price_wrap .button a span { display: table-cell; vertical-align: middle; padding: 0 0 0 10px; color: #fff; line-height: 1.3; text-align: left;}
.price_wrap .button a span em { font-size: 13px;}
.price_wrap .button a span em:after { content:' >'; display: inline-block; margin-left: 3px;}
.price_wrap .button a span strong { display: block; font-family: 'Montserrat'; font-weight: 700; font-size: 18px;}

.emblem { background: #242031;display: inline-block;height: 40px;position: relative;width: 80px; display: table;}
.emblem:before {border-top: 22px solid #242031;border-left: 40px solid transparent;border-right: 40px solid transparent;content: "";height: 0;left: 0;position: absolute;bottom: -22px;width: 0;}
.emblem div { display:  table-cell; vertical-align: bottom; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2;}

@media only screen and (min-width: 720px) {
	.section_apply { padding:48px 0;}
	.table_row th { font-size: 24px;}
	.table_row td { padding: 20px 24px; font-size: 20px;}

	.price_wrap .price { padding: 30px 20px 0 0; font-size: 40px;}
	.price_wrap .price strong { font-size: 50px;}
	.price_wrap .button { padding-top: 20px;}
	.price_wrap .button a { height: 100px;}
	.price_wrap .button a span { padding: 0 0 0 15px;}
	.price_wrap .button a span em { font-size: 22px;}
	.price_wrap .button a span em:after { margin-left: 6px;}
	.price_wrap .button a span strong { font-size: 28px;}

	.emblem { height: 80px;position: relative;width: 160px; display: table;}
	.emblem:before {border-top: 35px solid #242031;border-left: 80px solid transparent;border-right: 80px solid transparent;content: "";height: 0;left: 0;position: absolute;bottom: -35px;width: 0;}
	.emblem div { font-size: 28px;}
}