/* ³ª´®°íµñ 
@font-face {
    font-family: 'NanumGothic';
    src: url('./font/NanumGothic.eot');
    src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./font/NanumGothic.woff') format('woff'),
         url('./font/NanumGothic.ttf') format('truetype'),
         url('./font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html{overflow-y:scroll}
body, div, h1, h2, h3, h4, h5 ,h6, table, th, td, ul, ol, li, dl, dt, dd, p, form, input, fieldset{padding:0;margin:0}
img, fieldset{border:none; vertical-align:middle;}
input{vertical-align:middle;}
ul, ol, li{list-style:none}

/*a-style*/
a{text-decoration:none}
body{text-align:center;}






/* divÀ§Ä¡Á¶Àý */
#wrap{width:100%; height:100%; text-align:left; min-width:1000px; background-image:url(../images/main_bg.jpg); background-repeat:no-repeat; background-position:center top; min-height:950px;}
#top_wrap{width:100%; height:320px; min-width:1000px; }
#middle_wrap{width:100%; overflow:hidden; min-width:1000px;}
#copy_wrap{width:100%; height:140px;  min-width:1000px; }


/* top divÀ§Ä¡Á¶Àý */
#top_total{ margin:0 auto; width:980px; height:320px;}
#logo{width:315px; height:86px; float:left; margin:25px 0 0 0;}

#top_menu{width:300px; height:20px; float:right; margin:10px 10px 0 0;}
#top_menu ul li{float:right;}
#top_menu ul li a{display:inline; height:20px; font-size:10px; line-height:20px; color:#999; text-align:right; font-weight:600; font-family: 'Nanum Gothic', sans-serif; padding:0 0 0 8px;}


#main_menu{ position:absolute; z-index:100; left:50%; top:120px; width:800px; height:300px; margin-left:-300px; float:right;}
#main_menu ul li{position:absolute;}
#main_menu ul li a{display:block; width:90px; height:40px; padding-bottom:30px; font-size:15px; line-height:40px; color:#555; text-indent:-30px; text-align:center; font-weight:600; font-family: 'Nanum Gothic', sans-serif; background:url('../images/point.png') no-repeat center bottom;}
#main_menu ul li a:hover{color:#0d21a3;}
#main_menu ul li.m_nav1{left:0px; top:170px;}
#main_menu ul li.m_nav2{left:90px; top:130px;}
#main_menu ul li.m_nav3{left:180px; top:76px;}
#main_menu ul li.m_nav4{left:270px; top:25px;}
#main_menu ul li.m_nav5{left:360px; top:-20px;}
#main_menu ul li.m_nav6{left:450px; top:-55px;}


/* middle divÀ§Ä¡Á¶Àý */
#middle_total{width:980px; overflow:hidden; margin:0 auto;}


#main_contents{width:313px; overflow:hidden;  margin-top:70px; float:left;}
#customer{width:313px; height:83px; float:left;}
#news{width:313px; height:111px; float:left;}
#n1{width:313px; height:30px; float:left;}
#n2{width:287px; height:68px; float:left; margin:10px 0 0 13px;}
#quick{width:313px; height:116px; float:left;}



/* copy divÀ§Ä¡Á¶Àý */
#copy_total{ margin:0 auto; width:980px; height:120px; }
#copyright{ width:600px; float:right; font-size:12px; line-height:18px; color:#777; font-family: 'Nanum Gothic', sans-serif; text-align:right; margin-right:120px;}
#copyright a{  color:#777; }


#copy_logo{width:190px; height:62px; float:left; margin-top:20px;}
#copyright2{ width:600px; float:right; font-size:12px; line-height:18px; color:#777; font-family: 'Nanum Gothic', sans-serif; text-align:right; margin-top:20px; }
#copyrigh2t a{  color:#777; }



/*-----------------------------------------------------------sub---------------------------------------------------------------------------------------------------*/


#wrap_sub{width:100%; height:100%; text-align:left; min-width:1000px; }
#top_wrap_sub{width:100%; height:130px; min-width:1000px; }
#middle_wrap_sub{width:100%; overflow:hidden; min-width:1000px; background-image:url(../images/sub_bg.jpg); background-repeat:no-repeat; background-position:center top;}
#copy_wrap_sub{width:100%; height:140px;  min-width:1000px; border-top:1px solid #ccc; }


#top_total_sub{ margin:0 auto; width:980px; height:130px;}
#sub_menu{width:660px; height:40px; float:right; margin:25px 0 0 0;}
#sub_menu ul li{float:right;}
#sub_menu ul li a{display:block; padding:0 20px; height:40px; font-size:15px; line-height:40px; color:#555; text-align:center; font-weight:600; font-family: 'Nanum Gothic', sans-serif;}
#sub_menu ul li a:hover{color:#0d21a3;}




/* middle divÀ§Ä¡Á¶Àý */

#middle_total_sub{width:980px; overflow:hidden; margin:0 auto;}
#sub_img{width:980px; height:286px; float:left;}


/* left menu */

#left_total{ float:left; width:190px; overflow:hidden; margin-top:30px;}
#left_title{ width:190px; height:75px; float:left; }
#left_nav{width:190px; overflow:hidden;   float:left; }

.leftMenu {float:left; width:190px; overflow:hidden;}
.leftMenu li{list-style:none; width:190px; border-bottom:1px solid #ccc;}
.leftMenu li a{display:block; padding-left:10px;  height:35px;  font-family: 'Nanum Gothic', sans-serif; font-size:13px; line-height:35px; font-weight:600; color:#333333;}
.leftMenu li a:hover{color:#fff; background-image:url(../images/left_bar.jpg); background-repeat:no-repeat;}
.leftMenu li.on a{color:#fff; background-image:url(../images/left_bar.jpg); background-repeat:no-repeat;}

#sub_cus{width:190px; height:235px; float:left; margin:70px 0 50px 0;}

#con_total{ width:740px; overflow:hidden;  float:left; margin:30px 0 0 50px;}
#con_title{ width:740px; height:74px; float:left; border-bottom:1px solid #ccc; }
#con_txt{width:740px; float:left; margin:40px 0 50px 0;}
#map{float:left; width:740px; height:450px;}
#con1{float:left; width:740px; margin-top:30px;}