/* 2024-08-05 (주)파이브센스_FIVESENSES.Corp. 배송지 모달창 노출을 위한 전체적인 수정 */
/*************************** 분리형 헤더 ***************************/
/* 
분리형 헤더 4
*/
.header04 .pc_header{padding: 24px 0 10px;}
.header04 .pc_header .container_fix{max-width: 1804px; width: 100%; justify-content: space-between;}
.header04 .pc_header .container_fix::before, .header04 .pc_header .container_fix::after{display: none;}
.header04 .pc_header .logo_box img{height: 40px;}
.header04 .header-menu .marker_box{width: 22px;}
.header04 .header-menu .marker_box > a.marker_icon{width: 20px; height: 25px; background: url(../../../../img/marker_icon_H4_w.png) center/20px 25px no-repeat;}
.header04 .header-menu .container_fix > .lnb_box{position: relative; z-index: 11; padding-top: 10px;}
.header04 .header-menu .container_fix > .lnb_box ul{display: flex; align-items: center; justify-content: flex-end;}
.header04 .header-menu .container_fix > .lnb_box > ul > li+li{margin-left: 25px;}
.header04 .header-menu .container_fix > .lnb_box > ul > li:last-child{margin-left: 25px;}
.header04 .header-menu .container_fix > .lnb_box.lang_on{padding-right: 70px;}
.header04 .header-menu .container_fix > .lnb_box.lang_on> ul > li:last-child{margin: 0;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list > li > a{position: relative; display: block;}
/* .header04 .header-menu .container_fix > .lnb_box .lnb_list > li > a.search_btn{margin-right: 30px; top: 6px;} */
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .cart_count{right: -9px; bottom: -5px; line-height: 15px; font-size: 9px; display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: var(--main-point-bg-color-hover);text-align: center;font-weight: 500;color: #fff;position: absolute;}
.header04 .header-menu .container_fix > .lnb_box li .cart_count{line-height: 20px; font-size: 12px; position: relative; width: 20px; height: 20px; margin-left: 3px; right: 0; bottom: 0;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box{display: inline-block;text-align: center;overflow: hidden;position: absolute;top: 11px;right: -9px;border: 1px solid transparent;z-index: 10;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box.active{border: 1px solid #ebebeb;border-radius: 3px;background: #fff;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn{position: relative;padding: 6px 11px 5px 10px;display: flex;align-items: center;gap: 4px;font-size: 15px; font-weight: 500;color: #333;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn::after{content: ''; display: block; width: 6px; height: 6px; border-left: 1px solid #222; border-bottom: 1px solid #222; position: relative; transform: rotate(-45deg); top: -2px; left: 2px;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn + .lang_ul{position: relative;width: 100%;padding: 0 10px 6px;border-top: 0;z-index: 1;display: none;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn span{color: #333;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: left;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li a{font-size: 14px; font-weight: 500;color: #999999;line-height: 22px; transition: 0.2s;}
.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li a:hover{color: #333;}
.pc_header .container_fix > .lnb_box .lnb_list {display:flex; align-items: center;}
.pc_header .container_fix > .lnb_box .lnb_list li {padding: 0 15px;}
.pc_header .container_fix > .lnb_box .lnb_list li:first-child {padding-left: 0;}
.pc_header .container_fix > .lnb_box .lnb_list li:last-child {padding: 0 6px 0 15px; position: relative;}
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg {width: 220px; padding: 19px 22px;}
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg .msg_box {font-size: 15px; color: #666;}
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg .address {margin-top: 15px; border-radius: 5px;}
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg .address a {font-size: 13px;}

/* 분리형 헤더 4 > 메뉴공통 */
.header04 .header-menu .container_fix{max-width: 1804px; width: 100%; display: flex; align-items: center; justify-content: flex-end;}
.header04 .header-menu .nav-top{left: 5px;}
.header04 .header-menu .pc-menu{background-color: transparent; height: 50px; transition: 0.3s; border-bottom: 1px solid transparent;}
.header04 .pc-menu .nav-top .menu-ul{float: left;}
.header04 .pc-menu .nav-top .menu_ul_01{width: auto; display: flex; align-items: flex-start; justify-content: flex-start;}
.header04 .pc-menu .nav-top .menu_ul_02{width: auto; padding-left: 14px; display: flex; align-items: flex-start; justify-content: flex-start;}
.header04 .pc-menu .nav-top .menu-ul .menu-li{display: inline-block; position: static; line-height: 48px;}
.header04 .pc-menu .nav-top .menu_ul_01 .menu-li:last-of-type .menu-a::after{content: ''; display: block; width: 1px; height: 14px; background-color: #c3c3c3; position: absolute; top: 50%; transform: translateY(-50%); right: -12px;}
.header04 .pc-menu .nav-top .all_category_btn{line-height: 48px;}
.header04 .pc-menu .nav-top .menu-a{background-color: transparent; font-size: 15px; color: #fff; position: relative; z-index: 10;}
.header04 .pc-menu .nav-top .menu_ul_01 .menu-a{padding: 0 10px;}
.header04 .pc-menu .nav-top .menu_ul_02 .menu-a{padding: 0 10px;}
.header04 .pc-menu .nav-top .menu-li:hover .menu-a, .header04 .pc-menu .nav-top .menu-li.on .menu-a{background-color: transparent; color: #fff;}
.header04 .pc-menu .nav-top .menu-li:hover .menu-a span, .header04 .pc-menu .nav-top .menu-li.on .menu-a span {font-weight: 600;}
.header04 .pc-menu .nav-top .sub-1dli.on .sub-1da{color: var(--main-point-color-hover);;}
.header04 .pc-menu .nav-top .all_category_btn .menu-a span{font-weight: 600;}
.header04 .pc-menu .nav-top .menu-a span {font-weight: 500;}
.header04 .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn img{filter: brightness(0) !important;}

/* 분리형 헤더 4 > 단일드롭1 (본인 2차만) */
.header04 .pc-menu .nav_oneline .nav-top.nav-both .sub-1div{left: 50%; transform: translateX(-50%);}
.header04 .pc-menu .nav_oneline .nav-top .sub-1da{border-bottom: none; font-size: 15px; color: #999999; transition: 0.3s; padding: 10px 25px;}

/* 분리형 헤더 4 > 단일드롭2 (전체 1차-2차) */
.header04 .pc-menu .nav_full .all_menu_wrap{top: 50px;}
.header04 .pc-menu .nav_full .all_menu_wrap > .container_fix{max-width: 1810px;}

/* 단일드롭3 (본인 1차-2차-3차) */
.header04 .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{top: 50px;}

/* 전체메뉴 전체보기 */
.at-header .pc-menu .all_menu_view{top: 50px;}
.at-header .pc-menu .all_menu_view > .container_fix{max-width: 1810px;}

/* 전체메뉴2 3차댑스 순차노출 */
.header-menu .pc-menu .all_menu_box{margin-left: 9px;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_a{padding: 0 18px;}

/* 헤더 스크롤 고정 */
.header04.fixed .header-menu .pc-menu{height: 70px;}
.header04.fixed .pc-menu .nav-top .menu-ul .menu-li{line-height: 70px;}
.header04.fixed .pc-menu .nav-top .all_category_btn{line-height: 68.5px;}
.header04.fixed .header-menu .container_fix > .lnb_box{padding-top: 0;}
.header04.fixed .header-menu .container_fix > .lnb_box ul{padding: 19px 0;}
.header04.fixed .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box{top: 20px;}
.header04.fixed .pc-menu .nav_full .all_menu_wrap{top: 70px;}
.header04.fixed .pc-menu .all_menu_view{top: 70px;}
.header04.fixed .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{top: 70px;}

/*************************** 일체형 헤더 ***************************/
/* 
일체형 헤더 4
*/
.at-header.transparent_H .marker_box > a.marker_icon{background: url(../../../../img/marker_icon_H4_w.png) center/20px 25px no-repeat;}
.at-header.transparent_H .lnb_box .lnb_list li .lang_btn_box .lang_btn .lang_icon{color: #fff;}
.at-header.transparent_H.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn::after{border-color: #fff;}
.at-header.transparent_H.header04 .header-menu .container_fix > .lnb_box .lnb_list li .lang_btn_box.active .lang_btn::after{border-color: #222;}

@media (max-width: 1400px){
    .header04 .pc-menu .nav-top .menu-a{font-size: 13px;}
    .header04 .header-menu .container_fix > .lnb_box > ul > li+li{margin-left: 15px;}
    .header04 .header-menu .container_fix > .lnb_box ul img{width: 18px;}
    .header04 .header-menu .container_fix > .lnb_box ul .myshop_btn_li img{width: 20px;}
    .header04 .header-menu .marker_box > a.marker_icon{width: 17px; height: 21px; background: url(../../../../img/marker_icon_H4_b.png) center/17px 21px no-repeat;}
    .at-header.transparent_H .marker_box > a.marker_icon{width: 17px; height: 21px; background: url(../../../../img/marker_icon_H4_w.png) center/17px 21px no-repeat;}
}