@charset "utf-8";

.scrollOff{overrflow:hidden}
body.hideScroll{position:fixed;width:100%;height:100%;overflow:hidden;}
/* #header는 height:81px -> 260px, #header .temp는 height:66px -> 247px */
#header {height:91px;background:transparent url(/Images/Top_menu_bar.png) repeat-x 0 100%;border-top:2px solid #fa9266;position:absolute;left:0;top:0;width:100%;z-index:2}
#header .temp {height:84px;background:#fff;}
.headerWrap {z-index:100;border-bottom:1px solid #DBDBDB;height:83px}
.headerWrap .inner {position:relative;margin:0 auto;width:960px;}
#mGnb {display:none;position:absolute;right:-57px;top:8px;opacity:0.6}
    #mGnb:hover,#mGnb:focus,#mGnb:active{opacity:1}

/* header */
.g_top {padding-top:10px; text-align:right; color:#8b8b8b}
.headerWrap h1 {position:absolute;left:1px;top:14px;}
#gnb {position:absolute;left:366px;top:48px; }
#gnb:after {display:block;content:"";clear:both;}
#gnb > li {position:relative;text-align:center;width:130px;float:left;background:url(/Images/Top_line.gif) no-repeat right 5px;font-size:16px;font-weight:bold;}
#gnb > li.first {margin:0;background:none;}
#gnb > li > h2 > a {color:#333;font-size:20px;font-weight:normal}
#gnb > li > h2 > a:hover,#gnb > li > h2 > a:focus,#gnb > li > h2 > a:active,#gnb > li > h2 > a.on {color:#e60000;text-decoration:none}
#gnb > li > h2.on a,#gnb > li > h2 a:hover, #gnb > li > h2 a:focus,#gnb > li > h2 a:active {color:#0035a0;} /* mouseover */
#gnb > li > div {display:none;width:100%;height:120px;padding:8px 0 13px;.padding:8px 0;position:absolute;.position:static;margin-top:30px;border-left:1px solid #d2d2d3;}
#gnb > li:first-child > div{border-left:none;}
#gnb > li > div > ul > li {float:none;width:130px;padding:0;background:none;font-size:12px;font-weight:normal;text-align:center;}
#gnb > li > div > ul > li.first {margin-top:0;}
#gnb > li > div > ul > li > a {display:block;color:#666;letter-spacing:0px;padding:2px 0;.padding:4px 0 2px;.line-height:1;text-decoration:none}
#gnb > li > div > ul > li > a:hover,#gnb > li > .ulWrap > ul > li > a:focus,#gnb > li > .ulWrap > ul > li > a:active {color:#fff;background:#fa9266;}
#gnb > li.over > div{background-color:#fafafa;}
#gnb > li > div > ul > li > ul{display:none;padding:15px 0 15px 20px;border-bottom:1px solid #d9d9d9;background: #000;box-shadow: 1px 5px 7px #f2f2f2 inset;}
#gnb > li > div > ul > li > ul li{margin-top:5px;}
#gnb > li > div > ul > li > ul li:first-child{margin-top:0px;}
#gnb > li > div > ul > li > ul li a {display:block;color:#666;font-weight:bold;padding:0px 0 0px 10px;font-size:13px;background:url(../images/common/bgSideNaviSub.gif) no-repeat 0 50%;}
#gnb > li > div > ul > li > ul li a:hover, #gnb > li > div > ul > li > ul li a:focus, #gnb > li > div > ul > li > ul li a:active{text-decoration:none;color:#e60000;background:url(../images/common/bgSideNaviSub_on.gif) no-repeat 0 50%;}
#gnb a {
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
#gnbClose {display:none;position:absolute;top:210px;right:0;}

/* ====== */

.headerWrap .util {position:absolute;top:25px;right:0;overflow:hidden;}
.headerWrap .util li {float:left;margin:0 0 0 10px;padding:0 0 0 10px;background:url(../images/common/bg_utilLine.gif) no-repeat 0 3px;font-size:12px;}
.headerWrap .util li a {color:#333;}
.headerWrap .util li.first {margin:0;padding:0;background:none;}
.headerWrap .adbox {display:none;position:absolute;top:80px;right:0;}
.headerWrap .adbox p {width:300px;height:133px;background:url(../images/common/bgAdbox.jpg) no-repeat;text-indent:-9999em;}
