@charset "utf-8";
/*상단로고메뉴바 */
.skip{display:none;}
#hd {z-index:4;position:relative; margin:0 auto; padding:0; width:100%;  min-width:320px; }
#hd a{text-decoration:none;}
#header_respond{position:relative;height:80px; width:100%; background:#091f3c; }
#header_respond #header_fix{position:fixed; width:100%; height:80px; background:#091f3c; z-index:11111; }
#header_respond #header_fix nav{position:relative; max-width:1000px; margin:0 auto; height:80px;  overflow:hidden;}
#header_respond #logo{ position:relative;float:left;margin:0; padding:0; margin-left:10px;margin-top:15px; width:205px; height:50px;}

/*#header_respond #contact_link{position:absolute;  font-size:10px; color:#c7450c; margin-top:20px;right:0; margin-right:7px;}*/
#header_respond nav ul{ position:absolute;right:10px;  max-width:640px; color:#FBF9F9;  top:40px;  }
#header_respond nav ul li{float:left;padding-left:25px;  text-align:left;}
#header_respond nav ul li.menu a{text-decoration:none; color:#FFFFFF; cursor:pointer; font-size:15px;}
#header_respond nav ul li.menu a:hover{color:#B5CCED; text-decoration:none;}
#header_respond nav ul li span{float:right; margin-left:25px;width:1px; height:10px; background:#3f5676; margin-top:7px; }
.no{display:none;}

#header_respond #m_menu{width:50px;height:50px;text-align:center; color:#FBF8F8; cursor:pointer; display:none; }

#sub_menu{position:relative; background:#e7e7e7; width:100%; clear:both; padding:10px;  margin:0 auto; display:none;  border-bottom:1px solid #3f5676;}

#sub_menu h2{ line-height:2.0em; display:none;}
#sub_menu h2 a{font-size:18px; color:#FFFFFF; text-decoration:none; }
#sub_menu ul{ max-width:970px; margin:0 auto; text-align:right; display:none;}
#sub_menu ul li{display:none;  line-height:2em;font-size:14px;      margin-right:20px;}
#sub_menu .s_menu a{color:#000000; text-decoration:none; font-size:14px;}
#sub_menu .s_menu a:hover{color:#344e73; text-decoration:none;}


/* 서브 메뉴 페이지*/
#sub_contant{position:relative;margin:0; padding:0; width:100%; min-width:320px;height:auto;}
#sub_top_bg{position:relative; height:120px;width:100%; margin:0 auto;clear:both; background-size:cover;   }
.sub_bg0{  background:url(../images/sub_bg/sub_bg_0.jpg) center top no-repeat;}
.sub_bg1{  background:url(../images/sub_bg/sub_bg_1.jpg) center top no-repeat;}
.sub_bg2{  background:url(../images/sub_bg/sub_bg_2.jpg) center top no-repeat;}
.sub_bg3{  background:url(../images/sub_bg/sub_bg_3.jpg) center top no-repeat;}
.sub_bg4{  background:url(../images/sub_bg/sub_bg_4.jpg) center top no-repeat;}
.sub_bg5{  background:url(../images/sub_bg/sub_bg_5.jpg) center top no-repeat;}
.sub_bg6{  background:url(../images/sub_bg/sub_bg_0.jpg) center top no-repeat;}
#sub_nav{position:relative; width:100%; background:#f5f5f5; clear:both;  }
#sub_cate{position:relative; max-width:1000px; margin:0 auto; background:#f5f5f5;top:-24px; }


#sub_cate h2{padding-left:2%;font-size:30px;line-height:1.6em; color:#091f3c;font-weight:normal; padding-bottom:9px;}
#sub_cate .bar_line{position:absolute; margin:0;padding:0; text-align:center; width:100%; top:-24px; height:6px;display:none;}
#cate{position:relative; width:98%; margin:0 auto;overflow:hidden; clear:both;  }
#cate li.c_li a{color:#6d6d6d; font-size:14px;}
#cate li.c_li .sub_on{ background:#344e73; color:#FFFFFF;}
#cate li.c_li a:hover{background:#344e73; color:#FFFFFF;}
#cate li#c_li_0 a{float:left;text-align:center; width:18%;  padding:8px 0px 8px 0px;  text-decoration:none; border:1px solid #d2d2d2; margin-left:1.5%; }
#cate li#c_li_1 a{float:left;text-align:center; width:18%;  padding:8px 0px 8px 0px; text-decoration:none; border:1px solid #d2d2d2; margin-left:1.5%; }
#cate li#c_li_2 a{float:left;text-align:center; width:15%; padding:8px 0px 8px 0px; text-decoration:none; border:1px solid #d2d2d2; margin-left:1.2%; }

