@import "style.css";

body{
    margin:0;
	padding:0;
	OVERFLOW: auto;
	OVERFLOW-x:hidden;
	background:#e1e1e1;
}
@media all and (max-width:1200px){
	body{OVERFLOW:auto  ; }
}
html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}
.ddd{ cursor: pointer;
}

#sub {
	POSITION: relative; 
	WIDTH:100%; 
	HEIGHT:350px; 
	TOP:0px; 
	text-align:center;
	margin:0px auto;
	z-index:1;
	
}
#sub.subbg01 {background:url(image/sub1.jpg) no-repeat center top; background-size:cover;}
#sub.subbg02 {background:url(image/sub2.jpg) no-repeat center top; background-size:cover;}


#sub_line_top {display:block; position:absolute;width:95% !important; height:1px; background:url(image/bt_line01.png) repeat-x; top:100px; margin:0 2%;Z-INDEX:10;}
#sub_line_right {display:block; position:absolute;width:1px !important; height:250px; background:url(image/bt_line01.png) repeat-y; top:100px; margin:0 0 0 2% ;Z-INDEX:10;}
#sub_line_left {display:block; position:absolute;width:1px !important; height:250px; background:url(image/bt_line01.png) repeat-y; top:100px; right:0;margin:0 3% 0 0;Z-INDEX:10;}


#sub_txt { clear:both; z-index:100;  width:100%;top:0px; margin:0px 0 0 0px; text-align:center;font-size:45px; color:#fff; letter-spacing:-1px; font-weight:300;  line-height:50px; padding:160px 0 0 0  }
#sub_txt  span {color:#00a65a;font-weight:600;}

#sub_txt.pt01{padding:200px 0 0 0 }

#left {
	z-index:150;
	POSITION:relative;
	WIDTH:100%; height:100%; overflow:hidden;
	TOP:0px;
	LEFT:0px;
	text-align:center;
	margin:0px auto; 
}

/* menu::base */
div#left_menu {
	POSITION:relative;
	WIDTH:1200px;
	TOP:0px;
	LEFT:0px;
	text-align:center;
	z-index:9999; margin:45px auto; padding:0; }

#left_menu > ul {margin:0 30%; padding:0; *zoom:1;}
#left_menu ul:after {content:""; display:block;clear:both;}
#left_menu ul a {display:block;  text-decoration:none; margin:0px auto;}
#left_menu > ul > li { float:left; width:50%; position:relative;box-sizing:border-box; }




#left_menu ul li.m_active {background:#00a65a; color:#fff;}
#left_menu > ul > li > a {display: block;padding:20px 0px 20px 0px;color:#575757; font-size:17px; font-weight:500; line-height:18px;
text-decoration:none; text-align:center; background:#fff;  box-sizing:border-box; margin:-1px 0 0 -1px;}

#left_menu ul li.m_active a  { background:#00a65a; color:#fff; /*text-decoration:underline;*/}
#left_menu ul li a:hover {background:#00a65a; color:#fff;  }
#left_menu ul li a.off {color: #4c4c4c;}
#left_menu ul li.last { background:none; margin:0; padding:0; display:inline;}
#left_menu ul li.first {padding:0px 0 0px 0px;  }


/*left 서브메뉴*/
#left_menu div.submenu { top:61px;  list-style:none; z-index:100; border-top:1px solid #d9d9d9;}
#left_menu div.submenu ul {margin:0; padding:0px; font-size:13px; }
#left_menu div.submenu ul li {position:relative; height:auto;  margin:0px 0 3px 0; padding:0px; text-align:left; background:#eeeeee; /*border-bottom:1px solid #666; background:#727272; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;font-family:'Nanum Gothic','Malgun Gothic','Dotum', 'verdana';*/ }
#left_menu div.submenu ul li.first {margin:3px 0 3px 0;}
#left_menu div.submenu ul li a {width: 190px !important; /*width of sub menus*/
padding:4px 10px 4px 20px;
margin: 0;
color:#626262;
background:url(image/tmenu_bg.png) repeat;
font-size:12px; font-weight:500; text-align:left; line-height:18px;}
#left_menu div.submenu ul li a:hover {color:#fff !important;	background:#828282 !important;  }
#left_menu div.submenu ul li.on a{color:#fff !important;	background:#828282 !important;} 
#left_menu div.submenu ul li.on {color:#333; font-weight:bold;}
#left_menu ul li.m1 div.submenu a{left:0px; width:100%; z-index:100; color:#646464}
#left_menu ul li.m2 div.submenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m3 div.submenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m4 div.submenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m5 div.submenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m6 div.submenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m7 div.submenu{left:0px; width:100%; z-index:100;}

/*=================left Menu 1 END here ========================*/
/*left Menu 1 ends here */


/**컨텐츠**/
#contents:after {clear:both;display:block;content:"";}
#contents {
    Z-INDEX:2;
	POSITION:relative;
	TOP:0px;
	WIDTH:100%; height:100%; overflow:hidden;
	text-align:center;
	margin:0 auto; background:#fff;
	
}

#contents_in {
	POSITION:relative;
	WIDTH:1180px;
	text-align:left;
	margin:20px  auto 40px auto;background:#fff;
}

/**네비게이션**/
#map_in {
	margin:0px auto 0 auto;
	text-align:center;
	POSITION:relative; width:100%; height:100%; overflow:hidden;
	
}
#map_in ul { max-width:1200px;height:100%; overflow:hidden; margin:30px auto; text-align:center;}
#map_in ul li{ color:#858585; display:inline-block;padding-top:0px ; padding-bottom:0px ;padding-right:20px ;padding-left:10px ;text-align:center;background: url(image/arrow.png) no-repeat right center; font-size:14px;  line-height:15px}
#map_in ul li.last{background:none;}
#map_in ul li img {margin:0px 4px 0 0; padding:0;}

#map_in_line_bottom {display:block; position:absolute;width:95% !important; height:1px; background:#d9d9d9; bottom:0px; margin:0 2%;Z-INDEX:10;}
#map_in_line_right {display:block; position:absolute;width:1px !important; height:100%; background:#d9d9d9; margin:0 0 0 2% ;Z-INDEX:10;}
#map_in_line_left {display:block; position:absolute;width:1px !important; height:100%; background:#d9d9d9;  right:0;margin:0 3% 0 0;Z-INDEX:10;}

@media all and (max-width:1200px){
	#sub_line_top {width:100% !important; margin:0;}
	#sub_line_right {display:none;}
	#sub_line_left {display:none;}
	
	#map_in_line_bottom { width:100% !important; margin:0;Z}
	#map_in_line_right {display:none;}
	#map_in_line_left {display:none;}

}

/**타이틀**/
#bar {
	/*clear:both;*/
	text-align:center;
	POSITION: relative;
	height:100%; overflow:hidden;
	LEFT:0px;
	top:0px; 
	margin:10px 0 50px 0px; 
	
}
#bar h1 {
	font-size:37px;
	color:#2d2d2d;
	vertical-align:top;
	letter-spacing:-1px;
	line-height:70px;
	padding:0px 0 0px 0px;
	display:block; font-weight:500;
}


#text {
	clear:both;
	z-index:5;
	POSITION: relative;
	WIDTH:100%; height:100%; overflow:hidden;
	top:0px;
	LEFT:0px;
	margin:0px 0 0px 0;
	padding:0 0 0px 0;
	text-align:left; background:#fff !important;
}