/*1depth 글자스타일*/
.ABA-gnb li a.GNB-a, .AB-menu-sub a { color:#fff; font-size:18px; font-weight:600; letter-spacing:-1px; text-align:center; }	 
.ABA-gnb li a.GNB-a:hover, .AB-menu-sub td a:hover, .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff; font-weight:600; }
.AB-menu-sub a { display:block; }

/* GNB 1depth 높이 */
.ABA-bggnb-left, .ABA-bggnb-center, .ABA-bggnb-right { height:60px; }	/* GNB 1depth 영역의 높이 */
.ABA-gnb li a.GNB-a, .AB-menu-sub a { line-height:60px; }	/* GNB 1depth 글자의 높이 */

/*2depth*/
.ABA-gnb-sub-1 { top:60px; }	/* GNB 2depth 위치 */
.ABA-gnb-sub-1 { background-color:#fff; border:1px solid #e3e3e3; border-top:0; }	 /*2depth 위치*/
.ABA-gnb-sub-1 li a { color:#777; font-size:15px; font-weight:normal; letter-spacing:-0.5px; line-height:50px; text-decoration:none; display:block; padding:0 10px; position:relative; }	/* 2depth 글자스타일, 높이*/
.ABA-gnb-sub-1 li a:hover { color:#333; text-decoration:underline; }	 /* 2depth 오버상태 */
.ABA-gnb-sub-1 li.AB-current-gnb-sub a { color:#333; font-weight:bold; }	/* 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.png") 0 0 no-repeat; width:3px; height:6px; top:21px; right:10px; }	/* 우측 아이콘*/

/*3depth*/
.ABA-gnb-sub-2 { top:50px; }	/* GNB 3depth 위치 */
.ABA-gnb-sub-2 { background:#fff; border:1px solid #e3e3e3; width:150px; margin-left:-1px; z-index:1 }
.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:#777; font-size:14px; line-height:18px; text-align:left; font-weight:normal; white-space:normal; border-bottom:1px solid #eee; padding:13px; }	/* 3depth 글자스타일, 높이*/
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li a:hover { color:#333; background-color:#eee; text-decoration:none; }	 /*3depth 오버시*/
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#666; font-weight:bold; }	 /*3depth가 선택된상태*/
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-last a { border-bottom:0; }

/* GNB-h */
/*.GNB-h .ABA-gnb-sub-1-ul { height:31px; }GNB sub(2depth)의 높이*/

/* GNB-v */
.GNB-v .ABA-bggnb-center, .GNB-v .ABA-bggnb-left, .GNB-v .ABA-bggnb-right { height:60px; }	/* GNB-v형 1depth 높이 */
.GNB-v .ABA-gnb-sub-1 { top:60px; }	/* GNB-v형 2depth 위치 */
.GNB-v .ABA-gnb-sub-1 { height:auto; min-width:180px; background-color:#fff; border:1px solid #e3e3e3; border-top:none; }
.GNB-v .ABA-gnb-sub-1 ul { background:none; margin:0; height:default; }
.GNB-v .ABA-gnb-sub-1 li { background:none; }
.GNB-v .ABA-gnb-sub-1 li a { color:#777; font-weight:normal; line-height:18px; text-decoration:none; text-align:left; border-bottom:1px solid #eee; padding:13px; }	 /*2depth 글자스타일*/
.GNB-v .ABA-gnb-sub-1 li a:hover { color:#333; background-color:#f4f4f4; text-decoration:none; font-size: 15px;}	 /* 2depth 오버상태 */
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub a { color:#666; font-weight:bold; }	/* 2depth 선택된 상태 */
.GNB-v .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { width:3px; height:6px; top:19px; right:14px; }		/* 우측 아이콘*/
.GNB-v .ABA-gnb-sub-1 li.AB-last a { border-bottom:0; }
.GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 { border-width:1px; width:150px }
.GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a { border-bottom:1px solid #eee; padding:10px; margin:0px; font-size: 14px; }
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 a { color:#777; font-weight:normal; }
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 a:hover { color:#000; }	 /* 3depth 오버상태 */
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#666; font-weight:bold; }	/* 3depth 선택된 상태 */

/* GNB-w */
.AB-wide-gnb-sub { background-color:#fff; border-bottom:1px solid #ccc; width:100%; left:0; padding-top:15px; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 { background:none; border:0; height:200px; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 li a { color:#777; line-height:18px; text-decoration:none; text-align:center; padding:8px 13px; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { color:#000; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { width:3px; height:6px; top:14px; right:14px; }	/* 우측 아이콘*/
.AB-wide-gnb-sub .ABA-gnb-sub-2 { border:1px solid #ddd; padding:0; }

/*GNB배경 (1depth) */
.ABA-bggnb-left,.ABA-bggnb-right { width:0; }	/*1depth 양쪽끝 너비*/
.ABA-bggnb-left { background-position:0 0; }	/*background-position:0 -(GNB영역 높이값x2)px*/
.ABA-bggnb-right { background-position:0 0; }
.ABA-bggnb-center { background-position:0 0; margin:0; }	/*background-position:0 -(GNB영역 높이값)px , margin:0 width값*/

/*GNB sub배경 (2depth) */
.ABA-bggnbsub1-left,.ABA-bggnbsub1-right { width:0; height:25px; }	/*2depth 양쪽끝 너비,높이*/
.ABA-bggnbsub1-left { background-position:0 0; }	/*background-position:0 -(2depth 높이값x2)px*/
.ABA-bggnbsub1-right { background-position:0 0; }
.ABA-gnb-sub-1-ul { background-position:0 0; margin:0; }/*background-position:0 -(2depth 높이값)px , margin:0 width값*/

/* GNB배경 */
.GNB-color-01 .ABA-bggnb-center, .AB-gnb-bg-01 { background:#cf141e; }
.GNB-color-02 .ABA-bggnb-center, .AB-gnb-bg-02 { background:#d73800; }
.GNB-color-03 .ABA-bggnb-center, .AB-gnb-bg-03 { background:#ffa200; }
.GNB-color-04 .ABA-bggnb-center, .AB-gnb-bg-04 { background:#389832; }
.GNB-color-05 .ABA-bggnb-center, .AB-gnb-bg-05 { background:#2b99e6;}
.GNB-color-06 .ABA-bggnb-center, .AB-gnb-bg-06 { background:#1b3e77; }
.GNB-color-07 .ABA-bggnb-center, .AB-gnb-bg-07 { background:#781e89; }
.GNB-color-08 .ABA-bggnb-center, .AB-gnb-bg-08 { background:#333333; }
.GNB-color-09 .ABA-bggnb-center, .AB-gnb-bg-09 { background:#737373; }
.GNB-color-10 .ABA-bggnb-center, .AB-gnb-bg-10 { background:#aaaaaa; }
[class*="AB-gnb-bg-"] { opacity:0.8; }

/* GNB 오버시 배경색*/
.GNB-color-01 .ABA-gnb li a.GNB-a:hover, .GNB-color-01 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#bd020b; }
.GNB-color-02 .ABA-gnb li a.GNB-a:hover, .GNB-color-02 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#c93400; }
.GNB-color-03 .ABA-gnb li a.GNB-a:hover, .GNB-color-03 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#e69200; }
.GNB-color-04 .ABA-gnb li a.GNB-a:hover, .GNB-color-04 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#308b2a; }
.GNB-color-05 .ABA-gnb li a.GNB-a:hover, .GNB-color-05 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#0987df; }
.GNB-color-06 .ABA-gnb li a.GNB-a:hover, .GNB-color-06 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#153467; }
.GNB-color-07 .ABA-gnb li a.GNB-a:hover, .GNB-color-07 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#6c177c; }
.GNB-color-08 .ABA-gnb li a.GNB-a:hover, .GNB-color-08 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#252525; }
.GNB-color-09 .ABA-gnb li a.GNB-a:hover, .GNB-color-09 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#636363; }
.GNB-color-10 .ABA-gnb li a.GNB-a:hover, .GNB-color-10 .ABA-gnb li.AB-current-gnb a.GNB-a { background:#979797; }

/* 퀵메뉴 배경색*/
.quickbg-color-01 { background-color:#cf141e;}
.quickbg-color-02 { background-color:#e5a116;}
.quickbg-color-03 { background-color:#ffa200;}
.quickbg-color-04 { background-color:#389832;}
.quickbg-color-05 { background-color:#2b99e6;}
.quickbg-color-06 { background-color:#1b3e77;}
.quickbg-color-07 { background-color:#781e89;}
.quickbg-color-08 { background-color:#333333;}
.quickbg-color-09 { background-color:#737373;}
.quickbg-color-10 { background-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: #d73800; }
.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; }
