/* 분리용_20220104 */
/* 1depth */
#ABA-gnb-m { position:relative; z-index:0; height:42px; overflow-y:hidden; overflow-x:hidden; background-color:#51525a; margin-bottom:0;}
.GNB-h { position:absolute; top:0px; left:0px; height:100%; z-index:1; }
.GNB-h .ABA-gnb { white-space:nowrap; }
.GNB-h .ABA-gnb li { display:inline; }
.GNB-h .ABA-gnb li a { text-align:center; line-height:42px; height:42px; font-size:15px; margin:0 10px !important; color:#454545; display:inline-block; position:relative; letter-spacing:-0.7px; }
.GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { font-weight:bold; }
.GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before{ position:absolute; left:0; bottom:0; width:100%; height:2px; background:#6196F2; content:' '; }
.GNB-h .ABA-gnb li.AB-first a { margin-left:15px !important; }
.GNB-h .ABA-gnb li.AB-last a { margin-right:10px !important; }

/* 2depth */
.ABA-lnb-box .ABA-head-lnb { display:none; }

#ABA-lnb-m-scroll { height:43px; position:relative; }
.ABA-body-lnb { position:relative; z-index:0; overflow-x:hidden; background-color:#f9f9f9; border-top:0px; }
/*#ABA-lnb-m-scroll .ABA-lnb-box { position:absolute; top:0px; left:0px; height:100%; z-index:1; }*/
.ABA-body-lnb .ABA-lnb{white-space:nowrap; position:absolute; top:0; left:0;}
.ABA-body-lnb .ABA-lnb li { display:inline; }
.ABA-body-lnb .ABA-lnb li a { display:inline-block; padding:0 11px; text-align:center; line-height:41px; font-size:14px; color:#777; }
.ABA-body-lnb .ABA-lnb li:first-child a { padding-left:15px; }
.ABA-body-lnb .ABA-lnb li:last-child a { border-right:0; padding-right:25px; }
.ABA-body-lnb .ABA-lnb li.AB-current-lnb a { font-weight:bold; color:#6ba52c; }

/* 3depth */
#ABA-lnb-m-scroll-3dph { position:relative; z-index:0; height:43px; overflow-x: hidden; background-color:#fff; border-top:1px solid #e5e5e5; }
.ABA-body-lnb .ABA-lnb-sub { white-space:nowrap; position:absolute; top:0; left:0; }
.ABA-body-lnb .ABA-lnb-sub li { display:inline; }
.ABA-body-lnb .ABA-lnb-sub li a { display:inline-block; padding:0 11px; text-align:center; line-height:43px; height:41px; font-size:14px; color:#777; }
.ABA-body-lnb .ABA-lnb-sub li:first-child a { padding-left:15px; }
.ABA-body-lnb .ABA-lnb-sub li:last-child a { background:none; padding-right:15px; }
.ABA-body-lnb .ABA-lnb-sub li.AB-current-lnb a { font-weight:bold; color:#6ba52c; }

/* 1depth 글자색 */
.GNB-color-01 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#F34C43; }
.GNB-color-01 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#F34C43; }
.GNB-color-02 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#F98912; }
.GNB-color-02 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#F98912; }
.GNB-color-03 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#f7b21a; }
.GNB-color-03 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#f7b21a; }
.GNB-color-04 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#ff8530; }
.GNB-color-04 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:transparent; }
.GNB-color-05 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#6196F2; }
.GNB-color-05 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#6196F2; }
.GNB-color-06 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#4671D4; }
.GNB-color-06 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#4671D4; }
.GNB-color-07 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#A58BEF; }
.GNB-color-07 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#A58BEF; }
.GNB-color-08 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#363840; }
.GNB-color-08 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#363840; }
.GNB-color-09 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#757575; }
.GNB-color-09 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#757575; }
.GNB-color-10 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#B1B1B1; }
.GNB-color-10 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#B1B1B1; }

/* GNB배경, 좌우화살표 배경 */
[class*="GNB-color-"] #ABA-gnb-m, [class*="GNB-color-"].GNB-m-more div.ABA-gnb-more-r, [class*="GNB-color-"].GNB-m-more div.ABA-gnb-more-l, [class*="GNB-color-"].GNB-m-more div.ABA-lnb-sub-more-r, [class*="GNB-color-"].GNB-m-more div.ABA-lnb-sub-more-l { background-color:#fff;}
[class*="GNB-color-"].GNB-m-more div.ABA-lnb-more-r, [class*="GNB-color-"].GNB-m-more div.ABA-lnb-more-l { background-color:#f9f9f9;}

/* 좌우 화살표 */
.GNB-m-more div.ABA-gnb-more-r, .GNB-m-more div.ABA-gnb-more-l { display: inline-block; position: absolute; top:0px; height: 42px; width: 18px; background: url("/images/gnb_m_more_b.png") no-repeat; background-size:30px 82px; z-index:1; }
.GNB-m-more div.ABA-gnb-more-r { right:0px; background-position:0px -41px; }
.GNB-m-more div.ABA-gnb-more-l { left:0px; background-position:2px 2px; }

.GNB-m-more div.ABA-lnb-more-r, .GNB-m-more div.ABA-lnb-more-l { display: inline-block; position: absolute; top:0px; height: 43px; width: 21px; background: url("/images/gnb_m_more_b.png") no-repeat; background-size:30px 82px; z-index:1;}
.GNB-m-more div.ABA-lnb-more-r { right:0px; background-position:3px -42px; }
.GNB-m-more div.ABA-lnb-more-l { left:0px; background-position:2px 2px; }

.GNB-m-more div.ABA-lnb-sub-more-r, .GNB-m-more div.ABA-lnb-sub-more-l { display: inline-block; position: absolute; top:44px; height: 31px; width: 18px; background: url("/images/gnb_m_more_b.png") no-repeat; background-size:30px 82px; z-index:1;  }
.GNB-m-more div.ABA-lnb-sub-more-r { right:0px; background-position:0px -42px; }
.GNB-m-more div.ABA-lnb-sub-more-l { left:0px; background-position:0px 3px; }

/* GNB 고정 */
#fixed-gnb-m.fixed_gnb{position:fixed; top:0; width:100%; z-index:11; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 2px;}

/*  GNB 고정 시 1depth 글자색 */
[class*="GNB-color-"].fixed_gnb .GNB-h .ABA-gnb li a.GNB-a { color: #000; }
[class*="GNB-color-"].fixed_gnb .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color: #6ba52c; }
[class*="GNB-color-"].fixed_gnb .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background-color:#6ba52c;}


/* GNB 고정 시 배경 */
.GNB-color-01.fixed_gnb #ABA-gnb-m, .GNB-color-01.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-01.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#F34C43;}
.GNB-color-02.fixed_gnb #ABA-gnb-m, .GNB-color-02.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-02.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#F98912;}
.GNB-color-03.fixed_gnb #ABA-gnb-m, .GNB-color-03.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-03.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#f7b21a;}
.GNB-color-04.fixed_gnb #ABA-gnb-m, .GNB-color-04.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-04.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#fff;}
.GNB-color-05.fixed_gnb #ABA-gnb-m, .GNB-color-05.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-05.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#2b99e6;}
.GNB-color-06.fixed_gnb #ABA-gnb-m, .GNB-color-06.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-06.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#4671D4;}
.GNB-color-07.fixed_gnb #ABA-gnb-m, .GNB-color-07.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-07.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#A58BEF;}
.GNB-color-08.fixed_gnb #ABA-gnb-m, .GNB-color-08.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-08.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#363840;}
.GNB-color-09.fixed_gnb #ABA-gnb-m, .GNB-color-09.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-09.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#757575;}
.GNB-color-10.fixed_gnb #ABA-gnb-m, .GNB-color-10.fixed_gnb.GNB-m-more div.ABA-gnb-more-r, .GNB-color-10.fixed_gnb.GNB-m-more div.ABA-gnb-more-l  { background-color:#B1B1B1;}
[class*="GNB-color-"].fixed_gnb #ABA-lnb-m-scroll-3dph { border-bottom:1px solid #e5e5e5; }

/* GNB 고정 시 좌우 화살표 */
.GNB-m-more.fixed_gnb div.ABA-gnb-more-r, .GNB-m-more.fixed_gnb div.ABA-gnb-more-l { background-image: url("/images/gnb_m_more_b.png"); background-size:30px 82px; }
.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { right:0px; background-position:0px -39px; }
.GNB-m-more.fixed_gnb div.ABA-gnb-more-l { left:0px; background-position:0px 2px; }

/* 퀵메뉴 (메뉴형) */
.GNB-v .ABA-gnb li { overflow:hidden; }
.GNB-v .ABA-gnb li a { display:block; }
.GNB-v .ABA-gnb li a.GNB-a { color:#000; font-size:14px; border-bottom:1px solid #ddd; height:50px; line-height:50px; padding:0px 40px 0px 48px !important; display:block !important; }
.GNB-v .ABA-gnb li a.closed, .GNB-v .ABA-gnb li a.opend { position:relative;}
.GNB-v .ABA-gnb li a.closed:after{content: '';position: absolute;top: 16px;right: 10px;width: 18px;height: 18px;display: block;background: url("/images/m_gnb_plus.png") center no-repeat; background-size:18px;}
.GNB-v .ABA-gnb li a.opend:after{content: '';position: absolute;top: 16px;right: 10px;width: 18px;height: 18px;display: block;background: url("/images/m_gnb_plus.png") center no-repeat; background-size:18px;transform: rotate(180deg);}
/*.GNB-v .ABA-gnb li a.closed { background-position:right -16px; }
.GNB-v .ABA-gnb li a.opend { background-position:right 19px; }*/
.GNB-v .ABA-gnb li:last-child a.GNB-a { border-bottom:none; }
.GNB-v .ABA-gnb .ABA-gnb-sub-1-ul { background:#f9f9f9; }
.GNB-v .ABA-gnb .ABA-gnb-sub-1-ul li a { color:#666; font-size:14px; border-bottom:1px solid #f1f1f1; height:45px; line-height:45px; padding:0px 40px 0px 15px; }
.GNB-v .ABA-gnb .ABA-gnb-sub-1-ul li:last-child{border-bottom:0px;}
.GNB-v .ABA-gnb .ABA-gnb-sub-1-ul li:last-child a{border-bottom:0px;}
/*.GNB-v .ABA-gnb .ABA-gnb-sub-1-ul li a.closed { background-position-y:-17px; }
.GNB-v .ABA-gnb .ABA-gnb-sub-1-ul li a.opend { background-position-y:18px; }*/
.GNB-v .ABA-gnb .ABA-gnb-sub-2-ul { background:#f9f9f9; }
.GNB-v .ABA-gnb .ABA-gnb-sub-2-ul li a { color:#666; font-size:13px; background:url("/template/DESIGN_content/program/theme/01/bg_reply_conts.png") 21px 15px no-repeat; padding:0px 40px 0px 36px; }
.GNB-v .ABA-gnb li a.opend{background-color:#6ba52c !important;color:#fff;}

/*쇼핑몰 퀵메뉴 아이콘*/
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1002"] a.GNB-a[class*="closed"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico02.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1003"] a.GNB-a[class*="closed"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico03.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1004"] a.GNB-a[class*="closed"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico04.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1005"] a.GNB-a[class*="closed"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico05.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1006"] a.GNB-a[class*="closed"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico06.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1009"] a.GNB-a[class*="closed"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico07.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1010"] a.GNB-a[class*="closed"]{background:url('/images/all_menu_icon_08.png') left 5px center no-repeat;background-size:40px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-4566846"], .GNB-v .ABA-gnb li[id*="AB-gnb-5142"], .GNB-v .ABA-gnb li[id*="AB-gnb-4154242"], .GNB-v .ABA-gnb li[id*="AB-gnb-1011"]{display:none !important;}

.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1002"] a.GNB-a[class*="opend"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico02_w.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1003"] a.GNB-a[class*="opend"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico03_w.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1004"] a.GNB-a[class*="opend"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico04_w.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1005"] a.GNB-a[class*="opend"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico05_w.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1006"] a.GNB-a[class*="opend"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico06_w.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1009"] a.GNB-a[class*="opend"]{background:url('/template/DESIGN_content/program/theme/hwasunfarm/widemenu_ico07_w.png') left 9px center no-repeat;background-size:30px;}
.GNB-v .ABA-gnb li[id*="AB-gnb-sc-1010"] a.GNB-a[class*="opend"]{background:url('/images/all_menu_icon_08_over.png') left 5px center no-repeat;background-size:40px;}


/*스크롤바 배경색 제거*/
#ABA-gnb-m::-webkit-scrollbar, #ABA-lnb-m-scroll::-webkit-scrollbar, #ABA-lnb-m-scroll-3dph::-webkit-scrollbar { background:none; height:0; }

/*gnb 컬러*/
/*#AB-gnb-5142 {float:right; text-align:center;}*/
#AB-gnb-5142 > a.GNB-a {color:#477c52 !important;}
#AB-gnb-4154242 > a.GNB-a, #AB-gnb-1011 > a.GNB-a {color:#477c52 !important;}

/*장바구니*/
.sbag_spot{display: inline-block;width: 13px;height: 13px;background: #f26522;border: 1px solid #fff;border-radius: 25px;color: #fff;
position: absolute;right: -8px;font-size: 10px;top: -4px;text-align: center;padding: 0;z-index: 1;}

/*퀵메뉴 리뉴얼 수정*/
.quick_nav::placeholder{font-weight: 300;color: #666;}
[class*="slide-mymenu"] ul{border: 0px;}
.slide-mymenu li a{line-height: 1.5;padding-top: 40px;height:auto;font-size:13px;color: #000;}
.slide-mymenu li.-btnQuickArticle a { background:url("/images/l_nav_icon01.png") center 10px no-repeat; background-size:48px; }
.slide-mymenu li.-btnQuickComment a { background:url("/images/l_nav_icon02.png") center 10px no-repeat; background-size:48px; }
.slide-mymenu li.-btnQuickMsg a { background:url("/images/l_nav_icon03.png") center 10px no-repeat; background-size:48px; }
.slide-mymenu li.-btnQuickMember a { background:url("/images/l_nav_icon04.png") center 10px no-repeat; background-size:48px; }
.slide-mymenu li.-btnQuickMsg{position: relative;}
.btnUtilCartCnt{position: absolute;top: 9px;left: 50%;width: 16px;height: 16px;line-height:15px;
transform: translateX(-34%);margin: 0px;border: 1px solid #000;box-sizing: border-box;}