/*GNB 높이*/ .ABA-bggnb-left, .ABA-bggnb-center, .ABA-bggnb-right{height:80px;} /* 1depth 배경 */ .ABA-bggnb-left,.ABA-bggnb-right{width:0px;} .ABA-bggnb-left{background-position:0 -124px !important;} /*background-position:0 -(heightx2)값 !important;*/ .ABA-bggnb-right{background-position:0 0 !important;} .ABA-bggnb-center{background-position:0 -62px !important;margin:0;} /*background-position:0 -(height)값 !important; margin:0 width값;*/ /*링크 글자속성*/ .ABA-gnb li a.GNB-a, .AB-menu-sub a{ color:#ffffff; font-size:19px; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:80px;} /* 2depth 배경 */ .ABA-bggnbsub1-left,.ABA-bggnbsub1-right{width:0;height:0;}/*gnbsub의 width,height값*/ .ABA-bggnbsub1-left{background-position:0 0 !important;}/*-(gnbsub의 height값x2)*/ .ABA-bggnbsub1-right{background-position:0 0;} /* 2depth 속성 */ .ABA-gnb-sub-1{top:80px;}/*gnb와 gnbsub사이의 간격*/ .ABA-gnb-sub-1 li{background:url("bg_line.gif") 0 44% no-repeat;background-position:0 6px !important;} /* 사이바 */ .ABA-gnb-sub-1 li a{color:#ffffff;font-weight:normal;font-size:14px;display:inline-block;} .ABA-gnb-sub-1 li a:hover{color:#ffffff;} .ABA-gnb-sub-1 li.AB-current-gnb-sub a{color:#ffffff;font-weight:bold;} .ABA-gnb .AB-child a{padding-right:12px;} .ABA-gnb .AB-child a span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;right:8px;top:9px;} /* 하위 분류 존재시 노출되는 우측 아이콘*/ /* 3depth 속성 */ .ABA-gnb-sub-2{top:41px;background:#000000; border: 1px solid #000000; z-index:1} div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 ul{background:none;margin:0;} div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li{background:none !important; min-width:120px; padding:0 !important;_width:120px;} div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a{font-size:13px;color:#ffffff;text-align:center;font-weight:normal !important;padding:7px 10px 7px 10px;} /*div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover { font-weight:bold !important; }*/ div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a{font-weight:bold !important;} .GNB-color-08 .ABA-gnb-sub-2 { background:#ffffff; border: none; } .GNB-color-09 .ABA-gnb-sub-2 { background:#ffffff; border: none; } .GNB-color-10 .ABA-gnb-sub-2 { background:#ffffff; border: none; } /* GNB-h */ .GNB-h .ABA-gnb-sub-1-ul {padding:0 10px} .GNB-h .ABA-gnb-sub-1-ul > li {background:none !important; padding:8px;} .GNB-h .ABA-gnb-sub-1{ top:80px; padding: 5px 3px; } .GNB-h .ABA-gnb-sub-1{background-color: #000000; border: 1px solid #000000; } .GNB-h .ABA-gnb-sub-1 li a{color:#ffffff;text-align:center; font-size:15px;text-decoration:none;} .GNB-h .ABA-gnb .AB-child a span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;top:15px;right:8px;} /* 하위 분류 존재시 노출되는 우측 화살표 */ .GNB-h .ABA-bggnbsub1-left,.GNB-v .ABA-bggnbsub1-right{width:0;height:0;} /* GNB-v */ .GNB-v .ABA-bggnb-center,.GNB-v .ABA-bggnb-left,.GNB-v .ABA-bggnb-right{height:80px;} .GNB-v .ABA-gnb-sub-1{min-width:120px;top:81px;} .GNB-v .ABA-gnb-sub-1 ul{background-color: #000000;margin:0;height:default; border: 1px solid #000000;} .GNB-v .ABA-gnb-sub-1 li {background:none !important;} /* 좌측 아이콘 */ .GNB-v .ABA-gnb-sub-1 li a{color:#ffffff;padding:10px 17px 10px 15px; text-align:center; font-size:15px;text-decoration:none;} .GNB-v .ABA-gnb .AB-child a span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;top:17px;right:15px;} /* 하위 분류 존재시 노출되는 우측 화살표 */ .GNB-v .ABA-bggnbsub1-left,.GNB-v .ABA-bggnbsub1-right{width:0;height:0;} .GNB-color-08 .GNB-v .ABA-gnb-sub-1 ul {background-color: #ffffff; border: 1px solid #eeeeee;} .GNB-color-09 .GNB-v .ABA-gnb-sub-1 ul {background-color: #ffffff; border: 1px solid #eeeeee;} .GNB-color-10 .GNB-v .ABA-gnb-sub-1 ul {background-color: #f4f4f4; border: 1px solid #eeeeee;} .GNB-color-08 .GNB-v .ABA-gnb-sub-1 li a {color:#666666;} .GNB-color-09 .GNB-v .ABA-gnb-sub-1 li a {color:#666666;} .GNB-color-10 .GNB-v .ABA-gnb-sub-1 li a {color:#666666;} /* GNB-w */ .AB-wide-gnb-sub{left:0;width:100%;top:81px;background-color:#000000; border: 1px solid #000000; } .AB-wide-gnb-sub .ABA-gnb-sub-1{height:200px !important;margin:10px 0; background:none !important;} .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a{color:#ffffff;font-size:16px;text-decoration:none;text-align:center;padding:9px 10px 9px 10px;} .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover{color:#333333; } .AB-wide-gnb-sub .ABA-gnb-sub-2{background-color:#222222; border: 1px solid #222222; overflow:hidden;z-index:1} .AB-wide-gnb-sub .ABA-gnb-sub-1 .ABA-gnb-sub-2 ul{background:none;margin:0;} .AB-wide-gnb-sub .ABA-gnb-sub-1 .ABA-gnb-sub-2 li{background:none !important; min-width:140px; padding:0 !important;_width:140px;} .AB-wide-gnb-sub .ABA-gnb-sub-1 .ABA-gnb-sub-2 li > a{font-size:13px; color:#ffffff;text-align:left;font-weight:normal;padding:7px 10px 7px 10px;} /*3depth 글자스타일*/ .AB-wide-gnb-sub .AB-child a span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;right:17px;top:16px;} /* 우측 아이콘*/ .AB-wide-gnb-sub .AB-child a:hover span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;} /* 우측 아이콘*/ /*GNB오버시 border-bottom 색*/ .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, li.AB-current-gnb a.GNB-a{ background: rgba(0,0,0,0.5); height:78px;border-bottom:3px solid #e73f3f; } .GNB-color-01 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-01 li.AB-current-gnb a.GNB-a{border-color:#e73f3f;} .GNB-color-02 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-02 li.AB-current-gnb a.GNB-a{border-color:#e7863f;} .GNB-color-03 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-03 li.AB-current-gnb a.GNB-a{border-color:#ffc80d;} .GNB-color-04 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-04 li.AB-current-gnb a.GNB-a{border-color:#41b036;} .GNB-color-05 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-05 li.AB-current-gnb a.GNB-a{border-color:#52a5ca;} .GNB-color-06 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-06 li.AB-current-gnb a.GNB-a{border-color:#6480c9;} .GNB-color-07 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-07 li.AB-current-gnb a.GNB-a{border-color:#bc66ff;} .GNB-color-08 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-08 li.AB-current-gnb a.GNB-a{background: #ffffff !important; } .GNB-color-09 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-09 li.AB-current-gnb a.GNB-a{background: #ffffff !important; } .GNB-color-10 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-10 li.AB-current-gnb a.GNB-a{background: #f4f4f4 !important; } /*1차뎁스 오버 및 선택시 컬러*/ .GNB-color-01 .ABA-gnb li a.GNB-a:hover , .GNB-color-01 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-01 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-01 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-01 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-01 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-01 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-01 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#e73f3f; } .GNB-color-02 .ABA-gnb li a.GNB-a:hover , .GNB-color-02 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-02 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-02 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-02 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-02 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-02 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-02 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#e7863f; } .GNB-color-03 .ABA-gnb li a.GNB-a:hover , .GNB-color-03 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-03 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-03 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-03 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-03 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-03 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-03 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#ffc80d; } .GNB-color-04 .ABA-gnb li a.GNB-a:hover , .GNB-color-04 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-04 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-04 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-04 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-04 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-04 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-04 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#41b036; } .GNB-color-05 .ABA-gnb li a.GNB-a:hover , .GNB-color-05 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-05 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-05 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-05 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-05 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-05 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-05 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#52a5ca; } .GNB-color-06 .ABA-gnb li a.GNB-a:hover , .GNB-color-06 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-06 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-06 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-06 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-06 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-06 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-06 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#6480c9; } .GNB-color-07 .ABA-gnb li a.GNB-a:hover , .GNB-color-07 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-07 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-07 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-07 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-07 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-07 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-07 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#bc66ff; } .GNB-color-08 .ABA-gnb li a.GNB-a:hover , .GNB-color-08 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-08 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-08 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-08 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-08 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-08 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-08 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#333333; } .GNB-color-09 .ABA-gnb li a.GNB-a:hover , .GNB-color-09 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-09 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-09 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-09 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-09 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-09 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-09 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#777777; } .GNB-color-10 .ABA-gnb li a.GNB-a:hover , .GNB-color-10 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-10 .ABA-gnb li .ABA-gnb-sub-1 li > a:hover, .GNB-color-10 .ABA-gnb li .ABA-gnb-sub-1 li.AB-current-gnb-sub > a, .GNB-color-10 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li > a:hover, .GNB-color-10 .ABA-gnb li div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a, .GNB-color-10 .AB-wide-gnb-sub .ABA-gnb-sub-1 li > a:hover, .GNB-color-10 .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-current-gnb-sub > a { color:#777777; } /*fixed gnb*/ #ABA-head-top.fixedgnb{position:fixed; left:0; top:0; width:100%; z-index:1000; } #ABA-head-top.fixedgnb.abline-div-padding { position:static; } #ABA-head-top .fixedgnb .colorlogoimg {display:none;} #ABA-head-top .fixedgnb .wlogoimg {display:inline-block;} #ABA-head-top .colorlogoimg {display:inline-block;} #ABA-head-top .wlogoimg {display:none;} .fixedgnb .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .fixedgnb li.AB-current-gnb a.GNB-a { height:77px; border-bottom:3px solid #111111; } .GNB-color-08 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-08 li.AB-current-gnb a.GNB-a .fixedgnb .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .fixedgnb li.AB-current-gnb a.GNB-a .GNB-color-08 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-08 li.AB-current-gnb a.GNB-a { height:78px; border-bottom:3px solid #ffffff; } .GNB-color-09 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-09 li.AB-current-gnb a.GNB-a .fixedgnb .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .fixedgnb li.AB-current-gnb a.GNB-a .GNB-color-09 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-09 li.AB-current-gnb a.GNB-a { height:78px; border-bottom:3px solid #ffffff; } .GNB-color-10 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-10 li.AB-current-gnb a.GNB-a .fixedgnb .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .fixedgnb li.AB-current-gnb a.GNB-a .GNB-color-10 .ABA-gnb-wrap ul.ABA-gnb li a.GNB-a:hover, .GNB-color-10 li.AB-current-gnb a.GNB-a { height:78px; border-bottom:3px solid #f4f4f4; }