@charset "utf-8";
@import url("../css/reset.css");
header,footer,section,article,nav,aside{display:block; width:100%;}
#wrap {position:relative;width:100%;z-index:1;}
.header { position:relative; width:1300px; margin:0 auto; background:#fff; height:139px; z-index: 1;}
.header h1 { position: absolute; left: 0; top: 29px;}

#gnbWrap {position: absolute; right:0; top:38px; width: 950px; text-align: right;}
.gnb { position: relative; float: right; width: 100%;   }
.gnb > li { display: inline-block; padding:15px 17px 20px;}
.gnb > li > a  { display: block; font-size:17px; color:#252525; font-weight:700; letter-spacing: -1px;}

.gnb > li > ul { border-radius:5px; background:#1e4489; position: absolute; top: 50px; z-index: 9999; padding: 8px 15px;}
.gnb > li > ul > li { float: left;  padding-left:8px; margin-left:5px; background:url(../images/inc/mn_dot.jpg) 0 8px no-repeat;}
.gnb > li > ul > li:first-child { background: none; padding-left: 0; margin-left: 0;}
.gnb > li > ul > li a { color: #fff; font-size:14px; font-weight:700; letter-spacing: -1px; }
.gnb > li > ul > li a:hover { text-decoration: underline;}

.snb1 { right: 300px; }
.snb2 { right: 570px;}
.snb3 { right: 330px;}
.snb4 { right: 0;}
.snb5 { right: 240px;}
.snb6 { right: 50px;}
.snb7 { right: 10px;}
.snb8 { right: 0;}

.snb_on { width:9px; height: 5px; display: block; position: absolute; top: 45px; z-index: 9999; 
    background:url(../images/inc/ico_on.jpg) no-repeat; 
}
.sa1 { left: 155px;}
.sa2 { left: 270px;}
.sa3 { left: 390px;}
.sa4 { left: 490px;}
.sa5 { left: 604px;}
.sa6 { left: 735px;}
.sa7 { left: 844px;}
.sa8 { left: 913px;}

a.allmenu { position: absolute; right:41px; top: 27px; z-index: 10; }

#visual {position:relative; z-index: 1; }
#container {position:relative; z-index: 1;}
.contents { position: relative; z-index: 1; padding:0 0;}
.contents:after { content:""; display:block; clear:both; }
.contents2 { position: relative; z-index: 1; padding: 87px 0 0;}

.contents > p { padding:10px 0; }
.contents > p, .contents2 > p { text-align:center; font-size:30px; }
.contents .c_contents { width: 1300px; margin: 30px auto;  }

/* footer */
#footer {position:relative; height:277px; background: #212121;  }
.innerFooter { width:1300px; margin:0 auto;}
.innerFooter .f_logo {text-align:center; width:326px; height:91px; margin:0 auto; background:url(../images/main/f_logo.gif) no-repeat; margin-top:50px;}
.bsb { text-align: center; padding:30px 0 25px; }
.bsb li { display: inline-block;  padding: 0 8px;}
.bsb li a { color: #fff; font-size:14px; color: #c9c9c9; font-weight:700; letter-spacing: -1px;}
.insFooter { padding:22px 0; border-top:1px solid #484848; }
.insFooter address { float: left; color: #c9c9c9; font-size:13px;}
.insFooter address > span { margin-left: 15px;}
.insFooter > span { float: right; color:#5a5a5a; font-size:13px;}
.insFooter > span > span { margin-left: 15px;}


.quick { position:fixed; top:139px; right:0; width:115px; height:583px; z-index:9999999; }
.quick ul li { position:relative; width:115px; height:108px; }
.quick ul li.first { height:90px; border:0;}
.quick ul li.last { height:161px; border:0;}
.quick ul li:hover .q_on { display:block; }
.quick ul li:hover .q_off { display:none; }
.quick ul .setBtn:hover span { display:block; }
.quick .q_on { display:none; }