@import "style.css";

body{
    margin:0;
	padding:0;
	OVERFLOW: auto;
	overflow-y:scroll;
	background:#fff;
	

	}

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:200px;
	TOP:0px; 
	text-align:center;
	margin:0 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.subbg03 {background:url(image/sub3.jpg) no-repeat center top; background-size:cover;}
#sub.subbg04 {background:url(image/sub4.jpg) no-repeat center top; background-size:cover;}
#sub.subbg05 {background:url(image/sub5.jpg) no-repeat center top; background-size:cover;}
#sub.subbg06 {background:url(image/sub6.jpg) no-repeat center top; background-size:cover;}

#sub div.tit  { position:relative;  font-size:44px; line-height:200px;color:#f8f8f8; font-weight:500;/* border-bottom:1px solid #ff8c00;*/ padding:0; text-shadow:1px 1px 5px  #3a3a3a;}


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

#contents_in {
	POSITION:relative;
	WIDTH:1180px;
	text-align:left;
	margin:0 auto;top:0px;
}


#left {
	z-index:10;
	POSITION:relative;
	WIDTH:100%; 
	bottom:0px;
	text-align:center;
	margin:0px auto 40px auto; 
}

/*=================left Menu 1 starts here ========================*/
/* menu::base */
#left_menu {
	POSITION:relative;
	WIDTH:1200px;
	TOP:0px; 
	LEFT:0px;
	text-align:center;
	z-index:9999; margin:0 auto; padding:0;   }

#left_menu > ul { margin:0; padding:0; *zoom:1}
#left_menu ul:after {content:""; display:block;clear:both;}
#left_menu ul a {display:block;  text-decoration:none; margin:0px;}
#left_menu > ul > li { display:inline-block; position:relative; margin:0 2px; }
 
#left_menu ul li.m_active {background:#4bb29d !important;color:#fff !important;}
#left_menu > ul > li > a {display: block; width:225px;padding:0px;color:#262626; font-size:15px;  line-height:50px;
text-decoration:none; text-align:center; font-weight:700;font-family: 'Nanum Gothic' ; margin:0 0 0px 0;border:1px solid #cfcfcf; background:#efefef;}
#left_menu ul li.m_active a  {background:#4bb29d; color:#fff;border:1px solid #3da590 }
#left_menu ul li a:hover {background:#4bb29d; color:#fff;border:1px solid #3da590  }
#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 서브메뉴*/
#submenu { top:61px;  list-style:none; z-index:100; }
#submenu ul {margin:0; padding:0px; font-size:13px; text-align:center;}
#submenu ul li {position:relative; display:inline-block; border:1px solid #cfcfcf;width:340px !important; height:auto;  margin:0px 0 40px 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';*/ }
#submenu ul li.first {margin:3px 0 3px 0;}
#submenu ul li a { /*width of sub menus*/display:block;
padding:0px 0px 0px 0px;
margin: 0;
color:#626262; 
font-size:16px; font-weight:500; text-align:center; line-height:55px;}
#submenu ul li a:hover { color:#f8f8f8;background:#828282 !important;  }
#submenu ul li.on a{background:#fff !important; color:#333; font-weight:bold;} 
#submenu ul li.on {border:2px solid #ff8c00}


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




/**타이틀**/
#bar {
	/*clear:both;*/
	text-align:center;
	POSITION: relative;
	WIDTH:100%;height:100%; overflow:hidden;
	LEFT:0px;
	top:0px;
	margin:40px 0 50px 0;
	
}
#bar h1 {
	font-size:33px; 
	color:#2d2d2d;
	vertical-align:top;
	letter-spacing:-1px;
	line-height:45px;
	padding:20px 0 0px 0;
	font-weight:700; 
}

/**네비게이션**/
#map {
	clear:both;
	text-align:left;
	POSITION:relative;
	Z-INDEX: 3;
	top:0px;WIDTH: 100%; height:100%; overflow:hidden;
	left:0px; margin:50px 0 0px 0	
}
#map_in {
	margin:0 auto 0 auto;
	text-align:right;
	POSITION:relative;
	WIDTH:100%;
	
}
#map_in ul {float:right;}
#map_in ul li{ color:#858585;float:left;padding-top:0px ; padding-bottom:0px ;padding-right:20px ;padding-left:0px ;text-align:center;background: url(image/arrow.png) no-repeat 90% center; font-size:12px;  line-height:15px}
#map_in ul li.last{background:none;}
#map_in ul li img {margin:0px 4px 0 0; padding:0;}


#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 60px 0;
	text-align:left; 
}