@charset "euc-kr";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

body,div,ul,li,dl,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0}
 ol,dl {list-style:none}
img {border:0; }
ul {list-style:none; padding:0; margin:0;}
body { font-family: NanumGothic, '³ª´®°íµñ', NanumGothicWeb, "Malgun Gothic",Gulim,sans-serif; font-size:12px; background:url(../images/bg.jpg) repeat-x;}

a {
	color:#000;
	outline: none;
	text-decoration: none;
}
a:hover {
	color:#000;
	text-decoration: none;
}




#wrap {margin:0 auto; width:100%;}

#header {width:1000px; margin:0 auto; height:73px; border:#C00 solid 0px; position:relative;}
#visual {width:1000px; margin:0 auto; }
#visual_bg { background:url(../images/visual_bg.jpg) repeat-x;}
#footer {width:1000px; margin:0 auto;}

#banner {width:1020px; margin:0 auto;}
#banner li {float:left; padding:14px 10px 14px 10px;}
#con {width:1020px; margin:0 auto; }


/*----------------------header----------------------------------*/

.main_menu {float:right;}
.main_menu li {float:left; padding:31px 0 0 32px;}
.logo {float:left; width:156px; padding:15px 0 0 10px;}
.eng_bt{float:right;size:16px;}
.eng_bt a{ color:#D6FBFE; padding-right:40px; font-weight:bold;}

/*----------------------con----------------------------------*/
.catalog {float:left; padding:0 10px 14px 10px;}
.notice {float:left; margin:0 10px 14px 10px; min-width:232px; height:146px; border:#ccc solid 1px;}
.notice_tit {padding:12px 0 5px 20px;}
.notice ul {padding:8px 0 0 15px;}
.notice li {padding-top:5px}

.m_notice{float:left; width:222px; height:131px; padding:16px 0 0 10px; border:#ccc solid 1px; margin:0 9px 0 8px;}

.customer {float:left; padding:0 10px 14px 10px;}
.certificate {float:left; padding:0 10px 14px 10px;}


/*sub*/
#sub {width:1000px; margin:0 auto;} 
.sub_tit {float:right;}
.sub_con {float:right; width:744px;}
.map {width:744px; padding-top:30px;}







/*li img·Î ¸Þ´º¸¸µé¾úÀ»¶§ »ý±â´Â ¿©¹éÇØ°á line-height¸¦ ³Ö¾îÁØ´Ù.*/
#side_menu {width:198px; float:left;}
#side_menu li{line-height:1px; font-size:1px;}



/*side_menu*/


#side_menu li a:link, 
#side_menu li a:visited {
  
        display: block;
        background: url(../sub_img/sm_bg.jpg);
       
        }

#side_menu li a:hover, 
#side_menu li a:active {
     
        background: url(../sub_img/sm_bg.jpg) 0 -41px;
      
        }

#side_menu li #current {
  
        background: url(../sub_img/sm_bg.jpg) 0 -82px;
    
        }


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

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

/*³×ºñ°ÔÀÌ¼Ç »ö»ó*/


/*³×ºñ°ÔÀÌ¼Ç Àüü ¿µ¿ª Á¦¾î*/

.nav {
	position:absolute;
	top:20px; left:350px;
	height:35px;
	list-style: none;
	width:840px;
	margin:auto;
	
	font-size: 18px;
	
}



/*ÁÖ¸Þ´º ¿µ¿ª Á¦¾î*/

.topnav{
	text-align:center;
	width:110px;
	height:15px;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	font-size: 18px;
}


/*ÁÖ¸Þ´º ¸¶¿ì½º ¿À¹ö½Ã*/

.topnav a {color:#fff;}

.topnav:hover{
	color:#d3d3d3;
}

/*ÁÖ¸Þ´º,¼­ºê¸Þ´º Çѹ­À½ Á¦¾î*/

.navi_set{
	float: left;
	padding:10px;
	position: relative;
}

/*¼­ºê¸Þ´º Àüü¿µ¿ª Á¦¾î*/


.subnav{
	position: absolute;
	left: 0; top: 35px;
	background: #dee3ea;
	display: none;
	color:#000;
	font-size: 12px;
	
}


/*¼­ºê¸Þ´º ÇÑÄ­ Á¦¾î*/

.subnav li{
	padding:10px;
	width:110px;
	text-align:center;
	border-bottom:1px solid #fff;
	
	cursor:pointer;
}


/*¼­ºê¸Þ´º ¸¶¿ì½º ¿À¹ö½Ã*/


.subnav li:hover{

	background:#6b829f;
}