@import "style.css";

body{
    margin:0;
	padding:0;
	/*OVERFLOW-X:scroll;
	OVERFLOW-X: hidden;*/
	background:url(image/bg.jpg) no-repeat center top;
	}
body img {-ms-interpolation-mode:bicubic; image-rendering:optimizeQuality;zoom:1; }
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;
	
	}



/**¸ÞÀÎ**/
			#header{
				height:350px; 
				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;
			}
			
			#main{
				position:absolute;
				width:100%;
				height:350px;
				top:0;
				text-align:center;
				margin:0px auto 0 auto;
				
			}
			#main_lay {position:relative;
			width:960px;
			margin:0 auto;
			top:0px;
			text-align:center;
			Z-INDEX: 2;
			}
			#main_txt {position:absolute; right:10px; text-align:right;margin-top:200px; Z-INDEX: 5;}
			
.clsBannerScreen {overflow: hidden;position: relative;width:960px;height:350px; /*border:1px solid #e1e1e1;*/ cursor:pointer; clear:both; text-align:left; margin:0 auto;}
.clsBannerScreen .images {position:relative; display:none; }
ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }
.clsBannerButtonBlank  {float:left;width:156px; }
.clsBannerButton {float:left;width:100px;cursor:pointer;  Z-INDEX: 5;
	POSITION: absolute; top:150px; padding-left:920px;}
.clsBannerButton li {/*width:20px;*/float:left;/*border-top:1px solid #e1e1e1;padding:2px;border-left:1px solid #e1e1e1;*/} /* 1 Ä­´ç 26px */
.clsBannerButton li.lst {border-right:1px solid #e1e1e1;}

.clsBannerButton li.labelOverClass {font-weight:bold;}

.left_line {
	border-bottom:1px solid #f3f3f3;
}
/**¸ÞÀÎEND**/

#content {
    Z-INDEX: 3;
	POSITION:relative;
	WIDTH: 100%;
	TOP:19px;
	text-align: center;
	
}
#content_in:after {clear:both;display:block;content:"";}
#content_in {

	POSITION: relative;
	WIDTH: 940px;
	text-align:center;
	min-height:300px;
	/*background-image:url(image/cen_bg.png);
	background-repeat: no-repeat;*/
	top:0px;
	margin:  0  auto 0 auto;
	
}

/*°øÁö»çÇ×*/
#m_notice{
	POSITION: absolute;
	WIDTH:260px;
	text-align:left;
	top:0px;
	left:340px;
	margin:  0  auto 0 auto;
}
#m_notice li.pt10{padding-top:20px; font-size:11px; line-height:160%;font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; }


/*Áöµµ ¸Ê*/
#m_map{
	POSITION: absolute;
	WIDTH:300px;
	height:155px;
	text-align:left;
	top:0px;
	left:0px;
	margin:  0  auto 0 auto;
}




/*-------------------------------------------------------*/



/*Á¦Ç°¼Ò°³*/
#m_pro {
	POSITION: absolute; 
	WIDTH:300px;
	height:120px;
	TOP:0px;
	left:640px;
	text-align:left;
	
}
#m_pro h1 {text-align:left; padding:0 0 7px 0;}



