@charset "utf-8";
body { position:relative;}
:-moz-placeholder { color: #cacaca; }
::-webkit-input-placeholder { color: #cacaca; }
.grid { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; }
.grid:before,
.grid:after { content: ''; display: table; }
.grid:after { clear: both; }
.grid .col { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

input { padding:10px; height:34px; color:#666; font-size:13px; border:1px solid #d5d5d5; background:#fff; box-sizing:border-box;}
input.inputs.disable { background:#dedede;}
input.disable { background:#dedede;}
[disabled] { background:#dedede;}
textarea.tarea { padding:10px 20px; width:100%; height:100px; color:#000; border:1px solid #d6d6d6; resize:none; box-sizing:border-box;}
button {-webkit-appearance:button; background:none; bottom:0; cursor:pointer;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}

.btn { display:inline-block; text-align:center; box-sizing:border-box; border:0 none; color:#fff;}
.btn_a { min-width:80px; height:34px; font-size:14px; font-weight:400; background:#aaa !important;}
.btn_b { min-width:170px; height:48px; font-size:16px; font-weight:700; background:#00a817 !important;}
.btn_c { min-width:170px; height:48px; font-size:16px; font-weight:700; color:#333 !important; background:#ffde00 !important;}

/* form control : input [checkbox, radio] select */
.control { display:block; position:relative; padding-left:26px; cursor:pointer; font-size:14px;}
.control input { position:absolute;z-index:-1;opacity:0;}
.control_indicator {position:absolute;top:2px;left:0;height:18px;width:18px;background:#fff; border:1px solid #cdcdcd; box-sizing:border-box;}
.control-radio .control_indicator {border-radius:50%;}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {background:#fff;}
.control input:checked ~ .control_indicator {background:#fff;}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {background:#fff;}
.control input:disabled ~ .control_indicator {background:#e6e6e6;opacity:0.6;pointer-events:none;}
.control_indicator:after {content:'';position:absolute;display:none;}
.control input:checked ~ .control_indicator:after {display:block;}
.control-checkbox .control_indicator:after {left:9px;top:4px;width:4px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);}
.control-checkbox input:disabled ~ .control_indicator:after {border-color:#7b7b7b;}
.control-radio .control_indicator:after {left:3px;top:3px;height:10px;width:10px;border-radius:90px;background:#00a817;}
.control-radio input:disabled ~ .control_indicator:after {background:#7b7b7b;}
.select {position:relative;display:inline-block;margin-bottom:15px;width:100%;}
.select:after { content:''; position:absolute;top:50%; right:15px; margin-top:-3px; width:0;height:0;pointer-events:none;border-style:solid;border-width:6px 6px 0 6px;border-color:#999 transparent transparent transparent;}
.select select {display:inline-block;width:100%;cursor:pointer;padding:6px 10px 7px;outline:0;border:0;border-radius:0;background:#fff;color:#666;border:1px solid #d5d5d5;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.select select::-ms-expand {display:none;}
.select select:hover,
.select select:focus {color:#000;background:#fff; border-color:#000;}
.select select:disabled {opacity:0.5;pointer-events:none;background:#dedede;}
.select_arrow {}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {border-top-color:#000;}
.select select:disabled ~ .select_arrow {border-top-color:#ccc;}

.promotion_wrap * { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', Sans-Serif; letter-spacing: -1px;}
.promotion_wrap .wrap { position:relative; width: 1100px; margin: 0 auto;}
.promotion_wrap .clearfix {*zoom:1}
.promotion_wrap .clearfix:after {content:""; display: block; clear: both;}
.promotion_wrap .sr-only { 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; }

.montserrat { font-family: 'Montserrat', 'Noto Sans KR', '맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', Sans-Serif;}

.container { }
.section_count { height:80px; text-align:center; color:#fff; font-size:22px; font-weight:700; line-height:80px; letter-spacing:-1px; background:#191500; box-sizing:border-box;}
.section_count strong {color:#fff200;}
.section_count span { display:inline-block; margin:0 12px;}
.section_count span em { display:inline-block; width:40px; height:50px; text-align:center; font-weight:bold; font-family:verdana; font-size:34px; line-height:50px; background:url('https://img.eduwill.net/Img2/Common/promotion/towel/bg_count.png') 0 0 no-repeat;}


.section_01 { background:#fdcc01 url('https://img.eduwill.net/Img2/Common/promotion/towel/bg_01.jpg') 50% 0 no-repeat;}
.section_01 .obj_01 { position:absolute; bottom:-54px; left:-68px; z-index:10;}
.section_01 .obj_02 { position:absolute; bottom:-24px; left:763px; z-index:10;}

.section_02 { background:#00a817;}
.section_02 .text { position:absolute; top:610px; left:50px; line-height:28px; color:#000; font-weight:400; letter-spacing:-1px; text-align:left; font-size:18px;}
.section_02 .text .highlight_1 { color:#fff200; font-weight:500;}
.section_02 .text .highlight_2 { color:#fff; font-weight:700;}
.section_02 .action { position:relative; width:1000px; margin:0 auto 100px;}
.section_02 .col { display:block; position:relative; width:490px; height:88px;}
.section_02 .btn_2 { float:right;}
.flag { display:inline-block; position:absolute; top:-27px; left:170px; z-index:100;  animation:bounce 1.5s infinite both; -webkit-animation:bounce 1.5s infinite both;}
@-webkit-keyframes bounce { 0%,100% { -webkit-transform: translateY(8px); transform: translateY(8px); }  50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@keyframes bounce { 0%,100% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
.section_02 .notice { background:#008e13;}
.section_02 .notice ul { padding:35px 50px; text-align:left;}
.section_02 .notice li { color:#8cdd97; font-size:15px; font-weight:400; letter-spacing:-.5px; line-height:28px;}

.section_03 { padding-bottom:305px; background:#22bbdd;}
.section_03 .text { position:absolute; top:610px; left:50px; line-height:28px; color:#000; font-weight:400; letter-spacing:-1px; text-align:left; font-size:18px;}
.section_03 .text span { font-weight:500;}
.section_03 .comming_soon { position:absolute; left:50px; bottom:-405px; z-index:10;}
.section_03 .comming_soon .text { position:absolute; top:156px; left:345px; padding:0; margin:0; font-weight:400; color:#0e6679; font-size:14px;}
.section_03 .comming_soon .no_1 { position:absolute; top:265px; left:94px;}
.section_03 .comming_soon .result_text { position:absolute; top:265px; left:360px; line-height:85px;}
.section_03 .comming_soon .result_text span { display:inline-block; color:#fff; font-weight:400; font-size:40px;}
.section_03 .comming_soon .result_text span strong { font-weight:900;}
.section_03 .comming_soon .result_text span em { color:#fff200; font-weight:900;}
.section_03 .comming_soon .result_text span.nth_child_2 { margin-left:30px;}

.section_result { background:#ff79cb;}
.section_result > .wrap { padding:139px 0 100px;}
.section_result .animate_img { position:absolute; bottom:0; left:930px; z-index:10;}
.section_result .result_table { width:1000px; margin:0 auto; border-radius:10px; background:#fff;}
.section_result .result_table table { width:100%;}
.section_result .result_table thead tr th { height:65px; vertical-align:middle; color:#fff; font-weight:500; font-size:18px; background:#e05bad;}
.section_result .result_table thead tr th:first-child { border-radius:10px 0 0 0;}
.section_result .result_table thead tr th.last { border-radius:0 10px 0 0;}
.section_result .result_table td { height:64px; vertical-align:middle; color:#333; font-weight:400; font-size:18px; border-top:1px solid #d6c8d0;}
.section_result .result_table tbody tr:first-child td { border-top: 0;}
.section_result .btn_number { margin-top:41px;}
.section_result .notice { background:#e05bad;}
.section_result .notice ul { padding:35px 50px; text-align:left;}
.section_result .notice ul li { color:#ffc4e8; font-weight:400; font-size:15px; line-height:28px; letter-spacing:-1px;}

.section_04 { background:#fff200 url('https://img.eduwill.net/Img2/Common/promotion/towel/bg_04.jpg') 50% 0 no-repeat;}
.section_04 .action { position:absolute; top:1112px; left:50%; width:1000px; margin-left:-500px; z-index:100;}
.section_04 .col { display:block; position:relative; width:490px; height:88px;}
.section_04 .btn_2 { float:right;}
.section_04 .notice { background:#ffde00;}
.section_04 .notice ul { padding:35px 50px; text-align:left;}
.section_04 .notice ul li { color:#5e540e; font-weight:400; font-size:15px; line-height:28px; letter-spacing:-1px;}
.section_04 .notice ul li strong { font-weight:500;}

.section_slogan { background:url('https://img.eduwill.net/Img2/Gov2/promotion/150318/bg_pattern2.gif') repeat left top;}
.section_slogan .full_wrap { width:100%; background:url('https://img.eduwill.net/Img2/Gov2/promotion/150318/bg_end.gif') no-repeat 50% top;}
.section_slogan .wrap { width:900px;}

.in { display:block !important;}
.layer { display:none; position:absolute; top:1010px; left:50%; width:600px; margin-left:-300px; background:#fff; border:8px solid #fff200; box-sizing:border-box; z-index:10004;}
.layer.layer_5 { width:700px; margin-left:-350px;}
.layer .layer_wrap { }
.layer .layer_head { padding:20px 0 28px; text-align:center; line-height:1; background:#fff200;}
.layer .layer_body { padding:30px 32px; box-sizing:border-box;}
.form li { display:table; margin-bottom:12px; text-align:left;}
.form li .subject { display:table-cell; width:85px; line-height:34px; vertical-align:middle; text-align:left; color:#000; font-size:15px; font-weight:400;}
.form li .input { width:435px;}
.form li .select { width:220px; margin-bottom: 0; }
.form li .input input { position:relative; top:-1px; width:80%;}
.form li .input button { margin-left:4px;}
.form li .input .full_width{ width:100%;}
.form li.address .full_width{ margin-top:8px;}
.form li .input span { display:inline-block; color:#aaa; margin-top:8px; font-size:13px; font-weight:400;}

.privacy .text { padding:18px; text-align:left; background:#fafafa; box-sizing:border-box; border:1px solid #d5d5d5;}
.privacy .text strong { display:block; margin-bottom:8px; font-size:14px; font-weight:400; color:#333;}
.privacy .text p { padding:0; margin:0; font-size:13px; color:#888; line-height:1.4; font-weight:300;}
.privacy .agree_radio { margin:10px 0 20px; text-align: right; }
.privacy .agree_radio .control { display:inline-block; line-height:20px; margin-left: 20px; }

.btn_apply button { border:0 none; background:none;}

.form_textarea li { position:relative; color:#000; font-size:15px; font-weight:400; line-height:30px; text-align:left;}
.form_textarea li label { display:block;}
.form_textarea li textarea { padding:18px; width:100%; height:200px; line-height:24px; color:#666; font-size:14px; font-weight:400; background:#fff; border:1px solid #d5d5d5; resize:none; box-sizing:border-box; }
.form_textarea li .textarea_read { background:#f5f5f5;}
.form_textarea li .text_length { margin-top:10px; text-align:right; font-size:12px; color:#aaa; font-weight:400; line-height:1;}

.layer .btn_group { margin-top:30px;}
.layer .btn_group button { display:inline-block; margin:0 5px; background:none; border:0 none;}
.layer_foot { margin:20px 0 0; font-size:13px; color:#999; font-weight:400;}
.layer_foot a { display:inline-block; color:#333; margin-left:5px;}

.layer.layer_5 .btn_group { margin-top:20px;}
.layer.layer_5 .btn_group button { padding:0; margin:0;}
.layer.layer_5 .btn_group button:first-child { margin-right:8px;}
.layer.layer_5 .notice { margin-top:30px; text-align:left;}
.layer.layer_5 .notice li { line-height:1.7; color:#999; font-size:13px; font-weight:400;}

.desc { margin:0 0 24px;}
.share_box { margin-top:30px; text-align:left;}
.share_box label { display:block; font-size:15px; font-weight:400; color:#000; margin-bottom:8px;}
.share_box .share_link { position:relative; }
.share_box .share_link input { display:inline-block; width:390px; height:60px; font-size:16px; font-weight:500; color:#aaa; background:#f5f5f5; letter-spacing:0;}
.share_box .share_link a { display:inline-block; vertical-align:top; margin-left:3px;}

.layer .layer_close { position:absolute;top:7px;right:7px;width:56px;height:56px;}
.layer .layer_close:before,.layer .layer_close:after{content:'';position:absolute;top:50%;left:50%;display:block;width:34px;height:2px;margin-left:-17px;background-color:#000;}
.layer .layer_close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.layer .layer_close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.layer .layer_close .sr_only { 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;}
.layer_dim { display: none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:10002;}
#zipcode_layer { display:none; position: absolute; width: 500px; top: 1100px; z-index: 100005; border:6px solid #00a817; left: 50%;margin-left: -250px;}

.layer.layer_notice { top:190px; margin-left:220px; width:340px; border:0; background:none;}
.layer.layer_notice .layer_head { padding:19px 0; background:#00a817;}
.layer.layer_notice .layer_body { padding:30px 0; background:#fff; border:8px solid #00a817; border-top:0 none;}
.layer.layer_notice .layer_body p { margin:15px 0 0; font-size:15px; color:#666; line-height:1.4;}
.layer.layer_notice .layer_body p:first-child { margin-top:0;}
.layer.layer_notice .layer_body p .highlight_1 { color:#00a817;}
.layer.layer_notice .layer_body p .highlight_2 { color:#fd350a;}
.layer.layer_notice .layer_foot { margin:0; padding:12px 15px 12px 0; text-align:right; background:rgba(0,0,0,.7);}
.layer.layer_notice .layer_foot span { padding-left:2px; color:#fff; font-weight:500; font-size:15px;}
.layer.layer_notice .layer_foot .layer_close { position:relative; width:auto; height:auto; top:0; margin-left:30px;}
.layer.layer_notice .layer_foot .layer_close:before,
.layer.layer_notice .layer_close:after{content:'';position:absolute;top:50%;left:0;display:block;width:16px;height:2px;background-color:#fff;}