/* 분리용 */ .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:60px; line-height:60px; color: #464646; font-size:18px; font-weight:bold; } .ABA-gnb li.AB-first a{background:none;} .AB-menu-sub a,.AB-menu-sub a:hover, #AB-gnb-menu_all a.GNB-a, #AB-gnb-menu_all a.GNB-a:hover { color:#fff !important; } .GNB-color-01 .AB-menu-sub { background-color:#ff0000; } .GNB-color-02 .AB-menu-sub { background-color:#857868; } .GNB-color-03 .AB-menu-sub { background-color:#ffbd39; } .GNB-color-04 .AB-menu-sub { background-color:#4ebb3a; } .GNB-color-05 .AB-menu-sub { background-color:#2799c3; } .GNB-color-06 .AB-menu-sub { background-color:#1C5BA0; } .GNB-color-07 .AB-menu-sub { background-color:#912bc6; } .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; } 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-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; } /*2depth*/ .ABA-gnb-sub-1 { top:60px; display:none;background-color:#fff;border-bottom:1px solid #ddd; } /*2depth 위치*/ .ABA-gnb-sub-1 li a { font-weight:normal;font-size:16px;line-height:normal !important;padding:13px 15px 13px 15px;display:inline-block; } /* 2depth 글자스타일, 높이*/ .ABA-gnb-sub-1 li a:hover { text-decoration:none; } /* 2depth 오버상태 */ .ABA-gnb-sub-1 li.AB-current-gnb-sub a { } /* 2depth 선택된 상태 */ .ABA-gnb-sub-1 li.AB-child a { padding-right:24px; } .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { background:url("exist_child_g.gif") 0 0 no-repeat; width:4px; height:7px; top:20px; right:14px; } /* 우측 아이콘*/ .ABA-gnb .AB-child a { padding-right:12px; } li.AB-current-gnb-sub a { font-weight:bold !important; } /*3depth*/ .ABA-gnb-sub-2 { top:60px; background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;z-index:1; } /* GNB 3depth 위치 */ .ABA-gnb-sub-2 li:last-child { border-bottom:0 !important; } .ABA-gnb-sub-1 .ABA-gnb-sub-2 ul { background:none; margin:0; } .ABA-gnb-sub-1 .ABA-gnb-sub-2 li { background:none; padding:0; min-width:120px; } .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a { color:#464646; font-size:14px; line-height:18px; text-align:left; font-weight:normal; white-space:normal; border-bottom:1px dashed #eee; padding:10px; } /* 3depth 글자스타일, 높이*/ .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a:hover { text-decoration:none; } /*3depth 오버시*/ .ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-current-gnb-sub a { } /*3depth가 선택된상태*/ .ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-last a { border-bottom:0; } /* GNB-h */ .GNB-h .ABA-gnb-sub-1 { border-right:1px solid #ddd;border-left:1px solid #ddd; } .GNB-h .ABA-gnb-sub-1-ul { background-position:0 -25px !important;margin:0; } /*gnbsub의 가운데부분 / margin 두번째값은 서브의 좌우마진*/ .GNB-h .ABA-gnb-sub-1 li a { text-decoration:none !important; } .GNB-h .ABA-gnb-sub-1 li a:hover { color:#fff; } .GNB-h .ABA-gnb-sub-2 { top:47px;left:-1px; } .GNB-h .ABA-gnb-sub-2 li { background:none;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px dashed #ddd; } .GNB-color-01 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#ff0000 !important; } .GNB-color-02 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#857868 !important; } .GNB-color-03 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#ffbd39 !important; } .GNB-color-04 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#4ebb3a !important; } .GNB-color-05 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#2799c3 !important; } .GNB-color-06 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#1C5BA0 !important; } .GNB-color-07 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#912bc6 !important; } .GNB-color-08 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#333333 !important; } .GNB-color-09 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#757575 !important; } .GNB-color-10 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#aaaaaa !important; } /* GNB-v */ .GNB-v .ABA-gnb-sub-1 { height:auto !important;min-width:130px;_width:120px;background-color:#fff;border-bottom:1px solid #ddd; } .GNB-v .ABA-gnb-sub-1 ul { background:none !important;margin:0;} .GNB-v .ABA-gnb-sub-1 li { background:none !important;border-bottom:1px dashed #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd; } .GNB-v .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { right:12px; top:17px; } .GNB-v .ABA-gnb-sub-1 li.AB-last { border-bottom:0; } .GNB-v .ABA-gnb-sub-1 li a { padding:12px 15px; text-align:left !important;} .GNB-v .ABA-gnb-sub-1 li a:hover { color:#fff !important; } .GNB-v .ABA-gnb-sub-1 li.AB-child a:hover span.AB-rleft { background-image:url("exist_child.gif"); } .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 { background-color:#ff0000; } .GNB-color-02 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#857868; } .GNB-color-03 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#ffbd39; } .GNB-color-04 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#4ebb3a; } .GNB-color-05 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#2799c3; } .GNB-color-06 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#1C5BA0; } .GNB-color-07 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#912bc6; } .GNB-color-08 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#333333; } .GNB-color-09 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#757575; } .GNB-color-10 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#aaaaaa; } .GNB-color-01 .GNB-v .ABA-gnb-sub-1, .GNB-color-01 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #ff0000; } .GNB-color-02 .GNB-v .ABA-gnb-sub-1, .GNB-color-02 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #857868; } .GNB-color-03 .GNB-v .ABA-gnb-sub-1, .GNB-color-03 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #ffbd39; } .GNB-color-04 .GNB-v .ABA-gnb-sub-1, .GNB-color-04 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #4ebb3a; } .GNB-color-05 .GNB-v .ABA-gnb-sub-1, .GNB-color-05 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #2799c3; } .GNB-color-06 .GNB-v .ABA-gnb-sub-1, .GNB-color-06 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #1C5BA0; } .GNB-color-07 .GNB-v .ABA-gnb-sub-1, .GNB-color-07 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #912bc6; } .GNB-color-08 .GNB-v .ABA-gnb-sub-1, .GNB-color-08 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #333333; } .GNB-color-09 .GNB-v .ABA-gnb-sub-1, .GNB-color-09 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #757575; } .GNB-color-10 .GNB-v .ABA-gnb-sub-1, .GNB-color-10 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #aaaaaa; } /* GNB-w */ .AB-wide-gnb-sub { left:0;width:100%;background-color:#fff;border-bottom:2px solid #ddd; } .AB-wide-gnb-sub .AB-child a span.AB-rleft { background-image:url("exist_child_g.gif"); } /* 하위 분류 존재시 노출되는 우측 화살표 */ .AB-wide-gnb-sub .AB-child a:hover span.AB-rleft { background-image:url("exist_child.gif"); } /* 하위 분류 존재시 노출되는 우측 화살표 */ .AB-wide-gnb-sub .ABA-gnb-sub-1 { height:200px !important;margin:10px 0; background:none !important;border-bottom:none; } .AB-wide-gnb-sub .ABA-gnb-sub-1 li a { color:#464646 !important;padding:12px 17px 12px 10px; text-align:left !important; } .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { color:#fff !important; } .AB-wide-gnb-sub .ABA-gnb-sub-2 { border:1px solid #ddd; } .GNB-color-01 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#ff0000; } .GNB-color-02 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#857868; } .GNB-color-03 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#ffbd39; } .GNB-color-04 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#4ebb3a; } .GNB-color-05 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#2799c3; } .GNB-color-06 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#1C5BA0; } .GNB-color-07 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#912bc6; } .GNB-color-08 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#333333; } .GNB-color-09 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#757575; } .GNB-color-10 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#aaaaaa; } .GNB-color-10 .AB-wide-gnb-sub .AB-child a:hover span.AB-rleft { background-image:url("exist_child_g.gif"); } .GNB-color-01 .AB-wide-gnb-sub { border-top:3px solid #ff0000; } .GNB-color-02 .AB-wide-gnb-sub { border-top:3px solid #857868; } .GNB-color-03 .AB-wide-gnb-sub { border-top:3px solid #ffbd39; } .GNB-color-04 .AB-wide-gnb-sub { border-top:3px solid #4ebb3a; } .GNB-color-05 .AB-wide-gnb-sub { border-top:3px solid #2799c3; } .GNB-color-06 .AB-wide-gnb-sub { border-top:3px solid #1C5BA0; } .GNB-color-07 .AB-wide-gnb-sub { border-top:3px solid #912bc6; } .GNB-color-08 .AB-wide-gnb-sub { border-top:3px solid #333333; } .GNB-color-09 .AB-wide-gnb-sub { border-top:3px solid #757575; } .GNB-color-10 .AB-wide-gnb-sub { border-top:3px solid #aaaaaa; } /*1차뎁스 오버 및 선택시 컬러*/ .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:#ff0000; } .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:#857868; } .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:#ffbd39; } .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:#4ebb3a; } .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:#2799c3; } .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:#1C5BA0; } .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:#912bc6; } .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; } /*유틸 배경 컬러*/ .GNB-color-01 .utilcolor { background-color:#ff0000; } .GNB-color-02 .utilcolor { background-color:#857868; } .GNB-color-03 .utilcolor { background-color:#ffbd39; } .GNB-color-04 .utilcolor { background-color:#4ebb3a; } .GNB-color-05 .utilcolor { background-color:#2799c3; } .GNB-color-06 .utilcolor { background-color:#1C5BA0; } .GNB-color-07 .utilcolor { background-color:#912bc6; } .GNB-color-08 .utilcolor { background-color:#333333; } .GNB-color-09 .utilcolor { background-color:#757575; } .GNB-color-10 .utilcolor { background-color:#aaaaaa; } /*shop 유틸 배경 컬러*/ .GNB-color-01 .shoputilcolor { background-color:#c20000; } .GNB-color-02 .shoputilcolor { background-color:#7f716b; } .GNB-color-03 .shoputilcolor { background-color:#db970e; } .GNB-color-04 .shoputilcolor { background-color:#2c9119; } .GNB-color-05 .shoputilcolor { background-color:#2783c3; } .GNB-color-06 .shoputilcolor { background-color:#1c35a0; } .GNB-color-07 .shoputilcolor { background-color:#6e0aa2; } .GNB-color-08 .shoputilcolor { background-color:#333333; } .GNB-color-09 .shoputilcolor { background-color:#757575; } .GNB-color-10 .shoputilcolor { background-color:#aaaaaa; } /*shop 1차뎁스 오버 및 선택시 컬러*/ .shop_GNB-color-01 .ABA-gnb li a:hover, .shop_GNB-color-01 .AB-menu-sub a:hover, .shop_GNB-color-01 .ABA-gnb li.AB-current-gnb > a { color:#c20000; } .shop_GNB-color-02 .ABA-gnb li a:hover, .shop_GNB-color-02 .AB-menu-sub a:hover, .shop_GNB-color-02 .ABA-gnb li.AB-current-gnb > a { color:#765c41; } .shop_GNB-color-03 .ABA-gnb li a:hover, .shop_GNB-color-03 .AB-menu-sub a:hover, .shop_GNB-color-03 .ABA-gnb li.AB-current-gnb > a { color:#db970e; } .shop_GNB-color-04 .ABA-gnb li a:hover, .shop_GNB-color-04 .AB-menu-sub a:hover, .shop_GNB-color-04 .ABA-gnb li.AB-current-gnb > a { color:#2c9119; } .shop_GNB-color-05 .ABA-gnb li a:hover, .shop_GNB-color-05 .AB-menu-sub a:hover, .shop_GNB-color-05 .ABA-gnb li.AB-current-gnb > a { color:#2783c3; } .shop_GNB-color-06 .ABA-gnb li a:hover, .shop_GNB-color-06 .AB-menu-sub a:hover, .shop_GNB-color-06 .ABA-gnb li.AB-current-gnb > a { color:#1c35a0; } .shop_GNB-color-07 .ABA-gnb li a:hover, .shop_GNB-color-07 .AB-menu-sub a:hover, .shop_GNB-color-07 .ABA-gnb li.AB-current-gnb > a { color:#6e0aa2; } .shop_GNB-color-08 .ABA-gnb li a:hover, .shop_GNB-color-08 .AB-menu-sub a:hover, .shop_GNB-color-08 .ABA-gnb li.AB-current-gnb > a { color:#333333; } .shop_GNB-color-09 .ABA-gnb li a:hover, .shop_GNB-color-09 .AB-menu-sub a:hover, .shop_GNB-color-09 .ABA-gnb li.AB-current-gnb > a { color:#757575; } .shop_GNB-color-10 .ABA-gnb li a:hover, .shop_GNB-color-10 .AB-menu-sub a:hover, .shop_GNB-color-10 .ABA-gnb li.AB-current-gnb > a { color:#aaaaaa; } /*장바구니 아이콘_카운트*/ .right_cart_num { display: inline-block; font-weight: bold; line-height: 18px; width: 18px; height: 18px; border-radius: 25px; color: #fff !important; font-size: 10px; text-align: center; margin-left:3px; padding: 0; z-index: 1;} .cart-color-01 .right_cart_num { background-color: #cf141e; } .cart-color-02 .right_cart_num { background-color: #634f37; } .cart-color-03 .right_cart_num { background-color: #ffa200; } .cart-color-04 .right_cart_num { background-color: #389832; } .cart-color-05 .right_cart_num { background-color: #2b99e6; } .cart-color-06 .right_cart_num { background-color: #1b3e77; } .cart-color-07 .right_cart_num { background-color: #781e89; } .cart-color-08 .right_cart_num { background-color: #333333; } .cart-color-09 .right_cart_num { background-color: #737373; } .cart-color-10 .right_cart_num { background-color: #aaaaaa; }