body{
	margin:0;
	padding:0;
}

/* clearfix 클리어픽스 안내 페이지 https://takeuu.tistory.com/60 */
.cf:after{
	content:"";
	display:block;
	clear:both;
}

/* 낮은 브라우져에서도 cf 사용할 수 있게 해주는 태그. */ 
.cf{
	*zoom1:1;
}

/* text-indent:-10000px; 텍스트 인덴트에 값을 주어 화면밖으로 밀어내는 방법입니다 */
.tim{
	text-indent:-1000px;
}

.snbl_left_wrap{
	width: 155px;
	background: #ffffff;
	position: relative;
}

#snbl_menu{
	width: 155px;
	background: #00aa00;
	border-bottom: 1px solid #555;
}

#snbl_logo{
	width: 155px;
	height: 188px;
	background: url(../images/logo.png) no-repeat;
	border-bottom: 1px solid #555;
}

#snbl_menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ../ 는 현재 있는 위치에서 한칸 위 폴더를 안내한다 */
#snbl_menu ul li{
	width: 155px;
	height: 52px;
	background: url(../images/snbLeft1.png) no-repeat;
}

/* a태그 인라인요소 가로, 세로 크기를 주기위해 display: block; 선언하여 블록요소로 변환한다 */
#snbl_menu ul li a{
	width: 155px;
	height: 52px;
	display: block;
}

/* 투댑스 메뉴 설정 백그라운드 컬러는 꼭 지정해야한다 그렇지 않으면 겹친다.*/
#snbl_menu ul li ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 155px;
	width: 126px;
	height: 805px;
	background: #ffffff;
	visibility: hidden;
}

#snbl_menu ul .menu1{
	background-position: 0px 0px;
}

#snbl_menu ul .menu1:hover{
	background-position: -155px 0px;
}

#snbl_menu ul .menu2{
	background-position: 0px -52px;
}

#snbl_menu ul .menu2:hover{
	background-position: -155px -52px;
}

#snbl_menu ul .menu3{
	background-position: 0px -104px;
}

#snbl_menu ul .menu3:hover{
	background-position: -155px -104px;
}

#snbl_menu ul .menu4{
	background-position: 0px -156px;
}

#snbl_menu ul .menu4:hover{
	background-position: -155px -156px;
}

#snbl_menu ul .menu5{
	background-position: 0px -208px;
}

#snbl_menu ul .menu5:hover{
	background-position: -155px -208px;
}

#snbl_menu ul .menu6{
	background-position: 0px -260px;
}

#snbl_menu ul .menu6:hover{
	background-position: -155px -260px;
}

#snbl_menu ul .menu7{
	background-position: 0px -312px;
}

#snbl_menu ul .menu7:hover{
	background-position: -155px -312px;
}

#snbl_menu ul .menu8{
	background-position: 0px -364px;
}

#snbl_menu ul .menu8:hover{
	background-position: -155px -364px;
}

#snbl_menu ul .menu9{
	background-position: 0px -416px;
}

#snbl_menu ul .menu9:hover{
	background-position: -155px -416px;
}

/* #snbl_menu ul li:hover ul <-- 마지막 ul 사이드 메뉴임 */
/* visibility: visible; 가려진걸 보여라*/
#snbl_menu ul li:hover ul{
	visibility: visible;
}

#snbl_menu ul li ul li{
	width: 126px;
	height: 115px;
}

#snbl_menu ul li ul li a{
	display: block;
	width: 126px;
	height: 115px;
}

/* 페이지 로딩이 되면 .menu1 ul li 사이드 메뉴가 visibility: visible; 보여라 */
#snbl_menu ul .menu1 ul li{
	visibility: visible;
}

#snbl_menu ul .menu1 ul li{
	background: url(../images/snbLeft1A.png) no-repeat;
}

#snbl_menu ul .menu2 ul li{
	background: url(../images/snbLeft2A.png) no-repeat;
}

