/* reset */
select::-ms-expand { display: none;}
/* cut string */
.cutString{display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aBlock{display:block;width:100%;}
.text-br{word-break:break-all;white-space:normal;}
@media (max-width:993px){
	.cutString{max-width:500px;}
}
@media (max-width:776px){
	.cutString{max-width:300px;}
}
@media (max-width:576px){
	.cutString{max-width:250px;}
}
@media (max-width:400px){
	.cutString{max-width:200px;}
}
/*header */
body{background:#f2f4f7;padding-top:70px;background-size:100%;}
.wrapSkoologic{background:#fff;overflow:hidden;}
.wrapSkoologic{max-width:1200px;margin:0 auto;}
/* top start */
.wrapHeader .wrapToggle{display:none;}
.wrapHeader{position:fixed;width:100%;top:0;left:0;background:#fff;overflow:hidden;z-index:100;}
.wrapHeader .header{height:60px;line-height:60px;}
.wrapHeader .header .wrapLogo{position:absolute;top:0;left:0;width:150px;}
.wrapHeader .header .wrapLogo h1 {padding:10px;width:160px;height:60px;background:url('../img/logo.png') 9px 9px no-repeat;background-size:120px;}
.wrapHeader .header .wrapLogo h1 a{display:block;width:100%;height:100%;}

.wrapHeader .header .wrapGnb{position:relative;width:1100px;margin:0 auto;}
.wrapHeader .header .wrapGnb .ulGnb{width:100%;margin:0 auto;}
.wrapHeader .header .wrapGnb .ulGnb li{position:relative;float:left;width:16.66666666666667%;}
.wrapHeader .header .wrapGnb .ulGnb li a{display:block;text-align:center;color:#9b9b9b;text-align:center;}
.wrapHeader .header .wrapGnb .ulGnb li a:hover,.wrapHeader .header .wrapGnb .ulGnb li.active a{color:#f6430b;font-weight:bold;}
.wrapHeader .header .wrapGnb .ulGnb li a:hover i,.wrapHeader .header .wrapGnb .ulGnb li.active a i{color:#ec6000;}
.wrapHeader .header .wrapGnb .ulGnb li.bar a:after{display:block;content:"";position:absolute;top:50%;margin-top:-7px;right:0;width:2px;height:14px;background:#f1f1f1;}
.wrapHeader .header .wrapMember{position:absolute;top:0;right:0;} 
.wrapHeader .header .wrapMember .ulMember{float:right;padding-right:40px;}
.wrapHeader .header .wrapMember .ulMember li{float:left;padding:0 5px;}
.wrapHeader .header .wrapMember .ulMember li a{display:inline-block;height:30px;line-height:30px;}

@media (max-width:1625px){	
	.wrapHeader{width:100%;}
	.wrapHeader .header .wrapLogo{position:relative;float:left;width:20%;height:60px;min-width:180px;overflow:hidden;}
	.wrapHeader .header .wrapGnb{position:relative;float:left;width:60%;margin:0 auto;}
	.wrapHeader .header .wrapMember{position:relative;float:left;width:20%;text-align:right;}
	.wrapHeader .header .wrapLogo h1{max-width:130px;}
}
@media (min-width:1110px){
	.wrapHeader .header .wrapGnb .ulGnb li a:hover span,
	.wrapHeader .header .wrapGnb .ulGnb li.active a span{display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-50px;width:100px;height:2px;background:#ec6000;}
	.wrapHeader .header .wrapMember .ulMember li a{background:#ff4477;padding:0 10px;color:#fff;}
	.wrapHeader .header .wrapMember .ulMember li a.btn{transition: box-shadow ease 100ms;box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 -1px 1px rgba(0,0,0,0.05);font-size:13px;}
	.wrapHeader .header .wrapMember .ulMember li a.btnWhite{background:#fff;color:#ec6000;}
	.wrapHeader .header .wrapMember .ulMember li a.btnOrange{background:orange;color:#fff;}
}
@media (max-width:1250px){
	body{background:#f2f4f7;padding-top:60px;}
	.wrapSkoologic{margin:0 auto;width:100%;padding:0 5px 5px 5px;box-sizing:border-box;}	
	.wrapHeader .wrapToggle{display:block;z-index:3;}	
	.ulCategory li{width:20%;}
		
	.wrapHeader .header .wrapGnb{display:none;}
	.wrapHeader .header .wrapMember{display:none;}
	.wrapHeader .btnMobileToggleShow{display:block;}
	.wrapHeader .btnMobileToggleHide{display:none;}

	.wrapHeader{height:50px;}
	.wrapHeader .header{height:50px;line-height:50px;}
	.wrapHeader .header .wrapLogo h1 {padding:10px;margin-left:20px;height:60px;background-size:100px;}

	.wrapToggle{position:fixed;top:0;right:0;}
	.wrapToggle .btnMobileToggle{color:#fff;font-size:28px;text-align:center;width:50px;height:50px;line-height:50px;z-index:2;}
	.wrapToggle .btnMobileToggle i{color:#fff;margin-top:11px}
	
	.wrapHeaderMobile .header .wrapGnb{display:block;}
	.wrapHeaderMobile .header .wrapMember{display:block;}
	.wrapHeaderMobile .btnMobileToggleShow{display:none;}
	.wrapHeaderMobile .btnMobileToggleHide{display:block;}
	
	.wrapHeaderMobile{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.92);z-index:20;}
	.wrapHeaderMobile .header .wrapLogo {text-align:center;width:100%;height:20vh;float:none;padding-top:10px;}
	.wrapHeaderMobile .header .wrapLogo h1 {display:inline-block;background:url('../img/logoMobile.png') center bottom no-repeat;background-size:100px;}

	.wrapHeaderMobile .header .wrapGnb{clear:both;width:100%;height:60vh;float:none;text-align:center;}
	.wrapHeaderMobile .header .wrapGnb .ulGnb{max-width:300px;margin:0 auto;}
	.wrapHeaderMobile .header .wrapGnb .ulGnb li{width:100%;float:none;}
	.wrapHeaderMobile .header .wrapGnb .ulGnb li a{color:#fff;height: 50px;line-height: 50px;font-size: 20px;font-weight: bold;padding-left: 15px;text-align:left;}

	.wrapHeaderMobile .header .wrapMember{clear:both;width:100%;height:20vh;float:none;text-align:center;border-top:1px solid #fff;}
	.wrapHeaderMobile .header .wrapMember .ulMember{display:block;float:none;}
	.wrapHeaderMobile .header .wrapMember .ulMember li{float:none;display:inline-block;}
	.wrapHeaderMobile .header .wrapMember .ulMember li a{color:#fff;}
	
	.wrapHeaderMobile .header .wrapGnb .ulGnb li a i{min-width:30px;color:#fff;}
	.wrapHeaderMobile .header .wrapGnb .ulGnb li.bar a:after{display:none;}
}
/* top end */

.wrapContainer{padding-left:200px;}
@media (max-width:993px){
	.wrapContainer{padding-left:0;}
}

/* start side */
.wrapSide{position:fixed;top:0;width:201px;border-right:1px solid #ddd;height:100%;z-index:10;background:#fff;}
.wrapSide .side .sideHead{margin-top:80px;padding:0 5px 5px 5px;}
.wrapCgHead{}
.ulCgHead{padding:10px 0;}
.ulCgHead li{}
.ulCgHead li a{display:block;color:#616161;padding:10px 0 10px 10px;}
.ulCgHead li a:hover{background:#f2f2f2;}
.ulCgHead li.active a{color:#ff6c00;}
.hLine{border-top:1px solid #ddd;padding:5px 0;}

/* start button */
.btn{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:17px;}
.wrapSide .side .sideHead .btn{}
.wrapSide .side .sideHead .btn-100{}
.wrapSide .side .sideHead .btn-left-50{}
.wrapSide .side .sideHead .btn-right-50{}
.wrapSide .side .sideHead .btn-100{}
/* end button */

.wrapLeftSnb{/*position:fixed;top:0;padding-top:90px;left:0;width:200px;height:100%;border-right:1px solid #e3e3e3;overflow-y:scroll;box-sizing:border-box;*/}
.wrapLeftSnb .ulLeftSnb{}
.wrapLeftSnb .ulLeftSnb li .title{padding-left:10px;}
.wrapLeftSnb .ulLeftSnb li a{display:block;width:100%;height:30px;line-height:30px;}
.wrapLeftSnb .ulLeftSnb li a:hover{background:#f2f2f2;}
.wrapLeftSnb .ulLeftSnb li .title{font-size:14px;height:30px;line-height:30px;}
.wrapLeftSnb .ulLeftSnb li h3{font-size:15px;padding:5px;}	

/* 2depth */
.ulLeftSnbSub > li a{font-size:12px;color:#616161;padding-left:20px;}
.ulLeftSnbSub > li.active a{color:#ff6c00;}

/* 3depth */
.ulLeftSnb3Depth li a{font-size:12px;color:#616161;padding-left:30px;}
.ulLeftSnb3Depth{}

/* cg button */
.wrapLeftSnb .ulLeftSnb li button{display:block;width:100%;height:30px;line-height:30px;text-align:left;text-indent:10px;}
.wrapLeftSnb .ulLeftSnb li button:hover{background:#f2f2f2;}
/* cg button */

@media (max-width:993px){
	.wrapSide{display:none;width:100%;background:rgba(0,0,0,0.8);}	
	.wrapSide .side{width:201px;height:100%;background:#fff;}
	.wrapSide .side .sideHead{margin-top:0;padding:80px 5px 5px 5px;}
}
/* end side */
/* wrapBanner*/
@media (min-width:994px){
	.hidden-pc{display:none !important;}
}
/* mobile off */
@media (max-width:993px){
	.wrapBanner{display:none !important;}
	.wrapListSearch{}
	.hidden-mobile{display:none !important;}
}
/* start passCheck */
.wrapPassCheck{width:450px;margin:0 auto;background:#fff;overflow:hidden;padding-top:30px;padding-bottom:30px;}
.wrapPassCheck .passCheckTop{height:60px;line-height:60px;font-size:22px;text-align:center;}
.wrapPassCheck .passCheckTop img{position:relative;top:5px;}
.passCheckLabel{padding:10px 0;}
.passCheckLabel label{font-size:15px;font-weight:bold;}
.passCheckLabel img{position:relative;top:5px;width:20px;}
.wrapCheckForm{padding:0 40px;clear:both;}
.inputPassword{display:inline-block;width:100%;height:40px;background:#f9fafc;border:1px solid #e1e2e6;text-indent:5px;box-sizing:border-box;outline:0px;}
.inputPassword:focus{border:1px solid #101010;outline:none;}
.passCheckInput label{width:100%;}
.passCheckInput .inputPassword{display:inline-block;width:100%;}
.passCheckWhy{color:#999;padding-top:10px;line-height: 22px;color: #666;font-size: 12px;font-family:Noto Sans KR,sans-serif;letter-spacing:-1px;}
.btnPassCheck{width:100%;height:40px;line-height:40px;background:#093687;color:#fff;text-align:center;margin-top:10px;}
.customerMsg{padding:10px 0;clear:both;}



.tableCustomerMsg td{font-size:12px;line-height:20px;color:#999999;}
.tableCustomerMsg td .textLi{}
.checkResultMsg{padding:20px 0;text-align:center;color:#ff0000;font-weight:bold;}

.tableCustomerMsg01 td{font-size:12px;line-height:20px;color:#222;}

@media (max-width:500px){

.wrapPassCheck{width:85%;margin:0 auto;}

}
/* end passCheck */

.modal-body-img{max-width:568px;margin:0 auto;}
.modal-body-img img{width:100%;}
.wrapPassRadio{padding:10px 0;}
.wrapPassRadio .toggle{float:left;padding-left:0;padding-right:45px;}
.wrapPassRadio .label{float:left;padding-left:10px;padding-top:6px;}