/* 1depth */
#ABA-gnb-m { position:relative; z-index:0; height:50px; overflow-y:hidden; overflow-x:hidden; margin-bottom:0; background: linear-gradient(0deg, #f7f7f7, #fff 70%);}
.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:48px; height:50px; font-size:16px; padding:0 10px !important; color:#333; display:inline-block; position:relative; letter-spacing:-0.3px; }

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

#ABA-lnb-m-scroll { height:40px; position:relative; background:#fff; }
.ABA-body-lnb { position:relative; z-index:0; overflow-x:hidden; 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:13px; 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:#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:40px; height:31px; font-size:12px; 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-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#099fa7; }

/* 좌우 화살표 */
.GNB-m-more div.ABA-gnb-more-r, .GNB-m-more div.ABA-gnb-more-l { display: inline-block; position: absolute; top:0px; height: 50px; width: 40px; z-index:1; transition: all 0.6s ease; opacity:1; visibility: visible;}
.GNB-m-more div.ABA-gnb-more-r { right:0px;}
.GNB-m-more div.ABA-gnb-more-l { left:0px; }
.GNB-m-more div.ABA-gnb-more-l[style*="display: none;"], .GNB-m-more div.ABA-gnb-more-r[style*="display: none;"] {opacity:0; visibility: hidden;}
.GNB-m-more div.ABA-gnb-more-l:before, .GNB-m-more div.ABA-gnb-more-r:before {content:''; position:absolute; top:0; height:100%; width:100%; z-index:0; }
.GNB-m-more div.ABA-gnb-more-l:before { left:0; background: linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);}
.GNB-m-more div.ABA-gnb-more-r:before{ right:0; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);}
/*.GNB-m-more div.ABA-gnb-more-l:after, .GNB-m-more div.ABA-gnb-more-r:after {content:''; position:absolute; top:0; height:100%; width:100%; z-index:1; background-image: url("gnb_m_more.png"); background-repeat: no-repeat; background-size:35px; }
.GNB-m-more div.ABA-gnb-more-l:after { left:0; background-position:0px 6px; }
.GNB-m-more div.ABA-gnb-more-r:after{ right:0; background-position:16px -46px; }*/

.GNB-m-more div.ABA-lnb-more-r, .GNB-m-more div.ABA-lnb-more-l { display: inline-block; position: absolute; top:0px; height: 40px; width: 30px; z-index:1;  }
.GNB-m-more div.ABA-lnb-more-l {left:0px; }
.GNB-m-more div.ABA-lnb-more-r {right:0px;}
.GNB-m-more div.ABA-lnb-more-l:before, .GNB-m-more div.ABA-lnb-more-r:before {content:''; position:absolute; top:0; height:100%; width:100%; z-index:0; }
.GNB-m-more div.ABA-lnb-more-l:before { left:0px; background: linear-gradient(to right, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);}
.GNB-m-more div.ABA-lnb-more-r:before{ right:0px; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 95%);}
/*.GNB-m-more div.ABA-lnb-more-l:after, .GNB-m-more div.ABA-lnb-more-r:after {content:''; position:absolute; top:0; height:100%; width:100%; z-index:1; background-image: url("gnb_m_more.png"); background-repeat: no-repeat; background-size:30px 82px; }
.GNB-m-more div.ABA-lnb-more-l:after { background-position:0px 1px; }
.GNB-m-more div.ABA-lnb-more-r:after { background-position:0px -43px; }*/

.GNB-m-more div.ABA-lnb-sub-more-r, .GNB-m-more div.ABA-lnb-sub-more-l { display: inline-block; position: absolute; top:34px; 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 -45px; }
.GNB-m-more div.ABA-lnb-sub-more-l { left:0px; background-position:0px -1px; }
.GNB-m-more div.ABA-lnb-sub-more-l{ background-color:#0b152a;}
.GNB-m-more div.ABA-lnb-sub-more-r{ background-color:#0b152a;}

/* GNB 고정 */
#fixed-gnb-m { box-shadow:rgba(0, 0, 0, 0.05) 0 2px 6px;}
.fixed_gnb { border-bottom:0 !important; }
#fixed-gnb-m.fixed_gnb{position:fixed; top:0; width:100%; z-index:10; }
#fixed-gnb-m.fixed_gnb.abline-div-padding , .abline-div-padding #fixed-gnb-m.fixed_gnb { position:static; }

/* 퀵메뉴 (메뉴형) */
.ABA-gnb-wrap.GNB-v {padding:10px; background:#eee; }
.GNB-v .ABA-gnb {background:#fff; border-radius:3px; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px;}
.GNB-v .ABA-gnb li { overflow:hidden; }
.GNB-v .ABA-gnb li a { display:block; }
.GNB-v .ABA-gnb li a.GNB-a { color:#333; font-size:16px; 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:#fafafa; }
.GNB-v .ABA-gnb .ABA-gnb-sub-1-ul li a { color:#666; font-size:14px; letter-spacing:-0.5px; border-top:1px solid #fff; border-bottom:1px solid #eee; line-height:1.2; display:flex; align-items:center;  padding:10px 40px 10px 15px; min-height:25px; word-break: break-word;}
/*.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; }