@charset "utf-8";

/* css Reset */
*	{box-sizing:border-box;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
body{overflow-x:hidden}
body{margin:0;padding:0;font-family:'NanumSquare','Jalnan';font-weight:400;font-size:18px;color:#555;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font:inherit;color:inherit;letter-spacing:-.5px;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:active,a:visited{text-decoration:none;color:inherit}
a{text-decoration:none;font-size:inherit;font-family:inherit;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;/*outline:none;*/background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
area{outline:none}

#skiptoContent{position:absolute;width:auto;top:0;margin:0 auto}
#skiptoContent dd{display:inline}
#skiptoContent a{display:inline-block;height:0;overflow:hidden;text-align:center}
#skiptoContent a:hover,#skiptoContent a:focus,#skiptoContent a:active{height:auto}

.invisible{position:absolute;left:-5000px;height:0;line-height:0;overflow:hidden}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.relative	{position:relative;}
.fixed	{position:relative;overflow:hidden;width:100%;height:100%;}

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;opacity:1;}
::-moz-placeholder {color:#666;opacity:1;}
:-ms-input-placeholder {color:#666;}

@font-face{font-family:'pretendard';font-weight:100;src:url('../fonts/Pretendard/Pretendard-Thin.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:200;src:url('../fonts/Pretendard/Pretendard-Light.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:300;src:url('../fonts/Pretendard/Pretendard-ExtraLight.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:400;src:url('../fonts/Pretendard/Pretendard-Regular.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:500;src:url('../fonts/Pretendard/Pretendard-Medium.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:600;src:url('../fonts/Pretendard/Pretendard-SemiBold.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:700;src:url('../fonts/Pretendard/Pretendard-Bold.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:800;src:url('../fonts/Pretendard/Pretendard-ExtraBold.woff2') format("woff2")}
@font-face{font-family:'pretendard';font-weight:900;src:url('../fonts/Pretendard/Pretendard-Black.woff2') format("woff2")}

@font-face{font-family:'Jalnan';font-weight:400;src:url('../fonts/Jalnan/JalnanOTF00.woff') format("woff")}

@font-face{font-family:'NanumSquare';font-weight:300;src:url('../fonts/NanumSquare/NanumSquareL.woff') format("woff")}
@font-face{font-family:'NanumSquare';font-weight:400;src:url('../fonts/NanumSquare/NanumSquareR.woff') format("woff")}
@font-face{font-family:'NanumSquare';font-weight:600;src:url('../fonts/NanumSquare/NanumSquareB.woff') format("woff")}
@font-face{font-family:'NanumSquare';font-weight:700;src:url('../fonts/NanumSquare/NanumSquareEB.woff') format("woff")}

@font-face{font-family:'NanumGothic';font-weight:300;src:url('../fonts/NanumGothic/NanumGothic-Light.woff') format("woff")}
@font-face{font-family:'NanumGothic';font-weight:400;src:url('../fonts/NanumGothic/NanumGothic-Regular.woff') format("woff")}
@font-face{font-family:'NanumGothic';font-weight:600;src:url('../fonts/NanumGothic/NanumGothic-Bold.woff') format("woff")}
@font-face{font-family:'NanumGothic';font-weight:700;src:url('../fonts/NanumGothic/NanumGothic-ExtraBold.woff') format("woff")}
.off 	{pointer-events: none;}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* ·¹À̾î Æ˾÷â */
.pop_layer  {z-index:999999;position:fixed;top:0;left:0;width:100%;height:100%; display: none;padding: 0;}
.pop_layer:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;text-indent:-9999em;font-size:0;}
.pop_layer .pop_area{position:absolute;top:50%;left:0;right:0;margin:auto;background:#fafafa;transform:translateY(-50%);height:100%;}
.pop_layer a.close	{z-index:3;position:absolute;top:0px;right:0px;width:70px;height:100%;background:#000;font-size:14px;color:#cbcbcb;font-family:'NanumGothic';font-weight:400;text-align:center;padding-top:15px;}
.pop_layer a.close:before	{content:'';display:block;width:100%;height:20px;margin-bottom:8px;background:url('../images/evaluation/common/ico_closed.png') no-repeat 50% 50%;}
.pop_layer a.close.add:before	{margin-bottom:0;margin-top:8px;}
.pop_layer .pop_header	{position:absolute;left:0;top:0;height:70px;width:100%;border-bottom:1px solid #ddd;background:#fff;}
.pop_layer .levelreport	{background:#fff;}
.pop_layer .levelreport .pop_header	{border-bottom:none;}
.pop_layer .levelreport a.close	{height:60px;width:60px;font-size:0;}
.pop_layer .levelreport a.close:before	{position:absolute;left:0;top:0;height:100%;margin-bottom:0;}

.pop_layer .logo {z-index:3;font-size:0;position:absolute;top:15px;left:40px;width:140px;height:40px;background:url('../images/evaluation/common/logo_b.png') no-repeat;background-size:auto 100%;}
.pop_layer .title	{width:100%;max-width:1200px;margin:0 auto;font-size:30px;color:#222;line-height:70px;font-family:'Jalnan';}
.pop_layer .title span	{color:#a3a3a3;font-size:24px;display:inline-block;margin-right:20px;}
.pop_layer .title span.color	{color:#014eff;margin-right:0px;font-size:30px;}
.pop_layer .pop_scroll, .pop_scroll	{width:100%;position:relative;height:calc(100% - 70px);overflow-y:auto;margin-top:70px;background:#fff;}
.pop_layer .pop_cont, .pop_cont	{width:100%;max-width:1200px;margin: 0 auto;position:relative;padding:70px 0;}
.pop_layer .Q_area .Q_type1 p	{position:relative;}
.pop_layer .Q_area .Q_type1 .A_correct  p:after	{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#014eff;opacity:0.3;}
.pop_layer .Q_area .Q_type1 .A_correct  span	{border:none;background:#014eff;color:#fff;font-weight:700;}
.pop_layer .Q_area .Q_type1 .A_wrong  p:after	{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#aeaeae;opacity:0.6;}
.pop_layer .Q_area .Q_type1 .A_wrong  span	{border:none;background:#aeaeae;color:#fff;font-weight:700;}
.pop_layer .Answer_area	{display:flex;justify-content: center;align-items: center;margin:0 auto;background:#fff;text-align:center;}
.pop_layer .Answer_area p	{position:relative;line-height:70px;height:70px;border:1px solid #d0d3da;border-radius:35px 0 0 35px;padding:0 25px 0 50px;font-size:23px;color:#888;font-family:'Jalnan';}
.pop_layer .Answer_area p:last-child	{border-radius:0 35px 35px 0;}
.pop_layer .Answer_area p:before	{content:'';position:absolute;left:30px;top:32px;width:6px;height:6px;background:#888;border-radius:100%;}
.pop_layer .Answer_area p ~p	{border-left:none;}
.pop_layer .Answer_area p span	{z-index:1;position:relative;display:inline-block;color:#555;font-family:'pretendard';font-weight:600;font-size:25px;margin-left:15px;width:40px;text-align:center;}
.pop_layer .Answer_area p span:before{z-index:-1;content:'';position:absolute;left:0;top:15px;width:40px;height:40px;background:#fff;border-radius:100%;border:1px solid #b4b4b4;}
.pop_layer .Answer_area p.real	{color:#014eff;}
.pop_layer .Answer_area p.real:before	{background:#014eff;}
.pop_layer .Answer_area p.real span	{color:#fff;}
.pop_layer .Answer_area p.real span:before{background:#014eff;border:none;}
.pop_layer .comment_area	{margin-top:60px;border-top:2px dashed #c5c5c5;width:100%;padding-top:50px}
.pop_layer .comment_area p	{position:relative;color:#444;font-size:24px;font-family:'Jalnan';padding-left:30px;margin-bottom:10px;}
.pop_layer .comment_area p:before	{content:'';position:absolute;left:0;top:0;width:23px;height:100%;background:url('../images/evaluation/content/ico_comment.png') no-repeat 50% 50%;}
.pop_layer .comment_area div	{background:#fff;padding:30px;border-radius:30px;font-size:18px;color:#444;font-family:'NanumGothic';font-weight:400;line-height:34px;}
.pop_layer .comment_area div ~p	{margin-top:45px;}
.pop_layer .comment_area p.voice:before	{background-image:url('../images/evaluation/content/ico_voice.png');}
.pop_layer .comment_area p.read:before	{background-image:url('../images/evaluation/content/ico_read.png');}

.pop_layer.type1 .pop_area {position:relative;border-radius:35px;overflow:hidden;}
.complete .pop_area {width:460px;height:376px;background:url('../images/evaluation/content/complete_bg.png') no-repeat #fff;background-position : bottom 60px right 0 !important;}
.level .pop_area	{height:440px;background:url('../images/learning/content/level_bg.png') no-repeat #fff;background-position : bottom 60px left 50%;}
.forced .pop_area {width:460px;height:370px;text-align:center;padding-top:35px;}
.forced.continue .pop_area	{height:420px;}
.pop_area a.close_1	{z-index:3;font-size:0;position:absolute;top:30px;right:30px;width:20px;height:20px;}
.pop_area a.close_1:before	{content:'';position:absolute;right:10px;top:0px;width:2px;height:20px;background:#1f1f1f;border-radius:2px;transform:rotate(135deg);}
.pop_area a.close_1:after	{content:'';position:absolute;right:10px;top:0px;width:2px;height:20px;background:#1f1f1f;border-radius:2px;transform:rotate(45deg);}
.pop_layer .button_area.complete	{position:absolute;left:0;bottom:0;margin-top:0;text-align:center;border:none;}
.button_area.complete > a	{line-height:65px;height:65px;text-align:center;background:#fddd00;border-radius:0;border:none;display:block;}
.button_area.complete > a > span	{color:#000101;position:relative;display:inline-block;}
.button_area.complete > a > span:before, .button_area.complete > a > span:after	{background:#000101;}
.button_area.complete > a > span:after	{top:28px;}
.button_area.complete > a > span:before	{top:33px;}
.pop_layer .com_title	{font-size:38px;color:#014eff;font-family:'Jalnan';margin:52px 0 0 40px;display:block;}
.pop_layer .com_title span	{color:#333;}
.pop_layer .com_txt	{font-size:18px;color:#333;font-family:'NanumSquare';font-weight:600;margin:10px 0 0 40px;display:block;}
.pop_layer .button_area.forced	{position:absolute;left:0;bottom:0;margin-top:0;text-align:center;display:flex;border-top:none;box-shadow:none;width:100%;}
.button_area.forced > a	{width:50%;background:#f6f6f6;line-height:65px;height:65px;font-size:20px;color:#797979;font-family:'NanumSquare';font-weight:600;border-radius:0;padding:0;border:0;}
.button_area.forced > a.okay	{background:#e2f2ff;color:#426ed4;}
.button_area.forced > a.okay.add	{width:100%;}
.button_area.forced > a.width	{width:100%;}
.button_area.forced > a ~a	{margin-left:0;}
.pop_layer .for_title	{font-size:32px;color:#333;font-family:'NanumSquare';font-weight:700;display:block;}
.pop_layer .for_title .color	{color:#1452e0;}
.pop_layer .for_title:before	{content:'';display:block;width:110px;height:110px;margin:0 auto 10px auto;border-radius:100%;background:url('../images/evaluation/content/ico_forced.png') no-repeat 50% 50% #eff0f3;}
.pop_layer .for_title.leveloff:before	{background-image:url('../images/evaluation/content/ico_leveloff.png');}
.pop_layer .for_title.continue:before	{background-image:url('../images/evaluation/content/ico_continue.png');}
.pop_layer .for_title.mockend:before	{background-image:url('../images/evaluation/content/ico_mockend.png');}
.pop_layer .for_title.level_conti:before	{background-image:url('../images/learning/content/ico_levelcon.png');}
.pop_layer .for_title.logout:before	{background-image:url('../images/learning/content/ico_logout.png');}
.pop_layer .for_title.used:before	{background-image:url('../images/learning/content/ico_used.png');background-size:100% auto;}
.pop_layer .for_title.idpwnone:before	{background-image:url('../images/common/ico_idpw.png');}
.pop_layer .for_txt	{font-size:18px;color:#333;font-family:'NanumSquare';font-weight:500;margin-top:20px;display:block;padding:0 20px;letter-spacing:-1.5px;line-height:30px;}
.pop_layer .for_txt.type1	{font-size:17px;color:#4a73d5;text-decoration:underline;}
.pop_layer .Review_title	{font-size:32px;color:#333;font-family:'NanumSquare';font-weight:700;display:block;}
.pop_layer .Review_title:before	{content:'';display:block;width:110px;height:110px;margin:0 auto 10px auto;border-radius:100%;background:url('../images/evaluation/content/ico_review.png') no-repeat 10px 50% #eff0f3;}
.pop_layer .exp_scroll .pop_cont	{max-width:100%;padding:0;}
.pop_layer .for_title.idpwnone span	{font-weight:400;display:block;}

.pop_layer .Q_area .Q_type1 p {display:block;margin:0 auto;overflow:hidden;width:170px;height:170px;border:1px solid #cecece;border-radius:20px;background:#fff;text-align:center;}
.pop_layer .Q_area .Q_type1 p img	{width:100%;height:auto;}
.pop_layer .Q_area .Q_type1  span	{display:block;width:55px;height:55px;border:1px solid #adadad;border-radius:100%;text-align:center;line-height:55px;color:#555;font-size:30px;font-family:'pretendard';font-weight:400;background:#fff;margin:20px auto 0 auto;}

/* Çؼ³ - ·¹À̾î Æ˾÷ */
.explain .pop_area {width:1010px;height:calc(100% - 100px);background:#fff;}
.report .explain .pop_area	{height:100%;}
.explain .h2_title, .newboard .h2_title	{display:block;text-align:left;max-width:100%;width:calc(100% - 80px);line-height:normal;margin:40px;margin-bottom:0;border-bottom:1px solid #111;font-size:30px;color:#222;font-family:'Jalnan';}
.pop_layer .explain .h2_title span, .pop_layer .newboard .h2_title span	{color:#014eff;font-size:20px;display:inline-block;margin-left:5px;}
.explain .exp_scroll, .newboard .exp_scroll	{width:calc(100% - 10px) !important;height:calc(100% - 120px) !important;overflow-y:auto;padding:40px 35px;margin-left:auto;margin-right:auto;}
.newboard .exp_scroll	{padding-right:30px;}
.explain .exp_scroll	{height:calc(100% - 190px);margin-top:10px;}
.exp_scroll .Q	{font-size:22px;font-weight:600;}
.exp_scroll .Q_area	{margin:20px auto 0 auto;width:calc(100% - 40px);}
.exp_scroll .Q_area .Q_type1 li	{margin-bottom:10px;}
.exp_scroll .Q	{font-size:22px;font-weight:600;}
.pop_layer .exp_scroll .Q_area .Q_type1 p	{width:135px;height:135px;}
.pop_layer .exp_scroll .Q_area .Q_type1 span	{width:45px;height:45px;line-height:45px;font-size:22px;}
.pop_layer .exp_scroll .Q_area .Q_type1  span	{min-width:45px;}
/*.pop_layer .exp_scroll .Answer_area p	{font-size:21px;padding:0 30px;}
.pop_layer .exp_scroll .Answer_area p:before	{left:10px;}
.pop_layer .exp_scroll .Answer_area p span	{font-size:27px;}
.pop_layer .exp_scroll .Answer_area p span:before	{left:-10px;top:20px;width:40px;height:40px;}
.pop_layer .exp_scroll .Answer_area p.real	{background:none;}*/
.pop_layer .exp_scroll .comment_area div	{background:#f9f9f9;}
.pop_layer .exp_scroll .pop_cont	{max-width:100%;padding:0;text-align:left;}
/* ¼öÁØÆò°¡ */
.pop_layer .level_title	{width:100%;max-width:1200px;margin:0 auto;font-size:25px;color:#222;font-family:'Jalnan';}
.pop_layer .level_title span	{margin:8px 0 -5px 0;display:block;font-size:13px;color:#767676;}
.pop_layer .Q_area .Q_type1 .dont_know p	{display:flex;justify-content:center;align-items:center}
/*.pop_layer .Q_area .Q_type1 .dont_know p img	{width:auto;height:auto;}*/
.time + .button_area	{margin-top:15px;}
.time	{margin:60px 20px 0 0;text-align:right;color:#666;font-size:12px;font-family:'NanumGothic';font-weight:600;}
.time p	{position:relative;padding-left:20px;display:inline-block;letter-spacing:1px;}
.time p:before	{content:'';position:absolute;left:0;top:0;width:15px;height:15px;background:url('../images/learning/content/ico_time.png') no-repeat 50% 50%;}
.time span	{letter-spacing:1px;}
/* ½ºÅ©·Ñ¹Ù */
.scroll::-webkit-scrollbar {width:5px; /*½ºÅ©·Ñ¹ÙÀÇ ³Êºñ*/}
.scroll::-webkit-scrollbar-thumb {background-color:#014eff;border-radius:5px;/*½ºÅ©·Ñ¹ÙÀÇ »ö»ó*/}
.scroll::-webkit-scrollbar-track {background-color:#e1e1e1;border-radius:5px; /*½ºÅ©·Ñ¹Ù Æ®·¢ »ö»ó*/}
.scroll.type1::-webkit-scrollbar {height:10px; /*½ºÅ©·Ñ¹ÙÀÇ ³Êºñ*/}
/* À¯´Ö ½ÃÀ۾ȳ» ·¹À̾î Æ˾÷ */
.unitstart .pop_area {width:540px;height:495px;}
.unitstart .unitS	{margin:20px 40px 0;min-height:171px;width:calc(100% - 80px);background-position: 100% 50%;background-repeat:no-repeat;}
.unitstart .unitS.unit1	{background-image:url('../images/learning/content/ico_levelreport_01.png') }
.unitstart .unitS.unit2	{background-image:url('../images/learning/content/ico_levelreport_02.png') }
.unitstart .unitS.unit3	{background-image:url('../images/learning/content/ico_levelreport_03.png') }
.unitstart .unitS ul	{display:block;}
.unitstart .unitS ul li	{display:block;font-size:23px;color:#adadad;line-height:38px;font-family:'Jalnan';padding-left:35px;background:url('../images/learning/content/ico_check.png') no-repeat 0 7px;}
.unitstart .unitS ul li.on	{color:#333;background:url('../images/learning/content/ico_check_on.png') no-repeat 0 7px;}
/* À¯´Ö ¾È³» ·¹À̾î Æ˾÷ */
.unitinfo .pop_area {width:630px;height:715px;}
.pop_layer.unitinfo .com_title	{position:relative;padding-right:250px;}
.pop_layer.unitinfo .com_title:after	{content:'';position:absolute;right:0;bottom:0;width:224px;height:129px;background:url('../images/learning/content/ico_unitinfo.png') no-repeat 100% 100%;}
.pop_layer.unitinfo .com_title span	{line-height:42px;font-size:31px;color:#444;}
.pop_layer.unitinfo .com_title span b	{color:#000;}
.unitinfo ul	{display:flex;justify-content: space-around;width:calc(100% - 80px);margin:20px auto 0;}
.unitinfo ul li	{font-size:29px;color:#014eff;font-family:'Jalnan';text-align:center;}
.unitinfo ul li img	{display:block;margin:10px auto;}
.unitinfo ul li span	{display:block;font-size:18px;color:#333;font-family:'NanumSquare';font-weight:600;}

.gotoTop {font-size:0;cursor:pointer;position:fixed;z-index:1000;right:20px;bottom:250px;display:none;width:45px;height:48px;}
.gotoTop span	{display:block;position:relative;width:5px;height:40px;background:#fff;}
.gotoTop span:before	{content:'';position:absolute;top:-4px;left:-8px;width:5px;height:26px;background:#fff;transform:rotate(45deg);}
.gotoTop span:after	{content:'';position:absolute;top:-4px;right:-8px;width:5px;height:26px;background:#fff;transform:rotate(-45deg);}

@media (max-width: 1560px) {
	.popico_levelreport_01layer .logo {left:20px;}
	.pop_layer .title	{margin-left:160px;}
	.pop_layer.mock  .title, .pop_layer .level_title	{margin-left:160px;max-width:100%;background:none;}
}

@media (max-width: 1200px) {
	.pop_layer .title	{max-width:100%;}
}
@media (max-width: 1010px) {
	/* Çؼ³ - ·¹À̾î Æ˾÷ */
	.explain .pop_area {width:calc(100% - 40px);}

}

@media (max-width: 900px) {
	body{font-size:15px;}
	::-webkit-scrollbar{width:0px; height:2px;border:0px solid #fafafa;}
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:0px;background:#fafafa}
	::-webkit-scrollbar-track{background:#fff;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2)}
	::-webkit-scrollbar-thumb{height:0px;width:0px;background:#fafafa; -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.1)}
	.pop_layer h3	{display:block;width:100%;}
	.pop_layer .Q_area .Q_type1 p {width:100% !important;height:auto !important;}
	.pop_layer .Q_area .Q_type1  span	{width:35px;height:35px;line-height:35px;font-size:20px;min-width:35px !important;}

	.pop_layer a.close	{top:28px;right:20px;width:20px;height:20px;background:#000;font-size:0;background:url('../images/evaluation/common/ico_closed_b.png') no-repeat 50% 50% #fff;background-size:100% auto;padding-top:0;}
	.pop_layer a.close:before	{display:none;}
	.pop_layer.mock a.close	{top:25px;}

	/* ·¹À̾î Æ˾÷â */
	.pop_layer .pop_header	{height:130px;}
	.pop_layer .pop_scroll, .pop_scroll	{height:calc(100% - 130px);margin-top:130px;}
	.levelreport .pop_scroll	{height:calc(100% - 130px);}
	.pop_layer .pop_cont, .pop_cont	{max-width:100%;padding:30px 0 15px 0;}
	.pop_layer.comment .pop_cont	{padding:0;}
	.pop_layer .pop_cont .area, .pop_cont .area	{padding:0 10px;}
	.pop_layer .pop_cont.level .area, .pop_cont.level .area	{padding:20px;}
	.pop_layer .Q_area .Q_type1 p	{max-width:170px;}

	.pop_layer .Answer_area	{width:100%;align-items: stretch}
	.pop_layer .Answer_area p	{line-height:50px;height:50px;padding:0 25px 0 30px;font-size:14px;letter-spacing:-1px;}
	.pop_layer .Answer_area p:before	{left:20px;top:23px;width:4px;height:4px;}
	.pop_layer .Answer_area p span	{font-size:16px;width:25px;}
	.pop_layer .Answer_area p span:before{top:11px;width:25px;height:25px;}
	.pop_layer .comment_area p	{font-size:20px;}
	.pop_layer .comment_area div	{padding:20px;border-radius:20px;font-size:16px;line-height:25px;}
	/* ¸ðÀÇ°í»ç - ·¹À̾î Æ˾÷â */
	.pop_layer.mock .pop_header, .pop_layer.active .pop_header	{height:70px;}
	.pop_layer.mock .title, .pop_layer.active .title, .pop_layer .level_title	{margin-left:0 !important;margin-top:71px;line-height:55px;background:#fff;border-bottom:1px solid #ddd;padding-left:20px;font-size:22px;}
	.pop_layer .level_title span	{display:inline-block;margin:0 10px 0 0;}
	.pop_layer.mock .title span.color	{font-size:22px;}
	.pop_layer.mock .button_area.Evaluation, .pop_layer.mock .button_area.type1	{width:calc(100% + 40px);margin-left:-20px;}
	/* Çؼ³ - ·¹À̾î Æ˾÷ */
	.exp_scroll .Q	{padding-top:0;}
	.pop_layer .exp_scroll .pop_cont .area	{padding:0;}
	.exp_scroll .Q_area	{width:100%;}
	.exp_scroll .Q_area .Q_type1	{flex-wrap:nowrap;}
	.exp_scroll .Q_area .Q_type1 li	{padding:0 5px 25px 5px;width:100%;}
	.pop_layer .exp_scroll .Q_area .Q_type1 span	{width:35px;height:35px;line-height:35px;font-size:18px;}
	/*.pop_layer .exp_scroll .Answer_area p	{display:inline-block;position:relative;width:auto;padding:0 0 0 20px;}
	.pop_layer .exp_scroll .Answer_area p span	{margin-left:25px;font-size:20px;}
	.pop_layer .exp_scroll .Answer_area p span:before	{left:-8px;top:10px;width:30px;height:30px;line-height:30px;}
	.pop_layer .exp_scroll .Answer_area p ~p	{margin-left:40px;}
	.pop_layer .exp_scroll .Answer_area	{border-radius:0;}*/

	.gotoTop {bottom:370px;width:30px;height:30px;right:0;}
	.gotoTop span	{width:4px;height:28px;}
	.gotoTop span:before	{top:-2px;left:-5px;width:4px;height:18px;}
	.gotoTop span:after	{top:-3px;right:-6px;width:4px;height:20px;}

}

@media (max-width: 640px) {
	.pop_layer a.close_1	{top:20px;right:20px;}
	.pop_layer .com_title	{font-size:22px;margin-left:20px;}
	.pop_layer .com_txt	{margin-left:20px;font-weight:600;font-size:14px;font-family:'NanumGothic';}
	.pop_layer .for_title	{font-size:25px;}
	.pop_layer .for_title:before	{width:80px;height:80px;background-size:60% auto;}
	.pop_layer .for_title.leveloff:before, .pop_layer .for_title.mockend:before	{background-size:50% auto}
	.pop_layer a.close	{width:18px;height:18px;}

	.complete .pop_area {height:300px;background-size:80% auto;}
	.level .pop_area	{height:400px;background-size:70% auto;}

	.forced .pop_area {height:300px;}
	.forced.continue .pop_area	{height:355px;}
	/* ¸ðÀÇ°í»ç_¹®Á¦ */
	.pop_layer.mock .button_area > a	{width:auto;}
	.button_area.forced > a	{font-size:17px;}
	.time	{margin:20px 10px 20px 0;}
	/* Çؼ³ - ·¹À̾î Æ˾÷ */
	.explain .h2_title, .newboard .h2_title	{font-size:25px;}
	.exp_scroll .Q	{font-size:17px;line-height:22px;}
	.exp_scroll .Q_area	{width:100%;}
	.exp_scroll .Q_area .Q_type1	{flex-wrap:wrap;}
	.exp_scroll .Q_area .Q_type1 li	{width:calc(100%/3);}
	.pop_layer .exp_scroll .Q_area .Q_type1 p	{width:100%;height:auto;}
	/*.pop_layer .exp_scroll .Answer_area	{text-align:left;}
	.pop_layer .exp_scroll .Answer_area p	{font-size:14px;padding-left:8px;}
	.pop_layer .exp_scroll .Answer_area p:before	{left:0;width:3px;height:3px;}
	.pop_layer .exp_scroll .Answer_area p ~p	{margin-left:30px;}
	.pop_layer .exp_scroll .Answer_area p span	{margin-left:15px;}*/
	.pop_layer .comment_area p	{font-size:18px;padding-left:25px;}
	.pop_layer .comment_area p:before	{width:18px;background-size: 100% auto;}
	.pop_layer .comment_area div	{font-size:14px;}
	.pop_layer .comment_area	{margin-top:30px;padding-top:40px;}
	.pop_layer .comment_area div ~p	{margin-top:30px;}
	.pop_layer .for_txt	{font-size:14px;font-family:'NanumGothic';line-height:22px;letter-spacing:-1px;margin-top:10px;}
	.pop_layer .for_txt.type1	{font-size:14px;}
	.pop_layer .Review_title	{font-size:22px;line-height:30px;}
	.button_area.complete > a	{width:100% !important;}
	/* À¯´Ö ½ÃÀ۾ȳ» ·¹À̾î Æ˾÷ */
	.unitstart .pop_area {width:calc(100% - 40px);height:auto;padding-bottom:80px;}
	.unitstart .unitS	{margin:20px auto 0;min-height:171px;width:calc(100% - 60px);background-size: auto 140px !important;}
	.unitstart .unitS ul li	{font-size:16px;line-height:30px;padding-left:25px;background-size: auto 16px !important;}
	/* À¯´Ö ¾È³» ·¹À̾î Æ˾÷ */
	.unitinfo .pop_area {width:calc(100% - 40px);height:auto;padding-bottom:80px;}
	.pop_layer.unitinfo .com_title	{position:relative;padding-right:150px;}
	.pop_layer.unitinfo .com_title:after	{right:10px;background-size:150px auto;}
	.pop_layer.unitinfo .com_title span	{line-height:25px;font-size:20px;}
	.unitinfo ul li	{font-size:20px;}
	.unitinfo ul li img	{width:calc(100% - 40px);}
	.unitinfo ul li span	{font-size:14px;font-family:'NanumGothic';font-weight:600;}

}
@media (max-width: 480px) {
	body{font-size:14px;}
	.complete .pop_area {width:calc(100% - 40px);}
	.forced .pop_area {width:calc(100% - 40px);}
	.unitinfo ul 	{width:calc(100% - 40px);}
	.unitinfo ul li img	{width:calc(100% - 20px);}
}
@media (max-width: 380px) {

	.pop_layer .Answer_area p	{font-size:12px;padding:0 15px;}
	.pop_layer .Answer_area p:before	{display:none;}
	.pop_layer .Answer_area p span	{font-size:14px;margin-left:5px;width:23px;}
	.pop_layer .Answer_area p span:before{top:13px;width:22px;height:22px;}
	.pop_layer .Answer_area p.real span	{width:21px;}
	.pop_layer .Answer_area p.real span:before	{top:14px;}
}

@media (max-width: 320px) {

	/* À¯ÇüÁ¡°Ë_type04 */
	.pop_layer .Q_area .Q_type1  span	{width:30px;height:30px;line-height:30px;font-size:18px;}

	/* ·¹À̾î Æ˾÷â */
	.pop_layer h2	{padding-left:10px;font-size:18px;}
	.pop_layer h2 span	{font-size:16px;margin-right:10px;}
	.pop_layer .pop_cont .area	{padding:0 10px;}
	.pop_layer .comment_area p	{font-size:18px;}
	.pop_layer .comment_area div	{padding:15px;border-radius:15px;font-size:14px;line-height:25px;}
	.complete .pop_area {width:calc(100% - 20px);}
	.forced .pop_area {width:calc(100% - 20px);}
	.pop_layer .com_title	{font-size:20px;}
	.pop_layer .for_title	{font-size:20px;}
	.pop_layer .com_txt, .pop_layer .for_txt	{font-size:15px;font-family:'NanumGothic';}
	.button_area.forced, .button_area.forced > a	{font-size:15px;font-family:'NanumGothic';line-height:60px;height:60px;}
	/* Çؼ³ - ·¹À̾î Æ˾÷ */
	.pop_layer .pop_area	{border-radius:20px !important;}
	.explain .pop_area	{width:calc(100% - 20px);height:calc(100% - 50px);}
	.explain .h2_title, .newboard .h2_title	{font-size:20px;width:calc(100% - 20px);margin:20px 10px;}
	.pop_layer .explain .h2_title span, .pop_layer .newboard .h2_title span	{font-size:14px;}
	.exp_scroll .Q_area	{width:100%;}
	.exp_scroll .Q_area .Q_type1	{flex-wrap:wrap;}
	.exp_scroll .Q_area .Q_type1 li	{width:calc(100%/3);padding-bottom:15px;}
	.explain .exp_scroll, .newboard .exp_scroll		{padding:10px;}
	.pop_layer .exp_scroll .Q_area .Q_type1 p	{width:100%;height:auto;}
	.pop_layer .exp_scroll .Answer_area	{text-align:left;}
	.pop_layer .exp_scroll .Answer_area p	{font-size:13px;padding-left:0;}
	.pop_layer .exp_scroll .Answer_area p ~p	{margin-left:20px;}
	.pop_layer .exp_scroll .Answer_area p span	{margin-left:12px;font-size:13px;}
	.pop_layer .exp_scroll .Answer_area p span:before	{left:-5px;top:14px;width:20px;height:20px;}
	.pop_layer .comment_area p	{font-size:18px;padding-left:25px;}
	.pop_layer .comment_area p:before	{width:18px;background-size: 100% auto;}
	.pop_layer .comment_area div	{font-size:12px;line-height:20px;}
	.explain .exp_scroll, .newboard .exp_scroll		{height:calc(100% - 100px)}
	.level .pop_area	{height:300px;}

}