/* 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:#179fe2; content:' '; }
.GNB-h .ABA-gnb li.AB-first a { margin-left:15px !important; }
.GNB-h .ABA-gnb li.AB-last a { margin-right:15px !important; }

/* 2depth */
.ABA-lnb-box .ABA-head-lnb { display:none; }

#ABA-lnb-m-scroll { height:40px; position:relative; }
.ABA-body-lnb { position:relative; z-index:0; overflow-x:hidden; background-color:#f9f9f9; border-top:1px solid #e5e5e5; }
/*#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:40px; height:40px; 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:15px; }
.ABA-body-lnb .ABA-lnb li.AB-current-lnb a { font-weight:bold; color:#454545; }

/* 3depth */
#ABA-lnb-m-scroll-3dph { position:relative; z-index:0; height:40px; overflow-x: hidden; background-color:#f4f4f4; 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:40px; height:40px; font-size:13px; 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:#454545; }

/* 1depth 글자색 */
.GNB-color-01 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#ff0000; }
.GNB-color-01 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#ff0000; }
.GNB-color-02 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#ff7700; }
.GNB-color-02 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#ff7700; }
.GNB-color-03 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#ffbd39; }
.GNB-color-03 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#ffbd39; }
.GNB-color-04 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#06966a; }
.GNB-color-04 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#06966a; }
.GNB-color-05 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#179fe2; }
.GNB-color-05 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#179fe2; }
.GNB-color-06 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#0029a0; }
.GNB-color-06 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#0029a0; }
.GNB-color-07 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#934fa6; }
.GNB-color-07 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#934fa6; }
.GNB-color-08 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#333333; }
.GNB-color-08 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#333333; }
.GNB-color-09 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#737373; }
.GNB-color-09 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#737373; }
.GNB-color-10 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#aaaaaa; }
.GNB-color-10 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#aaaaaa; }

/* 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 { 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;}
[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:#f4f4f4;}

/* 좌우 화살표 */
.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("gnb_m_more.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:0px 3px; }

.GNB-m-more div.ABA-lnb-more-r, .GNB-m-more div.ABA-lnb-more-l { display: inline-block; position: absolute; top:1px; height: 33px; width: 18px; background: url("gnb_m_more.png") no-repeat; background-size:30px 82px; z-index:1;  }
.GNB-m-more div.ABA-lnb-more-r { right:0px; background-position:0px -42px; }
.GNB-m-more div.ABA-lnb-more-l { left:0px; background-position:0px 3px; }

.GNB-m-more div.ABA-lnb-sub-more-r, .GNB-m-more div.ABA-lnb-sub-more-l { display: inline-block; position: absolute; top:41px; height: 31px; width: 18px; background: url("gnb_m_more.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 고정 시 배경 */
.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:#ff0000;}
.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:#ff7700;}
.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:#ffbd39;}
.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:#06966a;}
.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:#0029a0;}
.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:#934fa6;}
.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:#333333;}
.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:#737373;}
.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:#aaaaaa;}
[class*="GNB-color-"].fixed_gnb #ABA-lnb-m-scroll-3dph { border-bottom:1px solid #e5e5e5; }


/* 퀵메뉴 (메뉴형) */
.GNB-v .ABA-gnb li { overflow:hidden; }
.GNB-v .ABA-gnb li a { display:block; }
.GNB-v .ABA-gnb li a.GNB-a { color:#454545; font-size:15px; border-bottom:1px solid #f4f4f4; height:50px; line-height:50px; padding:0px 40px 0px 15px !important; display:block !important; }
.GNB-v .ABA-gnb li a.closed, .GNB-v .ABA-gnb li a.opend { background:url("icon_m_gnb_child.png") 95% center no-repeat; background-size:8px; }
/*.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 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; }

/*스크롤바 배경색 제거*/
#ABA-gnb-m::-webkit-scrollbar, #ABA-lnb-m-scroll::-webkit-scrollbar, #ABA-lnb-m-scroll-3dph::-webkit-scrollbar { background:none; height:0; }

/*편집화면에서 fixed 제거*/
.abline-div-padding .fixed_gnb { position:static !important; }


/*상품 탭 배경색*/
.mainTplWrap-color-01 .tplSwitchTab li.switch-on a { color: #ff0000;  background-color: #fff4f4; border-top: 3px solid #ff0000; }
.mainTplWrap-color-02 .tplSwitchTab li.switch-on a { color: #ff7700;  background-color: #fef6e8; border-top: 3px solid #ff7700; }
.mainTplWrap-color-03 .tplSwitchTab li.switch-on a { color: #ffbd39;  background-color: #fffbec; border-top: 3px solid #ffbd39; }
.mainTplWrap-color-04 .tplSwitchTab li.switch-on a { color: #06966a;  background-color: #edf6ec; border-top: 3px solid #06966a; }
.mainTplWrap-color-05 .tplSwitchTab li.switch-on a { color: #179fe2;  background-color: #ecf2f6; border-top: 3px solid #179fe2; }
.mainTplWrap-color-06 .tplSwitchTab li.switch-on a { color: #0029a0;  background-color: #ececf6; border-top: 3px solid #0029a0; }
.mainTplWrap-color-07 .tplSwitchTab li.switch-on a { color: #934fa6;  background-color: #f4ecf6; border-top: 3px solid #934fa6; }
.mainTplWrap-color-08 .tplSwitchTab li.switch-on a { color: #333333;  background-color: #f4f4f4; border-top: 3px solid #333333; }
.mainTplWrap-color-09 .tplSwitchTab li.switch-on a { color: #737373;  background-color: #f4f4f4; border-top: 3px solid #737373; }
.mainTplWrap-color-10 .tplSwitchTab li.switch-on a { color: #aaaaaa;  background-color: #f4f4f4; border-top: 3px solid #aaaaaa; }


/*상품 할인율 배경색*/
.squarebg-color-01 { background-color:#ff0000; }
.squarebg-color-02 { background-color:#ff7700; }
.squarebg-color-03 { background-color:#ffbd39; }
.squarebg-color-04 { background-color:#06966a; }
.squarebg-color-05 { background-color:#179fe2; }
.squarebg-color-06 { background-color:#0029a0; }
.squarebg-color-07 { background-color:#552c61; }
.squarebg-color-08 { background-color:#333333; }
.squarebg-color-09 { background-color:#737373; }
.squarebg-color-10 { background-color:#aaaaaa;}


/*상품 가격 폰트색상*/
.fc-color-01 { color:#ff0000; }
.fc-color-02 { color:#ff7700; }
.fc-color-03 { color:#ffbd39; }
.fc-color-04 { color:#06966a; }
.fc-color-05 { color:#179fe2; }
.fc-color-06 { color:#0029a0; }
.fc-color-07 { color:#ac73ba; }
.fc-color-08 { color:#333333; }
.fc-color-09 { color:#737373; }
.fc-color-10 { color:#aaaaaa;}



/*상품 롤링 좌우 화살표 배경*/
.arrowbg-color-01 { background-color:rgba(255,0,0,0.55); }
.arrowbg-color-02 { background-color:rgba(255,119,0,0.55); }
.arrowbg-color-03 { background-color:rgba(255,189,57,0.55); }
.arrowbg-color-04 { background-color:rgba(81,141,30,0.55); }
.arrowbg-color-05 { background-color:rgba(23,159,226,0.55); }
.arrowbg-color-06 { background-color:rgba(0,41,160,0.55); }
.arrowbg-color-07 { background-color:rgba(152,105,161,0.55); }
.arrowbg-color-08 { background-color:rgba(77,77,7,0.55); }
.arrowbg-color-09 { background-color:rgba(136,136,136,0.55); }
.arrowbg-color-10 { background-color:rgba(170,170,170,0.55);}


/*gnb fixed*/
.fixed_gnb #fixed-gnb-m {position:fixed !important; left:0; top:0; width:100%; z-index:1000; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 2px;} 
.fixed_gnb.abline-div-padding  #fixed-gnb-m, .abline-div-padding .fixed_gnb  #fixed-gnb-m { position:static !important; }

#ABA-body.fixed_gnb {padding-top:42px;}
#ABA-body.fixed_gnb #ABA-util-wrap {display:none;}
#ABA-body.fixed_gnb #fixed-gnb-m { position:fixed; left: 0; top: 0; width: 100%; z-index: 10;}

/* GNB 고정 시 배경 */
#ABA-body.fixed_gnb .GNB-color-01 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-01.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-01.GNB-m-more div.ABA-gnb-more-l { background-color:#ff0000;}
#ABA-body.fixed_gnb .GNB-color-02 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-02.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-02.GNB-m-more div.ABA-gnb-more-l { background-color:#ff7700;}
#ABA-body.fixed_gnb .GNB-color-03 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-03.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-03.GNB-m-more div.ABA-gnb-more-l { background-color:#ffbd39;}
#ABA-body.fixed_gnb .GNB-color-04 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-04.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-04.GNB-m-more div.ABA-gnb-more-l { background-color:#06966a;}
#ABA-body.fixed_gnb .GNB-color-05 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-05.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-05.GNB-m-more div.ABA-gnb-more-l { background-color:#179fe2;}
#ABA-body.fixed_gnb .GNB-color-06 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-06.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-06.GNB-m-more div.ABA-gnb-more-l { background-color:#0029a0;}
#ABA-body.fixed_gnb .GNB-color-07 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-07.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-07.GNB-m-more div.ABA-gnb-more-l { background-color:#ac73ba;}
#ABA-body.fixed_gnb .GNB-color-08 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-08.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-08.GNB-m-more div.ABA-gnb-more-l { background-color:#333333;}
#ABA-body.fixed_gnb .GNB-color-09 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-09.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-09.GNB-m-more div.ABA-gnb-more-l { background-color:#737373;}
#ABA-body.fixed_gnb .GNB-color-10 #ABA-gnb-m, #ABA-body.fixed_gnb .GNB-color-10.GNB-m-more div.ABA-gnb-more-r, #ABA-body.fixed_gnb .GNB-color-10.GNB-m-more div.ABA-gnb-more-l { background-color:#aaaaaa;}
#ABA-body.fixed_gnb [class*="GNB-color-"] #ABA-lnb-m-scroll-3dph { border-bottom:1px solid #e5e5e5; }
#ABA-body.fixed_gnb [class*="AB-gnb-bg-"] { opacity:0.8; }

/*  GNB 고정 시 1depth 글자색 */
#ABA-body.fixed_gnb [class*="GNB-color-"] .GNB-h .ABA-gnb li a.GNB-a { color:#fff; }
#ABA-body.fixed_gnb [class*="GNB-color-"] .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background-color:#fff; }

/* GNB 고정 시 좌우 화살표 */
#ABA-body.fixed_gnb .GNB-m-more div.ABA-gnb-more-r,  #ABA-body.fixed_gnb .GNB-m-more div.ABA-gnb-more-l { background-image: url("gnb_m_more_w.png"); background-size:30px 82px; }
#ABA-body.fixed_gnb .GNB-m-more div.ABA-gnb-more-r { right:0px; background-position:0px -41px; }
#ABA-body.fixed_gnb .GNB-m-more div.ABA-gnb-more-l { left:0px; background-position:0px 3px; }