.leveltest_area{width:100%; padding:64px 0 0 0; }
.leveltest_area .numbering_box{position:relative; width:245px; margin:0 auto 60px; padding:0 30px; text-align:center; }
.leveltest_area .numbering_box .number{font-size:50px; font-weight:300; color:#999; }
.leveltest_area .numbering_box .number span{color:#222; }
.leveltest_area .numbering_box .arrow{position:absolute; top:50%; width:15px; height:29px; margin-top:-14.5px;}
.leveltest_area .numbering_box .arrow a{display:block; width:100%; height:100%; font-size:0; overflow:hidden; background-image: url("../images/arrow_2.png"); -webkit-background-size: 100%; background-size:100%;}
.leveltest_area .numbering_box .arrow.prev_arrow{left:0; }
.leveltest_area .numbering_box .arrow.prev_arrow a{background-position: left top;}
.leveltest_area .numbering_box .arrow.next_arrow{right:0; }
.leveltest_area .numbering_box .arrow.next_arrow a{background-position: left -29px;}
.leveltest_box{width:100%; padding-bottom:145px; }
.leveltest_box .leveltest_q{width:100%; margin:0 0 60px 0; padding:75px 0 75px 60px; border-top:2px solid #868b8f; border-bottom:1px solid #dce1e6; }
.leveltest_box .leveltest_q dt,
.leveltest_box .leveltest_q dd{width:100%; padding:0 60px 0 70px;}
.leveltest_box .leveltest_q dt{position:relative; padding-bottom:45px; background:url("../images/ico_q.png") left 14px no-repeat;}
.leveltest_box .leveltest_q dt .number{display:block; padding-bottom:15px; font-size:50px; font-weight:400; color:#182038; }
.leveltest_box .leveltest_q dt p{font-size:30px; font-weight:300; color:#222; line-height:34px; }
.leveltest_box .leveltest_q .cus_iuput_01{margin-bottom:20px; }
.leveltest_box .leveltest_q .short_answer{position:relative; width:100%; height:70px; padding:0 160px 0 0; }
.leveltest_box .leveltest_q .short_answer .ans_input{display:block; width:100%; height:100%; font-size:24px; font-weight:300; color:#666; border:1px solid #bbc0c1; border-right:none; }
.leveltest_box .leveltest_q .short_answer .ans_btn{display:block; position:absolute; top:0; right:0; width:160px; height:100%; font-size:24px; color:#fff; background-color: #01bdeb;}
.leveltest_box .question_arrow_btn{width:100%; font-size:0; text-align:center; }
.leveltest_box .question_arrow_btn a{display:inline-block; width:360px; height:80px; margin:0 18px; font-size:26px; color:#fff; text-align:center; line-height:80px; }
.cancel_b{background-color: #ccd0d5;}
.ok_b{background-color: #272b2e;}
.cus_iuput_01 label{}
.cus_iuput_01 input[type="radio"]{position:absolute; top:0; left:0; visibility:hidden; }
.cus_iuput_01 input[type="radio"]:checked + span.whzbtn{background-position: 0 -35px; }
.cus_iuput_01 span{display:inline-block; vertical-align:middle; }
.cus_iuput_01 span.whzbtn{width:35px; height:35px; margin-right:15px; background-image: url("../images/ico_chk_01.jpg"); background-position: 0 0; -webkit-background-size: 100%; background-size:100%;}
.cus_iuput_01 span.txt{font-size:26px; font-weight:300; color:#333;}




#contents .subContents{width:100%;}
#contents .subContents.bgC{background:#f5f5f5;}
#contents .subIn{width:100%; min-height:350px; padding-bottom:80px;}
@media(max-width:1180px){
	#contents .subIn{padding-top:25px;}
}

#contents .subBox{width:100%; margin-bottom:35px; }
#contents .txtS1{font-size:18px; font-weight:300; line-height:30px; letter-spacing:-0.5px;}
#contents .sub1{position:relative; padding:400px 0 0 0;}
#contents .sub1:after{content:""; display:block; position:absolute; top:0; right:0; width:100%; height:375px; background:url("../image/sub1Bg.jpg") center center no-repeat; -webkit-background-size: cover; background-size:cover;}
@media(max-width:1180px){
	#contents .txtS1{font-size:16px; line-height:26px; }
	#contents .sub1{padding:300px 0 0 0;}
	#contents .sub1:after{height:275px;}
}
@media(max-width:767px){
	#contents .sub1{padding:200px 0 0 0;}
	#contents .sub1:after{height:175px;}
}

#contents .subTop{position:relative; width:100%; height:300px;}
#contents .s_visual{width:100%; height:100%; padding:102px 0 0 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
#contents .s_visual h3.subT{width:100%; padding:62px 0 0 0; font-size:50px; font-weight:100; color:#fff; text-align:center; }
#contents .subNav{position:absolute; top:0; left:0; width:100%; height:48px; background-color:rgba(0,0,0,0.4);}
#contents .subNav .in_Layer{font-size:0; }
#contents .subNav span{display:inline-block; position:relative; padding:0 36px 0 20px; font-size:14px; color:#fff; line-height:48px; }
#contents .subNav span:after{content:""; display:block; position:absolute; top:50%; right:0; width:10px; height:19px; margin-top:-9.5px; background:url("../image/navBul.png") 0 0 no-repeat;}
#contents .subNav span:first-child{padding-left:0;}
#contents .subNav span:last-child{font-weight:600; }
#contents .subNav span:last-child:after{display:none; }
#contents .lnbArea{width:100%; padding:20px 0 35px 0; }
@media(max-width:1180px){
	#contents .subTop{display:none; }
	#contents .lnbArea{display:none; }
}

.lnb { display: flex; flex-wrap:wrap; width:100%; padding: 5px; background: #000; background-color: rgb(229, 228, 228); border-radius: 10px; } 
.lnb li {padding: 0;}
.lnb li a { display: flex; justify-content: center; align-items: center; height: 56px; border-radius: 8px; font-family: "Pretendard"; font-size: 18px; font-weight: 700; line-height: 1; letter-spacing:-0.025em; color: rgb(102, 102, 102); } 
.lnb li.active a { background-color: rgb(255, 255, 255); color: #3b92ed !important; } 
.lnb li.radioCus {position: relative;}
.lnb li.radioCus input[type="radio"] {position: absolute;top: 0;left: 0;}
.lnb li label {width: auto;height: auto;}
.viewTabs { display: flex; align-items: center; width: 100%; padding: 5px; } 
.viewTabs.fixed {left: 50%;transform: translate(-590px,0);}
.viewTabs > li { flex:1; } 
.viewTabs > li a { display: flex; justify-content: center; align-items: center; height: 55px; } 


@media(max-width:1180px){
    .lnb { padding: 4px; border-radius: 8px; }
    .lnb li a { height: 44px; border-radius: 6px; font-size: 14px; }
}

@media(max-width:767px){

}


.area_3depth{display:none; width:100%; font-size:0; text-align:left; }
.list_3depth .obj_depth{display:inline-block; padding:5px 10px;}
.list_3depth .obj_depth a{font-size:15px; color:#555; }
.list_3depth .obj_depth.active a{color:#458ced; border-bottom:1px solid #458ced;}
@media(max-width:1180px){
	.area_3depth{display:block; }
}