@import "style.css";

body{
    margin:0;
	padding:0;
	overflow:auto;
	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 {
	  Z-INDEX: 1;
	POSITION: relative;
	TOP:0px;
	height:235px;
	WIDTH: 100%;  
	text-align: center;
	margin:0 auto;
	background:url(image/sub_bg.gif) repeat-x top;
}
#sub_lay {POSITION:relative;width:1080px;height:235px; margin:0 auto;}
#sub_lay div.tit {POSITION: absolute; left:0px; top:65px;}

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

.slider_panel { width: 100%; height: 200px; position:relative; }
.slider_image { position: absolute; left:0; top:0; width: 100%; height:235px; opacity:0; }

.slider_panel .img1 { background:url(image/sub1.jpg) no-repeat right top; }
.slider_panel .img2 { background:url(image/sub2.jpg) no-repeat right top; }
.slider_panel .img3 { background:url(image/sub3.jpg) no-repeat right top; }
.slider_panel .img4 { background:url(image/sub4.jpg) no-repeat right top; }

/**컨텐츠**/
#contents {
    Z-INDEX: 2;
	POSITION:relative;
	TOP:-40px;
	WIDTH: 100%;  
	text-align:center;
	margin:0 auto;
	
}

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

#left {
	z-index:10;
	POSITION:absolute;
	WIDTH:200px;
	TOP:0px;
	LEFT:0px;
	text-align:left;
	margin:0 auto;
}
#left h1 {margin:0px 0 0px 0px; text-align:left; border-bottom:2px solid #215d8f;}
#left h1 img { margin:30px 0 30px 15px   ;}
#left_banner {margin:40px 0 0 0; text-align:center; }


/**컨텐츠내용_lay**/
#contents_in_lay {
	POSITION: relative;
	WIDTH:880px;
	left:200px;
	top:0px;
	text-align:left;
	margin:0 0 -40px 0;
	padding:0 0 0px 0;
	border-left:1px solid #d9d9d9;
}
/**네비게이션**/
#map {
	clear:both;
	text-align:right;
	POSITION: relative;
	Z-INDEX: 3;
	top:40px;	WIDTH: 100%;
	left:0px;	
}
#map ul {margin:0px auto; display:block; width:100%;}
#map ul li {font-family:'Nanum Gothic', dotum; font-size:11px; color:#a0a0a0; vertical-align:middle; line-height:110%; padding:0px 10px 0px 0px;text-align:right; margin:0px;}
#map ul li img { margin-right:3px;}



/**타이틀**/
#bar {
	/*clear:both;*/
	text-align:left;
	POSITION: relative;
	WIDTH:820px;
	LEFT:50px;
	top:0px;
	margin:0px;
	
}
#bar h1 {
	font-family:'Nanum Gothic',"맑은고딕","tahoma";
	font-size:23px;
	color:#2d2d2d;
	vertical-align:top;
	letter-spacing:-1px;
	line-height:25px;
	padding:20px 0 35px 0;
	display:block;
}


#text {
	clear:both;
	z-index:5;
	POSITION: relative;
	WIDTH:820px;
	min-height:350px;
	top:0px;
	LEFT:50px;
	margin:0px 0 0px 0;
	padding:0 0 40px 0;
	text-align:left;
}

/***하단***/
#bottom {
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT: 110px;
	text-align: center;
	TOP:0px;
	border-top:1px solid #d9d9d9;
	background:#f7f7f7;
}

#bottom_lay {
	WIDTH:1080px;
	POSITION: relative;
	margin: 0 auto;
	text-align:left;
	top:0;
}
#bottom_lay li {float:left;width:230px;padding:15px 10px 0 0px;}
#bottom_lay li.copy_t {float:left;width:530px;padding:20px 0 0 10px;font-size:11px;color:#4a4a4a;line-height:160%; text-align:left; }

#bottom_lay li.copy_t span {display:block;font-family: Verdana, Geneva, sans-serif;font-size:10px;color:#8f8f8f; line-height:200%; }

.bottom_img {float:right; margin:5px 0 0 0;}