/* 기존 style.css 전체 코드 */
.cbp-hrmenu-btm > ul > li > a {display: block;padding: 0;width: 100%;line-height: 40px;font-size: 16px;border-radius: 4px;}
.cbp-hrmenu-btm > ul > li.active > a,
.cbp-hrmenu-btm > ul > li > a:hover{
   background-color: rgb(247, 249, 250);
}


/* 레이아웃 CSS */
.rows_gnb_wrap {border-top:1px solid rgba(255,255,255,0.2); padding-top: 10px; margin-top: 20px;}
.row_gnbs {position: relative;}
.row_gnbs .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {padding-left: 0px; padding-right: 0px;}
.row_gnbs .cbp-hrmenu > ul > li {padding-left: 0px; padding-right: 30px;}
.row_gnbs .cbp-hrmenu > ul {float:none !important; line-height: 100%;}
.gnb_wrap .row_gnbs nav {float:none;}
.row_gnbs .cbp-hrmenu .cbp-hrsub {top:40px;}


/* 기본: 모바일 버튼 숨김, PC 검색폼 표시 */
#search_top_btn {
   display: none !important;
 }
 .search_top_wrap {
   display: block !important;
 }
 
 /* 모바일(≤1024px): 버튼 표시, 검색폼 숨김 */
 @media (max-width: 1024px) {
   #search_top_btn {
     display: block !important;
   }
   .search_top_wrap {
     display: none !important;
   }
 }


