@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:300px;
	TOP:0px; 
	text-align:center;
	margin:0 auto;
	z-index:1; 
	
}
#sub.subimg01{background:#fff url(image/sub1.jpg) no-repeat center top; background-size:cover;  }
#sub.subimg02{background:#fff url(image/sub2.jpg) no-repeat center top; background-size:cover;  }
#sub.subimg03{background:#fff url(image/sub3.jpg) no-repeat center top; background-size:cover;  }
#sub.subimg04{background:#fff url(image/sub4.jpg) no-repeat center top; background-size:cover;  }
#sub.subimg05{background:#fff url(image/sub5.jpg) no-repeat center top; background-size:cover;  }

#sub div.tit { z-index:5; width:1100px; height:140px; position:relative; top:120px; bottom:0px; margin:0 auto;  color:#f8f8f8;text-align:right; letter-spacing:-0.5px;    background:url(image/s_txt_bg.png) no-repeat right top;}
#sub div.tit p {float:right;  display:inline-block; font-size:48px; line-height:64px;color:#f8f8f8; font-weight:500;  padding-right:25px;text-shadow:0px 0px 2px #424242;}


#left {
	z-index:10;
	POSITION:relative;
	WIDTH:1200px;
	TOP:0px;
	LEFT:0px;
	text-align:left;
	margin:-46px auto 0 auto;background:#efefef;box-sizing:border-box;
}
/*=================left Menu 1 starts here ========================*/
/* menu::base */
#left_menu {
	POSITION:relative;
	WIDTH:100%;
	TOP:0px; 
	LEFT:0px;
	text-align:center;
	z-index:9999; margin:0 auto -1px auto; padding:0;border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; }

#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 { float:left;min-height:45px; position:relative; margin:0 0px 0px 0px;left:0px;border-right:1px solid #cfcfcf; }

#left_menu > ul.subw5 > li {width:20%;box-sizing:border-box;}
#left_menu > ul.subw4 > li {width:25%;box-sizing:border-box;}
#left_menu > ul.subw3 > li {width:33%;box-sizing:border-box;}
#left_menu > ul.subw3 > li.last {width:34%;box-sizing:border-box;}
#left_menu > ul.subw2 > li {width:50%;box-sizing:border-box;}
#left_menu > ul.subw1 > li {width:100%;box-sizing:border-box;}

#left_menu > ul > li.first {padding:0px 0 0 0;} 
/*#left_menu ul li.m_active {background:#44b8db; !important;color:#f8f8f8; !important}*/
#left_menu > ul > li > a {display: block;padding:0px;color:#4c4c4c; font-size:15px; font-weight:400; line-height:45px;
text-decoration:none; text-align:center; background:#efefef; font-weight:700;font-family: 'Nanum Gothic' ; margin:0 0 0px 0;border-bottom:1px solid #cfcfcf;}

#left_menu ul li.m_active a  {background:#c31d1d;font-size:16px;color:#fff;border-bottom:1px solid #c31d1d; /*text-decoration:underline;*/ margin:-1px 0 0 -1px;box-sizing:border-box; padding-bottom:1px;}
#left_menu ul li a:hover {background:#d8d8d8;font-size:16px;color:#222; border:1px solid #d8d8d8;  margin:-1px 0 0 -1px;box-sizing:border-box;padding-bottom:0px; }
#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%;  
	text-align:center;
	margin:45px auto 0 auto; background:#fff;
}

#contents_in {
	POSITION:relative;
	WIDTH:1180px;
	text-align:left;
	margin:0  auto ;
}



/**타이틀**/
#bar {
	/*clear:both;*/
	text-align:center;
	POSITION: relative;
	WIDTH:100%;
	LEFT:0px;
	top:0px;
	margin:0px;
	
}
#bar h1 {
	font-size:36px;
	color:#2d2d2d;
	vertical-align:top;
	letter-spacing:-1px;
	line-height:100px;
	padding:0px 0 0px 0;
	display:block; font-weight:500; margin:0 0 20px 0
}


#text {
	clear:both;
	z-index:5;
	POSITION: relative;
	WIDTH:100%;
	min-height:530px;
	top:0px;
	LEFT:0px;
	margin:0px 0 0px 0;
	padding:0 0 40px 0;
	text-align:left; 
}