/* @products */
#wrapper {width:300px; height:120px; margin:0px auto; background:url(image/m_pro_bg.gif) no-repeat top left;}
.whi{ color:#fff;}
a{ color:#fff}

.sliderbutton {float:left; width:11px; padding-top:50px; margin-left:25px; margin-right:17px;}
.sliderbutton#br {margin-left:17px; margin-right:0px;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#fff}
#slider {float:left; position:relative; overflow:auto; width:196px; height:120px; /*border:2px solid #fff;*/ background:none; margin-top:6px;}
#slider ul {position:absolute; list-style:none; top:0; left:0;}
#slider li {float:left;  width:196px; height:85px; padding-right:0px; margin:0px;}

.pagination {float:left; list-style:none; height:20px;  position:absolute; top:5px; left:50%; margin-left:60px;}
.pagination li {float:left; cursor:pointer; padding:5px 6px; background:url(image/m_pro_icon2.png) no-repeat; }
.pagination li:hover {background:url(image/m_pro_icon1.png) no-repeat;padding:5px 6px;}
li.current {background:url(image/m_pro_icon1.png) no-repeat;padding:5px 6px;}

li#content {width:196px; height:85px; padding:0px;margin:0px; }


/*Äü¸Þ´º*/
#m_quick{
	POSITION: absolute; 
	WIDTH:300px;
	min-height:95px;
	TOP:165px;
	left:0px;
	text-align:left;
	}
	
#m_quick h1 {text-align:left; margin:0 0 12px 0;}

#m_quick p { float:right;margin:12px 0 0 0;}
#m_quick p { float:left;padding:0 0px 0 0px;}
#m_quick p.rollover01 {margin:0px 0px 0 0px;padding:0 6px 0 0px;}
#m_quick p.rollover01 a {display:block; width:55px;  height:66px; text-indent:-3000px; background:url(image/m_q01.gif) no-repeat; background-position:0 0px; }
#m_quick p.rollover01 a:hover {background-position:0 -66px;}

#m_quick p.rollover02 {margin:0px 0px 0 0px;padding:0 6px 0 0px;}
#m_quick p.rollover02 a {display:block; width:55px;  height:66px; text-indent:-3000px; background:url(image/m_q02.gif) no-repeat; background-position:0 0px; }
#m_quick p.rollover02 a:hover {background-position:0 -66px;}

#m_quick p.rollover03 {margin:0px 0px 0 0px;padding:0 6px 0 0px;}
#m_quick p.rollover03 a {display:block; width:55px;  height:66px; text-indent:-3000px; background:url(image/m_q03.gif) no-repeat; background-position:0 0px; }
#m_quick p.rollover03 a:hover {background-position:0 -66px;}

#m_quick p.rollover04 {margin:0px 0px 0 0px;padding:0 6px 0 0px;}
#m_quick p.rollover04 a {display:block; width:55px;  height:66px; text-indent:-3000px; background:url(image/m_q04.gif) no-repeat; background-position:0 0px; }
#m_quick p.rollover04 a:hover {background-position:0 -66px;}

#m_quick p.rollover05 {margin:0px 0px 0 0px;padding:0 0px 0 0px;}
#m_quick p.rollover05 a {display:block; width:55px;  height:66px; text-indent:-3000px; background:url(image/m_q05.gif) no-repeat; background-position:0 0px; }
#m_quick p.rollover05 a:hover {background-position:0 -66px;}


/*½Ç½Ã°£½ÅûÇöȲ*/
#m_realtime {
	POSITION: absolute; 
	WIDTH:600px;
	TOP: 105px;
	left:340px;
	text-align:left;
	
}
#m_realtime h1 {text-align:left; padding:0 0 0px 0;}
/* @table */
#m_realtime  table {width:100%; margin:10px 0 10px 0px; border-collapse:collapse;}
#m_realtime table.tbg {background:url(image/m_tit2_bg.png) no-repeat top center;}
#m_realtime tbody th {   color:#fff;padding:2px 0 2px 0; font-size:12px; font-weight:700;  text-align:center; background:url(image/m_rt_sai.gif) no-repeat top right; line-height:130%;font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; }
#m_realtime tr.last {border-bottom:2px solid #b3bacc;}

#m_realtime  td {color:#262626;font-size:11px;padding:3px;text-align:center; background:url(image/bt_line1.gif) repeat-x bottom;line-height:110%;font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; }
#m_realtime  td.tl {text-align:left; padding:3px 3px 3px 10px;}



/*tail*/
#bottom {
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT: 140px;
	text-align: center;
	TOP:5px;
	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;
	
}

#bottom_lay {
	WIDTH: 940px;
	POSITION: relative;
	margin: 0 auto;
	text-align:left;
	top:0;
	
	
}
#bottom_lay li{float:left;width:160px; padding:15px 0 0 20px;}
#bottom_lay li.copy_t{float:left;width:740px;  padding:10px 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:11px ; 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:180%; padding:10px 0 0 0;}


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