@charset "utf-8";

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

body,h1,h2,h3,h4,div,ul,ol,li,dl,dt,dd,a,p,img,fieldset,select,option,input,form,legend,span,hr,address,button{margin:0px; padding:0px;}
body{font-size:12px; font-family:'Nanum Gothic',"돋움",dotum,Verdana,sans-serif; color:#333; line-height:160%;}
.subbg{background-color:#fff;}
input,button,textarea,div,span,th,td,li,dl,dt,dd{font-size:12px; font-family:'Nanum Gothic',"돋움",dotum,Helvetica,,sans-serif; color:#333;}
hr,.skip,caption,legend{position:absolute; left:-999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
ul,ol{list-style-type:none;}
i,em,address{font-weight:normal;}
label,button{cursor:pointer;}
img,fieldset,iframe{border:0px none;}
input,select,img{vertical-align:middle;}
input,textarea,select {outline-style:none;}
input:focus,textarea:focus,select:focus {outline-style:none;}

a:link,a:visited{text-decoration:none; color:#333;}
a:hover,a:active{text-decoration:none; color:#333; background-color:transparent;}

/* 그누5 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* skipnavigation */
#skipnavigationMenu a{display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:10px; left:20px; font-size:12px; text-decoration:none;}
#skipnavigationMenu a:hover,
#skipnavigationMenu a:focus,
#skipnavigationMenu a:active{width:150px; height:auto; border:1px solid #333; color:#333; font-family:"돋움",dotum,Verdana,sans-serif; text-align:center; padding:3px 0 2px 0; background:#fff; z-index:9999;}

.box{position:fixed; left:50%; top:5px; margin-left:-550px; height:1px; border:1px solid red; z-index:999999; width:1100px; display:none;}
/*layout*/
#wrapper{width:100%; position:relative; margin:0 auto;}
#header{width:100%; position:relative; z-index:999 ;background:url("../images/header_bg.jpg") 0 0 repeat-x; height:120px;}
#container{width:100%; position:relative; clear:both; background-color:#f5f5f5;}
#footer{width:100%; position:relative; clear:both; height:160px;}

/*header */
.in_header{width:100%; height:345px;position:absolute;overflow:hidden; }
.in_header h1{position:absolute; top:45px; left:50%; margin-left:-550px; z-index:999999;}
.in_header .rnb{position:absolute; top:0px; left:50%; margin-left:385px;width:170px;}
.in_header .rnb li{float:left;}
.in_header .rnb li a{display:block; padding:6px 20px 0 20px; height:24px; font-size:12px; color:#7d7d7d; text-align:center; border-left:1px solid #d8d8d8;}
.in_header .rnb li.on a{background-color:#e31913; color:#fff; font-weight:bold; border-left:0 none;}

.gnb{width:1100px;position:absolute; top:30px; left:50%; margin-left:-550px; z-index:9999;}
.gnb li h2 a.oneDep{display:block; height:50px; padding-top:40px; color:#626262; font-size:16px; text-decoration:none; background:url("../images/topmenu_arrow.jpg") 70px 48px no-repeat;}
.gnb li.on h2 a.oneDep{background-image:url("../images/topmenu_arrow_on.jpg");}
.gnb li{float:left}
.gnb li.menu01{padding-left:275px; width:170px;}
.gnb li.menu01 h2 a{background-position:105px 48px;}
.gnb li.menu02{width:165px;}
.gnb li.menu02 h2 a{background-position:90px 48px;}
.gnb li.menu03{width:160px;}
.gnb li.menu03 h2 a{background-position:100px 48px;}
.gnb li.menu04{width:225px;}
.gnb li.menu04 h2 a{background-position:165px 48px;}
.gnb li.menu05{width:105px;}
.gnb li.menu05 h2 a{background-position:95px 48px;}

.gnb li .twoDep{display:block; position:relative; visibility:visible; padding-top:20px; height:226px;}
.gnb li .twoDep li{float:none; height:auto; padding-bottom:0px; background-image:none; margin-left:0px;}
.gnb li .twoDep li a{display:block; color:#f0a8a6; font-size:14px; margin-bottom:7px; text-decoration:none; font-weight:bold;}
.gnb li .twoDep li a:hover{color:#fff;}
.gnb li.on .twoDep{}
.gnb li.on .twoDep a{}
.gnb li.on .guideBg{position:absolute; top:91px; left:0px; display:block;}
.gnb li .guideBg{display:none; position:relative}
.twoDbg{display:; position:absolute; top:120px; left:0; height:226px; width:100%; z-index:500;; background-color:#d30600; z-index:999;}

/* footer */
.foot_customer_bg{background-color:#dedede; height:40px; width:100%;}
.foot_customer_bg .foot_customer{width:1100px; margin:0 auto;padding-top:10px; color:#010101; font-size:13px;}
.foot_customer_bg .foot_customer strong{}
.foot_customer_bg .foot_customer strong.red{color:#cd0600; margin-right:10px;}
.in_footer{width:1100px; margin:0 auto; position:relative;}
.in_footer .foot_logo{float:left; padding-top:30px;}
.in_footer address{padding:30px 0 0 30px; font-size:13px; color:#757575; font-style:normal; float:left;}
.in_footer address a{color:#757575;}
.in_footer .foot_banner{float:right; padding-top:15px;}

.mobiles{display:table; margin:0 auto;}