@charset "utf-8";

/* reset css */
html,body{min-width:320px;margin:0;padding:0;height:100%}
html{-webkit-text-size-adjust:none;/*Chrome, Safari, newer versions of Opera*/-moz-text-size-adjust:none;/*Firefox*/-ms-text-size-adjust:none;/*Ie*/-o-text-size-adjust:none; /*old versions of Opera*/}
body{overflow-y:auto;overscroll-behavior-y:none;}
body{font:14px/1 Noto Sans KR, '돋움', Dotum, 'Apple Gothic', sans-serif;color:#000;letter-spacing:-.02em;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:14px/1 Noto Sans KR, sans-serif;color:#000;vertical-align:middle;font-weight:400;}
input,textarea,select{color:#000}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
ol,ul,li{list-style:none;}
legend, .hidden{position:absolute;top:0;left:-9999px;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
caption{position:relative;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
.blind{overflow:hidden;position:absolute;left:-9999px !important;top:-9999px !important}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
address{font-style:normal;}
em{font-style:normal;font-weight:700}
strong{font-weight:normal;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
img{vertical-align:top;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
select::-ms-expand {display:none;}
input{border-radius:0;}
input[type=text],
input[type=number],
input[type=password]{-webkit-appearance:none;appearance:none;box-shadow:0 0;}
input::-ms-clear{display:none;}
input::placeholder,
textarea::placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
textarea:-ms-input-placeholder{color:#999;}
/*select:focus {outline:none;}*/
input:focus {outline:none;}
input[type=text]:foucs{border-bottom:1px solid #82308e !important;color:#82308e !important;}

.mt10{margin-top:10px}
.clearfix:after{content:'';display:block;clear:both;}

/* sprite image 공통 클래스 */
.ico_sp{background:url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common.png) no-repeat;background-size:300px auto;}/* 공통 스프라이트 이미지 */
.ico_pseudo_sp:before{background:url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common.png) no-repeat;background-size:300px auto;}/* 공통 스프라이트 이미지 가상클래스 */

/**/
.inp_radio{display:inline-block;}
.inp_radio input[type="radio"]{display:none;}
.inp_radio input[type="radio"] + label{position:relative;display:inline-block;padding-left:30px;line-height:24px;}
.inp_radio input[type="radio"] + label:before{content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background:url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common.png) no-repeat -25px 0 / 300px auto;}
.inp_radio input[type="radio"]:checked + label:before{background-position:-50px 0;}
.inp_check{display:inline-block;}
.inp_check input[type="checkbox"]{display:none;}
.inp_check input[type="checkbox"] + label{position:relative;display:inline-block;padding-left:30px;line-height:24px;}
.inp_check input[type="checkbox"] + label:before{content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background:url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common.png) no-repeat 0 -50px / 300px auto;}
.inp_check input[type="checkbox"]:checked + label:before{background-position:-25px -50px;}

/**/
#wrap{display:flex;flex-direction:column;flex-wrap:wrap;min-height:100vh;min-width:600px;margin:0 auto;min-height:100%;background:#F5F7FD;}/* footer 하단 고정 위한 flex */
#header{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 24px;background:#02205B;box-sizing:border-box;}
#header h1{display:inline-block;width:80px;margin-right:5px;color:#fff;}
#header h1 img{display:block;width:100%;}
#header strong{font-size:24px;font-weight:700;color:#fff}
#header .user_name{display:inline-block;padding-left:30px;text-align:right;vertical-align:middle;color:#fff;line-height:24px;font-size:18px;font-weight:500;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common/ico_user.svg') no-repeat 0 50%;}
#content .inner{max-width:720px;width:100%;margin:0 auto;}
#footer{width:100%;height:109px;padding:20px 0;margin-top:auto;/* 하단고정 */text-align:center;border-top:1px solid #ddd;box-sizing:border-box;background:#fff;}
#footer.bt_fixed{margin-top:-109px;}
#footer p{color:#999;font-size:14px;line-height:24px;}

.sub_head{padding:16px 0;background:#fff;}
.sub_head:after{content:'';display:block;clear:both;}
.sub_head .inner{display:flex;flex-direction:row;justify-content:space-between;max-width:720px;margin:0 auto;line-height:36px;}
.sub_head h2{font-size:24px;color:#000;font-weight:500;}
.sub_head p{display:flex;align-items:flex-end;color:#000;}
.sub_head .required{color:#F57F00;vertical-align:text-top;}

.form_head{display:flex;justify-content:space-between;align-items:baseline;margin:34px 0 8px}
.form_head .form_tit{/*float:left;*/margin:0 0 12px;font-size:24px;font-weight:500;color:#000;}
.form_head .form_tit + p,
.form_head .form_tit + a{/*float:right;*/}
.form_head .form_tit + p strong{color:#EC6D0B;}
.form_box{padding:24px 16px;background:#fff;border-radius:10px;}
.row_box{/*display:table;width:100%;*/display:flex;flex-wrap:nowrap;}
.row_box.v_bt{align-items:flex-end;}
.row_box + .row_box{margin-top:24px;}
.row_box:after{content:'';display:block;clear:both;}
.row_box .form_group{/*display:table-cell;*/vertical-align:top;padding:0 8px;box-sizing:border-box;}
.row_box.col_2 .form_group{width:50%;}
.row_box.col_3 .form_group{width:25%;}
.row_box.col_3 .form_group:last-child{width:50%;}
.row_box.type_selected{padding:0 4px}
.row_box.type_selected .form_group{width:50%;padding:0 4px;}
.row_box.type_selected input[type=radio]{display: none;}
.row_box.type_selected input[type=radio] + label{display:block;height:48px;line-height:48px;border:1px solid #C3C3C3;border-radius:4px;text-align:center;font-size:16px;cursor:pointer;}
.row_box.type_selected input[type=radio]:checked + label{background:#02205B;border-color:#02205B;color:#fff}
.row_box.type_selected .preparing input[type=radio] + label{color:#999}
.row_box.type_selected .preparing label span{display:inline-block;margin-left:2px;padding:0 8px;border-radius:9px;line-height:18px;font-size:12px;background:#ddd}

.form_group > label{display:block;margin-bottom:5px;font-size:14px;color:#000;line-height:22px;;}
.form_group .required{color:#F57F00;vertical-align:text-top;}
.form_group .required span{display:inline-block;text-indent:-9999px;}
.form_group input[type="text"]{display:block;width:100%;height:48px;padding:0 16px;line-height:48px;border:1px solid #C3C3C3;border-radius:5px;font-size:16px;box-sizing:border-box;}
.form_group .sel_box{position:relative;}
.form_group .sel_box:before{content:'';display:inline-block;position:absolute;right:16px;top:12px;z-index:2;width:24px;height:24px;background:url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common.png) no-repeat 0 0;background-size:300px auto;pointer-events:none;}
.form_group .sel_box select{display:block;width:100%;height:48px;padding:0 16px;border:1px solid #C3C3C3;border-radius:5px;font-size:16px;background:#fff;box-sizing:border-box;}
.form_group .sel_box select#examineeName{padding:0 35px 0 16px;text-overflow:ellipsis;}
.form_group .sel_box select:invalid{color:#999}
.form_group .sel_box select.pick{color:#000}
.form_group .sel_box option{color:#000;}
.form_group input[readonly='readonly'],
.form_group .sel_box select[disabled]{opacity:1;background:#d8d9e0;/*background:rgba(63, 68, 102, .2);*/color:#999}
.form_group .inp_radio{float:left;margin-top:10px;width:50%;}
.form_group .txt_info{position:relative;padding-left:10px;margin-top:26px;color:#F57F00;line-height:1.2;}
.form_group .txt_info:before{content:'*';position:absolute;left:0;top:3px;display:inline-block;}
.form_box .btn_box{display:table;width:100%;margin-top:20px;padding-top:16px;border-top:1px solid #ddd;box-sizing:border-box;}
.form_box .btn_box.user_btn_box{width:calc(100% - 16px);margin:20px 8px 0;}
.form_box .btn_box p{display:table-cell;}
.form_box .btn_box > span{display:table-cell;text-align:right;}
.form_box .btn_box > span a + a{margin-left:8px;}
.form_box .test_info_list{color:#666;line-height:18px;font-size:14px}
.form_box .test_info_list li{margin-bottom:4px}
.form_box .test_info_list li.txt_org{color:#F57F00}
.form_box .test_info_list + div{text-align:right;}
.form_box .test_info_list + div a:first-child{margin-right:5px}

.form_box + .btn_box{margin:24px 0 40px;text-align:center;}
.form_box + .btn_box a{width:328px;height:48px;line-height:48px;padding:12px 16px;font-size:16px;font-weight:500;border-radius:23px;line-height:normal}
.all_agree + .btn_box{margin:15px 0 90px;text-align:center;}
.all_agree + .btn_box a{width:328px;height:48px;line-height:48px;padding:12px 16px;font-size:16px;font-weight:500;border-radius:23px;line-height:normal}
.all_agree + .btn_box input{width:328px;height:48px;line-height:48px;padding:12px 16px;font-size:16px;font-weight:500;border-radius:23px;line-height:normal;border:0 none;cursor:pointer;-webkit-appearance:none;}
.slide_box + .btn_box{margin:24px 0 40px;text-align:center;}
.slide_box + .btn_box a{width:328px;height:48px;line-height:48px;font-size:16px;font-weight:500;border-radius:23px;line-height:normal}
.slide_box + .btn_box a.disabled{background:#999;/*pointer-events:none;*/}

.all_agree{display:block;margin-top:24px;text-align:center}
.all_agree label{font-size:16px}
.txt_browser{margin:4px 0 0;font-size:16px;color:#F57F00;font-weight:500;line-height:22px;}


/**************Info_step**************/
#wrap.info_step{position:relative;background:#fff;}
.info_step:after{content:'';position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;background:rgba(63, 68, 102, .78);}
.info_step .img_box{position:absolute;left:50%;top:0;z-index:100;max-width:720px;margin-left:-360px;}
.info_step .img_box p{display:none}
.info_step .img_box .btn_check{display:none;/*width:328px;*/width:436px;height:52px;/*margin:40px auto 0;*/line-height:52px;border-radius:26px;background:#EC6D0B;color:#fff;text-align:center;font-size:22px;font-weight:500;}
.info_step .img_box .ico_hand{display:none;content:'';position:absolute;z-index:10;width:50px;height:60px;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_hand.svg') no-repeat 50% 50%;}
.info_step .img_box .step1_1{position:absolute;left:60px;top:80px;}
.info_step .img_box .step1_2{position:absolute;left:60px;top:80px;}
.info_step .img_box .step1_3{position:absolute;left:0;top:80px;}
.info_step .img_box .step1_3 .txt{position:absolute;left:256px;top:150px;z-index:1;}
.info_step .img_box .step1_4{position:absolute;left:450px;top:80px;}
.info_step .img_box .step1_4 .txt{position:absolute;left:-190px;top:55px;z-index:1;}
.info_step .img_box .step1_5{position:absolute;left:0;top:162px;}
.info_step .img_box .step1_6{position:absolute;left:0;top:162px;}
.info_step .img_box .step1_6 .btn_check{display:none;position:absolute;left:142px;top:85px;z-index:1;}
.info_step .img_box .step1_6 .ico_hand{left:460px;top:122px;}
.info_step .img_box .step1_7{position:absolute;left:0;top:162px;width:720px;/*top:50%;transform:translate(0, 50%)*/}
.info_step .img_box .step1_7 img{max-width:100%}
.info_step .img_box .step1_7 .ico_hand{left:407px;top:84px;}
.info_step .img_box .step1_7 .btn_check{display:none;position:absolute;left:142px;top:40px;z-index:1;}
.info_step .img_box .step1_7 .btn_play{position:absolute;left:142px;top:40px;z-index:1;display:inline-block;width:436px;height:52px;}
.info_step .img_box .step1_7 .btn_play.disabled{cursor:default;}
.info_step .img_box .step1_7 .btn_play img{width:100%}
.info_step .part3,
.info_step .part4{display:none}
.info_step .noti_sample{width:540px;height:75px;line-height:75px;border-radius:75px;font-size:24px;font-weight:700;color:#EEFF00;background:#EC6D0B;position:absolute;bottom:156px;left:50%;margin-left:-270px;text-align:center;z-index:99;}

/**************TEST**************/
#content.part_info{height:100vh;height:calc(var(--vh, 1vh) * 100);/*height:100vh;display:flex;flex-direction:column;*/}
.part_info h1{width:80px;margin:0 auto;/*font-size:20px;font-weight:500;color:#fff;letter-spacing: -.02em;*/}
.part_info h1 img{width:100%}
.part_info h2{color:#fff;font-weight:700;font-size:30px;}
.part_info h2 strong{display:block;margin-bottom:5px;line-height:90px;font-size:60px;color:#fff;font-weight:700}
.part_info .top_box{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:calc(100% / 2 );padding-bottom:3.8%;border-bottom-left-radius:50px;border-bottom-right-radius:50px;text-align:center;background:#02205B url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/bg_test.png) no-repeat 0.41% 0 / 833px auto;box-sizing:border-box;}
.part_info .top_box .tit_part .btn_test{display:inline-flex;justify-content:center;align-items:center;min-width:315px;height:64px;padding:0 12px;margin-top:40px;background:#EC6D0B;font-size:20px;border-radius:31px;box-shadow:0 3px 9px rgba(0, 0, 0, .16);color:#fff;box-sizing:border-box;}
.part_info .top_box .tit_part .btn_test strong{font-weight:700}
.part_info .top_box .tit_part .btn_test strong{display:inline-block;padding-left:30px;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common/ico_user.svg') no-repeat 0 50%;}
.part_info .list_box{height:calc((100% / 2) - 109px);margin:0 auto;padding-top:3.15%;box-sizing:border-box;}
.part_info .list_box ul{display:flex;height:100%;justify-content:center;align-items:flex-start;}
.part_info .list_box ul li{padding:0 32px;text-align:center;font-size:18px;line-height:30px;color:#000;box-sizing:border-box;}
.part_info .list_box ul li:before{content:'';display:block;width:110px;height:110px;margin:0 auto 20px;}
.part_info .list_box ul li.ico_book:before{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_book.svg') no-repeat 50% 50%;}
.part_info .list_box ul li.ico_time:before{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_time.svg') no-repeat 50% 50%;}
.part_info .list_box ul li.ico_choice:before{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_choice.svg') no-repeat 50% 50%;}
.part_info .list_box ul li.ico_ab:before{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_ab.svg') no-repeat 50% 50%;}
.part_info .list_box ul li.ico_audio:before{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_audio.svg') no-repeat 50% 50%;}
.part_info .list_box ul li strong{display:block;font-size:22px;color:#000;font-weight:700;}
.part_info.part_listening .top_box{justify-content:center;height:59%;padding-bottom:0;}
.part_info.part_listening h2 strong{margin-bottom:10px;}
.part_info.part_listening .top_box .tit_part .btn_test{margin-top:30px}
.part_info.part_listening .list_box{height:41%;padding-top:2.5%;}

.test_info .info_box dl{opacity:0;position:relative;/*height:168px;*/padding:24px 32px;background:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0, 0, 0, .16);box-sizing:border-box;}
.test_info .info_box dl.info1{opacity:1;}
.test_info .info_box dl.info2{animation:show .4s ease-in-out 1s forwards;}
.test_info .info_box dl.info3{animation:show .4s ease-in-out 3s forwards;}
.test_info .info_box dl + dl{margin-top:16px}
.test_info .info_box dl:before{content:'';display:inline-block;position:absolute;right:32px;bottom:24px;width:76px;height:61px;}
.test_info .info_box dl.info1:before{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_pc.svg') no-repeat 50% 50%;}
.test_info .info_box dl.info2:before{bottom:15px;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_browser.svg') no-repeat 50% 50%;}
.test_info .info_box dl.info3:before{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_timer.svg') no-repeat 50% 50%;}
.test_info .info_box dl dt{margin-bottom:14px;font-size:20px;line-height:26px;font-weight:500;}
.test_info .info_box dl dd{font-size:16px;color:#666;line-height:28px;}
.test_info .info_box dl dd strong{font-weight:500;color:#F57F00;}
.test_info .btn_check{visibility:hidden;opacity:0;display:block;width:328px;height:48px;margin:40px auto;line-height:48px;border-radius:24px;background:#EC6D0B;color:#fff;text-align:center;font-size:16px;font-weight:500;animation:show .4s ease-in-out 4.5s forwards;}
.test_info .btn_check.disabled{background:#999}
@keyframes show{
	0%{visibility:visible;opacity:0;}
	100%{visibility:visible;opacity:1;}
}
.test_complete{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 109px);min-height:calc(calc(var(--vh, 1vh) * 100) - 109px);background:#02205B url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/bg_test.png) no-repeat -26px 75% / 833px auto}
.test_complete > div{text-align:center;}
.test_complete .loading_box .loading{position:relative;display:inline-block;width:210px;height:210px;border-radius:50%;box-sizing:border-box;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_loading.svg') no-repeat 50% 50%;}
.test_complete .loading_box .loading:before{content: '';display:block;padding-top:100%;}
.test_complete .loading_box .loading svg{position:absolute;left:-10px;top:-12px;width:calc(100% + 20px);height:calc(100% + 20px);-webkit-animation: rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;}
.test_complete .loading_box .loading svg circle{stroke-dashoffset:0;stroke-dasharray:40, 128;-webkit-animation:dash 2s ease-in-out infinite;animation:dash 2s ease-in-out infinite;stroke:#EC6D0B;stroke-linecap:round;}
@-webkit-keyframes rotate{
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate{
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes dash{
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}
@keyframes dash{
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

.test_complete .loading_box p{margin-top:27px;font-size:24px;color:#fff;font-weight:500;}
.test_complete .finish_box .btn_test{display:inline-flex;min-width:315px;height:64px;align-items:center;justify-content:center;padding:0 8px;margin-top:23px;background:#EC6D0B;color:#fff;font-size:20px;border-radius:32px;box-shadow:0 3px 9px rgba(0, 0, 0, .16);box-sizing:border-box;}
.test_complete .finish_box .btn_test em{display:inline-block;margin-left:5px;font-weight:700;color:#fff;}
.test_complete .finish_box .btn_test strong{display:inline-block;padding-left:30px;font-weight:700;color:#fff;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common/ico_user.svg') no-repeat 0 50%;}
.test_complete .finish_box .tit_finish img{width:80px}
.test_complete .finish_box .tit_finish strong{display:block;margin-top:15px;font-weight:700;font-size:48px;line-height:56px;color:#fff;}
.test_complete .finish_box .txt_check{position:relative;padding-top:150px;margin-top:64px;font-size:20px;line-height:26px;color:#fff;}
.test_complete .finish_box .txt_check:before{content:'';position:absolute;left:50%;top:0;display:inline-block;width:128px;height:128px;margin-left:-64px;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_complete.svg') no-repeat 50% 50%;}


/****************************/
#wrap.test_question{background:#fff}
.answer_status{padding-bottom:24px;background:#F5F7FD;}
.answer_status .time_progress{height:10px;background:#fff}
.answer_status .time_progress .pass{display:inline-block;height:100%;background:#EC6D0B;text-indent:9999px;vertical-align:top;transition:all .2s ease}
.answer_status .top_area{display:flex;align-items:center;padding-top:24px;margin-bottom:8px;}
.answer_status .top_area .tit_part{flex:none;font-size:20px;color:#EC6D0B;font-weight:700;}
.answer_status .top_area dl{flex:none;display:inline-block}
.answer_status .top_area dl dt{display:inline-block;margin-left:12px;font-size:16px;font-weight:500;color:#666;}
.answer_status .top_area dl dd{display:inline-block;padding:6px 13px;margin-left:4px;font-size:16px;color:#666;background:#fff;border-radius:18px}
.answer_status .top_area dl dd em{font-weight:700;color:#EC6D0B;}
.answer_status .top_area .btn_status{position:relative;height:36px;padding:0 40px 0 22px;margin-left:auto;line-height:36px;color:#fff;font-weight:500;background:#EC6D0B;border-radius:18px;border:0 none;font-size:16px;letter-spacing:-.02em;}
.answer_status .top_area .btn_status:before{content:'';position:absolute;right:12px;top:8px;display:inline-block;width:20px;height:20px;letter-spacing:-.02em;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_arr2.svg') no-repeat 0 50%;-webkit-transition:all .2s;transition:all .2s;}
.answer_status .top_area .btn_status.on:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.answer_status .q_num_slide{display:none;background:#fff;border-radius:10px;}
.answer_status .q_num_slide .swiper-parent{position: relative;width:620px;margin:0 auto;}
.answer_status .q_num_slide .swiper-container{width:calc(100% - 68px);padding:24px 1px;box-sizing:border-box;}
.answer_status .q_num_slide button{display:inline-block;width:44px;height:36px;background:#fff;border:1px solid #C3C3C3;border-radius:4px;font-size:14px;color:#999}
.answer_status .q_num_slide .swiper-slide.done button{background:#C3C3C3;color:#fff;}
.answer_status .q_num_slide .swiper-slide.active button{background:#02205B;border-color:#02205B;color:#fff;}
.answer_status .q_num_slide .swiper-button-prev,
.answer_status .q_num_slide .swiper-button-next{z-index:10;width:24px;height:24px;margin-top:-12px;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/btn_swiper.svg') no-repeat 50% 50%;}
.answer_status .q_num_slide .swiper-button-prev{left:0;}
.answer_status .q_num_slide .swiper-button-next{right:3px;-webkit-transform:scaleX(-1);transform:scaleX(-1);}
.answer_status .q_num_slide .swiper-button-prev:after,
.answer_status .q_num_slide .swiper-button-next:after{display:none;}
.q_area{position:relative;padding:32px 0 0 0}
.q_area .info_listening{display:none;position:absolute;left:0;top:-20px;height:36px;padding:0 15px;margin-bottom:15px;border:1px solid #4472C4;border-radius:19px;line-height:34px;text-align:center;color:#4472C4;font-size:16px;background:#fff;z-index:10;}
.q_area .info_listening:after{content:'';position:absolute;left:55px;bottom:-15px;display:inline-block;width:17px;height:15px;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_info_arr.svg') no-repeat 50% 50%;}
.q_area .q_rubric{position:relative;padding-left:35px;margin-bottom:25px;color:#000;font-size:20px;line-height:26px;word-break:keep-all;}
.q_area .q_rubric .q_num{position:absolute;left:0;top:0;font-size:20px;font-weight:700;}
.q_area .q_rubric .q_text{display:flex;align-items:flex-start;}
.q_area .q_rubric .audio{position:relative;display:inline-block;margin-right:5px;z-index:10;}
.q_area .q_rubric .ico_audio{display:inline-block;width:57px;height:24px;border-radius:17px;color:transparent;vertical-align:top;background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_audio_stop.svg') no-repeat 50% 50%;}
.q_area .q_rubric .ico_audio.play{background:url('https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_audio_play.svg') no-repeat 50% 50%;}
.q_area .q_rubric .ico_audio.crsr_pointer{cursor:pointer}
.q_area .q_rubric .ico_hand{position:absolute;left:16px;top:14px;z-index:10;display:inline-block;width:31px;height:41px;background:url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/test/ico_hand.png) no-repeat 50% 50%;background-size:auto 100%;animation:handOn 1.3s ease-in-out infinite;}
@keyframes handOn{
	 0%, 100%{transform: scale(0.9);}
	 50%{transform: scale(1);}
 }
.q_area .q_rubric .dimmed{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(63, 68, 102, .92);opacity:0.92;filter:alpha(opacity=92);z-index:9;}
.q_area .q_rubric pre{display:inline-block;color:#000;font-size:20px;line-height:26px;margin:0;font-family:'Noto Sans KR', 'Apple Gothic', sans-serif;white-space:pre-line;letter-spacing:-.02em;}
.q_area .q_box{padding:20px;margin:0 0 25px 35px;border:1px solid #ddd;border-radius:10px}
.q_area .q_box pre{font-family: 'Noto Sans KR', 'Apple Gothic', sans-serif;white-space:normal;line-height:32px;font-size:18px;letter-spacing:-.02em;}
.q_area .q_box pre em{font-weight:normal;font-style:italic}
.q_area .q_box pre ol,
.q_area .q_box pre ol li{list-style-type:decimal;}
.q_area .q_box pre ol,
.q_area .q_box pre ul{padding-left:20px}
.q_area .q_box pre ul,
.q_area .q_box pre ul li{list-style-type:disc}
.q_area .q_box pre blockquote{font-style:italic;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;}
.q_area .q_box pre h1{font-size:2em;font-weight:bold;line-height:normal}
.q_area .q_box pre h2{font-size:1.5em;font-weight:bold;line-height:normal}
.q_area .q_box.t_center{text-align:center}
.q_area .q_box img{max-height:300px}
.q_area .q_box p{font-size:18px;line-height:32px;white-space:normal;}
.q_area .q_box img + p{margin-top:20px}
.q_area .choice_view{padding-left:35px;}
.q_area .choice_view li{font-size:18px;line-height:32px;}
.q_area .choice_view li em{font-weight:normal;font-style:italic}
.q_area .choice_view li .num{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:8px;line-height:13px;font-size:13px;border:1px solid #000;text-align:center;box-sizing:border-box;}
.q_area .q_rubric + .choice_view{margin-top:24px}
.a_area{padding:24px 36px;margin:40px 0;border-radius:10px;background:#F5F7FD;text-align:center;}
.a_area > strong{font-size:14px;line-height:20px;}
.a_area .multiple_choice{display:flex;justify-content:center;margin-top:10px;}
.a_area .multiple_choice li{margin:0 4px}
.a_area .multiple_choice input{display:none;}
.a_area .multiple_choice label{display:inline-block;min-width:64px;padding:12px 17px;text-align:center;border-radius:4px;border:1px solid #C3C3C3;font-size:16px;color:#666;background:#fff;box-sizing:border-box;transition:all .2s ease;}
.a_area .multiple_choice input:checked + label{background:#EC6D0B;color:#fff;font-weight:700;border-color:transparent;}
.a_area .subjective{margin:12px 0 16px;}
.a_area .subjective .blank_zone{display:flex;align-items:center;justify-content:center;height:48px;padding:10px 0;background:#fff;text-align:center;border:0 none;font-size:18px;border-radius:4px;box-sizing:border-box;}
.a_area .subjective .blank_zone .inp_txt{display:inline-block;}
.a_area .subjective .blank_zone .inp_txt input{-webkit-appearance:none;-webkit-border-radius:0;}
.a_area .subjective div input{display:inline-block;min-width:18px;border:0 none;border-bottom:1px solid #000;font-size:18px;}
.a_area .btn_next_question{display:inline-block;width:192px;height:48px;margin-top:16px;line-height:48px;color:#fff;background:#EC6D0B;border-radius:4px;font-weight:500;font-size:16px}
.a_area .a_next_part,
.a_area .a_test_complate{margin-top:16px;line-height:48px;text-align:center;}
.a_area .a_next_part a,
.a_area .a_test_complate a{display:inline-block;width:192px;height:48px;background:#02205b;border-radius:4px;color:#fff;font-weight:500;font-size:16px;}

.btn{display:inline-block;min-width:88px;padding:10px 16px;border-radius:20px;text-align:center;font-size:14px;box-sizing:border-box;}
.btn.bg_white{background:#fff;border:1px solid #C3C3C3;}
.btn.bg_navy{background:#3F4466;color:#fff;}
.btn.bg_purple{background:#82308E;color:#fff;}
.btn.bg_org{background:#EC6D0B;color:#fff;}


/****************************/
.tb_box table{border-top:1px solid #000;}
.tb_box thead th,
.tb_box tbody th{padding:15px 0;background:#F5F7FD;font-size:14px;line-height:20px;text-align:center;border-bottom:1px solid #ddd;}
.tb_box tbody th{font-size:16px}
.tb_box tbody td{padding:12px 0;font-size:16px;text-align:center;line-height:22px;border-bottom:1px solid #ddd;}
.tb_box tbody td.t_left{padding-left:12px;text-align:left}

/****************************/
.pagenation{text-align:center;font-size:0;margin-top:25px;}
.pagenation > a{display:inline-block;vertical-align:top;width:24px;height:24px;font-weight:700;vertical-align:middle;}
.pagenation > a + a{margin-left:16px;}
.pagenation > a.page_no{width:42px;height:36px;font-size:14px;text-align:center;color:#999;line-height:34px;border-radius:4px;border:1px solid #C3C3C3;}
.pagenation > a.page_no + a.page_no{margin-left:8px;}
.pagenation > a:not(.page_no){background:url(https://svedumobilevod.neungyule.com/001_nelt_test_services/img/common.png) no-repeat;background-size:300px auto;}
.pagenation > a.page_first{background-position:-75px 0;}
.pagenation > a.page_prev{background-position:-100px 0;}
.pagenation > a.page_next{background-position:-125px 0;}
.pagenation > a.page_last{background-position:-150px 0;}
.pagenation > a.on{color:#fff;background:#02205B;border-color:#02205B;}

/****************************/
.dim{display:none;position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;background:rgba(0, 0, 0, .4);transition: all 0.2s ease-in-out;}
.pop_wrap{display:none;position:fixed;top:50%;left:50%;z-index:100;width:720px;padding:26px 24px;background:#fff;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing:border-box;}
.pop_wrap .pop_head .pop_tit{margin-bottom:20px;font-size:24px;line-height:30px;font-weight:500;}
.pop_wrap .btn{min-width:64px;height:36px;padding:6px 0;border-radius:4px;}
.pop_wrap .tb_box tbody td .btn + .btn{margin-left:6px;}
.pop_wrap .btn_close{position:absolute;right:24px;top:24px;display:inline-block;width:40px;height:40px;text-indent:-9999px;border:0 none;background:#fff;}
.pop_wrap .btn_close:before{content:'';display:inline-block;width:25px;height:25px;position:absolute;left:7px;top:7px;background-position:-174px 0;}

.pop_wrap2{padding:26px 24px;}
.pop_wrap2 .pop_head .pop_tit{margin-bottom:20px;font-size:24px;line-height:30px;font-weight:500;}

.pop_user_info .pop_head{display:flex;justify-content:space-between;margin-bottom:10px;}
.pop_user_info .pop_head .form_group{width:148px;}
.pop_user_info .btn{min-width:80px;padding:7px 0;}
.pop_user_info .btn_continue{background:#fff;color:#EC6D0B;border:1px solid #EC6D0B}
.pop_user_info .tb_box tbody td{font-size:15px}
.pop_user_info .tb_box tbody td.t_left{text-align:left}
.pop_user_info .tb_box tbody tr:nth-child(even) td{background:#F6F6F6}

@media screen and (max-width:1024px){
	.part_info .top_box{background-position:-448px 0;}
	.test_finish{background-position:-448px 12.42%;}
}

@media screen and (max-width:600px){
	#content .inner{padding:0 16px;width:100%;box-sizing:border-box;}
	.sub_head{padding:16px;}
}

@media only screen and (min-device-width : 480px) and (max-device-width : 767px){
	#footer.bt_fixed{position:relative;margin-top:0;}
	.test_finish .finish_box .txt_check{margin-top:32px}
}

@media screen and (max-height:768px){
	#content.part_info{min-height:768px;}
	/*.part_info .list_box{padding-top:0;align-items:center}*/
	.part_info .top_box{padding-bottom:0;justify-content:center;}
}