@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}

.nanumsquare { font-family: 'NanumSquare', sans-serif !important;}
body{font-size:20px;}
img{width:100%;}
input[type="radio"]{border:1px solid #ddd;height:40px;line-height:40px;vertical-align:bottom;box-sizing:border-box;box-sizing: border-box; padding: 0; vertical-align:middle; width:18px; height:18px; cursor:pointer;margin-right:0 !important;}
.chk_wrap label{font-size:1.2em;color:#000;cursor:pointer;vertical-align:bottom;font-weight:300;margin-left:10px;}

.lv_header{text-align:center;background:#ffd800;}
.lv_header img{max-width:1080px;}

/*.lv_con{height:1183px;}*/


/*시작화면*/
.lv_pc{width:100%;max-height:1183px;}
.lv_mo{display:none;}
.lv_pc .lv_main{background:#3f3f3f;text-align:center;position:relative;}
.lv_pc .lv_main .inbody{max-width:1257px;}
.lv_pc .lv_main a{position:absolute;bottom:90px;left:50%;margin-left:-141px;}

/*초중고 영상*/
.lv_vod {width:100%;max-width:1080px;font-size:0;margin:60px auto;}
.lv_vod ul{font-size:20px;display:inline-block;width:28%;vertical-align:top;}
.lv_vod ul:nth-child(2){margin:0 8%;}
.lv_vod li{border-bottom:1px solid #757575;color:#444;}
.lv_vod li span{display:block;text-align:center;padding-bottom:30px;border-bottom:1px solid #757575;}
.lv_vod li span > img{width:auto;height:66px;}
.lv_vod li p{color:#28b863;margin-bottom:10px;}
.lv_vod li div{padding-bottom:30px;}
.lv_vod h3{height:80px;line-height:80px;cursor:pointer;font-weight:400;word-break:keep-all;}
.lv_vod li div{margin-top:-20px;}
.lv_vod ul div{display: none;}
.lv_vod li.active ul {display: block;}

/*기타배너*/
.banner_box{width:100%;text-align:center;}
.banner_box .event{background:#fcd850;}
.banner_box .etc{background:#333;}
.banner_box .pc{width:1080px;}
.banner_box .mo{display:none;}

/*문제영역*/
.ez-radio{background-size:contain !important;}
.exam_wrap{width:100%;max-width:1080px;margin:0 auto;}
.inbody_header{position:relative;margin:60px 0 20px;padding-bottom:10px;border-bottom:1px solid #ffdf2f;color:#444;}
.inbody_header span{position:absolute;top:10px;right:0;}
.inbody_header strong{color:#1914dc;}
.inbody_header p{font-size:1.5em;font-weight:500;}
.exam_tit{margin-bottom:50px;position:relative;}
.exam_txt{font-weight:300;height:850px;overflow:hidden;}
.exam_txt p{font-size:1.25em;color:#000;display:table-cell;padding-left:10px;}
.exam_txt .chk_wrap span{display:block;margin-bottom:5px;}
.exam_txt li{margin-bottom:60px;}
.exam_txt .num{display:table-cell;border-radius:50px;background:url(../../leveltest/img/ico_circle.png) no-repeat;background-size:contain;width:40px;height:40px;line-height:40px;text-align:center;font-size:1.050em;margin-right:10px;color:#fff;vertical-align:top;font-weight:400;cursor:default;}
.exam_txt .correct{background:url(../../leveltest/img/ico_correct.png) no-repeat;background-size:contain;}
.exam_txt .wrong{background:url(../../leveltest/img/ico_wrong.png) no-repeat;background-size:contain;}
.chk_wrap{margin-top:20px;padding-left:50px;}
.exam_type5 .word_box span{display:inline-block;padding:0 15px;height:40px;line-height:36px;text-align:center;background:#f0f6fc;border:2px solid #c2c2c2;border-radius:5px;margin-right:5px;font-size:1.2em;cursor:pointer;}
.exam_type5 .word_box span:last-child{margin-right:0;}
.exam_type5 .word_box{padding-left:50px;}
span.line{display:inline-block;width:150px;height:40px;background:url(../../leveltest/img/line_bg.jpg) repeat-x bottom;vertical-align:bottom;}
span.line2{display:inline-block;width:600px;min-width:300px;height:1px;background:url(../../leveltest/img/line_bg.jpg) repeat-x bottom;vertical-align:bottom;margin:0 0 30px 50px;}
.time_wrap{display:table;width:100%;height:100%;text-align:center;}
.time_wrap button >img{width:auto;height:87px;}
.time_con{display:table-cell;vertical-align:middle;}
.time_con p{display:block;margin-bottom:120px;font-weight:500;font-size:2em;color:#444;padding-left:0;}
.answer_box{padding-left:50px;margin-top:10px;height:40px;position:relative;width:100%;max-width:600px;}
.answer_box span{display:inline-block;width:auto;padding:0 4px;height:40px;line-height:40px;vertical-align:top;font-size:1.2em;text-align:left;}
.answer_box:after{content:'.';position:absolute;right:0;bottom:0;}
.question_14 .answer_box:after{content:'?';position:absolute;right:0;bottom:0;}

/*결과분석*/
.result_wrap h4{font-size:1.25em;text-align:left;font-weight:bold;padding:20px 0;}
.result_wrap .info{font-size:0.9em;text-align:right;}
.result_1_box{font-size:0;margin-bottom:50px;width:100%;max-width:972px;}
.result_1_box .pic{width:17%;margin-right:3%;display:inline-block;vertical-align:top;}
.result_1_box p{width:80%;padding:20px 40px;background:#ffe6df;display:inline-block;font-size:20px;box-sizing:border-box;word-break:keep-all;border-radius:5px;}
.result_1_graph{border-left:1px solid #666;width:100%;margin-bottom:10px;position:relative;}
.graph_wrap .lv_bar{font-size:0;}
.graph_wrap .result_1_graph .lv_bar{max-width:90%;}
.result_1_graph .lv_bar li{display:inline-block;font-size:23px;height:65px;line-height:65px;text-align:center;}
.result_1_graph .lv_bar li:nth-child(1){width:30%;background:#fef7f2;}
.result_1_graph .lv_bar li:nth-child(2){width:45%;background:#ffe6df;}
.result_1_graph .lv_bar li:nth-child(3){width:25%;background:#ffbebe;}
.result_1_graph .my_score{font-size:0;position:relative;}
.result_1_graph .score_bar{height:85px;background:#bf3761;margin:67px 0;display:inline-block;}
.result_1_graph .bar_bg{height:85px;background:#bf3761;margin:67px 0;display:inline-block;}

.result_1_graph .dot_line{display:inline-block;width:1px;height:220px;border-right:1px dashed #000;margin-left:-1px;}
.result_1_graph .score_num{display:inline-block;font-size:25px;height:85px;padding:87px 0 47px 0;vertical-align:top;}
.graph_wrap{width:100%;position:relative;margin-bottom:50px;}
.graph_wrap .end{position:absolute;bottom:0;right:0;color:#666;font-size:1em;}
.graph_wrap .zero{color:#666;font-size:1em;}
.result_1_line{position:absolute;width:90%;height:1px;border-bottom:1px solid #666;bottom:0;}
.result_1_graph .lv_num{width:90%;position:absolute;}
.score_num_box{display:inline-block;}
.result_2 .graph_wrap{width:90%;}

.graph_con{overflow:hidden;}
.graph_con .graph_bar{width:auto;max-width:90%;}
.graph_con .graph_bar > div{height:85px;background:#bf3761;margin:67px 0;float:left;}
.graph_con .graph_num{float:left;}

.result_1{width:100%;height:700px;}
.result_2{width:100%;height:772px;}
.result_2_graph{border-left:1px solid #666;border-bottom:1px solid #666;}
.result_2_graph .lv_bar li{display:inline-block;width:20%;height:56px;line-height:56px;text-align:center;font-size:23px;}
.result_2_graph .lv_bar li:nth-child(1){background:#fff6bd;}
.result_2_graph .lv_bar li:nth-child(2){background:#ffec74;}
.result_2_graph .lv_bar li:nth-child(3){background:#ffe229;}
.result_2_graph .lv_bar li:nth-child(4){background:#ffc600;}
.result_2_graph .lv_bar li:nth-child(5){background:#ffb400;}
.result_2_graph .my_score{font-size:0;width:100%;height:180px;}
.result_2_graph .my_score li{display:inline-block;width:20%;padding:0 30px;box-sizing:border-box;height:180px;vertical-align:bottom;text-align:center;position:relative;}
.result_2_graph .my_score .bar{width:50%;background:#4bbf38;position:absolute;bottom:0;left:50%;margin-left:-25%;}
.result_2_graph .my_score .bar_wrap{width:100%;height:70%;position:absolute;bottom:0;left:0;}
.result_2_graph .my_score span{font-size:25px;position:absolute;top:-40px;left:50%;width:100%;margin-left:-50%;}
.result_2 .howto{background:#ffe6df;;padding:20px 40px;font-size:0.9em;width:100%;max-width:970px;box-sizing:border-box;}
.result_2 .btn_wrap{margin:70px auto 10px;text-align:center;}

/*정오답*/
.paper_wrap .exam_txt{height:auto;}
.answer_wrap{margin-top:20px;padding-left:50px;}
.answer_wrap p{display:block;font-size:1.2em;font-weight:500;padding-left:0;}
.answer_wrap .my_answer{margin-bottom:5px;}
.answer_wrap .wrong_answer{color:#e53935;}
.answer_wrap .correct_answer{color:#089537;}
.paper_wrap .inbody_header{margin-bottom:40px;}


/*paging*/
.paging_wrap{position:relative;text-align:center;}
.paging{display:block;margin:30px auto 60px;text-align:center;padding-top:10px;}
.paging li{display:inline-block;width:37px;height:37px;margin-right:5px;color:#000;font-size:1.25em;}
.paging li a{cursor:default;}
.paging li .active{background:#e53935;color:#fff;display:block;width:37px;height:37px;border-radius:50px;line-height:37px;}
.lv_con button{border:none;}
.paging_wrap button{margin-left:5px;vertical-align:middle;}
.paging_wrap button > img{width:auto;height:72px;}
.paging_wrap .mo_paging{display:none;}
.lv_con button.back{margin-left:0;}
.paging li.arrow{width:29px;height:auto;}
.paging li.arrow a{cursor:pointer;}
.paging li.arrow img{width:auto;}
.paging li.lf a{display:block;margin-right:20px;}
.paging li.rt a{display:block;}
.paging li.rt{margin-right:0;margin-left:0;}

/*레이어팝업*/
#popup_wrap {width:260px; height:160px; background:#fff; position:fixed; top:50%; left:50%; margin:-80px 0 0 -130px; z-index:9999; display:none;box-sizing:border-box;padding:20px;border-radius:10px;}
#popup_wrap .pop_con{text-align:center;margin-top:20px;}
#mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5) repeat; top:0; left:0; z-index:999; display:none;}
.pop_con button { width: 100px; height: 40px; line-height: 40px; background: #3d3d3d; color: #ffffff; text-align: center; border: none; font-size: 16px;margin:20px 0;border-radius:5px;}


@media screen and (max-width: 1024px){
    .lv_con{height:auto;}
    .exam_wrap{width:92%;margin:0 auto;}
    
    .graph_con .graph_bar{max-width:90%;}
    .graph_wrap .result_1_graph .lv_bar{max-width:90%;}
    .result_1_line{width:90%;}
    .result_1_graph .lv_num{width:90%;}

}


@media screen and (max-width: 768px){
    .lv_header{display:none;}
    
    .banner_box .pc{display:none;}
    .banner_box .mo{display:block;}
    
    .lv_vod{margin:25px auto;}
    .lv_vod ul{width:92%;margin:0 auto;display:block;font-size:17px;}
    .lv_vod ul:nth-child(2){margin:40px auto;}
    .lv_vod li span > img{height:45px;}
    .lv_vod h3{height:55px;line-height:55px;}
    .lv_vod li div{margin-top:-10px;}
    
    .lv_pc{display:none;}
    .lv_mo{display:block;position:relative;}
    .lv_mo .lv_main a{position:absolute;bottom:70px;left:50%;margin-left:-141px;}
    
    .chk_wrap{padding-left:0;}
    .exam_txt{height:350px;}
    .exam_txt p, .exam_txt label{font-size:1em;}
    .ez-radio{display:table-cell !important;background-position:0 8px !important;}
    .exam_txt label{display:table-cell;padding-left:10px;}
    .exam_tit p{font-size:0.8em;word-break:keep-all;line-height:130%;}
    .exam_tit p+p{font-size:0.9em;margin-top:10px;}
    .exam_txt .num{font-size:0.85em;width:30px;height:30px;line-height:30px;}
    .exam_type5 .word_box{padding-left:0;}
    .exam_type5 .word_box span{padding:0 10px;margin:0 10px 20px 0;font-size:1em;border:1px solid #c2c2c2;height:32px;line-height:32px;}
    span.line{height:30px;width:100px;}
    .exam_txt .chk_wrap span{margin-bottom:15px;}
    .paging_wrap .paging{display:none;}
    .paging_wrap .mo_paging{display:block;margin-bottom:20px;}
    .lv_con button{margin-left:0;margin:20px auto 40px;}
    .paging_wrap button > img{width:auto;height:40px;}
    span.line2{display:inline-block;width:100%;margin:0 0 30px 0;}
    
    
    .time_wrap button >img{width:auto;height:45px;}
    .time_con p{margin-bottom:0;}
    .time_wrap button{margin:20px auto;}
    
    .result_1, .result_2{height:auto;}
    .result_1_box .pic{display:block;width:100%;text-align:center;margin:10px 0;}
    .result_1_box .pic img{width:142px;}
    .result_1_box p{display:block;width:100%;font-size:16px;padding:20px 10px;}
    .result_wrap h4{font-size:1em;font-weight:bold;color:#e84e0e;}
    .result_wrap .info{font-size:0.7em;margin-top:-10px;}
    .result_1_box{margin-bottom:70px;}
    
    .result_1_graph .lv_bar li{height:34px;line-height:34px;font-size:16px;}
    .result_1_graph .score_bar{height:40px;margin:35px 0;}
    .result_1_graph .dot_line{height:110px;}
    .result_1_graph .score_num{height:70px;padding:40px 0 0 0;font-size:16px;}
    .graph_wrap .end, .graph_wrap .zero{font-size:0.7em;}
    .result_1_graph{margin-bottom:0;}
    .graph_con .graph_bar > div{height:40px;margin:35px 0;}
    
    .result_2_graph .lv_bar li{font-size:16px;height:34px;line-height:34px;}
    .result_2_graph .my_score span{top:-30px;font-size:16px;}
    .result_2 .btn_wrap{margin:30px auto;}
    .btn_wrap .enter{width:200px;}
    .result_con .paging_wrap .next, .result_con .paging_wrap .finish{display:none;}
    .result_2 .howto{padding:20px 10px;font-size:16px;}
    .result_2_graph .my_score{height:120px;min-width:300px;}
    .result_2_graph .my_score li{height:120px;}
    .answer_box span{font-size:1em;padding:0 2px;}
    .answer_box{padding-left:0;}
    /*.answer_long span{font-size:0.975em;letter-spacing:-1px;}*/
    
    .answer_wrap{padding-left:40px;}
    .answer_wrap p{font-size:1em;}
    
    .guide_wrap .pc{display:none;}
    .guide_wrap .mo{display:block;background:#fff;position:absolute;width:270px;height:230px;top:50%;margin-top:-115px;left:50%;margin-left:-135px;z-index:9999;display:block;font-family: 'Nanum Gothic', dotum, sans-serif;border-radius:10px;text-align:center;}
    .guide_wrap .pop_close{position:absolute;top:11px;right:4px;}
    .guide_wrap .pop_close img{width:20px;}
    .guide_txt{font-size:18px;color:#666;font-weight:bold;margin:0 0;}
    
    .lv_bottom_box{display:none;}
}

@media screen and (max-width: 480px){
    .lv_mo .lv_main a img{width:160px;}
    .lv_mo .lv_main a{display:inline-block;position:absolute;bottom:30px;left:50%;margin-left:-80px;}
    .inbody_header p{font-size:1.050em;}
    .inbody_header span{font-size:0.85em;top:5px;}
    .question_15 .answer_box{height:auto !important;min-height:40px;} 
    
}

@media screen and (max-width: 360px){
    .inbody_header p{font-size:0.9em;}
    .inbody_header span{font-size:0.8em;top:0;}
    .exam_type4 .exam_txt{min-height:350px;height:auto !important;}
}

@media screen and (max-width: 320px){
    
}