/* 1depth */
#ABA-gnb-m { position:relative; z-index:0; height:45px; 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:45px; height:45px; font-size:16px; margin:0 10px !important; color:#000; display:inline-block; position:relative; letter-spacing:-0.3px; }
.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:15px !important; }

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

#ABA-lnb-m-scroll { height:41px; position:relative; box-shadow: rgb(200 200 200 / 10%) 0 2px 3px inset;}
.ABA-body-lnb { position:relative; z-index:0; overflow-x:hidden; background-color:#f9f9f9; border-top:1px solid #e5e5e5; }
.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; height:41px; font-size:15px; color:#666; }
.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:39px; overflow-x: hidden; background-color:#eee; border-top:1px solid #e5e5e5; box-shadow: rgb(200 200 200 / 10%) 0 2px 3px inset;}
.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:39px; height:39px; 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:#454545; }

/* 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:#f3b10a; }
.GNB-color-03 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#f3b10a; }
.GNB-color-04 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#4cb4db; }
.GNB-color-04 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#4cb4db; }
.GNB-color-05 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#4492dd; }
.GNB-color-05 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#4492dd; }
.GNB-color-06 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#37528f; }
.GNB-color-06 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#37528f; }
.GNB-color-07 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#5f3cc3; }
.GNB-color-07 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#5f3cc3; }
.GNB-color-08 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#242424; }
.GNB-color-08 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#242424; }
.GNB-color-09 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#444444}
.GNB-color-09 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#444444; }
.GNB-color-10 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a { color:#7e7e7e; }
.GNB-color-10 .GNB-h .ABA-gnb li.AB-current-gnb a.GNB-a::before { background:#7e7e7e; }

/* GNB배경, 좌우화살표 배경 */
[class*="GNB-color-"] #ABA-gnb-m{ background-color:#fff;}

/* 좌우 화살표 */
.GNB-m-more div.ABA-gnb-more-r, .GNB-m-more div.ABA-gnb-more-l { display: inline-block; position: absolute; top:5px; height: 30px; width: 30px; z-index:1; }
.GNB-m-more div.ABA-gnb-more-r { right:0px;  background:linear-gradient(to left,#ffffff 0,#ffffff 13px,rgb(255 255 255 / 50%) 26px,rgb(255 255 255 / 0%) 100%);}
.GNB-m-more div.ABA-gnb-more-l { left:0px; background:linear-gradient(to right,#ffffff 0,#ffffff 13px,rgb(255 255 255 / 50%) 26px,rgb(255 255 255 / 0%) 100%);}
.GNB-m-more div.ABA-gnb-more-r:after, .GNB-m-more div.ABA-gnb-more-l:after {content:''; width:18px; height:30px; background-image: url("gnb_m_more.png"); background-repeat:no-repeat; background-size:35px; position:absolute; }
.GNB-m-more div.ABA-gnb-more-r:after {background-position: 0px -54px; right:0; }
.GNB-m-more div.ABA-gnb-more-l:after {background-position:0px -3px; left:0; }

.GNB-m-more div.ABA-lnb-more-r, .GNB-m-more div.ABA-lnb-more-l { display: inline-block; position: absolute; top:5px; height: 25px; width: 30px; z-index:1; }
.GNB-m-more div.ABA-lnb-more-r:after, .GNB-m-more div.ABA-lnb-more-l:after {content:''; width:18px; height:25px; background-image: url("gnb_m_more.png"); background-repeat:no-repeat; background-size:35px; position:absolute; }
.GNB-m-more div.ABA-lnb-more-r { right:0px;  background:linear-gradient(to left,#f9f9f9 0,#f9f9f9 13px,rgb(249 249 249 / 50%) 26px,rgb(249 249 249 / 0%) 100%);}
.GNB-m-more div.ABA-lnb-more-l { left:0px; background:linear-gradient(to right,#f9f9f9 0,#f9f9f9 13px,rgb(249 249 249 / 50%) 26px,rgb(249 249 249 / 0%) 100%);}
.GNB-m-more div.ABA-lnb-more-r:after {background-position: 0px -56px; right:0; }
.GNB-m-more div.ABA-lnb-more-l:after {background-position:0px -5px; left:0; }

.GNB-m-more div.ABA-lnb-sub-more-r, .GNB-m-more div.ABA-lnb-sub-more-l { display: inline-block; position: absolute; top:48px; height: 25px; width: 30px; z-index:1; }
.GNB-m-more div.ABA-lnb-sub-more-r:after, .GNB-m-more div.ABA-lnb-sub-more-l:after {content:''; width:18px; height:25px; background-image: url("gnb_m_more.png"); background-repeat:no-repeat; background-size:35px; position:absolute; }
.GNB-m-more div.ABA-lnb-sub-more-r { right:0px;  background:linear-gradient(to left,#eeeeee 0,#eeeeee 13px,rgb(238 238 238 / 50%) 26px,rgb(238 238 238 / 0%) 100%);}
.GNB-m-more div.ABA-lnb-sub-more-l { left:0px; background:linear-gradient(to right,#eeeeee 0,#eeeeee 13px,rgb(238 238 238 / 50%) 26px,rgb(238 238 238 / 0%) 100%);}
.GNB-m-more div.ABA-lnb-sub-more-r:after {background-position: 0px -58px; right:0; }
.GNB-m-more div.ABA-lnb-sub-more-l:after {background-position:0px -6px; left:0; }

/* GNB 고정 */
#fixed-gnb-m { border-bottom:1px solid #eee; }
#fixed-gnb-m.fixed_gnb{position:fixed; top:0; width:100%; z-index:10; box-shadow:rgba(100 100 100 / 10%) 0 2px 3px; border:0; }

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

/* GNB 고정 시 배경 */
.GNB-color-01.fixed_gnb #ABA-gnb-m{ background-color:#F34C43;}
.GNB-color-02.fixed_gnb #ABA-gnb-m{ background-color:#F98912;}
.GNB-color-03.fixed_gnb #ABA-gnb-m{ background-color:#f3b10a;}
.GNB-color-04.fixed_gnb #ABA-gnb-m{ background-color:#4cb4db;}
.GNB-color-05.fixed_gnb #ABA-gnb-m{ background-color:#4492dd;}
.GNB-color-06.fixed_gnb #ABA-gnb-m{ background-color:#37528f;}
.GNB-color-07.fixed_gnb #ABA-gnb-m{ background-color:#5f3cc3;}
.GNB-color-08.fixed_gnb #ABA-gnb-m{ background-color:#242424;}
.GNB-color-09.fixed_gnb #ABA-gnb-m{ background-color:#444444;}
.GNB-color-10.fixed_gnb #ABA-gnb-m{ background-color:#7e7e7e;}

.GNB-color-01.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#f34c43 0,#f34c43 10px,rgb(243 76 67 / 0%) 100%);}
.GNB-color-01.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#f34c43 0,#f34c43 10px,rgb(243 76 67 / 0%) 100%);}
.GNB-color-02.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#F98912 0,#F98912 10px,rgb(249 137 18 / 0%) 100%);}
.GNB-color-02.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#F98912 0,#F98912 10px,rgb(249 137 18 / 0%) 100%);}
.GNB-color-03.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#f3b10a 0,#f3b10a 10px,rgb(243 177 10 / 0%) 100%);}
.GNB-color-03.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#f3b10a 0,#f3b10a 10px,rgb(243 177 10 / 0%) 100%);}
.GNB-color-04.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#4cb4db 0,#4cb4db 10px,rgb(76 180 219 / 0%) 100%);}
.GNB-color-04.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#4cb4db 0,#4cb4db 10px,rgb(76 180 219 / 0%) 100%);}
.GNB-color-05.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#4492dd 0,#4492dd 10px,rgb(68 146 221 / 0%) 100%);}
.GNB-color-05.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#4492dd 0,#4492dd 10px,rgb(68 146 221 / 0%) 100%);}
.GNB-color-06.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#37528f 0,#37528f 10px,rgb(55 82 143 / 0%) 100%);}
.GNB-color-06.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#37528f 0,#37528f 10px,rgb(55 82 143 / 0%) 100%);}
.GNB-color-07.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#5f3cc3 0,#5f3cc3 10px,rgb(95 60 195 / 0%) 100%);}
.GNB-color-07.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#5f3cc3 0,#5f3cc3 10px,rgb(95 60 195 / 0%) 100%);}
.GNB-color-08.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#242424 0,#242424 10px,rgb(36 36 36 / 0%) 100%);}
.GNB-color-08.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#242424 0,#242424 10px,rgb(36 36 36 / 0%) 100%);}
.GNB-color-09.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#444444 0,#444444 10px,rgb(68 68 68 / 0%) 100%);}
.GNB-color-09.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#444444 0,#444444 10px,rgb(68 68 68 / 0%) 100%);}
.GNB-color-10.GNB-m-more.fixed_gnb div.ABA-gnb-more-r { background:linear-gradient(to left,#7e7e7e 0,#7e7e7e 10px,rgb(126 126 126 / 0%) 100%);}
.GNB-color-10.GNB-m-more.fixed_gnb div.ABA-gnb-more-l  { background:linear-gradient(to right,#7e7e7e 0,#7e7e7e 10px,rgb(126 126 126 / 0%) 100%);}
[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:after, .GNB-m-more.fixed_gnb div.ABA-gnb-more-l:after {background-image: url("gnb_m_more_w.png");}


/* 퀵메뉴 (메뉴형) */
.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: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-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; }