@import "style.css";

body{
    margin:0;
	padding:0;
	OVERFLOW-X: hidden;
	overflow-y:scroll;
	background:#f5f5f5;
	

	}

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;
}
.imagebox img{max-width:100%;}
#sub {
	Z-INDEX: 1;
	POSITION:relative;
	TOP:0px;
	WIDTH: 100%; 
	height:200px; 
	text-align: center;
	margin:0 auto;
	background:#fff;
}

#sub_txt { z-index:100;POSITION:absolute; width:230px;height:200px; top:1px; margin:0 0 0 -590px; text-align:center; left:50%;background:url(image/bt_pt01.png) repeat; }

#sub_txt ul{margin:60px 0px 0px 0;  background:url(image/bt_line01.gif) no-repeat center bottom; text-align:center;}
#sub_txt li { display:block; height:100%; overflow:hidden; font-size:33px;font-weight:500;color:#fff; line-height:45px;/*text-shadow:2px 2px 4px #000;*/}
#sub_txt li span {display:block; font-size:13px; font-weight:300;line-height:30px; margin:0 0 35px 0 }

/*visual*/
#subVisual { width:100%;height:200px; z-index:1 !important; overflow:hidden;}/*메인비주얼 블릿*/
#subVisual .bx-pager {text-align:center; position:relative; top:0px; z-index:99;}
#subVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#subVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; margin:0 3px; width:16px; height:16px; background:url('../images/main/mainbull.png') no-repeat left top;}
#subVisual .bx-pager-item .bx-pager-link.active {background-position:left bottom;}

#subVisual .subSlide { min-width:1200px;Z-INDEX:1;}
#subVisual li {text-align:center;left:50%; margin-left:-960px;}



/**컨텐츠**/
#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; height:100%; overflow:hidden;
	text-align:left;
	margin:0  auto ;background:#fff;
}
#left:after {content:""; display:block;clear:both;}
#left {
	z-index:10;
	POSITION: relative; float:left;
	WIDTH:230px; height:100%;; overflow:hidden;
	TOP:0px;
	LEFT:0px;
	text-align:left;
	margin:0px auto 40px auto;  padding:0 0 0px 0
}

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

#left_menu > ul { margin:0px; 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 { position:relative; left:0px; margin:0px 0;border-bottom:1px solid #cdcdcd; background:url(image/bt_icon05.gif) no-repeat 20px 12px;}

#left_menu > ul > li.first {padding:10px 0 0 0;} 
/*#left_menu ul li.m_active {background:#44b8db; !important;color:#f8f8f8; !important}*/
#left_menu > ul > li > a {display:block;padding:8px 0px 8px 30px;color:#4c4c4c; font-size:16px; font-weight:400; line-height:16px;
text-decoration:none; text-align:left; font-weight:400;margin:5px}

#left_menu ul li.m_active a  {background:url(image/left_on.gif) repeat;color:#f8f8f8; border-radius:20px;  /*text-decoration:underline;*/}
#left_menu ul li a:hover {background:url(image/left_on.gif) repeat;color:#f8f8f8; border-radius:20px;  }
#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:10px 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_in_lay {
	POSITION:relative;
	WIDTH:900px;
	text-align:left; float:right;
	margin:0  auto ;background:#fff;
}
/**네비게이션**/
#map {
	clear:both;
	text-align:right;
	POSITION: relative;
	Z-INDEX: 3;
	top:15px;	WIDTH: 100%;
	left:0px;	
}
#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:10px ;text-align:center;background: url(image/arrow.png) no-repeat right center; font-size:13px;  line-height:15px}
#map_in ul li.last{background:none;}
#map_in ul li img {margin:0px 4px 0 0; padding:0;}


/**타이틀**/
#bar {
	clear:both;
	text-align:center;
	POSITION: relative;
	WIDTH:100%;
	LEFT:0px;
	top:0px;
	margin:0px;
	
}
#bar_tit  {WIDTH:100%;margin:0 auto 40px auto; padding:0px 0px; color:#22293b; font-size:33px; line-height:1.2; font-weight:500;text-align:left; letter-spacing:-1px; }


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