.cate_sub{position:relative;  clear:both;display:none; height:30px;  top:10px;}
.cate_sub li{float:left; margin-left:5%;  margin-top:6px; }  
.cate_sub li a{color:#000000; }
.cate_sub li a:hover{color:#344e73; text-decoration:none;  }
.cate_sub li .cate_on{color:#344e73; }
#cate_sub_1{left:16%;  width:550px;}
#cate_sub_2{left:32%;  width:550px;}
#cate_sub_3{left:48%;  width:500px;  }
#cate_sub_4{left:66%;  width:200px;   }
#cate_sub_5{left:82%;  width:220px;}

#cate_subject{position:relative;width:100%; clear:both;display:none;top:-8px;}
.cate_name{width:45%; float:left; padding-left:5%;    border-right:1px solid #dadada; color:#FFFFFF; font-size:18px; display:none; cursor:pointer;}
.cate_name span{float:right; margin-right:10px;}
.cate_sub_name{width:44%;padding-left:5%;  float:right;color:#FFFFFF; font-size:18px; display:none; cursor:pointer;}
.cate_sub_name span{float:right; margin-right:10px;}
#cate_s{position:relative; display:none;  float:left; width:50%;  clear:left; overflow:hidden; background:#344e73;padding:10px 0; z-index:11;}
#cate_sub_s{ position:relative;display:none; width:50%; float:right;  clear:right; overflow:hidden; background:#344e73;padding:10px 0; z-index:11;}
.cate_sub_data{display:none;}

/* 하단 레이아웃 */
address, em{font-style:normal;}
#ft {width:100%; clear:both; min-width:320px;  background:#dadada;}
#footer{position:relative; margin:0 auto; height:165px; margin-top:5%; background:#424242;}
#site_map{max-width:1000px; margin:0 auto;}
#site_map h2{float:left; margin:20px 30px 0 50px;  }
#site_map ul{float:left;  margin-top:20px; line-height:1.5em;}

#site_map a{text-decoration:none; color:#FFFFFF; font-weight:normal;}
#site_map h2 a{font-size:14px; }
#site_map ul li a{ color:#989797;  }

#ft_copy {position:relative; background:#FFFFFF; width:100%;  }
#ft_copy #ft_footer{position:relative;padding:20px 0;color:#000000;display:block; max-width:1000px;margin:0 auto; width:100%; height:75px;}

#ft_footer #address{position:relative; width:75%;margin-left:30px; overflow:hidden; float:left;}
#ft_footer #address h2{font-size:12px; margin-left:10px }
#ft_footer #address ul{margin-top:5px;}
#ft_footer #address li{float:left; line-height:1.5em; margin-left:10px;}

#connection_site{position:relative;float:right; right:40px; margin-top:13px;}
#connection_site h2{background:#FFFFFF; width:165px; height:24px; color:#000000; line-height:24px; border:1px solid #D0D0D0; font-size:12px; cursor:pointer;}
#connection_site h2 em{ float:left; padding-left:10px;line-height:24px; }
#connection_site h2 span{ float:right; padding-right:10px;}
#connection_site ul{position:absolute; width:165px; padding-top:5px; height:85px; top:-90px; border:1px solid #D0D0D0; background:#FFF; display:none;}
#connection_site ul li{padding-left:10px; height:20px; line-height:20px;}
#connection_site ul li a{text-decoration:none; font-size:11px; }
#top_position{position:fixed; bottom:40px; right:0; margin-right:10px; z-index:1111111; display:none;}




/* 미디어쿼리 시작 */

@media screen and (max-width: 840px){
	#header_respond{position:relative;height:50px; min-width:320px;}
	#header_respond #header_fix{height:50px; }
	#header_respond #header_fix nav{position:relative;width:123px;height:50px;left:-10px; }
	#header_respond #header_fix h1#logo{position:relative;  width:123px;height:30px; top:10px; margin:0 auto;  }
	#header_respond #header_fix nav ul{display:none;}
	#header_respond #logo img{width:123px;height:30px;margin:0 auto;}
	
	#header_respond nav #contact_link{position:relative; display:none; background:#000000;}
	#header_respond #m_menu{position: absolute; top:0; right:0; display:inherit;}
    #sub_menu .s_menu a{color:#ADADAD; font-size:17px; }
	#sub_menu .s_menu a:hover{color:#FFFFFF;}
	
	#sub_menu{position:relative; background:#091f3c; opacity:0.9; width:100%; min-height:50px;  clear:both; padding:10px; display:none; }
    #sub_menu h2{font-size:18px; line-height:1.5em; display:none;  }
    #sub_menu ul{font-size:12px; padding-bottom:5px; width:100%; text-align:left;  display:none; padding-top:5px;}
    #sub_menu ul li{display:none;  margin-right:15px; font-size:11px; }

	/* sub  */
	#sub_top_bg{position:relative;  height:99px;width:100%; margin:0 auto;clear:both; background-size:cover; }
	.sub_bg0{  background:url(../images/sub_bg/sub_bg_0_640.jpg) center top no-repeat;}
    .sub_bg1{  background:url(../images/sub_bg/sub_bg_1_640.jpg) center top no-repeat;}
    .sub_bg2{  background:url(../images/sub_bg/sub_bg_2_640.jpg) center top no-repeat;}
	.sub_bg3{  background:url(../images/sub_bg/sub_bg_3_640.jpg) center top no-repeat;}
	.sub_bg4{  background:url(../images/sub_bg/sub_bg_4_640.jpg) center top no-repeat;}
	.sub_bg6{  background:url(../images/sub_bg/sub_bg_0_640.jpg) center top no-repeat;}
	
	#sub_nav{background:#344e73;position:relative; margin:0; padding:0;   clear:both; height:50px; }

	#sub_cate{position:relative;  width:100%; background:#344e73; clear:both; top:24px;  overflow:visible;  }
	#sub_cate .bar_line{display:inline;}
	
	#sub_cate h2{position:absolute; color:#FFFFFF; font-size:30px; padding-left:5%; top:-80px; clear:both; }
	
	#sub_div{display:none;}

	#cate{display:none; }
 
 
#cate_subject{display:block;  position:relative; width:100%;overflow:hidden; clear:both;}
.cate_name{display:inline;  }
.cate_sub_name{display:inline-block; }

.cate_s_data{position:relative; line-height:2em; }
.cate_s_data a{color:#dadada; padding-left:15%; font-size:14px;}
.cate_sub_data{position:relative; line-height:2em; }
.cate_sub_data a{color:#dadada; padding-left:15%; font-size:14px;}

.cate_sub{  display:none; }

	#footer{display:none;}
	#ft_copy {position:relative; background:#424242; width:100%; margin-top:5%; }
	#ft_copy #ft_footer{position:relative;padding:20px 0;color:#cdcdcd;display:block; max-width:1000px;margin:0 auto; width:100%; height:75px;}
	
	#ft_footer #address{position:relative; width:60%;margin-left:20px; overflow:hidden; float:left; }
	#ft_footer #address h2{font-size:12px;margin-left:0px; }
	#ft_footer #address li{float:left; line-height:1.5em; margin-left:0px; margin-right:10px;}
	
	#connection_site{position:relative;float:right; right:40px; margin-top:30px;}
	#connection_site h2{background:#424242; width:165px; height:24px; color:#FFFFFF; line-height:24px; border:1px solid #999999; font-size:12px; cursor:pointer;}
	#connection_site h2 em{ float:left; padding-left:10px;line-height:24px; }
	#connection_site h2 span{ float:right; padding-right:10px;}
	#connection_site ul{position:absolute; width:165px; padding-top:5px; height:85px; top:-90px; border:1px solid #999999; background:#424242; display:none;}
	#connection_site ul li{padding-left:10px; height:20px; line-height:20px;}
	#connection_site ul li a{text-decoration:none; color:#FFFFFF; font-size:11px;}
	
	}
		
@media screen and (max-width: 640px) {
	
	#ft {width:100%;clear:both; min-width:320px;  background:#dadada }
	#ft_copy {position:relative; background:#424242; width:100%; margin-top:5%; }
	#ft_copy #ft_footer{position:relative;padding:20px 0;color:#cdcdcd;display:block; max-width:1000px;margin:0 auto; width:100%; height:75px;}
	#ft_footer #address{position:relative; width:95%;margin-left:3%; overflow:hidden; float:left; }
	#ft_footer #address h2{font-size:12px;margin-left:0px }
	#ft_footer #address li{float:left; line-height:1.5em; margin-left:0px; margin-right:10px;}
	#connection_site{display:none;}
	}
	
@media screen and (max-width: 500px) {	
#cate_subject{top:-5px;}
.cate_name{width:48%;  font-size:14px; padding-left:2%; }
.cate_sub_name{font-size:14px;width:47%;padding-left:2%; }
.cate_s_data a{color:#dadada; padding-left:10%; font-size:14px;}
.cate_sub_data a{color:#dadada; padding-left:10%; font-size:14px;}
	}