@charset "utf-8";

@font-face{
	font-family: 'Noto Sans';
	font-weight: 400;
	font-display: swap;
	src: local('NotoSans-Regular'), url('/c_inc/font/NotoSans-Regular.woff') format('woff'), url('/c_inc/font/NotoSans-Regular.ttf') format('ttf');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 700;
	font-display: swap;
	src: local('NotoSans-Bold'), url('/c_inc/font/NotoSans-Bold.woff') format('woff'), url('/c_inc/font/NotoSans-Bold.ttf') format('ttf');
}
.txt_hidden{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}

#pop_layer_vocatest{position:fixed;top:0px;right:0;bottom:0;left:0;width:100%;background:url('/c_img/common/dark_bg.png');z-index:4000;}
#pop_layer_vocatest .pop_layer_wrap{position:relative;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;flex:1 1 auto;max-width:400px;min-width:230px;max-height:100%;margin:0 auto;background-color:#fff;transform:translateY(-50%);}
.pop_layer_wrap .pop_top{position:relative;height:90px;background-color:#832B9A;}
.pop_layer_wrap .pop_top h1{margin-top:34px;padding-left:24px;}
.pop_layer_wrap .pop_top .btn_close{display:inline-block;position:absolute;top:0;right:0;width:36px;height:36px;background:#41154c url('https://pic.neungyule.com/lms_nelab/c_img/btn/btn_layer_close.png') no-repeat 50% / 11px 11px;}
.pop_layer_wrap .cont{overflow-x:hidden;overflow-y:auto;margin-top:30px;-webkit-overflow-scrolling:touch;}
.pop_layer_wrap .cont ul{margin:0 24px;padding:24px 20px;background-color:#F2E9F5;}
.pop_layer_wrap .cont ul li{padding-left:7px;background:url('https://pic.neungyule.com/lms_nelab/c_img/ico/ico_marker.svg') no-repeat left 4px / 3px 3px;font-size:14px;color:#121212;}
.pop_layer_wrap .cont ul li+li{margin-top:12px;}
.pop_layer_wrap .cont .txt_info{margin-top:18px;margin-bottom:30px;margin-left:24px;font-size:12px;color:#DB3C3C;line-height:1;letter-spacing:-0.04em;}
#pop_layer_vocatest .pop_bottom{text-align:center;padding-top:20px;padding-bottom:40px;}
.pop_layer_wrap .pop_bottom .btn_test{display:inline-block;padding:17px 38px;border:1px solid #76278A;background-color:#832B9A;font-size:15px;color:#fff;line-height:1;letter-spacing:-0.04em;}

.pop_cont{min-width:720px;}
.vocatest_pop01 .pop_header{display:flex;height:100px;background-color:#832B9A;}
.vocatest_pop01 .pop_header .tlt_wrap{flex:1;position:relative;}
.vocatest_pop01 .pop_header .tlt_wrap h1{padding-top:38px;padding-left:40px;}
.vocatest_pop01 .pop_header .voca_limit{display:flex;justify-content:space-between;position:absolute;right:30px;top:18px;width:176px;height:64px;padding:11px 14px;border:1px solid #9046A2;background-color:#69227B;border-radius:8px;box-sizing:border-box;}
.vocatest_pop01 .pop_header .voca_limit > span{display:block;position:relative;width:30px;height:40px;border:1px solid #D6D6D6;border-radius:4px;background-color:#fff;box-sizing:border-box;}
.vocatest_pop01 .pop_header .voca_limit > span::after{content:'';display:inline-block;position:absolute;left:0;right:0;top:50%;width:100%;height:1px;background-color:#D6D6D6;}
.vocatest_pop01 .pop_header .voca_limit > span.colon{margin-left:12px}
.vocatest_pop01 .pop_header .voca_limit > span.colon::before{content:'';display:inline-block;position:absolute;left:-11px;top:50%;width:4px;height:16px;padding-bottom:-50%;background:url('https://pic.neungyule.com/lms_nelab/c_img/ico/ico_colon.png') no-repeat 0 0 / 4px 16px;transform:translateY(-50%)}
.vocatest_pop01 .pop_header .voca_limit input{position:relative;width:22px;padding:4px 0 4px 6px;border:0;background:transparent;font-size:24px;font-family:Tahoma,Geneva,verdana,sans-serif;color:#232323;font-weight:bold;z-index:10;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:default;}
.vocatest_pop01 .pop_header .voca_user{width:249px;background-color:#76278A;}
.vocatest_pop01 .pop_header .voca_user ul{margin-top:30px;margin-left:30px;}
.vocatest_pop01 .pop_header .voca_user ul li{padding-left:7px;background:url('https://pic.neungyule.com/lms_nelab/c_img/ico/ico_marker_wt.svg') no-repeat left 8px / 3px 3px;line-height:1;}
.vocatest_pop01 .pop_header .voca_user ul li+li{margin-top:10px}
.vocatest_pop01 .pop_header .voca_user ul li span:first-of-type{color:#D6BEDC;font-size:14px;}
.vocatest_pop01 .pop_header .voca_user ul li span:last-of-type{color:#fff;font-size:14px;}

.vocatest_pop02 .pop_header .tlt_wrap{height:100px;background-color:#832B9A;}
.vocatest_pop02 .pop_header .tlt_wrap h1{padding-top:38px;text-align:center;}
.vocatest_pop02 .pop_header .voca_user ul{display:flex;justify-content:center;padding:18px 0;background-color:#F2E9F5;border-bottom:1px solid #E6DBEA;}
.vocatest_pop02 .pop_header .voca_user ul li{padding-left:7px;background:url('https://pic.neungyule.com/lms_nelab/c_img/ico/ico_marker.svg') no-repeat left 6px / 3px 3px;font-size:14px;color:#121212;line-height:1;}
.vocatest_pop02 .pop_header .voca_user ul li+li{margin-left:60px;}

.cont{position:relative;}
.qvoca_wrap{overflow:auto;width:calc(100% - 249px);height:calc(100vh - 100px);padding:40px;box-sizing:border-box;}
.q_wrap + .q_wrap{margin-top:40px;padding-top:39px;border-top:1px solid #E9E9E9;}
.q_wrap .qvoca > p{font-size:14px;font-family:'Noto Sans', sans-serif;font-weight:700;color:#232323;}
.q_wrap .qvoca > p strong{display:inline-block;margin-right:4px;font-family:'Noto Sans', sans-serif;font-weight:700;}
.q_wrap .qvoca > p span{display:inline-block;margin-left:4px;font-family:'Noto Sans', sans-serif;font-weight:700;color:#832B9A;}

.q_wrap .qvoca_box{margin:14px 0 12px;padding:20px 30px;border:1px solid #eee;background-color:#f9f9f9;font-size:14px;line-height:1.8;color:#666;}

.q_wrap .qvoca_choice{margin-top:10px;margin-left:14px;}
.q_wrap .qvoca_choice li{position:relative;line-height:1;}
.q_wrap .qvoca_choice li+li{margin-top:2px;}
.q_wrap .qvoca_choice li input{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
.q_wrap .qvoca_choice li label{display:inline-block;position:relative;padding:4px 0 6px 20px;font-size:14px;font-family:'Noto Sans', sans-serif;font-weight:400;color:#666;cursor:pointer;}
.q_wrap .qvoca_choice li label::after{content:'';display:inline-block;position:absolute;left:0;top:6px;width:16px;height:16px;background-image:url('https://pic.neungyule.com/lms_nelab/c_img/vocatest/qvoca_num.png');background-repeat:no-repeat;background-size:16px auto;}
.q_wrap .qvoca_choice li input:checked + label{font-weight:700;color:#832B9A;}
.q_wrap .qvoca_choice li:nth-of-type(1) label::after{background-position:0 -80px;}
.q_wrap .qvoca_choice li:nth-of-type(2) label::after{background-position:0 -96px;}
.q_wrap .qvoca_choice li:nth-of-type(3) label::after{background-position:0 -112px;}
.q_wrap .qvoca_choice li:nth-of-type(4) label::after{background-position:0 -128px;}
.q_wrap .qvoca_choice li:nth-of-type(5) label::after{background-position:0 -144px;}
.q_wrap .qvoca_choice li:nth-of-type(1) input:checked + label::after{background-position:0 0px;}
.q_wrap .qvoca_choice li:nth-of-type(2) input:checked + label::after{background-position:0 -16px;}
.q_wrap .qvoca_choice li:nth-of-type(3) input:checked + label::after{background-position:0 -32px;}
.q_wrap .qvoca_choice li:nth-of-type(4) input:checked + label::after{background-position:0 -48px;}
.q_wrap .qvoca_choice li:nth-of-type(5) input:checked + label::after{background-position:0 -64px;}

/* [23.05.31 변경] */
.q_wrap .qvoca_solution{margin-top:20px;margin-left:14px;}
.q_wrap .qvoca_solution > span{display:inline-block;padding:17px 18px;border-radius:8px;background-color:#ddd;color:#232323;line-height:1}
.q_wrap .qvoca_solution > span span{display:inline-block;padding-right:4px;font-size:14px;vertical-align:middle;font-family:'Noto Sans', sans-serif;font-weight:700;}
.q_wrap .qvoca_solution > span strong{font-size:15px;vertical-align:middle;}
.q_wrap .qvoca_choice li.on label {background-color:#F1FFC1;color:#000;font-weight:700;}
.q_wrap .qvoca_choice li.on label::after{background-image:url('https://pic.neungyule.com/lms_nelab/c_img/vocatest/qvoca_num_solution.png');}
.q_wrap .qvoca_choice li.on:nth-of-type(1) label::after{background-position:0 0;}
.q_wrap .qvoca_choice li.on:nth-of-type(2) label::after{background-position:0 -16px;}
.q_wrap .qvoca_choice li.on:nth-of-type(3) label::after{background-position:0 -32px;}
.q_wrap .qvoca_choice li.on:nth-of-type(4) label::after{background-position:0 -48px;}
.q_wrap .qvoca_choice li.on:nth-of-type(5) label::after{background-position:0 -64px;}

.qvoca_wrap .q_wrap .qvoca{position:relative;}
.qvoca_wrap .q_wrap .qvoca::before{content:'';display:inline-block;position:absolute;}
.qvoca_wrap .q_wrap.true .qvoca::before{left:-32px;top:-20px;width:72px;height:72px;background:url(https://pic.neungyule.com/lms_nelab/c_img/vocatest/ico_true.png) 0 0 no-repeat;background-size:72px auto;}
.qvoca_wrap .q_wrap.false .qvoca::before{left:-24px;top:-20px;width:63px;height:63px;background:url(https://pic.neungyule.com/lms_nelab/c_img/vocatest/ico_false.png) 0 0 no-repeat;background-size:63px auto;}

.answer_wrap{overflow-y:auto;position:absolute;top:0px;right:0;width:249px;height:100%;border:1px solid #ccc;background-color:#F2E9F5;box-sizing:border-box;}
.answer{display:flex;padding:14px 14px 0;gap:0 1px}
.answer .tbl_wrap{flex:1;}
.answer .tbl_wrap table{width:100%;table-layout: fixed;text-align:center;}
.answer .tbl_wrap thead th{padding:6px 0;border:1px solid #A081A9;background-color:#BA95C4;font-size:12px;font-family:'Noto Sans', sans-serif;font-weight:400;color:#fff;}
.answer .tbl_wrap tbody tr{cursor:pointer}
.answer .tbl_wrap tbody th{padding:8px 0 7px;border:1px solid #E6DBEA;background-color:#FCF9FC;font-size:13px;font-family:'Noto Sans', sans-serif;font-weight:400;color:#999;}
.answer .tbl_wrap tbody th span{position:relative;}
.answer .tbl_wrap tbody th.true span::after{content:'';display:inline-block;position:absolute;left:50%;top:50%;width:22px;height:22px;border:2px solid #DB3C3C;border-radius:26px;transform:translate(-50%, -50%)}
.answer .tbl_wrap tbody th.false span::after{content:'';display:inline-block;position:absolute;left:50%;top:50%;width:24px;height:2px;background-color:#DB3C3C;transform:translate(-50%, -50%) rotate(135deg);perspective-origin:center;}
.answer .tbl_wrap tbody td{padding:8px 0 7px;border:1px solid #E6DBEA;background-color:#FFF;font-family:'Noto Sans', sans-serif;font-weight:400;}
.answer .tbl_wrap tbody td span{position:relative;display:inline-block;width:16px;height:16px;background-image:url('https://pic.neungyule.com/lms_nelab/c_img/vocatest/qvoca_num.png');background-repeat:no-repeat;background-size:16px auto;background-position:0 16px;}
.answer .tbl_wrap tbody td span.num1{background-position:0 -80px;}
.answer .tbl_wrap tbody td span.num2{background-position:0 -96px;}
.answer .tbl_wrap tbody td span.num3{background-position:0 -112px;}
.answer .tbl_wrap tbody td span.num4{background-position:0 -128px;}
.answer .tbl_wrap tbody td span.num5{background-position:0 -144px;}
.answer .tbl_wrap tbody td span::after{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
.answer .tbl_wrap tbody td span.num1::after{content:'1';}
.answer .tbl_wrap tbody td span.num2::after{content:'2';}
.answer .tbl_wrap tbody td span.num3::after{content:'3';}
.answer .tbl_wrap tbody td span.num4::after{content:'4';}
.answer .tbl_wrap tbody td span.num5::after{content:'5';}

.answer_btn_wrap{margin-top:20px}
.answer_btn_wrap .answer_btn{width:100%;padding:16px 0;border:1px solid #76278A;background-color:#832B9A;font-size:16px;line-height:1;color:#fff;letter-spacing:-0.04em;}
.answer_btn_wrap .answer_btn:hover{background-color:#76278A}

.tbl_voca.tbl_header{overflow-y:scroll;position:absolute;left:0;right:0;min-width:620px;margin-top:40px;padding:0 40px;scrollbar-color:transparent transparent;z-index:10;}
.tbl_voca.tbl_header::-webkit-scrollbar{background:transparent;-webkit-box-shadow:none;}
.tbl_voca table{width:100%;border-top:2px solid #832B9A;box-sizing:border-box;}
.tbl_voca table thead th{height:38px;background-color:#eee;border:1px solid #ddd;font-size:14px;color:#666;box-sizing:border-box;}
.tbl_voca table tbody tr td{height:45px;background-color:#fff;border:1px solid #ddd;font-size:14px;color:#999;box-sizing:border-box;text-align:center;}
.tbl_voca table tbody tr td:nth-of-type(2){color:#232323;}

.cont_tbl_body{margin-top:40px;overflow-y:auto;height:calc(100vh - 150px - 80px);}
.tbl_voca.tbl_body{padding:0 40px;}
.tbl_voca.tbl_body tr td span.num{position:relative;display:inline-block;width:16px;height:16px;background-image:url('https://pic.neungyule.com/lms_nelab/c_img/vocatest/qvoca_num.png');background-repeat:no-repeat;background-size:16px auto;background-position:0 16px;}
.tbl_voca.tbl_body tr td span.num1{background-position:0 -80px;}
.tbl_voca.tbl_body tr td span.num2{background-position:0 -96px;}
.tbl_voca.tbl_body tr td span.num3{background-position:0 -112px;}
.tbl_voca.tbl_body tr td span.num4{background-position:0 -128px;}
.tbl_voca.tbl_body tr td span.num5{background-position:0 -144px;}
.tbl_voca.tbl_body tr td span.num::after{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
.tbl_voca.tbl_body tr td span.num1::after{content:'1';}
.tbl_voca.tbl_body tr td span.num2::after{content:'2';}
.tbl_voca.tbl_body tr td span.num3::after{content:'3';}
.tbl_voca.tbl_body tr td span.num4::after{content:'4';}
.tbl_voca.tbl_body tr td span.num5::after{content:'5';}
.tbl_voca.tbl_body tr td span.true{position:relative;display:inline-block;width:12px;height:12px;background:url('https://pic.neungyule.com/lms_nelab/c_img/ico/ico_true.png') no-repeat 0 0 / 12px auto;}
.tbl_voca.tbl_body tr td span.true::after{content:'정답'; overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
.tbl_voca.tbl_body tr td span.false{position:relative;display:inline-block;width:12px;height:12px;background:url('https://pic.neungyule.com/lms_nelab/c_img/ico/ico_false.png') no-repeat 0 0 / 12px auto;}
.tbl_voca.tbl_body tr td span.false::after{content:'오답'; overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}

.vocatest_submit{min-height:800px;padding-top:302px;background:url('https://pic.neungyule.com/lms_nelab/c_img/vocatest/bg_test_submit.png') no-repeat calc(50% + 12px) 148px / 198px auto;text-align:center;box-sizing:border-box;}
.vocatest_submit .tlt_info{margin-top:32px;}
.vocatest_submit .txt{margin-top:28px;font-size:16px;letter-spacing:-0.04em;color:#666;}
.vocatest_submit .txt a{font-weight:700;color:#832B9A;text-decoration:underline;}
.vocatest_submit .txt span{color:#000;}
.vocatest_submit .btn_wrap{margin-top:70px;}
.vocatest_submit .btn_wrap a{display:inline-block;width:160px;padding:16px 0;border:1px solid #76278A;background-color:#832B9A;font-size:16px;line-height:1;color:#fff;}