.search_top_wrap {float:left; position: relative; width: 280px;}
.search_top_wrap input {border:0px; background-color: #fff; border-radius: 10x; height:40px; width: 100%; color:#000;}
.search_top_wrap input::placeholder{font-family:'font-R',sans-serif; color:#999;}
.search_top_wrap button {position: absolute; top:11px; right:15px;}
.search_top_wrap input:focus {border:0px !important;}
.search_top_wrap_inner {position: relative;}

/* 게시판 fixed 버튼 위치조정 */
.rb_bbs_wrap .btns_gr_wrap {top:185px !important;}

.co_header0 .rows_gnb_wrap {border-top:1px solid rgba(0,0,0,0.05);}
.co_header0 .search_top_wrap input {border: 1px solid #EAEDEF;}
.ser_display_none .search_top_wrap_inner {display: none;}

@media all and (max-width:1024px) {

   /* 레이아웃 CSS */
   .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
   .search_top_wrap {width: 30%;}
   .gnb_wrap .snb_wrap .qm_wrap a {width: auto; padding-left: 0px; margin-left: 20px;}
   .gnb_wrap .tog_wrap {margin-right: 20px;}

   /* 1.0.1 { */
   .mobile_cb {clear: both;}
   .search_top_wrap {display: none; float:none !important; width: 100%; margin-top: 10px;}
   .gnb_wrap .snb_wrap .my_btn_wrap {display: block;margin-left: 20px;}
   .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {display: none;}
   .gnb_wrap .snb_wrap .my_btn_wrap .btn_round {padding-left: 15px; padding-right: 15px; height:35px;}
   .gnb_wrap .snb_wrap .qm_wrap a span {left: 10px;}
   /* } */

   /* 1.1.1 { */
   .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
   /* } */

}


/* re_hide*/

/* 임시 삭제해도 됨*/
.hd__mnav__wr {
   width: 100%; /* 화면 크기에 맞게 너비를 설정 */
   max-width: 1280px; /* 최대 폭을 1400px로 제한 */
   margin: 0 auto; /* 중앙 정렬 */
   overflow-x: auto; /* 가로 스크롤 활성화 */
   white-space: nowrap; /* 한 줄로 나열되도록 설정 */
   box-sizing: border-box; /* 패딩과 테두리 포함한 전체 너비 계산 */
}

.hd__mnav__ul {
   display: inline-flex; /* 메뉴 항목들을 가로로 나열 */
   padding: 0;
   margin: 0;
   white-space: nowrap; /* 줄바꿈 방지 */
}

.hd__mnav__list {
   flex-shrink: 0; /* 항목이 줄어들지 않도록 설정 */
   padding: 0 10px;
}

.hd__mnav__list a {
   display: block;
   font-size: 16px;
   font-weight: 600;
   white-space: nowrap; /* 텍스트 줄바꿈 방지 */
}

.sub__menu {
   /* display: none; */ /* 서브 메뉴 숨김 */
}

.hd__mnav__list.on .sub__menu {
   display: block; /* 활성화된 메뉴에 대한 서브 메뉴 표시 */
   position: absolute;
   top: 100%; /* 상위 메뉴 바로 아래에 위치 */
   left: 0;
   background-color: white;
   z-index: 1000;
}

/** 임시 삭제해도 됨**/
/* 고객지원 메뉴 특별 스타일 - 수정 */
.unified_submenu_wrap .submenu_list li.cs_menu_item {
    margin-left: auto; /* 첫 번째 cs_menu_item만 오른쪽으로 밀기 */
}

.unified_submenu_wrap .submenu_list li.cs_menu_item ~ li.cs_menu_item {
    margin-left: 0; /* 두 번째 이후 cs_menu_item은 일반 간격 유지 */
}

/* 공지사항, 개선/제안, 고객지원 모두 파란색 적용 */
.unified_submenu_wrap .submenu_list li.cs_menu_item a,
.unified_submenu_wrap .submenu_list li:nth-last-child(-n+3) a {
    color: #0000FF;
    font-weight: 600;
}


.re_hide{display:none;}

.inner{width:95% !important; margin:0 auto; max-width:1400px;}
.gnb_wrap ul{float:initial;}
.hd__mnav__wr .hd__mnav__list .sub_menu{width: 100%;height: 250px; line-height: 42px;font-size: 13px;}
.hd__mnav__list.on .sub_menu{display:flex;}
.hd__mnav__wr .hd__mnav__list .sub__menu{transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); 
border-top:1px solid #EAEDEF;border-bottom:1px solid #EAEDEF;position:fixed;width: 100%; left:0; top: 80px;background: #fff;opacity: 0; z-index: -2;visibility: hidden;}
.fixed .hd__mnav__wr .hd__mnav__list .sub__menu{}
.fixed .gnb_wrap{position:relative;}
.fixed .hd__mnav__wr .hd__mnav__list.on .sub__menu{top:0;}
.gnb_wrap:before{content:'';position: absolute;top: 0;bottom: -2px;left: 50%;width: 100vw;transform: translateX(-50%);background-color: #fff;border-bottom: 1px solid #EAEDEF;margin-top: -10px;}
.fixed .hd__mnav__wr .hd__mnav__list .sub__menu{top:0;}
.hd__mnav__wr .hd__mnav__list.on .sub__menu,
.hd__mnav__wr .hd__mnav__list.active .sub__menu{display:flex;opacity: 1;visibility: inherit;}
.hd__mnav__wr .hd__mnav__list.on .sub__menu{z-index: -1; top:80px; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
.hd__mnav__wr .hd__mnav__list.on .top_sub_menu,
.hd__mnav__wr .hd__mnav__list.active .top_sub_menu{color:#0000FF;}
/*.hd__mnav__wr .hd__mnav__list .sub__menu{display:flex; !important;}*/
.hd__mnav__wr .hd__mnav__list .sub__menu ul li.on a,
.hd__mnav__wr .hd__mnav__list .sub__menu ul li.active a{font-weight: 700; border-bottom:2px solid #0000FF; color:#0000FF;}
.hd__mnav__wr .hd__mnav__list .sub__menu ul{ width:95%; height:50px; line-height: 50px; color:#999; max-width: 1400px; margin: 0 auto; display: flex;justify-content:flex-start; gap: 20px; align-items: center;}
.hd__mnav__wr .hd__mnav__list .sub__menu a{color:#2F3438;}
.gnb_wrap .inner{display: flex;align-items: center; position:relative;}
.hd__mnav__wr .hd__mnav__list:first-child .top_sub_menu{/*color:#0000FF;*/}
main.moves .hd__mnav__wr .hd__mnav__list .sub__menu{left:100%;}


.hd__mnav__wr{position:relative; flex: 1 1 0px;}
.hd__mnav__wr .hd__mnav__ul{display:flex; max-width:1400px; margin:0 auto;}
.hd__mnav__wr .hd__mnav__ul.left__style{text-align:left; padding:0 0px 0 140px;}
.hd__mnav__wr .hd__mnav__ul.right__style{text-align:right; padding:0 0px 0 0px;}
.hd__mnav__wr .hd__mnav__ul.center__style{display:flex; text-align:center;}
.hd__mnav__wr .hd__mnav__list{transition:0.2s;float:left; display:inline-block; }
.hd__mnav__wr .hd__mnav__list:nth-child(1){padding-left:0;}
.hd__mnav__wr .hd__mnav__list a{display:block; font-size:15px; font-weight: 600; color:#000;}
.hd__mnav__wr .hd__mnav__list .top_sub_menu{padding:15px 0;}
.hd__mnav__snav__wr{display:none; position:absolute; top:100px; left:50%; transform:translateX(-50%); width:auto; height:0px; line-height:70px; z-index:0;  opacity:1; transition: all .3s; overflow: hidden; text-align:center;background:cornsilk;}
.hd__mnav__snav__wr.on{display:block;height:auto;}
.hd__mnav__snav__wr li {display: inline-block; margin:0 20px;}
.hd__mnav__snav__wr li a {font-size:1.5rem; display:inline-block;}

.hd__right__nav{display:flex; align-items:center; flex-direction: row-reverse;}
.mo_sub_mnav__wr{display:none;}
.close_btn_wr{display:none;}

/* 언어 선택 스타일 */
.hd__mnav__ul .qm_wrap {
    position: relative;
    padding: 0 10px;
    display: inline-block;
    float: left;
}
#google_notranslate_top {
    display:none;
}
.hd__mnav__ul .qm_wrap .hd_lang_btn {
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.hd__mnav__ul .qm_wrap .hd_lang_btn:hover {
    color: #0000FF;
}

.hd__mnav__ul .qm_wrap .hd_lang_btn span {
    font-size: 15px;
    font-weight: 600;
}

/* 언어 선택 드롭다운 */
.hd__mnav__ul .qm_wrap .lang_select_box {
    display: none;
    position: fixed !important;  /* absolute에서 fixed로 변경 */
    top: auto !important;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 999999 !important;  /* 최상위 z-index */
    min-width: 150px;
}

.hd__mnav__ul .qm_wrap.active .lang_select_box {
    display: block !important;
}

.hd__mnav__ul .qm_wrap .lang_select_box ul {
    padding: 8px 0;
    margin: 0;
    list-style: none;
}

.hd__mnav__ul .qm_wrap .lang_select_box ul li {
    padding: 0;
    margin: 0;
}

.hd__mnav__ul .qm_wrap .lang_select_box ul li a {
    display: block;
    padding: 10px 20px;
    color: #333;
    font-size: 14px;
    transition: all 0.2s;
    text-decoration: none;
}

.hd__mnav__ul .qm_wrap .lang_select_box ul li a:hover {
    background: #f8f8f8;
    color: #0000FF;
}

/* 구글 번역 위젯 숨김 처리 */
#google_translate_element {
    display: none !important;
}

.goog-te-gadget {
    font-family: inherit !important;
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-size: 14px !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #333 !important;
}

.goog-te-gadget-simple:hover {
    background-color: #f5f5f5 !important;
}

/* 구글 번역 바 숨기기 */
.goog-te-banner-frame {
    display: none !important;
}

body {
    top: 0 !important;
}

/* 구글 번역 아이콘 숨기기 */
.goog-te-gadget-icon,
.goog-te-menu-value span:first-child,
.goog-te-menu-value .goog-te-menu-value-icon,
.goog-te-menu-value .goog-te-menu-value-icon img,
.goog-te-menu-value .goog-te-menu-value-icon span {
    display: none !important;
    background: none !important;
}

/* 혹시 남아있는 영역도 숨김 */
.goog-te-menu-value {
    padding-left: 0 !important;
}

.goog-te-menu-value span:first-child {
    display: none !important;
}

.goog-te-menu-value:before {
    content: '' !important;
}

/* 서브메뉴 리스트 아이템 position 설정 - 새글 표시용 */
.unified_submenu_wrap .submenu_list li {
    position: relative;
}

/* 링크 스타일도 조정 */
.unified_submenu_wrap .submenu_list li a {
    display: inline-flex;
    align-items: center; /* 세로 가운데 정렬 */
    gap: 0; /* gap 제거하고 margin-left 사용 */
    font-size: 15px;
    font-weight: 600;
    color: #2F3438;
    padding: 0 12px;
    transition: color 0.2s;
    height: 48px;
    line-height: 1; /* line-height를 1로 변경하여 flex align-items가 제대로 작동하도록 */
    white-space: nowrap;
}

/* ========================================
   새글 N 아이콘 표시 스타일 
   ======================================== */
/* 새글 N 아이콘 기본 스타일 */
.unified_submenu_wrap .new_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #FF0000;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%;
    line-height: 1;
    font-family: Arial, sans-serif;
    animation: softBlink 2s ease-in-out infinite;
    margin-left: 6px; /* 텍스트와 아이콘 사이 간격 추가 */
    position: relative;
    top: -1px; /* 세로 정렬을 위한 미세 조정 */
    flex-shrink: 0; /* 아이콘이 찌그러지지 않도록 */
}

/* 부드러운 깜빡임 애니메이션 효과 */
@keyframes softBlink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}

/* 활성 메뉴의 새글 표시 - 파란색 */
.unified_submenu_wrap .submenu_list li a.active .new_icon {
    background-color: #0000FF;
    animation: softBlink 3s ease-in-out infinite;
}

/* 고객지원 메뉴의 새글 표시 - 파란색 */
.unified_submenu_wrap .submenu_list li.cs_menu_item .new_icon {
    background-color: #0000FF;
}

@media (pointer: fine) {
   .hd__mnav__wr .hd__mnav__list .sub__menu ul li a:hover{color: #0000FF;}
   .hd__mnav__wr .hd__mnav__list .top_sub_menu:hover{color: #0000FF;}
}



@media (max-width: 1280px) {
   .gnb_wrap .snb_wrap .my_btn_wrap{margin-left: 20px;}
   .search_top_wrap{width:180px;}

}


@media screen and (max-width:1024px){
   .hd__mnav__wr .hd__mnav__list .sub__menu ul{display:none;}
   .gnb_wrap .inner{height:80px; line-height: 80px;}
   .hd__right__nav{width:100%;}
   #header{padding:0;}
   .mo_sub_mnav__wr{background-color: #fff; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); display:block; position:fixed; top:82px; left:0; height:40px; line-height: 40px; border-bottom: 1px solid #EAEDEF; width:100%;}
   main.moves .sub__menu{left: 100%;}
   .gnb_wrap .snb_wrap{display:none;}
   .index{padding-top: 70px;}


   .mo_sub_mnav__wr .list__sub__menu{max-width:1024px; width:95%; margin:0 auto;}
   .mo_sub_mnav__wr .list__sub__menu ul{display:none;}
   .mo_sub_mnav__wr .list__sub__menu ul.active{display:flex;}
   .mo_sub_mnav__wr .list__sub__menu ul li{padding:0 10px;}
   .mo_sub_mnav__wr .list__sub__menu ul li:first-child{padding-left: 0;}
   .mo_sub_mnav__wr .list__sub__menu ul li a{display: block;font-size: 15px;font-weight: 600;color: #333;}
   .mo_sub_mnav__wr .list__sub__menu ul li.active a{padding-left: 0; color:#0000FF; border-bottom: 2px solid #0000FF;}




   .gnb_wrap .logo_wrap{margin-right: 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
   .rb_icon_menu_wrap{padding-top: 120px;}
}



@media (max-width: 768px) {
   .sub__menu.sub__menu01{display:none !important;}
   .mo_sub_mnav__wr .list__sub__menu{overflow-x: auto; white-space: nowrap;}
   .close_btn_wr{display:block;}
   .index{padding-top: 40px;}
}

@media (max-width: 480px) {
   .hd__mnav__wr .hd__mnav__list .top_sub_menu{padding:10px 0;}

}


@media (max-width:1024px){
   .mobile_sub__menu{padding: 0 15px 120px 15px !important;}
   .cbp-hrmenu-btm > ul > li.add_arr_svg.active{}
   .cbp-hrmenu-btm > ul > li + li{margin-top:4px;}
   .add_arr_svg .sub__menu li{margin-top: 4px;}
   .add_arr_svg .sub__menu li + li{margin-top:4px;}
   .add_arr_svg .sub__menu li a{ display: block; padding: 0 14px; border-radius: 4px; overflow: hidden; line-height: 40px; color: #666;}
   .add_arr_svg .sub__menu li.active a,
   .add_arr_svg .sub__menu li a:hover{background-color: rgb(247, 249, 250); color: #000;}
}