#snbl_menu ul .menu3 ul li{
	background: url(../images/snbLeft3A.png) no-repeat;
}

#snbl_menu ul .menu4 ul li{
	background: url(../images/snbLeft4A.png) no-repeat;
}

#snbl_menu ul .menu5 ul li{
	background: url(../images/snbLeft5A.png) no-repeat;
}

#snbl_menu ul .menu6 ul li{
	background: url(../images/snbLeft6A.png) no-repeat;
}

#snbl_menu ul .menu7 ul li{
	background: url(../images/snbLeft7A.png) no-repeat;
}

#snbl_menu ul .menu8 ul li{
	background: url(../images/snbLeft8A.png) no-repeat;
}

#snbl_menu ul .menu9 ul li{
	background: url(../images/snbLeft9A.png) no-repeat;
}

#snbl_menu ul .menu1 ul .sub11{
	background-position: 0px 0px;
}

#snbl_menu ul .menu1 ul .sub11:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu1 ul .sub12{
	background-position: 0px -115px;
}

#snbl_menu ul .menu1 ul .sub12:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu1 ul .sub13{
	background-position: 0px -230px;
}

#snbl_menu ul .menu1 ul .sub13:hover{
	background-position: -134px -230px;
}

#snbl_menu ul .menu1 ul .sub14{
	background-position: 0px -345px;
}

#snbl_menu ul .menu1 ul .sub14:hover{
	background-position: -134px -345px;
}

#snbl_menu ul .menu1 ul .sub15{
	background-position: 0px -460px;
}

#snbl_menu ul .menu1 ul .sub15:hover{
	background-position: -134px -460px;
}

#snbl_menu ul .menu1 ul .sub16{
	background-position: 0px -575px;
}

#snbl_menu ul .menu1 ul .sub16:hover{
	background-position: -134px -575px;
}

#snbl_menu ul .menu1 ul .sub17{
	background-position: 0px -690px;
}

#snbl_menu ul .menu1 ul .sub17:hover{
	background-position: -134px -690px;
}

#snbl_menu ul .menu1 ul .sub21{
	background-position: 0px 0px;
}

#snbl_menu ul .menu2 ul .sub21:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu2 ul .sub22{
	background-position: 0px -115px;
}

#snbl_menu ul .menu2 ul .sub22:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu2 ul .sub23{
	background-position: 0px -230px;
}

#snbl_menu ul .menu2 ul .sub23:hover{
	background-position: -134px -230px;
}


#snbl_menu ul .menu3 ul .sub31{
	background-position: 0px 0px;
}

#snbl_menu ul .menu3 ul .sub31:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu3 ul .sub32{
	background-position: 0px -115px;
}

#snbl_menu ul .menu3 ul .sub32:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu3 ul .sub33{
	background-position: 0px -230px;
}

#snbl_menu ul .menu3 ul .sub33:hover{
	background-position: -134px -230px;
}

#snbl_menu ul .menu3 ul .sub34{
	background-position: 0px -345px;
}

#snbl_menu ul .menu3 ul .sub34:hover{
	background-position: -134px -345px;
}

#snbl_menu ul .menu3 ul .sub35{
	background-position: 0px -460px;
}

#snbl_menu ul .menu3 ul .sub35:hover{
	background-position: -134px -460px;
}

#snbl_menu ul .menu3 ul .sub36{
	background-position: 0px -575px;
}

#snbl_menu ul .menu3 ul .sub36:hover{
	background-position: -134px -575px;
}

#snbl_menu ul .menu4 ul .sub41{
	background-position: 0px 0px;
}

#snbl_menu ul .menu4 ul .sub41:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu4 ul .sub42{
	background-position: 0px -115px;
}

#snbl_menu ul .menu4 ul .sub42:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu4 ul .sub43{
	background-position: 0px -230px;
}

#snbl_menu ul .menu4 ul .sub43:hover{
	background-position: -134px -230px;
}

#snbl_menu ul .menu4 ul .sub44{
	background-position: 0px -345px;
}

