@charset "utf-8";

.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; }

.ico-hand { position: absolute; top: 50%; right: 10%; z-index: 1; -webkit-animation: pointerBounce 1s infinite; -moz-animation: pointerBounce 1s infinite; animation: pointerBounce 1s infinite;}
@-webkit-keyframes pointerBounce {
  0%, 100% { -webkit-transform: translate(5px, 5px); -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); }
  50% { -webkit-transform: translate(-5px, -5px); -ms-transform: translate(-5px, -5px);transform: translate(-5px, -5px); }
}
@keyframes pointerBounce {
  0%, 100% { -webkit-transform: translate(5px, 5px); -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); }
  50% { -webkit-transform: translate(-5px, -5px); -ms-transform: translate(-5px, -5px);transform: translate(-5px, -5px); }
}
.promotion * { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', Sans-Serif; letter-spacing: -1px; }
.promotion .wrap { position:relative; width: 100%; max-width: 720px; margin: 0 auto;}
.promotion .clearfix {*zoom:1}
.promotion .clearfix:after {content:""; display: block; clear: both;}
.promotion .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; }
.promotion .container { position: relative;}

.promotion-title { background: #ffcb01; background-size: cover;}
.promotion-title .title-1 { position: absolute; top: 5%; left: 0; right: 0; text-align: center; font-size: 15px; font-weight: 700; letter-spacing: -1px; color: #fff;}
.promotion-title .title-1 strong { color: #ffcb01;}
.promotion-title .title-2 {
	position: absolute; top: 31%; left: 50%; margin-left: -71px; width: 142px; height: 32px; text-align: center; line-height: 32px; color: #ffcb01; font-size: 16px; font-weight: 700; letter-spacing: -1px; border-radius: 50px; background: #3562c7;
	-webkit-box-shadow: inset 4px 3px 10px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 4px 3px 10px 4px rgba(0,0,0,0.1);
	box-shadow: inset 4px 3px 10px 4px rgba(0,0,0,0.1);
}
.promotion-title .action { position: absolute; top: 86%; left: 0; right: 0; text-align: center;}
.promotion-title .notice { position: absolute; top: 93%; padding-left: 7%; text-align: left; font-size: 12px; color: rgba(0,0,0, .6); font-weight: 300;}

@media only screen and (min-width: 720px) {
	.promotion-title .title-1 { font-size: 30px;}
	.promotion-title .title-2 { width: 284px; margin-left: -142px; height: 64px; line-height: 64px; font-size: 32px;}
	.promotion-title .notice { font-size: 18px;}
}

.promotion-graph { background: #fff url('//img.eduwill.net/resources/img/gov/event/201218/mobile/bg_graph.jpg') 0 0 repeat-x; background-size: contain;}
.promotion-slide { padding-bottom: 60px;}
.promotion-slide .slide-wrap { width: 86.11%; margin: 0 auto;}
.promotion-slide .slick-list,
.promotion-slide .slick-track { -webkit-transform: translate3d(0, 0, 0) !important;-ms-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;}
.promotion-slide .info-list { height: 46px;}
.promotion-slide .info-list .col { padding-left: 4px; width: 25%; box-sizing: border-box;}
.promotion-slide .info-list .col.list1 { padding-left: 0;}
.promotion-slide .info-list .col a { display: block; padding: 8px 0; text-align: center; color: #b9b9b9; font-weight: 700; font-size: 12px; letter-spacing: -1px; line-height: 1.4; background: #e5e5e5;}
.promotion-slide .info-list .slick-current .col a { color: #fff; background: #0096ff;}
.promotion-slide .info-contents { position: relative; top:-2px; border: 3px solid #0096ff;box-sizing: border-box;}
.promotion-slide .action { position: relative; margin: 40px auto 0; width: 86.11%;}
/* .promotion .slick-arrow { position: absolute;top: 50%;z-index: 10;content: '';padding: 0;margin: 0;border: none;background: none;outline: none;text-indent: -9999px;display: block;border-width: 0;width: 35px;height: 35px;margin-top: -35px;left: 50%;cursor: pointer;}
.promotion .slick-arrow.slick-prev { margin-left: -580px;background: url('//img.eduwill.net/resources/img/gov/event/201218/pc/btn_prev.png') 50% 0 no-repeat;}
.promotion .slick-arrow.slick-next { margin-left: 510px;background: url('//img.eduwill.net/resources/img/gov/event/201218/pc/btn_next.png') 50% 0 no-repeat;} */

.promotion-system { background: #fafafa;}
.promotion-info { background: url('//img.eduwill.net/resources/img/gov/event/201218/mobile/bg_info.jpg') 0 0 repeat-x; background-size: contain;}
.promotion-apply-title { background: #0095fe;}
.promotion-apply-title .wrap:after { content: ''; display: block; position: absolute; left: 50%; left: 5%; bottom: -38px; width: 31px; height: 39px; z-index: 1; background: url('//img.eduwill.net/resources/img/gov/event/201218/mobile/arrow.png') 0 0 no-repeat; background-size: cover;}
@media only screen and (min-width: 720px) {
	.promotion-slide { padding-bottom: 120px;}
	.promotion-slide .info-list { height: 92px;}
	.promotion-slide .info-list .col { padding-left: 8px;}
	.promotion-slide .info-list .col a { padding: 17px 0; font-size: 20px;}
	.promotion-slide .action { margin-top: 80px;}
	.promotion-apply-title .wrap:after { width: 63px; height: 78px; bottom: -77px; }
}

.apply-content { padding:60px 0 0; background:#f2f3f7;}
.apply-content .title { text-align:left; font-size:15px; color:#000; line-height:32px; font-weight:bold;}
.apply-content .title > span { display:inline-block; margin-right:5px;}
.apply-content .title > span img { position:relative; top:-2px;}

.apply-wrap .notice,
.apply-wrap .apply-set,
.apply-wrap .mock-date { max-width:640px; margin:0 auto;}


.apply-wrap {}
.apply-wrap .title { margin-bottom:5px;}
.apply-wrap .title span { vertical-align:middle;}
.apply-wrap .title span img { }
.apply-wrap .box { padding:5%; border-radius:15px; background:#fff; border:2px solid #e0e2e9;}
.apply-wrap .notice { padding:0 4.68%; margin-bottom:16px;}
.apply-wrap .notice ul li { text-align:left; font-size:14px; line-height:1.5; color:#676767;}
.apply-wrap .notice ul li span { color:#000;}
.apply-wrap .notice ul li span.highlight { color:#ff0000;}

.apply-wrap .notice .list-2 li { position: relative; padding-left: 8px; color:#999; font-size: .75rem; }
.apply-wrap .notice .list-2 li:before { content: '-'; position: absolute; top: 0; left: 0; display: block; }
.apply-wrap .notice .list-2 ol li { padding-left: 0; }
.apply-wrap .notice .list-2 ol li:before { display: none; }
.apply-wrap .notice .list-2 ol li p { margin: 0; font-size: .6875rem; color: #999; }

@media only screen and (min-width: 720px) {
	.apply-content { padding-top: 118px;}
	.apply-wrap .notice .list-2 li { font-size: .875rem; }
	.apply-wrap .notice .list-2 ol li p { font-size: .75rem; }
}

.apply-wrap .apply-set { padding:0 4.68%; margin-bottom:20px;}
.apply-wrap .apply-set .box { padding:7% 5%; border-radius:0 15px 15px 15px}
.apply-wrap .button-set { position:relative; top:2px; height:40px;}
.apply-wrap .button-set:after { content:' '; display:block; clear:both;}
.apply-wrap .button-set a { float:left; display:block; width:24%; height:36px; margin-left:2px; text-align:center; line-height:38px; font-weight:bold; color:#bdc2d3; font-size:16px; background:#f2f3f7; border:2px solid #e0e2e9; border-radius:15px 15px 0 0;}
.apply-wrap .button-set a:first-child { margin-left:0;}
.apply-wrap .button-set a.on { height:38px; background:#fff; color:#000; border-bottom:0 none;}

.mock-info .nth-child-1 { margin-bottom:20px;}
.mock-info .nth-child-2 { width:100%;}
.mock-info table { width:100%; border-top:2px solid #9ca7c9; border-bottom:2px solid #e3e3e3;}
.mock-info table th { padding:10px 0; text-align:center; vertical-align: middle; font-weight: bold; font-size: 14px; color:#7d8dbb; background:#fdfdfd; border-bottom:1px solid #e3e3e3;}
.mock-info table td { padding:10px 20px; text-align:left; vertical-align: middle; font-weight: bold; font-size: 14px; color:#333; border-bottom:1px solid #e3e3e3;}
.mock-info select { width:100%; height:35px;}
.mock-info .nth-child-2:after { clear:both;}

.mock-info .nth-child-2 a { position:relative; display:table; margin-right:2%; width: 49%; padding:3%; text-align:center; border-radius:10px; box-sizing:border-box;}
.mock-info .nth-child-2 a span { display:table-cell; vertical-align:middle; font-size:14px; line-height:18px; font-weight: bold; color:#fff;}
.mock-info .nth-child-2 .btn-apply span { padding-right:5%; background:url('https://img.eduwill.net/Img2/mobile2/brand_new/event/govNewMock/arrow.png') 85% center no-repeat; background-size:9px;}
.mock-info .nth-child-2 .btn-apply,
.mock-info .nth-child-2 .btn-check.on{ background:#d54747;}
.mock-info .nth-child-2 .btn-success { background:#7d8dbb;}
.mock-info .nth-child-2 .btn-success span { padding-right:5%; background:url('https://img.eduwill.net/Img2/mobile2/brand_new/event/govNewMock/check.png') 85% center no-repeat; background-size:14px;}
.mock-info .nth-child-2 .btn-check.off {  margin-right:0; background:#ddd;} 
.mock-info .nth-child-2 .btn-finish { cursor:default; background:#ddd;}
.mock-info .nth-child-2 .btn-check.off span,
.mock-info .nth-child-2 .btn-finish span { color:#fff;}
.mock-info .nth-child-2 .btn-check.on { margin-right:0;}
.mock-info .nth-child-2 .btn-check.on span { color:#fff;}

@media only screen and (min-width: 640px) {
	.mock-info .nth-child-2 a span { font-size:18px;	line-height:22px;}
}

.mock-info .nth-child-2.modify a { position:relative; display:table; width:100%; height:111px; text-align:center; border-radius:5px; box-sizing:border-box;}
.mock-info .nth-child-2.modify a span { display:table-cell; vertical-align:middle; font-size:18px; line-height:22px; font-weight: bold; color:#fff;}
.mock-info .nth-child-2.modify a.btn-check { background: #f52767; background: -moz-linear-gradient(left, #f52767 0%, #fe6b5c 100%); background: -webkit-linear-gradient(left, #f52767 0%,#fe6b5c 100%); background: linear-gradient(to right, #f52767 0%,#fe6b5c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f52767', endColorstr='#fe6b5c',GradientType=1 );}
.mock-info .nth-child-2.modify a.btn-finish { background:#ddd;}
.mock-info .nth-child-2.modify a.btn-finish span { color:#999;}
.mock-info .nth-child-2.modify div { float:left; width:100%; box-sizing:border-box;}
.mock-info .nth-child-2.modify div:after { content:' '; display:block; clear:both;}
.mock-info .nth-child-2.modify div a { float:left; display:block; padding:2px; margin-right:2%; width: 49%; height:111px; text-align:center; border-radius:5px; background:#5f76e7; box-sizing:border-box;}
.mock-info .nth-child-2.modify div a span { display:inline-block; padding:15px 0 13px; color:#fff; font-weight:bold; font-size:15px; line-height:1.5;}
.mock-info .nth-child-2.modify div a em { display:inline-block; width:100%; height:35px; line-height:35px; font-size:15px; font-weight:bold; color:#5f76e7; border-radius:0 0 5px 5px; letter-spacing:-1px; background: #f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );}
.mock-info .nth-child-2.modify div a.btn-free { margin-right:0; background:#f52767;}
.mock-info .nth-child-2.modify div a.btn-free em { color:#f52767;}

.mock-date { padding:0 4.68% 50px;}
.mock-date .data-table .list { margin-bottom:12px; border-top:2px solid #9ca7c9; border-bottom:1px solid #9da6ac; background:#fff;}
.mock-date .data-table .list > li { padding:15px 8px; text-align:left; border-top:1px solid #dfe3e6; }
.mock-date .data-table .list > li.ing { background:#eff6fc;}
.mock-date .data-table .list > li:first-child { border-top:0 none;}
.mock-date .data-table dl dt { font-size:16px; font-weight:bold; color:#000; line-height:1.7;}
.mock-date .data-table dl dd { font-size:14px; color:#6699cc;}
.mock-date .data-table dl dd ul { margin-top:10px; padding-top:10px; border-top:1px solid #f4f4f4;}
.mock-date .data-table dl dd ul li { font-size:12px; color:#666; line-height:1.5;}
.mock-date .data-table .tip-message { text-align:right; font-size:14px; color:#9c9b9b;}

.url_event { padding-top:23px; background:#fff;}
.url_event .inner { padding:0 15px; box-sizing:border-box;}
.msg_input { }
.msg_input:after {content:""; display:block; clear:both;}
.msg_input input {width:100%; border:solid 2px #999; background:#fff; height:54px; line-height:30px; box-sizing:border-box; font-size:13px; margin:0}
.msg_input a { display:block; margin-top:5px; width:100%; height:34px; line-height:34px; background:#018846; font-size:16px; font-weight:bold; color:#fff; text-align:center; cursor:pointer; }
.event_date { margin:0 0 5px; font-size:11px; text-align:left; color:#028546; font-weight:bold;}
.msg_txt {font-size:11px; color:#999; line-height:1.3; margin-top:5px; text-align:left;}