/* 분리용 */
#ABA-gnb  {background-color:#0092d8;} 
.ABA-bggnb-left, .ABA-bggnb-center, .ABA-bggnb-right { height:auto; }   /*gnb height값에 맞춰서 line6도 똑같이 수정*/
.ABA-gnb li a.GNB-a, .AB-menu-sub  { text-align:center; height:50px; line-height:50px; color:#ffffff; font-size:16px; font-weight:200; position:relative;}
a.GNB-a:hover, div.ABA-content-box.leftMenuWrap:hover {  background-color:#004ea2;  }
#AB-gnb-2127 a.GNB-a:hover {background-color: transparent;}
/* .ABA-gnb > li { background:url("210521_gnbbar_03.gif") left 50% no-repeat; } */

.ABA-gnb li a.GNB-a > span.AB-rleft {   content: ''; position: absolute; width: 1px; height: 16px; top: 50%; transform: translate(0, -50%); background: rgba(255, 255, 255, 0.3); }
.ABA-gnb li.AB-first { }
.ABA-gnb li.AB-first a.GNB-a > span.AB-lleft { left: 0; }
.ABA-gnb li a.GNB-a > span.AB-rleft { right: 0; }
.ABA-gnb li.AB-last a.GNB-a > span.AB-rleft { background:none; }
.AB-menu-sub a,.AB-menu-sub a:hover  {  color:#4d4d4d !important;  } 
.GNB-color-01 .AB-menu-sub  {  background-color:#ff0000;  } 
.GNB-color-02 .AB-menu-sub  {  background-color:#FF8330;  } 
.GNB-color-03 .AB-menu-sub  {  background-color:#ffc800;  } 
.GNB-color-04 .AB-menu-sub  {  background-color:#24b543;  } 
.GNB-color-05 .AB-menu-sub  {  background-color:#2bb2e6;  } 
.GNB-color-06 .AB-menu-sub  {  background-color:#175ca3;  } 
.GNB-color-07 .AB-menu-sub  {  background-color:#7750BB;  } 
.GNB-color-08 .AB-menu-sub  {  background-color:#333333;  } 
.GNB-color-09 .AB-menu-sub  {  background-color:#757575;  } 2023-09-18
.GNB-color-10 .AB-menu-sub  {  background-color:#aaaaaa;  } 

.ABA-gnb { height:auto;white-space:nowrap;background-position:0 -62px !important;} /*height:gnb height값 (line2와 동일), background-position:-(height값), margin:0 width값*/
.ABA-bggnb-left,.ABA-bggnb-right { width:2px; } 
.ABA-bggnb-left { background-position:0 -124px !important; } /*-(heightx2)값*/
.ABA-bggnb-right { background-position:0 0 !important; } 

.ABA-bggnbsub1-left,.ABA-bggnbsub1-right { width:19px; } /*gnbsub의 width,height값*/
.ABA-bggnbsub1-left { background-position:0 -50px !important; } /*-(gnbsub의 height값x2)*/
.ABA-bggnbsub1-right { background-position:0 0; } 

.ABA-gnb-sub-1 { top:50px; display:none;background-color:#fff;border-bottom:1px solid #ddd; } /*gnb와 gnbsub사이의 간격*/
.ABA-gnb-sub-1 li { background:url("bg_line.gif") 0 44% no-repeat;background-position:0 13px !important; } 	 /* 사이바 */
.ABA-gnb-sub-1 li a { font-weight:400 ;font-size:13px;line-height:normal !important;padding:10px 15px 10px 15px;display:inline-block; } 
.ABA-gnb .AB-child a { padding-right:12px; } 
.ABA-gnb .AB-child a span.AB-rleft { background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;right:3px;top:16px; } 		/* 하위 분류 존재시 노출되는 우측 아이콘*/
.ABA-gnb .AB-child a:hover span.AB-rleft {  background:url("exist_child_g.gif");  } 		/* 하위 분류 존재시 노출되는 우측 화살표 */
li.AB-current-gnb-sub a { font-weight:normal; } 


.ABA-gnb-sub-2 { background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;z-index:1; } 
.ABA-gnb-sub-2 li:last-child { border-bottom:0 !important; } 

div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li { min-width:120px; } 
div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a { font-weight:normal !important;text-align:left; font-size: 11px; color: #777777; line-height: 20px; padding: 7px 10px 7px 10px;} 
div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li.AB-current-gnb-sub a { font-weight:normal; } 

/* GNB-h */
.GNB-h .ABA-gnb-sub-1 { border-right:1px solid #ddd;border-left:1px solid #ddd; } 
.GNB-h .ABA-gnb-sub-1-ul { background-position:0 -25px !important;margin:0; }  /*gnbsub의 가운데부분 / margin 두번째값은 서브의 좌우마진*/
.GNB-h .ABA-gnb-sub-1 li a { text-decoration:none !important; } 
.GNB-h .ABA-gnb-sub-2 { top:36px;left:0; } 
.GNB-h .ABA-gnb-sub-2 li { background:none;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px dashed #ddd; } 

.GNB-color-01 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#ff0000 !important; } 
.GNB-color-02 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#FF8330 !important; } 
.GNB-color-03 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#ffc800 !important; } 
.GNB-color-04 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#24b543 !important; } 
.GNB-color-05 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#2bb2e6 !important; } 
.GNB-color-06 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#175ca3 !important; } 
.GNB-color-07 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#7750BB !important; } 
.GNB-color-08 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#333333 !important; } 
.GNB-color-09 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#757575 !important; } 
.GNB-color-10 .GNB-h .ABA-gnb-sub-2-ul li a:hover { color:#aaaaaa !important; } 


/* GNB-v */
.GNB-v .ABA-gnb-sub-1 { height:auto !important;min-width:130px;_width:120px;background-color:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-radius: 0 0 15px 15px; padding: 10px 0px 22px; } 
.GNB-v .ABA-gnb-sub-1 ul { background:none !important;margin:0;} 
.GNB-v .ABA-gnb-sub-1 li  { background:none !important;} 		
.GNB-v .ABA-gnb-sub-1 li.AB-child a span.AB-rleft  {  right:12px; top:17px;  } 
.GNB-v .ABA-gnb-sub-1 li.AB-last { border-bottom:0; } 
.GNB-v .ABA-gnb-sub-1 li a { padding:12px 15px; text-align:center; font-size:13px; } 
.GNB-v .ABA-gnb-sub-1 li a:hover { color:#fff !important; } 
.GNB-v .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;right:12px;top:16px;} 		/* 하위 분류 존재시 노출되는 우측 화살표 */
.GNB-v .ABA-gnb-sub-1 li.AB-child a:hover span.AB-rleft {  background:url("exist_child.gif");  } 		/* 하위 분류 존재시 노출되는 우측 화살표 */
.GNB-v .ABA-bggnbsub1-left,.GNB-v .ABA-bggnbsub1-right { width:0;height:0; } 

.GNB-color-01 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#ff0000; } 
.GNB-color-02 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#004ea2; } 
.GNB-color-03 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#ffc800; } 
.GNB-color-04 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#24b543; } 
.GNB-color-05 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#2bb2e6; } 
.GNB-color-06 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#175ca3; } 
.GNB-color-07 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#7750BB; } 
.GNB-color-08 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#333333; } 
.GNB-color-09 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#757575; } 
.GNB-color-10 .GNB-v .ABA-gnb-sub-1-ul li a:hover { background-color:#aaaaaa; } 

.GNB-color-01 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #ff0000;border-left:1px solid #ff0000; } 
.GNB-color-02 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #004ea2;border-left:1px solid #004ea2; } 
.GNB-color-03 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #ffc800;border-left:1px solid #ffc800; } 
.GNB-color-04 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #24b543;border-left:1px solid #24b543; } 
.GNB-color-05 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #2bb2e6;border-left:1px solid #2bb2e6; } 
.GNB-color-06 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #175ca3;border-left:1px solid #175ca3; } 
.GNB-color-07 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #7750BB;border-left:1px solid #7750BB; } 
.GNB-color-08 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #333333;border-left:1px solid #333333; } 
.GNB-color-09 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #757575;border-left:1px solid #757575; } 
.GNB-color-10 .GNB-v .ABA-gnb-sub-1-ul li:hover { border-right:1px solid #aaaaaa;border-left:1px solid #aaaaaa; } 

.GNB-color-01 .GNB-v .ABA-gnb-sub-1, .GNB-color-01 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #ff0000; } 
.GNB-color-02 .GNB-v .ABA-gnb-sub-1, .GNB-color-02 .GNB-h .ABA-gnb-sub-1 { } 
.GNB-color-03 .GNB-v .ABA-gnb-sub-1, .GNB-color-03 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #ffc800; } 
.GNB-color-04 .GNB-v .ABA-gnb-sub-1, .GNB-color-04 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #24b543; } 
.GNB-color-05 .GNB-v .ABA-gnb-sub-1, .GNB-color-05 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #2bb2e6; } 
.GNB-color-06 .GNB-v .ABA-gnb-sub-1, .GNB-color-06 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #175ca3; } 
.GNB-color-07 .GNB-v .ABA-gnb-sub-1, .GNB-color-07 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #7750BB; } 
.GNB-color-08 .GNB-v .ABA-gnb-sub-1, .GNB-color-08 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #333333; } 
.GNB-color-09 .GNB-v .ABA-gnb-sub-1, .GNB-color-09 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #757575; } 
.GNB-color-10 .GNB-v .ABA-gnb-sub-1, .GNB-color-10 .GNB-h .ABA-gnb-sub-1 { border-top:3px solid #aaaaaa; } 


/* GNB-w */
.AB-wide-gnb-sub { left:0;width:100%;background-color:#fff;border-bottom:2px solid #ddd; } 
.AB-wide-gnb-sub .AB-child a span.AB-rleft { background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;right:12px;top:16px;} 		/* 하위 분류 존재시 노출되는 우측 화살표 */
.AB-wide-gnb-sub .AB-child a:hover span.AB-rleft {  background:url("exist_child.gif");  } 		/* 하위 분류 존재시 노출되는 우측 화살표 */
.AB-wide-gnb-sub .ABA-gnb-sub-1  { height:200px !important;margin:10px 0; background:none !important;border-bottom:none; } 
.AB-wide-gnb-sub .ABA-gnb-sub-1 li a { color:#777 !important;padding:12px 17px 12px 10px; text-align:left !important; font-size:13px; } 
.AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { color:#fff !important; } 
.AB-wide-gnb-sub .ABA-gnb-sub-2 { border:1px solid #ddd; } 

.GNB-color-01 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#ff0000; } 
.GNB-color-02 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#FF8330; } 
.GNB-color-03 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#ffc800; } 
.GNB-color-04 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#24b543; } 
.GNB-color-05 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#2bb2e6; } 
.GNB-color-06 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#175ca3; } 
.GNB-color-07 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#7750BB; } 
.GNB-color-08 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#333333; } 
.GNB-color-09 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#757575; } 
.GNB-color-10 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#aaaaaa;color:#444 !important; } 
.GNB-color-10 .AB-wide-gnb-sub .AB-child a:hover span.AB-rleft { background-image:url("exist_child_g.gif"); } 

.GNB-color-01 .AB-wide-gnb-sub { border-top:3px solid #ff0000; } 
.GNB-color-02 .AB-wide-gnb-sub { border-top:3px solid #FF8330; } 
.GNB-color-03 .AB-wide-gnb-sub { border-top:3px solid #ffc800; } 
.GNB-color-04 .AB-wide-gnb-sub { border-top:3px solid #24b543; } 
.GNB-color-05 .AB-wide-gnb-sub { border-top:3px solid #2bb2e6; } 
.GNB-color-06 .AB-wide-gnb-sub { border-top:3px solid #175ca3; } 
.GNB-color-07 .AB-wide-gnb-sub { border-top:3px solid #7750BB; } 
.GNB-color-08 .AB-wide-gnb-sub { border-top:3px solid #333333; } 
.GNB-color-09 .AB-wide-gnb-sub { border-top:3px solid #757575; } 
.GNB-color-10 .AB-wide-gnb-sub { border-top:3px solid #aaaaaa; } 



/*1차뎁스 오버 및 선택시 컬러*/
.GNB-color-01 .ABA-gnb > li > a:hover, .GNB-color-01 .AB-menu-sub a:hover, .GNB-color-01 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-01 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-01 .ABA-gnb-sub-1-ul > li > a:hover { color:#ff0000; } 
.GNB-color-02 .ABA-gnb > li > a:hover, .GNB-color-02 .AB-menu-sub a:hover, .GNB-color-02 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-02 .ABA-gnb-sub-1-ul > li > a:hover { color:#ffffff; } 
.GNB-color-03 .ABA-gnb > li > a:hover, .GNB-color-03 .AB-menu-sub a:hover, .GNB-color-03 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-03 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-03 .ABA-gnb-sub-1-ul > li > a:hover { color:#ffc800; } 
.GNB-color-04 .ABA-gnb > li > a:hover, .GNB-color-04 .AB-menu-sub a:hover, .GNB-color-04 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-04 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-04 .ABA-gnb-sub-1-ul > li > a:hover { color:#24b543; } 
.GNB-color-05 .ABA-gnb > li > a:hover, .GNB-color-05 .AB-menu-sub a:hover, .GNB-color-05 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-05 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-05 .ABA-gnb-sub-1-ul > li > a:hover { color:#2bb2e6; } 
.GNB-color-06 .ABA-gnb > li > a:hover, .GNB-color-06 .AB-menu-sub a:hover, .GNB-color-06 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-06 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-06 .ABA-gnb-sub-1-ul > li > a:hover { color:#175ca3; } 
.GNB-color-07 .ABA-gnb > li > a:hover, .GNB-color-07 .AB-menu-sub a:hover, .GNB-color-07 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-07 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-07 .ABA-gnb-sub-1-ul > li > a:hover { color:#7750BB; } 
.GNB-color-08 .ABA-gnb > li > a:hover, .GNB-color-08 .AB-menu-sub a:hover, .GNB-color-08 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-08 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-08 .ABA-gnb-sub-1-ul > li > a:hover { color:#4D4D4D; } 
.GNB-color-09 .ABA-gnb > li > a:hover, .GNB-color-09 .AB-menu-sub a:hover, .GNB-color-09 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-09 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-09 .ABA-gnb-sub-1-ul > li > a:hover { color:#757575; } 
.GNB-color-10 .ABA-gnb > li > a:hover, .GNB-color-10 .AB-menu-sub a:hover, .GNB-color-10 .ABA-gnb > li.AB-current-gnb > a, .GNB-color-10 .ABA-gnb-sub-1-ul > li.AB-current-gnb-sub > a, .GNB-color-10 .ABA-gnb-sub-1-ul > li > a:hover { color:#aaaaaa; } 

/* 정기구독, 고객센터 스타일 */
#AB-gnb-2127 { float:right; }
#AB-gnb-2137 a.GNB-a span.AB-rleft {  display:none;  }
#AB-gnb-2127 a.GNB-a > .AB-lleft {  position: absolute; width: 92px; height: 30px; top: 50%; right: 0; margin-right: 10px; transform: translate(0, -50%); border: 1px solid rgba(255,255,255,0.8); border-radius: 11px;  }
#AB-gnb-2127 a.GNB-a > .AB-rleft {  position: absolute; right: 17px; width: 11.8px; height: 7.5px; background-image: url("abgnb_2127_arrow.png"); background-position: right top; background-repeat: no-repeat;}
#AB-gnb-2127.AB-last {margin-right:195px;}
#AB-gnb-2127.AB-last .GNB-a {font-size: 14px}
#AB-gnb-sc-1009 a.GNB-a:after { content:''; position: absolute; top:40%; right: 21px; width: 11.8px; height: 7.5px; background-image: url("abgnb_2127_arrow.png"); background-position: right top; background-repeat: no-repeat;}

/* 전체카테고리 하위메뉴 아이콘 */
.leftMenuWrap .category-wrap li [class*="category-sub"] { position: relative; }
.leftMenuWrap .category-wrap li [class*="category-sub"]:after {content: ''; position: absolute; width: 20px; height: 20px; left: 16px; top: 50%; transform: translate(0, -50%); background-repeat: no-repeat; background-position: left top;}
.leftMenuWrap .category-wrap li[id^="1001"] .category-sub-1001:after {background-image:url("all_menu_icon_01.png");}
.leftMenuWrap .category-wrap li[id^="1001"]:hover .category-sub-1001:after {background-image:url("all_menu_icon_01_over.png");}
.leftMenuWrap .category-wrap li[id^="1003"] .category-sub-1003:after {background-image:url("all_menu_icon_02.png");}
.leftMenuWrap .category-wrap li[id^="1003"]:hover .category-sub-1003:after {background-image:url("all_menu_icon_02_over.png");}
.leftMenuWrap .category-wrap li[id^="1004"] .category-sub-1004:after {background-image:url("all_menu_icon_03.png");}
.leftMenuWrap .category-wrap li[id^="1004"]:hover .category-sub-1004:after {background-image:url("all_menu_icon_03_over.png");}
.leftMenuWrap .category-wrap li[id^="1005"] .category-sub-1005:after {background-image:url("all_menu_icon_07.png");}
.leftMenuWrap .category-wrap li[id^="1005"]:hover .category-sub-1005:after {background-image:url("all_menu_icon_07_over.png");}
.leftMenuWrap .category-wrap li[id^="1006"] .category-sub-1006:after {background-image:url("all_menu_icon_04.png");}
.leftMenuWrap .category-wrap li[id^="1006"]:hover .category-sub-1006:after {background-image:url("all_menu_icon_04_over.png");}
.leftMenuWrap .category-wrap li[id^="1007"] .category-sub-1007:after {background-image:url("all_menu_icon_05.png");}
.leftMenuWrap .category-wrap li[id^="1007"]:hover .category-sub-1007:after {background-image:url("all_menu_icon_05_over.png");}
.leftMenuWrap .category-wrap li[id^="1007"] ~ li { display:none }

/* 검색창 스타일 */
.AB-text::placeholder {font-weight: 300;}
input[type="text"]:focus {outline:none; box-shadow:none;}