#snbl_menu ul .menu4 ul .sub44:hover{
	background-position: -134px -345px;
}

#snbl_menu ul .menu4 ul .sub45{
	background-position: 0px -460px;
}

#snbl_menu ul .menu4 ul .sub45:hover{
	background-position: -134px -460px;
}

#snbl_menu ul .menu4 ul .sub46{
	background-position: 0px -575px;
}

#snbl_menu ul .menu4 ul .sub46:hover{
	background-position: -134px -575px;
}

#snbl_menu ul .menu5 ul .sub51{
	background-position: 0px 0px;
}

#snbl_menu ul .menu5 ul .sub51:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu5 ul .sub52{
	background-position: 0px -115px;
}

#snbl_menu ul .menu5 ul .sub52:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu5 ul .sub53{
	background-position: 0px -230px;
}

#snbl_menu ul .menu5 ul .sub53:hover{
	background-position: -134px -230px;
}

#snbl_menu ul .menu5 ul .sub54{
	background-position: 0px -345px;
}

#snbl_menu ul .menu5 ul .sub54:hover{
	background-position: -134px -345px;
}

#snbl_menu ul .menu6 ul .sub61{
	background-position: 0px 0px;
}

#snbl_menu ul .menu6 ul .sub61:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu6 ul .sub62{
	background-position: 0px -115px;
}

#snbl_menu ul .menu6 ul .sub62:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu6 ul .sub63{
	background-position: 0px -230px;
}

#snbl_menu ul .menu6 ul .sub63:hover{
	background-position: -134px -230px;
}

#snbl_menu ul .menu7 ul .sub71{
	background-position: 0px 0px;
}

#snbl_menu ul .menu7 ul .sub71:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu7 ul .sub72{
	background-position: 0px -115px;
}

#snbl_menu ul .menu7 ul .sub72:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu7 ul .sub73{
	background-position: 0px -230px;
}

#snbl_menu ul .menu7 ul .sub73:hover{
	background-position: -134px -230px;
}

#snbl_menu ul .menu7 ul .sub74{
	background-position: 0px -345px;
}

#snbl_menu ul .menu7 ul .sub74:hover{
	background-position: -134px -345px;
}

#snbl_menu ul .menu7 ul .sub75{
	background-position: 0px -460px;
}

#snbl_menu ul .menu7 ul .sub75:hover{
	background-position: -134px -460px;
}

#snbl_menu ul .menu8 ul .sub81{
	background-position: 0px 0px;
}

#snbl_menu ul .menu8 ul .sub81:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu8 ul .sub82{
	background-position: 0px -115px;
}

#snbl_menu ul .menu8 ul .sub82:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu8 ul .sub83{
	background-position: 0px -230px;
}

#snbl_menu ul .menu8 ul .sub83:hover{
	background-position: -134px -230px;
}

#snbl_menu ul .menu8 ul .sub84{
	background-position: 0px -345px;
}

#snbl_menu ul .menu8 ul .sub84:hover{
	background-position: -134px -345px;
}

#snbl_menu ul .menu9 ul .sub91{
	background-position: 0px 0px;
}

#snbl_menu ul .menu9 ul .sub91:hover{
	background-position: -134px 0px;
}

#snbl_menu ul .menu9 ul .sub92{
	background-position: 0px -115px;
}

#snbl_menu ul .menu9 ul .sub92:hover{
	background-position: -134px -115px;
}

#snbl_menu ul .menu9 ul .sub93{
	background-position: 0px -230px;
}

#snbl_menu ul .menu9 ul .sub93:hover{
	background-position: -134px -230px;
}

#snbl_TEL{
	background:url(../images/tel.png) no-repeat;
	width: 155px;
	height: 176px;
	border-bottom: 1px solid #555;
	}
	
#snbl_familysite{
	background:url(../images/family.jpg) no-repeat;
	width: 155px;
	height: 27px;
	}

#snbl_familysite:hover{
	background-position: 0px -25px;
	}