/* ³ª´®°íµñ */
@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;
}

/*base*/
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}
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/bg.png); background-repeat:no-repeat; background-position:centert top;}
#top_wrap{width:100%; height:88px; min-width:1000px; background-image:url(../images/top_bg.png); background-repeat:no-repeat; background-position: center top;}
#middle_wrap{width:100%; overflow:hidden; min-width:1000px; }
#copy_wrap{width:100%; height:140px;  min-width:1000px; border-top:1px solid #ccc; margin-top:30px;}


/* top divÀ§Ä¡Á¶Àý */
#top_total{ margin:0 auto; width:1000px; height:88px;  position: relative;  z-index:1;}

#top_menu{width:980px; height:20px; float:right; margin:10px 0 0 10px; z-index:1;}
#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: "³ª´®°íµñ", "NanumGothic"; padding:0 0 0 8px;}
#top_menu:after {content:""; clear:both; display:block; visibility:hidden; height:0;}



#navi_bg{height:40px; list-style: none; width:980px; float:left;}
.js_nav {height:40px; list-style: none; width:980px;  margin:20px 0 0 10px;}
.navi_logo{width:230px;float:left; position:relative ;list-style: none;}
.navi_set{padding:10px 10px 0 10px; float:left; position: relative; font-size:14px;}
.topnav_logo{
	text-align:center;
	width:209px;
	height:47px;
	cursor:pointer;
	z-index:99;
}
.topnav, .topnav2, .topnav3, .topnav4, .topnav5{
	text-align:center;
	width:128px;
	height:40px;
	cursor:pointer;;
}

a:link.st100{ text-decoration: none; color: #fff; font-weight:600; font-size:14px; font-family: "³ª´®°íµñ", "NanumGothic";}
a:visited.st100{ text-decoration: none; color: #fff; font-weight:600; font-size:14px;font-family: "³ª´®°íµñ", "NanumGothic";}
a:hover.st100{ text-decoration: none; color: #8dfbfc; font-weight:600; font-size:14px;font-family: "³ª´®°íµñ", "NanumGothic";}
a:active.st100{ text-decoration: none; color: #fff; font-weight:600; font-size:14px;font-family: "³ª´®°íµñ", "NanumGothic";}


a:link.st200{ text-decoration: none; color: #333; font-size: 12px; text-decoration:none; font-family: "³ª´®°íµñ", "NanumGothic";}
a:visited.st200{ text-decoration: none; color: #333; font-size: 12px; text-decoration:none; font-family: "³ª´®°íµñ", "NanumGothic";}
a:hover.st200{ text-decoration: none; color: #002d8a; font-weight:600; font-size: 12px; text-decoration:none; font-family: "³ª´®°íµñ", "NanumGothic";}
a:active.st200{ text-decoration: none; color: #333; font-size: 12px; ext-decoration:none; font-family: "³ª´®°íµñ", "NanumGothic";}
	
	
.subnav{position: absolute;left:-50px; top: 38px; background-image:url(../images/sub_nav_bg.png); display: none; float:left;width:1408px; height:30px;}
.subnav li{text-align:center; float:left; cursor:pointer; line-height:30px;}
.subnav li a{padding:0 20px 0 20px; text-align:center;  cursor:pointer; line-height:30px; display:block;}


.subnav2{position: absolute;left:-199px; top: 38px; background-image:url(../images/sub_nav_bg.png); display: none; float:left; width:1408px; height:30px;}
.subnav2 li{text-align:center; float:left; cursor:pointer; line-height:30px;}
.subnav2 li a{padding:0 20px 0 20px; text-align:center;  cursor:pointer; line-height:30px; display:block;}

.subnav3{position: absolute;left:-346px; top: 38px; background-image:url(../images/sub_nav_bg.png); display: none; float:left; width:1408px; height:30px;}
.subnav3 li{text-align:center; float:left; cursor:pointer; line-height:30px;}
.subnav3 li a{padding:0 10px 0 10px; text-align:center;  cursor:pointer; line-height:30px; display:block;}

.subnav4{position: absolute;left:-493px; top: 38px; background-image:url(../images/sub_nav_bg.png); display: none; float:left;  width:1408px; height:30px;}
.subnav4 li{text-align:center; float:left; cursor:pointer; line-height:30px;}
.subnav4 li a{padding:0 20px 0 20px; text-align:center;  cursor:pointer; line-height:30px; display:block;}

.subnav5{position: absolute;left:-611px; top: 38px; background-image:url(../images/sub_last_bg.jpg); width:730px; height:240px;display: none; cursor:pointer; text-align:center; border:2px solid #002d8a; border-radius:0 0 10px 10px;}
.subnav5 li {line-height:22px;}
.subnav5 li.m1 {padding-top:11px; margin-left:25px; width:130px;  float:left; } 
.subnav5 li.m2 {padding-top:11px; margin-left:25px; width:130px; float:left; }  
.subnav5 li.m3 {padding-top:11px; margin-left:10px; width:130px; float:left; }  
.subnav5 li.m4 {padding-top:11px; margin-left:25px; width:130px; float:left; }   


/* middle divÀ§Ä¡Á¶Àý */
#middle_total{width:1000px; overflow:hidden; margin:0 auto;}
#main_img{width:630px; overflow:hidden; float:left;  margin:60px 0 0 10px;}
#main_img_slide{width:630px; height:514px; float:left;}
#content{position:relative;	width:630px; height:541px;}
#bi{position:relative; width:630px; height:541px; overflow:hidden; }
#bi1{position:relative; display:block;left:0px; width:630px; height:541px; }
#main_txt{width:630px; height:113px; float:left;}


#main_contents{width:320px; overflow:hidden; margin:60px 0 0 30px; float:left;}
#news{width:320px; height:152px; float:left; background-image:url(../images/n_bg.png); background-repeat:no-repeat;}
#n1{width:320px; height:30px; float:left;}
#n2{width:300px; height:107px; float:left; margin:15px 0 0 10px;}
#n2 td{font-family: "³ª´® °íµñ", "NanumGothic" ; font-size:12px; color:#333; line-height:22px;}
#n2 td a{font-family: "³ª´® °íµñ", "NanumGothic" ; font-size:12px; color:#333; line-height:22px; }
#quick{width:320px; height:134px; float:left; margin-top:20px;}
#customer{width:320px; height:152px; float:left; margin-top:20px;}
#qrcode{width:320px; height:134px; float:left; margin-top:20px;}


/* copy divÀ§Ä¡Á¶Àý */
#copy_total{ margin:0 auto; width:1000px; height:120px; margin-top:20px;}
#copyright{ width:1000px; font-size:12px; line-height:20px; color:#888; font-family: "³ª´®°íµñ", "NanumGothic"; text-align:center;}
#copyright a{color:#888;} 



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

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

#middle_total_sub{width:980px; overflow:hidden; margin:0 auto;}
#sub_img{width:980px; height:250px; float:left;}
#sub_contents{width:980px; overflow:hidden; float:left; margin-top:40px;}


/* left menu */

#left_total{ float:left; width:190px; overflow:hidden;}
#left_title{ width:190px; height:80px; float:left; }
#left_nav{width:190px; overflow:hidden;  margin:20px 0 0 0; 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; width:190px;  height:35px; font-family:"³ª´® °íµñ", "NanumGothic"; font-size:14px; line-height:35px; font-weight:600; color:#333333;}
.leftMenu li a:hover{color:#002d8a; background-image:url(../images/left_bar.jpg);}
.leftMenu li.on a{color:#2362bf;}

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

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