@charset "utf-8";


select { padding:5px 13px; min-width:180px; font-size:15px; color:#333; border:1px solid #bababa; background:#fff;}

.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; }

.moi-wrap * { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', Sans-Serif; letter-spacing: -1px; }
.moi-wrap .inner { position:relative; width: 1100px; margin: 0 auto;}
.moi-wrap .clearfix {*zoom:1}
.moi-wrap .clearfix:after {content:""; display: block; clear: both;}
.moi-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; }

/* scroll */
.scrollmenu { display:none; position: absolute;top: 70px;left: 50%;margin-left: 550px;width: 140px;z-index: 100}
.scrollmenu li {text-align: left;position: relative;padding: 12px 0 12px 13px; border-bottom: dashed 1px #dedede;letter-spacing: -1px; background:#fff;}
.scrollmenu li.first {background: #000; border-radius:10px 10px 0 0; border:0 none;}
.scrollmenu li.last {border-bottom: solid 1px #c4c4c4}
.scrollmenu li:after {content: ' ';display: block;width: 4px;height: 7px;background: url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/nav_icon_off.png') no-repeat 0 0;position: absolute;bottom: 14px;right: 11px;}
.scrollmenu li.first:after,.scrollmenu li.first.on:after {background: url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/nav_first_on.png') no-repeat 0 0;}
.scrollmenu li.on {background: #f3f3f3;}
.scrollmenu li.on:after {background: url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/nav_icon_on.png') no-repeat 0 0;}
.scrollmenu li.on .t3 {color: #6a50ec;font-weight: 700;}
.scrollmenu li.first:hover:after,.scrollmenu li.first:hover:after {background: url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/nav_first_on.png') no-repeat 0 0;}
.scrollmenu li.first:hover {background: #000;}
.scrollmenu li:hover {background: #fff;font-weight: 300;}
.scrollmenu li:hover:after {background: url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/nav_icon_on.png') no-repeat 0 0;}
.scrollmenu li:hover .t3 {color: #000;font-weight: 500;}
.scrollmenu li span {font-family: "Noto Sans KR";display: block;}
.scrollmenu li .t1 {font-size: 12px;color: #fff;font-weight: 500;line-height: 13px;}
.scrollmenu li .t2 {font-size: 18px;color: #fff;font-weight: 500;line-height: 16px;}
.scrollmenu li .t2 strong {display: inline-block;padding-top: 5px;font-size: 16px;color: #fff;font-weight: 500}
.scrollmenu li .t3 {font-size: 13px;color: #999;font-weight: 300;line-height: 18px;}
.scrollmenu li .i_event {position: absolute;top: -14px;right: -15px;z-index: 1000;}
.scrollmenu li.last { border-bottom:2px solid #000; border-radius:0 0 10px 10px;}

.moi-top { background:#fff url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/bg_title.jpg') 50% 0 no-repeat;}
.moi-top .top-title { position:relative;}
.moi-top .inner { width:1000px;}
.moi-top .text-group { padding:78px 0 40px 120px; left: 120px; text-align:left;}
.moi-top .text-group .title-1 { margin-bottom: 26px; color: #fff; font-weight:700; font-size:26px;}
.moi-top .text-group .title-1 strong { color:#67fdf0;}
.moi-top .text-group .title-2 strong { font-weight: 900; color:#fff; font-size:110px; text-align:left; line-height:130px; letter-spacing:-2px;}
.moi-top .text-group .date-box { margin:20px 0 0; padding: 12px 0; width:381px; text-align:center; border:3px solid #3aa9a2;}
.moi-top .text-group .date-box p { padding: 0; margin: 0; color:#fff; font-size:21px; font-weight:500; line-height: 32px;}
.moi-top .text-group .date-box p span { color:#44ffda;}
.moi-top .text-group .tip { font-size:14px; font-weight:400; color:#fff;}
.moi-top .text-group .tip span { color:#67fdf0;}
.moi-top .upgrade { position:absolute; top: 329px; left: 485px; width:245px; height:60px; background:url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/upgrade.png') 0 0 no-repeat;}
.moi-top .flag { position: absolute; top: 113px; left: 595px; padding: 0; height:176px; width:176px; line-height:1.2; border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.moi-top .flag li { width: 176px; height: 176px;}
.moi-top .flag li div { display: table; width: 100%; height: 100%;}
.moi-top .flag li div span { display: table-cell; vertical-align: middle; color: #5035f1; font-size: 25px; font-weight:900; line-height:1.3;}
.moi-top .flag li div span strong { display:inline-block; margin-top:5px; color: #000; font-size: 26px; font-weight: 400;}

.moi-top .top-info { padding-bottom:75px;}
.moi-top .top-info .info-box { text-align:center; border-radius:30px 30px 0 0; background:#fff;}

.moi-content { position:relative;}
.moi-content .bg-1 { position:absolute; top:0; left:0; width:100%; height:661px; background:#4063bf; z-index:-1;}
.moi-content .bg-2 { position:absolute; top:1425px; left:0; width:100%; height:1171px; background:#f2f3f7; z-index:-1;}
.moi-content .content05 { background:#f2f3f7;}

/* */
.apply-wrap {}
.apply-title { height: 152px; background: #2e4789 url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/bg_apply.jpg') 50% 0 no-repeat;}
.apply-title strong { display:block; padding-top:35px; margin-bottom:4px; font-size: 45px; color: #fff; font-weight: 700; line-height: 1.5; letter-spacing:-2px;}
.apply-title span { font-size:15px; font-weight:400; color:#afe4ff;}
.apply-content { padding:50px 0 100px;background: #fff url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/bg_pattern_apply.gif') 0 0 repeat-x;}
.apply-content .inner { width:1000px;}
.apply-content .notice { margin-bottom: 20px;}
.apply-content .title { margin-bottom: 10px; font-size: 18px; font-weight: 400; color: #000; text-align: left; line-height: 27px;}
.apply-content .title span img { position:relative; top:1px; margin-right: 5px; vertical-align:top; }
.apply-content .box { padding:26px 38px; box-sizing:border-box; border:2px solid #e0e2e9; border-radius:15px; background: #fff;}
.apply-content .col { width:100%;}
/* .apply-content .col { width:50%;} */
.apply-content .list li { position: relative; padding-left: 8px; text-align:left; line-height: 24px; color:#999; font-size: 13px;}
.apply-content .list li:before { content: '-'; position: absolute; top: 0; left: 0; display: block; }
.apply-content .list li span { color:#000;}
.apply-content .list ol li { padding-left: 0; }
.apply-content .list ol li:before { display: none; }
.apply-content .list ol li p { margin: 0; line-height: 1.4; color: #999; }
.apply-content .apply-set { margin-bottom:38px;}
.apply-set .box { padding:38px;}
.apply-set .button-set { margin-bottom: 15px; text-align:left;}
.apply-set .button-set a { display:inline-block; margin-right: 25px; font-size: 21px; font-weight:700; color:#cbcbcb;}
.apply-set .button-set a.on { color: #000;}
.mock-info .nth-child-1 { width:490px;}
.mock-info .nth-child-2 { float:right; width:390px;}
.mock-info table { border-top:2px solid #9ca7c9; border-bottom:2px solid #e3e3e3;}
.mock-info table th { padding:12px 0; text-align:center; vertical-align: middle; font-weight: 500; font-size: 15px; color:#7d8dbb; background:#fdfdfd; border-bottom:1px solid #e3e3e3;}
.mock-info table td { padding:12px 39px; text-align:left; vertical-align: middle; font-weight: 400; font-size: 15px; color:#333; border-bottom:1px solid #e3e3e3;}
.mock-info .nth-child-2:after { clear:both;}
/* 무료버전 버튼 
.mock-info .nth-child-2 a { position:relative; float:left; display:table; margin-right:10px; width: 190px; height:211px; text-align:center; border-radius:10px;}
.mock-info .nth-child-2 a span { display:table-cell; vertical-align:middle; font-size:24px; line-height:32px; font-weight: 700; color:#fff;}
.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:35px; background:url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/ico_check.png') 127px 103px no-repeat;}
.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:#999;}
.mock-info .nth-child-2 .btn-check.on { margin-right:0;}
.mock-info .nth-child-2 .btn-check.on span { color:#fff;}
*/
/*유료버전 버튼*/
.mock-info .nth-child-2 a { float:left; display:table; width:390px; height:211px; text-align:center; border-radius:10px;}
.mock-info .nth-child-2 a span { display:table-cell; vertical-align:middle; color:#fff; font-size:28px; font-weight:900; letter-spacing:-1px;}
.mock-info .nth-child-2 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 a.btn-finish { background:#ddd;}
.mock-info .nth-child-2 a.btn-finish span { color:#999;}
.mock-info .nth-child-2 div { float:left; width:390px;}
.mock-info .nth-child-2 div:after { content:' '; display:block; clear:both;}
.mock-info .nth-child-2 div a { float:left; display:block; padding:3px; width:190px; height:211px; text-align:center; border-radius:10px; background:#5f76e7; box-sizing:border-box;}
.mock-info .nth-child-2 div a span { display:inline-block; padding:35px 0 26px; color:#fff; font-weight:900; font-size:25px; line-height:1.5;}
.mock-info .nth-child-2 div a em { display:inline-block; width:100%; height:70px; line-height:70px; font-size:27px; font-weight:700; color:#5f76e7; border-radius:0 0 10px 10px; letter-spacing:-1px; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); 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 div a.btn-free { margin-left:10px; background:#f52767;}
.mock-info .nth-child-2 div a.btn-free em { color:#f52767;}

.mock-select {display:none;}
.mock-select.on{display:block;}

.mock-date { position:relative;}
.mock-date .tip-message { position:absolute; right:0; top:10px; font-size:12px; color:#9c9b9b;}
.mock-date .data-table table { width:100%; border-top:2px solid #9ca7c9; border-bottom:2px solid #e0e2e9;}
.mock-date .data-table table th { height:44px; text-align:center; vertical-align:middle; font-size:14px; color:#000; font-weight:400; border-bottom: 1px solid #e0e2e9;}
.mock-date .data-table table td { height:44px; text-align:center; vertical-align:middle; font-size:13px; color:#666; font-weight:400; letter-spacing:-0.5px; border-bottom: 1px solid #e0e2e9;}
.mock-date .data-table table tr.ing td { color:#000; background:#eff2fc;}

/* SNS */
.event-wrap { background: #f2f3f7;}
.event-wrap .event-title { background: url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/bg_eventbar.jpg') 50% 0 no-repeat;}
.event-wrap .event-con { position: relative; height: 406px; background: #f2f3f7 url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/bg_event_gift_190212.jpg') 50% 0 no-repeat;}
.event-wrap .flag{ display:none; position: absolute; top: 44px; right: 50px; width:98px;line-height:1.2;font-size:20px;font-weight:400;color:#111;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 0;}
.event-wrap .flag strong { display: block; font-weight: 700;}
.event-wrap .event-bottom { background: #f2f3f7;}
.event-wrap .table-wrap { margin-top: 20px;padding: 0;}
.info-wrap { position:absolute; top: 80px; left: 50px; text-align: left; }
.event-date { padding:0; margin:25px 0 10px 20px; text-align:left; color:#028546; font-weight:700; font-size:15px; letter-spacing:-.5px;}
.info-wrap .info-title { margin: 0; font-size: 16px; font-weight: 700; color:#333;}
.info-wrap .clearfix { margin-top:12px;}
.info-wrap .grid { position: relative; float: left; padding: 17px 20px; height: 240px; margin-right: 10px; line-height:1.25; font-size:16px; font-weight:400; color:#333; border-radius:4px;background-color:#fff;}
.info-wrap .grid.nth_child_3 { width:230px;}
.info-wrap .num { margin-right: 8px; font-weight: 700; color: #009a3d;}
.info-wrap .desc > span { display:block; margin:12px 0 20px; font-size:14px; color:#333; line-height:1.2;}
.info-wrap .desc > span em { color:#009a3d;}
.info-wrap .action{margin-top:13px;}
.info-wrap .button{display:inline-block;}
.info-wrap .button span{line-height:inherit;}
.info-wrap .button span.arrow{color:#1a9658;}
.info-wrap .next-step { position: absolute; z-index: 1000; width: 22px; height: 35px; top: 30px; right: -14px; background:url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/icon_step.png') 0 0 no-repeat;}

.info-wrap .tag{ padding: 3px 14px 4px; font-size: 13px; color: #fff; border-radius: 23px; background-color: #009a3d; }
.info-wrap .sns{ font-size: 0; margin: 9px 0 0 3px; }
.info-wrap .sns .button { width:21px;height:21px;margin-left:4px;background-repeat:no-repeat;background-position:0 0;}
.info-wrap .sns .facebook { background-image:url('//img.eduwill.net/Img2/Common/Event/junsa_181015/icon_facebook.jpg');}
.info-wrap .sns .blog { background-image:url('//img.eduwill.net/Img2/Common/Event/junsa_181015/icon_naver.jpg');}
.info-wrap .sns .instagram { background-image:url('//img.eduwill.net/Img2/Common/Event/junsa_181015/icon_instagram.jpg');}
.info-wrap .sns .twitter { background-image:url('//img.eduwill.net/Img2/Common/Event/junsa_181015/icon_twitter.jpg');}
.info-wrap .sns .cafe { background-image:url('//img.eduwill.net/Img2/Common/Event/junsa_181015/icon_cafe.jpg');}
.info-wrap .list { margin-top:3px;}
.info-wrap .list li { line-height:1; margin-top: 5px; }
.info-wrap .list .button{ padding: 0 7px; height:12px;line-height:12px;font-size:13px;font-weight:400;color:#956204;border-radius:12px;background-color:#fff7d4;}
.info-wrap .list a span.arrow { display:inline-block;background:url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/arrow.png') no-repeat right top;width:4px;height:9px;padding-left: 7px;}

.event-bottom .inner { width: 1000px; background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:37px 47px 66px;}
.event-bottom .comment-wrap .comment-form { position:relative;width:100%; height:52px;border:2px solid #009a3d;}
.event-bottom .comment-wrap .textarea { width:777px;height:100%;font-size:15px;color:#666;border:none;resize:none;outline:none;padding:16px 20px;}
.event-bottom .comment-wrap .button{width:165px;background-color:#009a3d;padding:16px 0;}
.event-bottom .comment-wrap .button span{font-size:18px;font-weight:700;color:#fff;}
.event-bottom .comment-wrap .button span:after{content:'';display:inline-block;width:10px;height:10px;margin-left:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.event-bottom .comment-wrap .text { width:737px;height:100%;border:none;outline:none;padding:0 10px;}
.event-bottom .notice { text-align:left; margin-top:10px; font-size:13px; font-weight:300; color:#999; line-height:1.5;}
.event-bottom .table-comment{width:100%;table-layout:fixed;border-bottom:1px solid #ddd;font-size:13px;color:#777;}
.event-bottom .table-comment td{ padding: 20px 0; font-size:13px; border-top:1px solid #ddd; letter-spacing: 0;}
.event-bottom .table-comment .text_left {text-align:left; word-break: break-word;}
.event-bottom .table-comment .text-bold{font-size:15px;}
.event-bottom .table-comment .text_left .text_input{font-weight:700;color:#222;}
.event-bottom .paging{margin-top:40px;}
.event-bottom .paging a{display:inline-block;width:18px;height:12px;line-height:12px;vertical-align:middle;font-size:13px;font-weight:700;color:#666;}
.event-bottom .paging a.on{color:#e62a29;}

.event-bottom .event-notice { width:1000px;margin:0 auto; padding: 35px 0 55px 0; box-sizing:border-box; }
.event-bottom .event-notice .inner { background: #f2f3f7; padding:0;}
.event-bottom .event-notice dt{ padding-left:50px; width: 183px; font-size: 15px; color:#858585; text-align:left; line-height:1.5;}
.event-bottom .event-notice li { color: #888; text-align:left; line-height:24px; font-size: 13px;}
.event-bottom .event-notice li strong { color: #000; }


.event_lecture { background:url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/bg_event_190220.jpg') 50% 0 repeat;}
.event_lecture .plus { position:absolute; top:-46px; left:50%; margin-left:-49px; width:99px; height:99px; background:url('//img.eduwill.net/Img2/Common/promotion/moi_quizPack_govFire/plus.png') 0 0 no-repeat;}
.event_lecture .event_title { padding:63px 0 45px; text-align:center;}
.event_lecture .event_title p { padding:20px 0 0; margin:0; font-weight:900; font-size:55px; color:#fff; line-height:1.3; letter-spacing:-3px;}
.event_lecture .notice { padding:25px 70px 70px; text-align:left;}
.event_lecture .notice dt { margin-bottom:15px; font-size:16px; font-weight:700; color:#441200;}
.event_lecture .notice dd { color:#441200; font-size:15px; font-weight:400; line-height:1.5;}
.event_lecture .notice dd .highlight { color:#fff;}