@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/templet_09/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/
/*20240717*/
/*메인메뉴_Desktop*/
@media only screen and (min-width:1025px){
	#mainNav .ul_3{}
	#mainNav .li_3{position:relative;}
	#mainNav .a_3{display:block;font-size: 13px;padding: 2px;text-align: center;}
   #mainNav .li_2:last-child > a{border-bottom:1px solid #ddd;}
	/*ACTIVE*/
	#mainNav .a_3:hover{text-decoration:none;background:#ebebeb;}
	#mainNav .a_3._active{background: #f9f9f9;}
}

/*메인메뉴_Mobile*/
@media only screen and (max-width:1024px){
  	#mainNav .a_2._active{color:#1dc8bd;}
	#mainNav .a_2:hover{color:#5587a5;}
  
/*3차메뉴까지 생성시 active,hover*/
    #mainNav .a_3{display:block;padding:8px 0;font-size:13px;border-bottom:1px solid #DDD;background:url(/sites/templet_09/images/plus_3.png) no-repeat 95% center;}
}