@import "style.css";

body{
    margin:0;
	padding:0;
	OVERFLOW-X: hidden;
	overflow-y:scroll;
	
	background:url(image/bg_sub.jpg) no-repeat center top;
	}

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


#top_menu{

    POSITION:relative; 
	WIDTH: 100%;
	HEIGHT: 45px;
	Z-INDEX: 1500;
	text-align: center;
	background:url(image/menu_bg.png) no-repeat top center;
	}
	

/**메인**/
#header{
	height:235px; 
	background:url(image/m_cloud.png) repeat-x scroll left top;
	margin-top:0px;
	text-align:center;
	Z-INDEX: 1;
	}
			
#header h1{
	padding-top:35px;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	color:white;
	font-size:45px;
	}
	
#sub {

	POSITION:absolute; 
	WIDTH: 100%; 
	HEIGHT:235px;
	Z-INDEX: 1;
	TOP:0px;
	text-align: center;
	margin:0 auto;
	

}

#sub_txt {

	POSITION: absolute; 
	WIDTH: 960px; 
	HEIGHT:235px;
	top:170px; 
	right:10px;
	text-align:right;
	margin:0 auto;
	

}
/* Visual
-----------------------------------------------------------------------------*/
.animation_canvas { overflow:hidden; position:relative; width: 960px; margin:0 auto; height: 235px; z-index:-1; }

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

.slider_panel .img1 { background:url(../image/main/vimg1.jpg) no-repeat center top; }
.slider_panel .img2 { background:url(../image/main/vimg2.jpg) no-repeat center top; }
.slider_panel .img3 { background:url(../image/main/vimg3.jpg) no-repeat center top; }
.slider_panel .img4 { background:url(../image/main/vimg4.jpg) no-repeat center top; }

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 235px; }
.slider_text_panel .slider_text { width: 960px; height: 235px; position:absolute; left:50%; top:0; margin-left: -480px; }

.slider_text_panel .txt1 .text1 { position: absolute; left: 50%; bottom: 0px; margin-left: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text2 { position: absolute; left: 50%; top: 104px; margin-left: -338px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text3 { position: absolute; left: 50%; top: 189px; margin-left: -338px; padding-top:17px; background:url(../image/main/vt_line.gif) no-repeat 7px 0; opacity: 0; filter: alpha(opacity=0);}

.slider_text_panel .txt2 .text1 { position: absolute; left: 50%; bottom: 0px; margin-left: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text2 { position: absolute; left: 50%; top: 100px; margin-left: -338px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text3 { position: absolute; left: 50%; top: 153px; margin-left: -338px; padding-top:17px; background:url(../image/main/vt_line.gif) no-repeat 6px 0; opacity: 0; filter: alpha(opacity=0); }

.slider_text_panel .txt3 .text1 { position: absolute; right: 50%; top: 50px; margin-right: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text2 { position: absolute; right: 50%; top: 105px; margin-right: -338px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text3 { position: absolute; right: 50%; top: 185px; margin-right: -339px; padding-top:17px; background:url(../image/main/vt_line.gif) no-repeat 194px 0; opacity: 0; filter: alpha(opacity=0); }

.slider_text_panel .txt4 .text1 { position: absolute; text-aling:right; right: 50%; top: 50px; margin-right: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt4 .text2 { position: absolute; text-aling:right; right: 50%; top: 100px; margin-right: -338px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt4 .text3 { position: absolute; text-aling:right; right: 50%; top: 157px; margin-right: -337px; padding-top:17px; background:url(../image/main/vt_line.gif) no-repeat 320px 0; opacity: 0; filter: alpha(opacity=0); }

.control_panel { position:absolute; top: 545px; left: 50%; margin-left: -35px; width:69px; height: 20px; overflow:hidden; background:url(../image/main/point_back.png) no-repeat 0 0; z-index: 100; }
.control_panel .control_button { width:10px; height:10px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(../image/main/point.png) no-repeat center top; margin: 5px 5px 0 0; }
.control_panel .control_button.active { background-position: center bottom; }
.control_panel .first { margin: 5px 5px 0 7px; }




#contents {
    Z-INDEX: 2;
	POSITION: relative;
	TOP:0px;
	WIDTH: 100%;  
	text-align:center;
	margin:0 auto;
	background:#fff;

}


#contents_in {

	POSITION: relative;
	WIDTH:960px;
	min-height:540px;
	text-align: left;
	margin:  0  auto 0px auto;
	background:url(image/con_bg.png) repeat-y 0 15px;
	top:15px;
	
}

#contents_in_lay {

	POSITION: relative;
	WIDTH:690px;
	text-align:left;
	padding:0 0 50px 0;
	margin:  0  0 0px 0;
	left:260px;
	}
	
#map {
	clear:both;
	text-align:center;
	POSITION: absolute;
	Z-INDEX: 3;
	top:-5px;
	WIDTH: 100%;
	left: 0px;
}


#map_in {
	margin:  0  auto 0 0;
	text-align:right;
	POSITION: relative;
	WIDTH:680px;

}

#map_in li {font-family:'Nanum Gothic', dotum; font-size:11px; color:#999; line-height:100%; }
#map_in img {vertical-align:middle;}

#bar {
	/*clear:both;*/
	text-align:left;
	POSITION: relative;
	WIDTH: 690px;
	LEFT:0px;
	top:15px;
	

}
#bar li {
	font-family:  'Nanum Gothic',"맑은고딕","tahoma";
	font-size: 20px;
	color: #353535;
	font-weight:bold;
	vertical-align:top;
	letter-spacing:-1px; line-height:100%; 
	padding:22px 0 3px 10px;
	
}
#bar p {margin:0 0 0px 0; text-align:left;}


#text:after {clear:both;display:block;content:"";}
#text {
	POSITION: relative;
	WIDTH: 680px;
	top: 40px;
	LEFT: 10px;
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	background:#fff;
	
	

}


