@charset "utf-8";

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

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

.eQ01 #sub_visual {background: url(../../images/sub_visual_1.jpg) no-repeat center;}
.eQ02 #sub_visual {background: url(../../images/sub_visual_2.jpg) no-repeat center;}
.eQ03 #sub_visual {background: url(../../images/sub_visual_3.jpg) no-repeat center;}
.eQ04 #sub_visual {background: url(../../images/sub_visual_4.jpg) no-repeat center;}
.eQ05 #sub_visual {background: url(../../images/sub_visual_5.jpg) no-repeat center;}
.eQ06 #sub_visual {background: url(/sites/guide/images/sub_visual_100.jpg) no-repeat center;}

#headerSec .logo {
  width: 300px;
}

@media only screen and (max-width:1200px){
	#headerSec .headerSecInner{max-width:100%;}
	#headerSec .logo{padding-left:15px;}
}
@media only screen and (max-width:1024px){
	#headerSec .logo{width:auto;}
	#headerSec .global_nav{position:relative;top:0;border-top:1px solid #ededed;border-bottom:1px solid #ededed;overflow:hidden;}
	#headerSec .global_nav ul{float:right;}
	#headerSec .global_nav ul li{}
	#headerSec .global_nav ul li a{height:auto;padding:15px;border-left:0;font-weight:700;color:#222;}
}
@media only screen and (max-width:820px){
	#headerSec .logo a{padding:15px 0;}
	#headerSec .logo a img{max-width:130px;}
	#headerSec .logo a span{vertical-align:top;}
	
}
@media only screen and (max-width:480px){
	#headerSec .logo a img{max-width:115px;}
	#headerSec .logo a span{font-size:17px;}
}
@media only screen and (max-width:320px){
	.sub #headerSec{border-bottom:1px solid #ededed;}
}


@media only screen and (min-width: 1025px){
  #mainNav nav#menuUItop {
	margin-left: 400px;
  }
}
.rotc_wrap{overflow:hidden;}
.rotc_wrap img{display:inline-block;border:3px solid #EEE;border-radius:10px;max-width:100%;}
.rotc_wrap li{margin-bottom:20px;}
.rotc_wrap li div{border: 1px solid #EEE;padding:20px;width: 160px;margin: 0 auto;}
.rotc_2 li,
.rotc_3 li{width:33.33%;float:left;}

.pic_wrap{}
.pic_wrap img{display:inline-block;border:3px solid #EEE;border-radius:10px;margin-bottom:4px;max-width:100%;}

/*.ul_list_11{overflow:hidden;}
.ul_list_11 li{float:left;width:25%;text-align:center;font-size:14px;margin-bottom:10px;} 20221114*/ 

.ul_list_11{overflow:hidden; text-align:center;}
.ul_list_11 li{display:inline-block;width:20%;text-align:center;font-size:14px;margin-bottom:10px;}

@media only screen and (max-width: 820px){
	.ul_list_11 li{width:33.33%;}
}
@media only screen and (max-width: 480px){
	.ul_list_11 li{width:50%;}
}

.ul_list_12{overflow:hidden;}
.ul_list_12 li{width:15.66%;float:left;padding:0.5%;}
.ul_list_12 img{display:inline-block;border:3px solid #EEE;border-radius:10px;max-width:100%;}
@media only screen and (max-width: 820px){
	.ul_list_12 li{width:19%;}
}
@media only screen and (max-width: 480px){
	.ul_list_12 li{width:32.33%;}
}