@charset "utf-8";
body {
	overflow-y:scroll;
}

#wrap{width:100%;height:100%;margin:0;padding:0;}

#header {
	width:100%; height:90px;
	position:absolute; 
	margin:0 auto;
	 min-width:1400px;
	z-index:9999999;
	background:#fff;
	
}
.inner {
	width:100%;
	max-width:1400px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
.show-default {display:block;}
.hide-default {display:none;}

/* header */
.header_box {
	width:100%;
	height:90px;
	border-bottom:1px solid #fff;
}
#logo {
	float:left;
	padding-top:10px;
	width:350px;
}
#logo a {
	display:block;
	height:60px;
	background:url("../image/main/logo.png") no-repeat center;
	background-size:100% auto;
	text-indent:-999999px;
}


/* util */
.util_wrap {
	position:absolute;
	right:0px; top:40px;
	height:40px;
	line-height:20px;
	overflow:hidden;
	/*background:url(../image/main/slush.png) no-repeat center center;*/
	z-index:999999999999999;
}
 
.util {
	overflow:hidden;
	float:right;
}
.util li {
	float:left;
	display:block;
	font-size:13px;
	padding: 0 10px;
	margin-left:2px;
	margin-right:2px;
	background: #4f4f4f;
    color: #fff;
	border-radius: 3px;
	cursor: pointer;
	
}
.util li.langOn{background:#3a97b5;}
.util li a{color:#fff;}
.util li.langOn a{color:#fff;}


.mb_gnb_box{}
 /* gnb */
.gnbArea {
	position:absolute;
	left:30%; top:30px; 
	padding:0;margin:0;
 
	
} 

/*layout*/
#topMenu {position:relative;width:100%;height:40px;Margin:0 auto; z-index:9; }
#topMenu:after {display:block;content:"";clear:both;}
 
/* kim modify */
#topMenu .gnb {position:relative;z-index:9;margin:0px 0 0;width:100%;}
#topMenu .gnb li {position:relative;float:left;margin-left:30px;margin-right:30px;padding-top:6px;margin-top:0px;line-height:1.0;}
 
#topMenu .gnb li a{overflow:hidden;display:inline-block;height:32px; color:#231916;font-size:18px;padding-bottom:80px}
#topMenu .gnb .submenu {width:330px;display:none;position:absolute;top:60px;left:50%;margin-left:-77px;background:url(../image/top_sub_patten.gif) repeat-x 0 0;}
#topMenu .gnb .submenu_inner {position:relative;width:100%;}
#topMenu .gnb .submenu_btm {clear:both;position:relative;width:100%;height:27px;background:url(../image/menu_bottom.png) repeat-x 0 0;}

#topMenu .gnb .first_depth {left:-150px;width:800px;margin:0;padding:0;}
#topMenu .gnb .somo_depth {margin-left:-77px;width:136px; padding:0;}
#topMenu .gnb .im_depth {margin-left:-77px;width:186px; padding:0;}


#topMenu .gnb li.on-depth a  { }
 
 
#topMenu .gnb .submenu_list {padding:15px 7px 0px 30px; height:175px;} 
#topMenu .gnb .submenu_list li {float:left;width:135px;height:25px;margin:0px 0 0 0;padding:0px;color:#ffffff;letter-spacing:-0px;font-size:12px;text-align:left; }
#topMenu .gnb .submenu_list li a{font-size:13px;}
#topMenu .gnb .submenu_list li a:link,
#topMenu .gnb .submenu_list li a:visited,
#topMenu .gnb .submenu_list li a:active{color:#fff; text-decoration:none;}
#topMenu .gnb .submenu_list li a:hover{color:#fff000; text-decoration:none;}

/* #topMenu .gnb .submenu_list li:first-child {margin:0;}*/
#topMenu .gnb .submenu_list li a {display:inline;}
#topMenu .gnb .on-depth .submenu_list li a img {margin:0;}


 
 
/*footer*/
#footer{clear:both;position:relative;width:100%;background:#fff; letter-spacing:-0.03em;}
 
.footerarea_in{clear:both;position:relative;margin: 0 auto; max-width:1100px;padding-top:20px;}
.footerarea_in .bottom_logo{float:left;margin-right:0px;width:25%;text-align:left;padding-left:5%;padding-top:30px;}
.footerarea_in .addr{float:left;width:70%;color:#333;font-size:13px;line-height:150%;}
.footerarea_in .addr .bottomlink{height:30px;}
.footerarea_in .addr .bottomlink ul li{float:left; margin-right:6px;padding-top:3px;font-size:14px;}
.footerarea_in .addr .bottomlink ul li.first{padding-left:0;background:none;}
.footerarea_in .addr span{margin-right:10px;}
.footerarea_in .addr strong{color:#333;}
.footerarea_in .addr span.telarea{color:#333;margin-left:15px; }
.footerarea_in .addr p.cpyright{color:#333;font-size:12px; letter-spacing:0px;}

 .blankclear{clear:both;height:10px;}
.footerarea_in .addr .bottomlink ul li{margin-right:30px;}
.footerarea_in .addr .bottomlink ul li a,
.footerarea_in .addr .bottomlink ul li a:hover{color:#333;}


 /* personalarea */
.usemethod{display:none;overflow-x:hidden;z-index:9999;width:85%;height:600px;background:#fff;border:10px solid #f7f7f7;padding:20px;}
.usemethod ol li{list-style:none;}
.usemethod h4.sub_tit2{font-size:40px;color:#000;text-align:center;font-weight:500;line-height:50px; border-bottom: 1px solid #ccc;padding:30px;width:85%;margin: 0 auto 20px auto;}
.usemethod h4{font-size:16px;padding-left:20px;}
.usemethod p{ margin: 0 auto;width:85%;padding:5px 0 10px 20px;font-size:13px;line-height:20px;background: url(../image/main/icon2.png) no-repeat 0 15px;letter-spacing:-1px}
 
@media all and (max-width:600px ){
.footerarea_in .bottom_logo{float:none;margin-right:0px;width:94%;text-align:center;padding-left:3%;padding-right:3%;padding-top:0px;}
.footerarea_in .addr{float:none;width:100%;color:#7a7c7e;width:94%;padding-left:3%;padding-right:3%;margin-top:10px;border-top:1px solid #555;padding-top:10px;}

.footerarea_in .addr .bottomlink ul li{float:left;width:31%;margin-left:1%;margin-right:1%;text-align:center;font-size:13px;}
}