#left {
	z-index:10;
	POSITION: absolute;
	WIDTH:210px;
	TOP:0px;
	LEFT:10px;
	text-align:left;
	margin:  0  auto 0 auto;
}



#left_cen h1 {POSITION: relative;TOP:0px;WIDTH:200px;left:10px;text-align:left;}
#left_cen {

	z-index:150;
	POSITION: relative;
	WIDTH: 210px;
	TOP:0px; 
	LEFT: 0px;
	text-align: left;
	margin: 0 0 0px 0;
	
}

#left_banner {

	z-index:100;
	POSITION: relative;
	WIDTH: 200px;
	TOP:30px; 
	LEFT:10px;
	text-align:center;
	margin:0;
	
}



/*tail*/
#bottom {
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT: 140px;
	text-align: center;
	TOP:0px;
	background:url(image/m_iso_bg.gif) repeat-x top;
}

/*인증아이콘*/
#m_icon{
	POSITION:relative;
	WIDTH:940px;
	text-align:left;
	top:0px;
	left:0;
	margin: 0  auto 0 auto;
	
}

#m_icon li { float:left; width:156px;}
#m_icon li.first {float:left; width:160px;}
#bottom_lay {
	WIDTH: 1000px;
	POSITION: relative;
	margin: 0 auto;
	text-align:left;
	top:0;
	
	
}
#bottom_lay li{float:left;width:160px; padding:23px 0 0 20px;}
#bottom_lay li.copy_t{float:left;width:760px;  padding:15px 0 0 10px; font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; font-size:11px; color:#656565; line-height:140%;}
#bottom_lay li.copy_t span.t1 {font-size:12px ; font-weight:700;font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';padding:0px 0 0 0; color:#2a2a2a;}
#bottom_lay li.copy_t span{ font-family: Verdana, Geneva, sans-serif; font-size:10px; color:#999999; line-height:140%; padding:5px 0 0 0;}


.bottom_img { 
   padding:15px 0 0 0px;
	}