@import "style.css";

body{
    margin:0;
	padding:0;
	/*OVERFLOW-X:hidden;
	overflow-y:scroll;*/
	OVERFLOW: auto;
	background:#222222

	}

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;
}


/* 맨위 파란색 바 */
#headerWr {position: absolute; left:0; top:0; width:100%; z-index:1200;background:#fff url(image/tmenu_sub_bg01.png) repeat-x top;}


						
/*---------------------탑메뉴bar스타일end----------------------------------*/	
#left {
	z-index:3;
	POSITION:relative;
	WIDTH:100%;
	TOP:0px;
	LEFT:0px;
	text-align:left;
	margin-top:140px; background:#f2f2f2; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;
	}
/*top으로 가기*/
.bt_top { position:fixed; top:460px; left:50%; margin-left:510px;z-index:205;}


#sub {
	POSITION: relative; 
	WIDTH:100%; 
	HEIGHT:500px;
	TOP:0px; 
	text-align: center;
	margin:0 auto;
	z-index:-1; background:#fff;
	
}

#sub.sub_img1 { background:url(image/sub_img01.jpg) no-repeat center top;}
#sub.sub_img2 { background:url(image/sub_img02.jpg) no-repeat center top;}
#sub.sub_img3 { background:url(image/sub_img03.jpg) no-repeat center top;}
#sub.sub_img4 { background:url(image/sub_img04.jpg) no-repeat center top;}
#sub.sub_img5 { background:url(image/sub_img05.jpg) no-repeat center top;}
#sub.sub_img6 { background:url(image/sub_img06.jpg) no-repeat center top;}
#sub.sub_img7 { background:url(image/sub_img07.jpg) no-repeat center top;}
#sub.sub_img8 { background:url(image/sub_img08.jpg) no-repeat center top;}
#sub.sub_img9 { background:url(image/sub_img09.jpg) no-repeat center top;}
#sub.sub_img10 { background:url(image/sub_img10.jpg) no-repeat center top;}
#sub.sub_img11 { background:url(image/sub_img11.jpg) no-repeat center top;}
#sub.sub_img12 { background:url(image/sub_img12.jpg) no-repeat center top;}
#sub.sub_img13 { background:url(image/sub_img13.jpg) no-repeat center top;}



#sub_lay {POSITION:absolute;width:100%;HEIGHT:50px; top:200px; margin:0 auto; text-align:center; background:url(image/sub_bar_bg.png) repeat;z-index:5;  }
#sub_txt {POSITION:relative; width:1100px;top:0px;left:10px; margin:0  auto; text-align:left; z-index:20; line-height:50px; font-size:20px; color:#4e4e4e; font-weight:500; }



#contents {
    Z-INDEX:2;
	POSITION:relative;
	TOP:0px;
	WIDTH:100%;  
	text-align:center;
	margin:0 auto; padding-bottom:50px;
	background:#fff url(image/con_bg.gif) repeat-x bottom;
}
#contents.sub02  {background:#fff url(image/con_bg2.gif) repeat-x bottom;}
#contents.sub03  {background:#fff url(image/con_bg3.gif) repeat-x bottom;}
#contents.sub04  {background:#fff url(image/con_bg4.gif) repeat-x bottom;}

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

#contents_in_lay {
	POSITION:relative;
	WIDTH:1000px;
	text-align:left;
	margin:0 auto;
	top:50px;
	left:0px;
	}
	
#map {
	clear:both;
	POSITION:absolute;
	Z-INDEX:3;
	top:0px;
	WIDTH:100%;
	left:0px;
	margin:20px auto 0 auto;
}
#map_in {
	margin:0 auto 0 auto;
	text-align:right;
	POSITION:relative;
	WIDTH:100%;
	
}
#map_in li {font-family:'Nanum Gothic', dotum; font-size:11px; color:#999; vertical-align:middle}


#bar {
	/*clear:both;*/
	text-align:left;
	position:relative;
	WIDTH:100%;
	LEFT:0px;
	top:0px;
	margin:0px auto;
	padding:0px 0 0 0; text-align:center;
}

