/* 분리용 */ /*#ABA-gnb { border-top:1px solid #ddd; border-bottom:1px solid #000; }*/ .ABA-bggnb-left, .ABA-bggnb-center, .ABA-bggnb-right { height:auto; } /*gnb height값에 맞춰서 line6도 똑같이 수정*/ .ABA-gnb li a.GNB-a, .AB-menu-sub { text-align:center; height:90px; line-height:90px; color:#ffffff; font-size:18px; font-weight:bold; } /*gnb배경색*/ #ABA-gnb.GNB-color-01 { background-color:#cf141e; } #ABA-gnb.GNB-color-02 { background-color:#ff6900; } #ABA-gnb.GNB-color-03 { background-color:#f5c72a; } #ABA-gnb.GNB-color-04 { background-color:#1aa02b; } #ABA-gnb.GNB-color-05 { background-color:#5aafeb; } #ABA-gnb.GNB-color-06 { background-color:#0055b7; } #ABA-gnb.GNB-color-07 { background-color:#8d46ce; } #ABA-gnb.GNB-color-08 { background-color:#333333; } #ABA-gnb.GNB-color-09 { background-color:#757575; } #ABA-gnb.GNB-color-10 { background-color:#aaaaaa; } .AB-menu-sub a,.AB-menu-sub a:hover { color:#fff !important; } .GNB-color-01 .AB-menu-sub { background-color:#cf141e; } .GNB-color-02 .AB-menu-sub { background-color:#ff6900; } .GNB-color-03 .AB-menu-sub { background-color:#f5c72a; } .GNB-color-04 .AB-menu-sub { background-color:#1aa02b; } .GNB-color-05 .AB-menu-sub { background-color:#5aafeb; } .GNB-color-06 .AB-menu-sub { background-color:#0055b7; } .GNB-color-07 .AB-menu-sub { background-color:#8d46ce; } .GNB-color-08 .AB-menu-sub { background-color:#333333; } .GNB-color-09 .AB-menu-sub { background-color:#757575; } .GNB-color-10 .AB-menu-sub { background-color:#aaaaaa; } .ABA-gnb { height:auto;white-space:nowrap;background-position:0 -62px !important;margin:0 2px; } /*height:gnb height값 (line2와 동일), background-position:-(height값), margin:0 width값*/ .ABA-bggnb-left,.ABA-bggnb-right { width:2px; } .ABA-bggnb-left { background-position:0 -124px !important; } /*-(heightx2)값*/ .ABA-bggnb-right { background-position:0 0 !important; } .ABA-bggnbsub1-left,.ABA-bggnbsub1-right { width:19px; } /*gnbsub의 width,height값*/ .ABA-bggnbsub1-left { background-position:0 -50px !important; } /*-(gnbsub의 height값x2)*/ .ABA-bggnbsub1-right { background-position:0 0; } .ABA-gnb-sub-1 { top:90px; display:none;background-color:#fff;border:1px solid #eeeeee; } /*gnb와 gnbsub사이의 간격*/ .ABA-gnb-sub-1 li { background:url("bg_line.gif") 0 44% no-repeat;background-position:0 13px !important; } /* 사이바 */ .ABA-gnb-sub-1 li a { font-weight:normal;font-size:14px;line-height:normal !important;padding:10px 15px 10px 15px;display:inline-block; } .ABA-gnb .AB-child a { padding-right:12px; } .ABA-gnb .AB-child a span.AB-rleft { background:url("exist_child_g.png") no-repeat 0 0;width:4px;height:9px;right:3px;top:18px; } /* 하위 분류 존재시 노출되는 우측 아이콘*/ li.AB-current-gnb-sub a { font-weight:bold !important; } .ABA-gnb-sub-2 { top: 41px; background-color:#fff;border:1px solid #eeeeee;z-index:1; } .ABA-gnb-sub-2 li:last-child { border-bottom:0 !important; } div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li { min-width:120px; } div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a { font-size:14px; font-weight:normal !important;text-align:left; } div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a { font-weight:bold !important; } /* GNB-h */ .GNB-h .ABA-gnb-sub-1-ul { padding:0 10px} .GNB-h .ABA-gnb-sub-1-ul > li { background-image:none !important; } .GNB-h .ABA-gnb-sub-1 li a{color:#555555 !important;text-align:left !important; font-size:16px;text-decoration:none;} .GNB-color-01 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#cf141e !important;} .GNB-color-02 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#ff6900 !important;} .GNB-color-03 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#f5c72a !important;} .GNB-color-04 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#1aa02b !important;} .GNB-color-05 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#5aafeb !important;} .GNB-color-06 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#0055b7 !important;} .GNB-color-07 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#8d46ce !important;} .GNB-color-08 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#333333 !important;} .GNB-color-09 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#757575 !important;} .GNB-color-10 .GNB-h .ABA-gnb-sub-1-ul li a:hover{color:#aaaaaa !important;} /* GNB-v */ .GNB-v .ABA-bggnb-center,.GNB-v .ABA-bggnb-left,.GNB-v .ABA-bggnb-right{height:90px;} .GNB-v .ABA-gnb-sub-1 {height:auto !important;min-width:120px;top:90px; } .GNB-v .ABA-gnb-sub-1 ul {/*background:url("wide_gnb_bg.png")*/ repeat !important;margin:0;height:default;} .GNB-v .ABA-gnb-sub-1 li {background:none !important;} /* 좌측 아이콘 */ .GNB-v .ABA-gnb-sub-1 li a{color:#555555 !important;padding:13px 15px 13px 13px; text-align:center !important; font-size:16px;text-decoration:none;} .GNB-v .ABA-gnb-sub-1 li a:hover{color:#cf141e !important;} /* 오버시 */ .GNB-v .ABA-gnb .AB-child a span.AB-rleft{background:url("exist_child_g.png") no-repeat 0 0;width:4px;height:7px;top:20px;right:15px;} /* 하위 분류 존재시 노출되는 우측 화살표 */ .GNB-v .ABA-bggnbsub1-left,.GNB-v .ABA-bggnbsub1-right{width:0;height:0;} .GNB-color-01 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#cf141e !important;} .GNB-color-02 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#ff6900 !important;} .GNB-color-03 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#f5c72a !important;} .GNB-color-04 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#1aa02b !important;} .GNB-color-05 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#5aafeb !important;} .GNB-color-06 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#0055b7 !important;} .GNB-color-07 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#8d46ce !important;} .GNB-color-08 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#333333 !important;} .GNB-color-09 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#757575 !important;} .GNB-color-10 .GNB-v .ABA-gnb-sub-1-ul li a:hover{color:#aaaaaa !important;} /* GNB-w */ .AB-wide-gnb-sub{top:90px;left:0;width:100%;background:rgba(255,255,255,1);border-top:1px solid #efefef;} .AB-wide-gnb-sub .ABA-gnb-sub-1 li a{color:#555555 !important; padding:12px 7px;text-align:left; font-size:16px;} .AB-wide-gnb-sub .AB-child a span.AB-rleft{background:url("exist_child_g.png") repeat 0 0;width:3px;height:6px;top:20px;right:15px;} /* 하위 분류 존재시 노출되는 우측 화살표 */ .AB-wide-gnb-sub .ABA-gnb-sub-2{top:0px !important;background:#fff;border:1px solid #efefef;_overflow:hidden;z-index:1} .AB-wide-gnb-sub .ABA-bggnbsub1-left,.GNB-v .ABA-bggnbsub1-right{width:0;height:0;} .GNB-color-01 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#cf141e !important;} .GNB-color-02 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#ff6900 !important;} .GNB-color-03 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#f5c72a !important;} .GNB-color-04 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#1aa02b !important;} .GNB-color-05 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#5aafeb !important;} .GNB-color-06 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#0055b7 !important;} .GNB-color-07 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#8d46ce !important;} .GNB-color-08 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#333333 !important;} .GNB-color-09 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#757575 !important;} .GNB-color-10 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#aaaaaa !important;} /*1차뎁스 오버 및 선택시 컬러*/ .ABA-gnb li a:hover, .AB-menu-sub a:hover, .ABA-gnb li.AB-current-gnb > a { color:#ffffff !important; text-decoration:underline !important; } .GNB-color-01 .ABA-gnb li a:hover, .GNB-color-01 .AB-menu-sub a:hover, .GNB-color-01 .ABA-gnb li.AB-current-gnb > a { color:#cf141e; } .GNB-color-02 .ABA-gnb li a:hover, .GNB-color-02 .AB-menu-sub a:hover, .GNB-color-02 .ABA-gnb li.AB-current-gnb > a { color:#ff6900; } .GNB-color-03 .ABA-gnb li a:hover, .GNB-color-03 .AB-menu-sub a:hover, .GNB-color-03 .ABA-gnb li.AB-current-gnb > a { color:#f5c72a; } .GNB-color-04 .ABA-gnb li a:hover, .GNB-color-04 .AB-menu-sub a:hover, .GNB-color-04 .ABA-gnb li.AB-current-gnb > a { color:#1aa02b; } .GNB-color-05 .ABA-gnb li a:hover, .GNB-color-05 .AB-menu-sub a:hover, .GNB-color-05 .ABA-gnb li.AB-current-gnb > a { color:#5aafeb; } .GNB-color-06 .ABA-gnb li a:hover, .GNB-color-06 .AB-menu-sub a:hover, .GNB-color-06 .ABA-gnb li.AB-current-gnb > a { color:#0055b7; } .GNB-color-07 .ABA-gnb li a:hover, .GNB-color-07 .AB-menu-sub a:hover, .GNB-color-07 .ABA-gnb li.AB-current-gnb > a { color:#8d46ce; } .GNB-color-08 .ABA-gnb li a:hover, .GNB-color-08 .AB-menu-sub a:hover, .GNB-color-08 .ABA-gnb li.AB-current-gnb > a { color:#333333; } .GNB-color-09 .ABA-gnb li a:hover, .GNB-color-09 .AB-menu-sub a:hover, .GNB-color-09 .ABA-gnb li.AB-current-gnb > a { color:#757575; } .GNB-color-10 .ABA-gnb li a:hover, .GNB-color-10 .AB-menu-sub a:hover, .GNB-color-10 .ABA-gnb li.AB-current-gnb > a { color:#aaaaaa; }