@import "style.css";

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

	}

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



/* sub Visual
-----------------------------------------------------------------------------*/
.animation_canvas { overflow:hidden; position:relative;width:100%;  height:200px; z-index:1; margin:0 auto;}

.slider_panel { width:100%; height:200px; position:relative; text-align:center;margin:0px auto; }
.slider_image { position:absolute;left:0; top:0; width:100%; height:200px; opacity:0; margin:0px auto; }

.slider_panel .img1 { background:url(image/sub1.jpg) no-repeat center;}
.slider_panel .img2 { background:url(image/sub2.jpg) no-repeat center;}
.slider_panel .img3 { background:url(image/main3.jpg) no-repeat center;}




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

#left_tit {background:#35a2dd; text-align:center; height:100%; overflow:hidden;}
#left_tit p {margin:30px auto; color:#fff; font-size:33px; font-weight:500;}
#left_tit p span { display:block;color:#ebebeb; font-size:15px; letter-spacing:3px; line-height:18px;}

/*=================left Menu 1 starts here ========================*/
/* menu::base */
div#left_menu {
	POSITION:relative;
	WIDTH:100%; height:100%; overflow:hidden;
	TOP:0px;
	LEFT:0px; 
	text-align:center; background:#f7f7f7; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;
	z-index:9999; margin:0px auto 10px auto; padding:0 ; box-sizing:border-box;
}

#left_menu > ul { margin:0; padding:0; /**zoom:1;*/ text-align:center;}
#left_menu ul:after {content:""; display:block;clear:both;}
#left_menu ul a {display:inline-block;  text-decoration:none; margin:0px;}
#left_menu > ul > li { position:relative;margin:0 0px ;}

#left_menu ul li.m_actives a {background:#ff8226; font-weight:500; color:#f8f8f8;}
#left_menu > ul > li > a {display: block;padding:0px 0px 0px 30px;color:#4c4c4c; font-size:15px; font-weight:500; line-height:50px;
text-decoration:none; text-align:left; border-bottom:1px solid #cfcfcf;}
 

#left_menu ul li.m_active a  { font-weight:500; color:#125f9f; /*text-decoration:underline;*/}
#left_menu ul li a:hover { background:#f0f0f0;font-weight:500;color:#222;}
#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.leftsubmenu { top:0px;  list-style:none; z-index:100;border-bottom:1px solid #d9d9d9; }
#left_menu div.leftsubmenu ul {margin:0; padding:0px; font-size:13px; }
#left_menu div.leftsubmenu ul li {position:relative; height:auto;  margin:0px 0 0px 0; padding:0px; text-align:left; background:#fff;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;   /*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.leftsubmenu ul li.first {margin:0px 0 0px 0;}
#left_menu div.leftsubmenu ul li a { width:188px !important; /*width of sub menus*/
padding:4px 0px 4px 30px;
margin: 0;
color:#626262;
background:url(image/tmenu_bg.png) repeat;
font-size:13px; font-weight:500; text-align:left; line-height:18px;}
#left_menu div.leftsubmenu ul li a:hover {	background:#3a94b9 !important; color:#f8f8f8; }
#left_menu div.leftsubmenu ul li.on a{	background:#3a94b9 !important;color:#f8f8f8;} 
#left_menu div.leftsubmenu ul li.on {color:#333; font-weight:bold;}
#left_menu ul li.m1 div.leftsubmenu a{left:0px; width:100%; z-index:100; color:#646464}
#left_menu ul li.m2 div.leftsubmenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m3 div.leftsubmenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m4 div.leftsubmenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m5 div.leftsubmenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m6 div.leftsubmenu{left:0px; width:100%; z-index:100;}
#left_menu ul li.m7 div.leftsubmenu{left:0px; width:100%; z-index:100;}

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

 
#left_tel { width:100%; height:100%;  overflow:hidden; margin:0 0px 20px 0 ; background:#a58247; text-align:left;}
#left_tel h1 {font-size:20px; color:#f8f8f8; margin:0px auto 10px auto; font-weight:500; letter-spacing:-0.5px; }
#left_tel h1 span { display:block;font-size:12px; color:#f2d098; line-height:15px; margin:5px 0 0 0}
#left_tel .telicon { width:45px;float:right; right:0; text-align:right}
#left_tel .telicon img {width:100%;}
#left_tel ul {margin:30px 20px; height:100%;  overflow:hidden; box-sizing:border-box;}
#left_tel li {font-size:18px; color:#f8f8f8; line-height:22px;margin:0px 0 0px 0; font-weight:500; letter-spacing:-1px;}
#left_tel a {position:absolute; width:330px;height:265px;}

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

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

#contents_box {position:relative; float:right; height:100%; overflow:hidden; width:930px; text-align:left;}

#contents_navi {
	POSITION:relative; 
	WIDTH:100%; display:inline-block; border-bottom:1px solid #cfcfcf;
	text-align:left;
	margin:50px 0 50px 0;
}


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

/**네비게이션**/
#map { float:right; width:50%;height:100%; overflow:hidden;
	text-align:left;
	POSITION:relative;
	Z-INDEX: 3;
	top:0px; right:0px; margin:30px 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:13px;  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 auto;
	padding:0 0 60px 0;
	text-align:left; 
}