#bar li {
	font-family:'Nanum Gothic',"맑은고딕","tahoma";
	font-size:24px;
	color:#00356b;
	font-weight:700;
	vertical-align:top;
	letter-spacing:-1px; line-height:40px;
}
#bar li.h_math {color:#b31b1b;}
#bar li.m_math {color:#00693c;}
#bar li.e_math {color:#c4820e;}

#text {
	POSITION:relative;
	WIDTH:100%;
	min-height:500px;
	
	top:40px;
	LEFT:0px;
	margin:0 0 0px 0;
	padding:0 0 120px 0;
	text-align:left;
	
}

#subleftmenu {
	z-index:10;
	POSITION:relative;
	WIDTH:1000px;
	TOP:0px;
	LEFT:0px;
	text-align:left;
	margin:20px auto 0px auto;
}
	

/* 메인 배너 */

.oe_overlay{
	background:#000;
	opacity:0;
	
	top:0px;
	left:0px;
	width:100%;
	height:204px;
}
.oe_wrapper:after {clear:both;display:block;content:"";}
.oe_wrapper {  margin:0px 0  0 7px ; top:0px;}

ul.oe_menu:after {clear:both;display:block;content:"";}
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px 0px 50px 0px;
	width:1000px;
	float:left;
	clear:both;
	top:0px;
} 
ul.oe_menu > li{
	width:245px;
	height:220px;
	padding-bottom:0px;
	float:left;
	position:relative;
	margin:0 0px 2px 2px
	
}
ul.oe_menu > li.first { clear:both; margin:0 0 2px 0px;}
ul.oe_menu > li.bimg  {margin:0  0 0px 0; width:739px; height:372px;}
ul.oe_menu > li.bimg > a {font-size:17px;padding-top:20px;font-weight:500;}

ul.oe_menu > li.bimg2 {margin:0 0px 2px 2px;width:245px; height:372px; }
ul.oe_menu > li.bimg2 > a {font-size:19px;padding-top:160px;font-weight:500;}
ul.oe_menu > li > a{
	display:block;
	color:#f8f8f8;
	text-decoration:none;
	font-weight:400;
	font-size:17px;
	width:245px;
	height:140px;
	line-height:25px;
	padding:80px 0 0 0;
	
	margin:0px auto 0 ;
	text-align:center;
	/*text-shadow:0px 0px 1px #000;
	opacity:0.8;*/
	}

ul.oe_menu > li a span {margin:0px 0 0 0; padding:30px 0 0 0;}
	
