!important;/* 2단계 세로값 조절 시 common.js 에서 clearQueue height 수정, 스크롤시 2단계 length 수정 , mobile 겸할때 m_top jquery 여부 확인*/ .nav_wrap{width:100%; height:150px; margin:0 auto} /*메뉴 전체 세로값*/ #top_menu{width:100%; height:110px; background:url(/_images/top_bg.gif); background-position:top} #top_menu div.inner{width:1274px; margin:0 auto; position:relative} #top_spon{position:absolute; right:0; top:30px;} #nav_top{width:100%;} /* 1단계 메뉴 세로 위치 이동 */ #nav_top ul{ float:right; margin-top:50px } --#nav_top ul li{ float:left; background:url(/_images/top_bar.gif) no-repeat; background-position:100%; line-height:30px; padding:0 10px; color:#dedede; font-size:15px;} #nav_top ul li{ float:left; background-position:100%; line-height:30px; padding:0 10px; color:#dedede; font-size:15px;} #nav_top ul li:nth-child(1n+3){ background:none;} #nav_top ul li:nth-child(1n+4){ background:none; padding:0 2px} #header a{text-decoration:none} #header a:link{text-decoration:none} #header a:visited{text-decoration:none} #header a:active{text-decoration:none} #header a:hover{text-decoration:none} #inner{width:1274px; margin:0 auto; position:relative; } #header{position:relative;top:0px; left:0;width:100%; height:47px; z-index:1000; } #header{margin:0; padding:0; vertical-align:baseline; -webkit-text-size-adjust:100%; line-height:1;} .margin_center{ clear:both} #header .gnb-wrap ul li{margin:0; list-style:none; padding:0; vertical-align:baseline; -webkit-text-size-adjust:100%; line-height:1;} #header::before{position:absolute;top:180px;left:0;width:100%;height:1px;background:#b72b45;display:block;content:''} /*1단계 라인 위치이동 */ #header #logo{position:absolute;top:5px; left:0px;width:713px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}/*로고 위치이동*/ #header #logo a{display:block;width:300px; height:99px; background:url("/_images/logo.svg") 0 0 no-repeat} #header .gnb-wrap{width:1274px; margin:0 auto} /*1단계 메뉴 가로 사이즈 및 위치이동*/ #header .gnb-wrap .gnb{ -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #header .gnb-wrap .gnb li{display:inline-block; margin:0 -2px; position:relative; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li.wid1{display:inline-block;width:200px; margin:0 72px 0 0; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li.wid2{display:inline-block;width:80px; margin:0 72px 0 0; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li.wid3{display:inline-block;width:80px; margin:0 72px 0 0; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li.wid4{display:inline-block;width:100px; margin:0 72px 0 0; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li.wid5{display:inline-block;width:221px; margin:0 72px 0 0; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li.wid6{display:inline-block;width:205px; margin:0 0px 0 0; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li.wid7{display:inline-block;width:90px; margin:0;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /*메뉴가로값변경가능*/ #header .gnb-wrap .gnb li a.dep-01{position:relative; display:inline-block;padding:28px 0 25px 0;font-size:17px;color:#000;font-weight:500;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out} /*1단계 메뉴 폰트사이즈, 세로값 조절*/ #header .gnb-wrap .gnb li:hover .dep-01,#header .gnb-wrap .gnb li a.dep-01.active{color:#b72b45; font-weight:600; } /*1단계메뉴 hover시 컬러*/ #header .gnb-wrap .gnb li .sub-dep{ height:0; margin:0; overflow:hidden; z-index:55; } #header .gnb-wrap .gnb li .sub_dep_1{width:200px; position:absolute; border-left:1px solid #dedede; border-right:1px solid #dedede; left:0px; padding-left:20px;} /*2단계 가로값과 위치 */ #header .gnb-wrap .gnb li .sub_dep_1:hover{ background:#f9f9f9} #header .gnb-wrap .gnb li .sub_dep_2{width:163px; position:absolute; border-right:1px solid #dedede; left:-54px; padding-right:0px; padding-left:20px;} #header .gnb-wrap .gnb li .sub_dep_2:hover{ background:#f9f9f9} #header .gnb-wrap .gnb li .sub_dep_3{width:133px; position:absolute; border-right:1px solid #dedede; left:-26px; padding-right:10px; padding-left:20px;} #header .gnb-wrap .gnb li .sub_dep_3:hover{ background:#f9f9f9} #header .gnb-wrap .gnb li .sub_dep_4{width:149px; position:absolute; border-right:1px solid #dedede; left:-19px; padding-right:10px; padding-left:20px;} #header .gnb-wrap .gnb li .sub_dep_4:hover{ background:#f9f9f9} #header .gnb-wrap .gnb li .sub_dep_5{width:248px; position:absolute; border-right:1px solid #dedede; left:-15px; padding-right:10px; padding-left:20px;} #header .gnb-wrap .gnb li .sub_dep_5:hover{ background:#f9f9f9} #header .gnb-wrap .gnb li .sub_dep_6{width:250px; position:absolute; border-right:1px solid #dedede; left:-33px; padding-right:10px; padding-left:20px;} #header .gnb-wrap .gnb li .sub_dep_6:hover{ background:#f9f9f9;} #header .gnb-wrap .gnb li .sub_dep_7{width:120px; position:absolute; border-right:1px solid #dedede; left:-31px; padding-right:10px; padding-left:20px;} #header .gnb-wrap .gnb li .sub_dep_7:hover{ background:#f9f9f9;} #header .gnb-wrap .gnb li .sub-dep a.title{font-size:16px; display:none; color:#3489cc; font-weight:400; padding-top:20px; padding-bottom:20px;} /* 2단계 타이틀 폰트 수정 */ #header .gnb-wrap .gnb li .sub-dep:before{display:block;content:'';position:absolute;top:20px;left:0;width:0px; background:#e6e6ed} /* 2단계 세로선 위치 조절 아래것과 함께 조절*/ #header .gnb-wrap .gnb li:last-child.gnb-dep1 .sub-dep:after{display:block;content:'';position:absolute;top:20px;right:0;width:0px; background:#e6e6ed} /* 2단계 세로선 위치 조절 */ #header .gnb-wrap .gnb li .sub-dep li:first-child{padding-top:20px; } #header .gnb-wrap .gnb li .sub-dep li{float:left;width:100%;text-align:left; } #header .gnb-wrap .gnb li .sub-dep li a{position:relative;display:inline-block;padding-bottom:15px;font-size:15px;color:#666;font-weight:400;transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease} #header .gnb-wrap .gnb li .sub-dep li a:hover{color:#000;font-weight:500; font-size:15px;} /* 2단계 폰트 수정 */ #header .gnb-wrap .gnb li:hover .sub-dep{display:block} #header .sub-menu{z-index:-1;position:absolute;top:0px;left:0;width:100%; height:0; background:#fff;box-shadow:1px 2px 20px rgba(0,0,0,.7)} /*2단계 메뉴 세로값조절 top으로 */ .m-scroll{}