/* 사이드 네비게이션 css */

#side_menu { 
	background: #f7f7f7; 
	z-index: 9999999; 
	position: fixed; 
	top:0; 
	left:0; 
	height: 100%; 
	overflow: hidden; 
	border-right: 1px solid #f6ac1d; 	
	transition: width 0.1s linear ;
}

#side_menu ul {
	padding:15px 0px; 
	box-sizing:border-box;
	height: 130px; 
	border-bottom: 1px solid #d5d5d5; 
	text-align: center; 
	cursor: pointer; 
	overflow: hidden; 
	letter-spacing: -1px;
	width:100%;
}


#side_menu ul ol, #side_menu ul dl {padding-top:10px;}
#side_menu ul li {font-size: 12px; }
#side_menu .unbold {font-weight: normal; }



/**** 기본 ****/
.side_m1 {
	width: 80px; 
	font-size: 13px
}

.side_m1 .logo {  
	background: url(../images/iljin.png) no-repeat center center; 
	background-size: 60px 51px;   
	height:127px;
	transition: height 0.2s linear; 
	border-bottom: 1px solid #e5e5e5;
	box-sizing:border-box;
}

.side_m1 .side_blog {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/blog_off.png) no-repeat center;
}

.side_m1 .side_youtube {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/youtube_off.png) no-repeat center;
}


.side_m1 .side_kakao {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/kakao_off.png) no-repeat center;
}


.side_m1 .side_counsel {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/counsel_off.png) no-repeat center;
}



/**** m2 ****/

.side_m2 {
	width: 113px; 
	font-size: 14px
}

.side_m2 .logo {  
	background: url(../images/iljin.png?ver=1) no-repeat center center; 
	background-size: 60px 51px;   
	height:127px;
	transition: height 0.2s linear; 
	border-bottom: 1px solid #e5e5e5;
	box-sizing:border-box;
}

.side_m2 .side_blog {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/blog.png) no-repeat center;
}

.side_m2 .side_youtube {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/youtube.png) no-repeat center;
}

.side_m2 .side_kakao {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/kakao.png) no-repeat center;
}


.side_m2 .side_counsel {
	width:49px; 
	height:49px;
	margin:0 auto; 
	text-align:center; 
	background: url(../images/counsel.png) no-repeat center;
}


#side_menu ul li {font-size: 12px; color:#f6ac1d}


/* 텍스트 display */
.side_m1 ul ol {display: block;}
.side_m1 ul dl {display: none}
.side_m1 ul li {display: none}

.side_m2 ul ol {display: none}
.side_m2 ul dl {display: block;}
.side_m2 ul li {display: block;}




#side_menu .top{
	width:100%;
	padding:10px 0px;
	text-align:center;
	border-top:1px solid #e5e5e5;
	position:absolute;
	bottom:0;
}







.side_m1 ul ol { padding:0; margin:0;}






@media screen and (max-width:1180px){
	#side_menu { 
		display:none;
	}

}