ul.oe_menu > li > a.m1 {background:url(image/com01_img1.jpg) no-repeat left top;width:739px; height:372px;}
ul.oe_menu > li > a.m2 {background:url(image/bt_pt01.gif) repeat;width:245px;height:212px; }
ul.oe_menu > li > a.m3 {background:url(image/bt_pt02.gif) repeat;}
ul.oe_menu > li > a.m4 {background:url(image/bt_pt02.gif) repeat;padding:70px 0 0 0;height:150px;}
ul.oe_menu > li > a.m5 {background:url(image/bt_pt02.gif) repeat;}
ul.oe_menu > li > a.m6 {background:url(image/bt_pt03.gif) repeat;padding:70px 0 0 0;height:150px;}
	
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	
	color:#dfdfdf;
	opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
	/*background:#fff;
	text-shadow:0px 0px 1px #FFF;*/
}
ul.oe_menu div {
	position:absolute;
	top:0px;
	left:0px;
	background:url(image/m_pro01_on.gif) no-repeat center top;
	width:245px;
	height:220px;
	padding:0px;
	display:none;
	margin:0px;
}
ul.oe_menu div.ms1 {background:url(image/bt_pt08.png) repeat;width:739px; height:372px;}
ul.oe_menu div.ms2 {background:url(image/bt_pt01.gif) repeat;width:245px; height:372px;}
ul.oe_menu div.ms3 {background:url(image/bt_pt02.gif) repeat center top;}
ul.oe_menu div.ms4 {background:url(image/bt_pt02.gif) repeat center top;}
ul.oe_menu div.ms5 {background:url(image/bt_pt03.gif) repeat center top;}
ul.oe_menu div.ms6 {background:url(image/com01_img2.gif) no-repeat center top;}
ul.oe_menu div ul {padding:20px; text-align:center; margin:0 auto; }
ul.oe_menu div ul.box1 {padding:30px;}
ul.oe_menu div ul.box2 {padding:120px 0 0 0;background:url(image/bt_pt01.gif) repeat;}
ul.oe_menu div ul li {
	text-decoration:none;
	color:#fff;
	padding:10px 0 0 0 ;
	margin:0px auto;
	display:block;
	font-size:14px;
	font-weight:300;
	
}
ul.oe_menu div ul li.t1 { padding:150px 0 0 0}
ul.oe_menu div ul li a{ display:block;  color:#3679b6; font-size:10px;font-family:'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; padding:10px 0 0 0; }
ul.oe_menu div ul li a span {text-align:center; background:url(image/bt_bar01.gif) no-repeat center top; padding:10px 0 0 0}
ul.oe_menu div ul.oe_full{
	width:100%;
}
ul.oe_menu div ul li a:hover{
	
	color:#ffe674;
}
ul.oe_menu li ul{
	list-style:none;
	margin:0px;
}
ul.oe_menu div ul li.oe_heading{
	color:#fff;
	font-size:22px;
	padding-top:30px; margin:0px auto 0px auto;top:0px;
    text-align:center;font-weight:500;
}

ul.oe_menu div ul.box1 li.oe_heading{
	color:#fff;
	font-size:26px;
	padding:20px 0px 30px 0px; margin:0px auto 130px auto;top:0px;
    text-align:left;font-weight:500; 
}
ul.oe_menu div ul.box1 li {color:#63aaff; text-align:justify;padding:10px 20px 0 0 ;}
ul.oe_menu div ul.box1 li a span { background:url(image/bt_bar01.gif) no-repeat center top;padding:10px 0px 0 0 ; }
ul.oe_menu div ul.box1 li a {font-size:12px; line-height:70px;text-align:right;}

ul.oe_menu div ul.box2 li.oe_heading{
	color:#fff;
	font-size:26px;
	padding:20px 0px 30px 0px; margin:0px auto 0px auto;top:0px;
    text-align:center;font-weight:500; 
}
ul.oe_menu div ul.box2 li {color:#fff; text-align:center;padding:0px 0px 20px 0 ;}
ul.oe_menu div ul.box2 li a span {text-align:center; background:url(image/bt_bar01.gif) no-repeat center top; padding:10px 0 0 0}
ul.oe_menu div ul.box2 li a {font-size:12px; color:#3679b6; font-size:10px;}


/* END 메인 배너// */

#bottom {
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT:150px;
	text-align:left;
	background:#222222; 

}

#bottom_lay {
	WIDTH: 1100px;
	POSITION: relative;
	margin:0px  auto 0 auto;
	text-align:left;
}

#bottom_b {float:right; margin:0px 0 0 0}
#bottom_b li { float:left;   margin:0px 8px 0 0px;}
#bottom_b li a{ display:block;border:1px solid #fff; line-height:30px; text-align:center; font-size:16px; font-weight:700; color:#fff; padding:0 30px !important;}
#bottom_b li a:hover {background:#6b1111;}

#bottom_lay li{ float:left; padding:35px 0 0 20px; text-align:left; font-size:12px; color:#c1c1c1; line-height:180%; font-weight:600;font-family:'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; }
#bottom_lay li.tailimg {margin:2px 40px 0 10px;}
#bottom_lay li span { color:#ff9600; margin-left:10px;}
#bottom_lay li span a,a:visited,a:hover {color:#ff9600;}

#bottom_lay li p{ display:block; font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#7b7b7b; line-height:180%; }
.bottom_img { 
   padding:15px 0 0 0px;
	}