.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:calc(100vh - 51px); padding-bottom:100px !important;}
@media(max-width:1280px){
	#contents .subIn{padding-top:10px;}
}

#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:1280px){
	#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:1280px){
	#contents .subTop{display:none; }
	#contents .lnbArea{display:none; }
}

#contents ul.lnb{width:100%; margin-left:1px;}
#contents ul.lnb:after{content:""; display:block; clear:both;}
#contents ul.lnb li{float:left; position:relative; z-index:100; display:table; width:25%; margin-left:-1px; margin-bottom:-1px; border:1px solid #ccc; }
#contents ul.lnb li a{display:table-cell; position:relative; width:100%; height:62px; font-size:18px; color:#777; text-align:center; vertical-align:middle; background:#fff;}
#contents ul.lnb li a span{white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; 
	display:-webkit-box; 
	-webkit-line-clamp:2; 
	-webkit-box-orient: vertical; }
#contents ul.lnb li.active{z-index:110; border:1px solid #db0b37;}
#contents ul.lnb li.active a{color:#db0b37; }
#contents ul.lnb li.active.blue{;border:1px solid #0071d0;}
#contents ul.lnb li.active.blue a{color:#fff; background:#0071d0; }
#contents ul.lnb li.disabled{border:1px solid #ccc;}
#contents ul.lnb li.disabled a{color:#C9C9C9; }

@media(max-width:1280px){
	#contents ul.lnb li a{height:55px; font-size:16px;}
}
@media(max-width:767px){
	#contents ul.lnb li a{height:45px; font-size:14px;}
}


.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:1280px){
	.area_3depth{display:block; }
}