@charset "utf-8";

/*** 공통영역 ***/
/* 메뉴 오픈 시 배경 (테블릿, 모바일 용)*/
.wrapAllBg{display:none; background:rgba(0,0,0,0.5); position:Absolute; width:100%; left:0; height:100%; z-index:90}

/* 색상 공통 영역 */
.fRed{color:#e84041;}
.fBlack{color:#282828;}
.fontB{font-weight:700;}

	/* side menu */
	#snb{ float:left; width:230px;}
	#snb h2{height:200px; font-size:28px; font-weight:600; padding-top:125px; text-align:center; background:#1899b9 url("../images/sub/snb01_bg.png") no-repeat 50% 40%; border-bottom:5px solid #003867; color:#fff;}
	#snb h2.bg1 { background:#1899b9 url("../images/sub/snb01_bg.png") no-repeat 50% 40%;} /* #1bacd0 */
	#snb h2.bg2 { background:#1899b9 url("../images/sub/snb02_bg.png") no-repeat 50% 40%;} 
	#snb h2.bg3 { background:#1899b9 url("../images/sub/snb03_bg.png") no-repeat 50% 40%;} 
	#snb h2.bg4 { background:#1899b9 url("../images/sub/snb04_bg.png") no-repeat 50% 40%;} 
	#snb h2.bg5 { background:#1899b9 url("../images/sub/snb05_bg.png") no-repeat 50% 40%;} 
	#snb h2.bg6 { background:#1899b9 url("../images/sub/snb06_bg.png") no-repeat 50% 40%;} 
	#snb #asidemenu {width: 228px; margin:0 auto;}
	#snb #asidemenu a{display:block;}
	#snb #asidemenu ul ul {display: none;}
	#snb #asidemenu ul li{}
	/* 1depth */
	#snb #asidemenu >ul >li >a{height:44px; line-height:44px; padding-left:30px; font-weight:600; font-size:15px; border-bottom:solid 1px #ccc; background:url("../images/sub/snb1Dep_off.png") no-repeat 100% 0;}
	#snb #asidemenu >ul >li >a:hover, #snb #asidemenu >ul >li.has-sub.open>a{color:#3277c2; background:url("../images/sub/snb1Dep_on.png") no-repeat 100% 0;}

	/* 2depth */
	#snb #asidemenu >ul >li >ul{background-color:#f0f0f0; padding:15px;}
	#snb #asidemenu >ul >li >ul >li >a{display:inline; padding-left:10px; color:#666; font-size:14px;}
	#snb #asidemenu >ul >li >ul >li{line-height:200%; font-weight:600; font-size:14px;  background:url("../images/sub/snb2Dep_off.png") no-repeat 0 11px; letter-spacing:-0.5px;}
	#snb #asidemenu >ul >li >ul >li:hover, #snb #asidemenu >ul >li >ul >li.has-sub.open{background:url("../images/sub/snb2Dep_on.png") no-repeat 0 11px;}
	#snb #asidemenu >ul >li >ul >li:hover >a, #snb #asidemenu >ul >li >ul >li.has-sub.open >a{color:#000;}
	#snb #asidemenu >ul >li >ul >li.has-sub>a{padding-right:18px; background:url("../images/sub/hasSubBg.png") no-repeat 100% 40%;}
	
	/* 3depth */
	#snb #asidemenu >ul >li >ul >li >ul{background-color:#fff; padding:10px;}
	#snb #asidemenu >ul >li >ul >li >ul >li{background:none;}
	#snb #asidemenu >ul >li >ul >li >ul >li >a{padding-left:15px; line-height:180%; font-size:13px; color:#5e5d5d; background:url("../images/sub/snb3Dep_off.png") no-repeat 5px 50%;}
	#snb #asidemenu >ul >li >ul >li >ul >li >a:hover, #snb #asidemenu >ul >li >ul >li >ul >li.has-sub.open>a{color:#fefefe; background:#455362 url("../images/sub/snb3Dep_on.png") no-repeat 5px 50%;}