/* 2024-08-05 (주)파이브센스_FIVESENSES.Corp. 배송지 모달창 노출을 위한 전체적인 수정 */
/*
(주)파이브센스_FIVESENSES.Corp.
본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다.
무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다.
위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다.
작성일: 2025-02-25 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved.
*/
/*************************** 분리형 헤더 ***************************/
/* 
분리형 헤더 1
*/
.header01 .pc_header{padding: 18px 0 22px;}
.header01 .pc_header.off{transition: 0.3s;}
.header01 .pc_header .container_fix{max-width: 1660px; width: 100%;}
.pc_header .container_fix > div.logo_box img{width: 151px;}
.header01 .pc_header .myshop_btn_li img{height: 21px;}
.header01 .pc_header .marker_box{width: 17px;}
.header01 .pc_header .marker_box > a.marker_icon{width: 17px; height: 22px; background: url(../../../../img/marker_icon_H1_b.png) no-repeat;}
.header01 .pc_header .container_fix > div.search_box{width: 460px;}
.header01 .pc_header .container_fix > div.search_box > form{width: 100%;}
.header01 .pc_header .container_fix > div.search_box > form .header_search .search_btn{right: 23px; transform: none; margin-top: -10px;}
/* .header01 .pc_header .container_fix > div.search_box > form .header_search .search_btn img{transition: 0.3s;} */
.header01 .pc_header .container_fix > div.search_box > form .header_search input{border: none; background-color: rgba(85,85,85,0.12); border-radius: 20px; font-size: 13px; height: 40px; line-height: 40px; padding-left: 24px; padding-right: 50px; color:#5d5d5d;}
.header01 .pc_header .container_fix > div.search_box > form .header_search input::placeholder{color: #5d5d5d;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list > li > a{position: relative;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .cart_count{right: -9px; bottom: -6px; line-height: 15px; font-size: 9px; background: #af1720;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li.lang_btn_li{padding-left: 45px; position: relative;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box{display: inline-block;text-align: center;overflow: hidden;position: absolute;top: -13px;right: -10px;border: 1px solid transparent;z-index: 10;}
.header01 .pc_header.off .container_fix > .lnb_box .lnb_list li .lang_btn_box{z-index: 11;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active{border: 1px solid #ebebeb;border-radius: 3px;background: #fff;}
.header01 .pc_header.active .container_fix > .lnb_box .lnb_list li .lang_btn_box.active{opacity: 0;visibility: hidden;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn{position: relative;padding: 6px 10px 5px 7px;display: flex;align-items: center;gap: 4px;font-size: 14px; font-weight: 700;color: #333;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn::after{content: ''; display: block; width: 4px; height: 4px; border-left: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f; position: relative; transform: rotate(-45deg); top: -2px; left: 2px;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn + .lang_ul{position: relative;width: 100%;padding: 0 7px 6px;border-top: 0;z-index: 1;display: none;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn span{color: #333;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: left;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li a{font-size: 14px; font-weight: 700;color: #999999;line-height: 16px; transition: 0.2s;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li a:hover{color: #101010;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li.no_addredd{padding: 0;}

/* 분리형 헤더 1 > 메뉴공통 */
.header01 .pc_header.active + .header-menu{position: relative; z-index: 10; background-color: #fff;}
.header01 .header-menu .container_fix{max-width: 1660px; width: 100%;}
.header01 .header-menu .nav-top{display: flex; justify-content: space-between;}
.header01 .header-menu .pc-menu{background-color: transparent; height: 66px; transition: 0.3s; border-bottom: 1px solid transparent;}
.header01 .pc-menu .nav-top .menu_ul_01{width: 50%; display: flex; align-items: flex-start; justify-content: flex-start;}
.header01 .pc-menu .nav-top .menu_ul_02{width: 30%; display: flex; align-items: flex-start; justify-content: flex-end; margin-right:16px;}
.header01 .pc-menu .nav-top .menu-ul .menu-li{display: inline-block; position: static; line-height: 64px;}
.header01 .pc-menu .nav-top .menu_ul_02.menu-ul > li + li::before {content:""; height: 12px; width:1px; background:#9d9d9d; display: block; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.header01 .pc-menu .nav-top .menu_ul_02.menu-ul > .menu-li:last-child {padding-right:5px;}
.header01 .pc-menu .nav-top .menu_ul_02.menu-ul > .menu-li:last-child::after {content:"▼"; display: block; position: absolute; right:0; top:50%; transform: translateY(-50%); color:#a2a2a2; font-size:10px;}
.header01 .pc-menu .nav-top .menu-ul .all_category_btn{line-height: 64px;}
.header01 .pc-menu .nav-top .menu-ul .all_category_btn a {display:flex; gap:16px;}
.header01 .pc-menu .nav-top .menu-ul .all_category_btn a img {object-fit: none;}
.header01 .pc-menu .nav-top .menu_ul_01 .menu-a{padding: 0 17px; text-align: right; color: var(--main-point-color);}
.header01 .pc-menu .nav-top .menu_ul_02.menu-ul .menu-a{padding: 0 13px; text-align: right; color: #5d5d5d; font-weight: 500;}
.header01 .pc-menu .nav-top .menu-a{background-color: transparent; font-size: 16px; position: relative; z-index: 10; transition: 0.3s;}
.header01 .pc-menu .nav-top .menu-li:hover .menu-a, .header01 .pc-menu .nav-top .menu-li.on .menu-a{background-color: transparent; color: var(--main-point-color-hover);}
/* .header01 .pc-menu .nav-top .sub-1dli.on .sub-1da{color: var(--main-point-color-hover);} */
/* .header01 .pc-menu .nav-top .all_category_btn .menu-a{color: var(--main-point-color-hover);} */
.header01 .pc-menu .nav-top .menu-a span{font-weight: 700; position: relative;}
.header01 .pc-menu .nav-top .menu_ul_01 .menu-li:nth-last-child(-n+2) a span::after {content:""; width: 5px; height: 5px; background-color: #164ea6; border-radius:50%; position: absolute; top:0; right:-8px;}
.header01 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn img{filter: brightness(0) !important;}

/* 분리형 헤더 1 > 단일드롭1 (본인 2차만) */
.header01 .pc-menu .nav_oneline .nav-top.nav-both .menu_ul .sub-1div{position: absolute; /*width: 100%; right: 0;*/ min-width: 130px;}

/* 전체메뉴 3차댑스 순차노출 */
.header-menu .pc-menu .all_menu_box{left: 15px;}

/* 검색드롭 */
.at-header.pc .search_preview_box{top: 40px;}
.at-header.pc .pc_header.active .search_preview_box{opacity: 0;visibility: hidden;}


/*************************** 일체형 헤더 ***************************/
/* 
일체형 헤더 1
*/
.header01.transparent_H .pc_header .container_fix > div.search_box > form .header_search .search_btn img{}
.header01.transparent_H .pc_header .container_fix > div.search_box > form .header_search input{border: none; background-color: rgba(85,85,85,0.12);}
.header01.transparent_H .pc_header .container_fix > div.search_box > form .header_search input::placeholder{color: #5d5d5d;}
.header01.transparent_H .pc_header .marker_box > a.marker_icon{background: url(../../../../img/marker_icon_H1_b.png) no-repeat;}
.header01.transparent_H .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn{color: #fff;}
.header01.transparent_H .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn::after{border-color: #fff;}
.header01.transparent_H .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn::after{border-color: #1f1f1f;}
.header01 .header-menu.fixed .pc-menu .nav-top .menu-a{background-color: #fff;}

@media (max-width: 1400px){
    .header01 .pc-menu .nav-top .menu-a{font-size: 14px;}
    .header01 .pc-menu .nav-top .menu_ul_01 .menu-a{padding: 0 10px;}
}