/* 2024-08-05 (주)파이브센스_FIVESENSES.Corp. 배송지 모달창 노출을 위한 전체적인 수정 */
/*************************** 분리형 헤더 ***************************/
/* 
분리형 헤더 8
*/
/* 분리형 헤더 8 > 메뉴공통 */
.header08 .header-menu .container_fix{max-width: 1480px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.header08 .header-menu .nav-top{display: flex; justify-content: space-between;}
.header08 .header-menu .pc-menu{background-color: transparent; height: 80px; transition: 0.3s; border-bottom: 1px solid transparent;}
.header08 .header-menu .logo_box{position: relative; z-index: 11; line-height: 80px;}
.header08 .header-menu .logo_box img{ transition: 0.3s;}
.header08 .header-menu .myshop_btn_li img{height: 22px;}
.header08 .header-menu .marker_box{width: 17px;}
.header08 .header-menu .marker_box > a.marker_icon{width: 17px; height: 22px; background: url(../../../../img/marker_icon_H8_b.png) no-repeat;}
.header08 .header-menu .marker_box .msg_box{white-space: normal;}
.header08 .pc-menu .nav-top .menu-ul{width: auto;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon,
.header08 .pc-menu .nav-top .menu-ul .menu-li{display: inline-block; position: static; vertical-align: middle;white-space : nowrap;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon > a,
.header08 .pc-menu .nav-top .menu-ul .menu-li > a{line-height: 79px;}
.header08 .pc-menu .nav-top .menu-ul .all_category_btn{display: inline-block; line-height: 78px;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon.search_li{margin-left: 20px;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon.myshop_btn_li{margin-left: 20px;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon.mypage_btn_li{margin-left: 20px;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon.address_li{margin-left: 20px;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon.cart_li{margin-left: 20px;}
.header08 .pc-menu .nav-top .menu-ul .menu-li-icon.cart_li a{position: relative;}
.header08 .header-menu .container_fix .menu_ul_02 li .cart_count{right: -9px; bottom: -4px; 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;}
.header08 .pc-menu .nav-top .ham_btn{line-height: 79px; margin-left: 28px;}
.header08 .pc-menu .nav-top .menu-a{background-color: transparent; font-size: 16px; color: var(--main-point-color); position: relative; z-index: 10;}
.header08 .pc-menu .nav-top .menu_ul_01{width: auto; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 30.5%; transform: translateX(-50%);}
.header08 .pc-menu .nav-top .menu_ul_01 .menu-a{padding: 0 25px;}
.header08 .pc-menu .nav-top .menu_ul_02{display: flex; align-items: center; justify-content: flex-end;}
.header08 .pc-menu .nav-top .menu_ul_02 .mypage_btn_li > a {font-size: 16px; color: var(--main-point-color);}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li{position: relative; padding-left: 66px;}
.header08 .pc-menu .nav-top .menu-li:hover .menu-a, .header08 .pc-menu .nav-top .menu-li.on .menu-a{background-color: transparent; color: #222222;}
.header08 .pc-menu .nav-top .menu-a span{font-weight: 400;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box{display: inline-block;text-align: center;overflow: hidden;position: absolute;top: -18px;right: 0;border: 1px solid transparent;z-index: 10;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active{border: 1px solid #ebebeb;border-radius: 3px;background: #fff;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box .lang_btn{position: relative;padding: 9px 9px 9px 9px;display: flex;align-items: center;gap: 5px;font-size: 16px; font-weight: 400;color: var(--main-point-color); line-height: 1em;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box .lang_btn::after{content: ''; display: block; width: 7px; height: 7px; border-left: 1px solid var(--main-point-color); border-bottom: 1px solid var(--main-point-color); position: relative; transform: rotate(-45deg); top: -4px; left: 2px;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box .lang_btn + .lang_ul{position: relative;width: 100%;padding: 0 10px 6px;border-top: 0;z-index: 1;display: none;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: left;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a{font-size: 16px; font-weight: 400;color: #999999;line-height: 20px; transition: 0.2s;}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a.on{color: var(--main-point-color);}
.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a:hover{color: var(--main-point-color);}

.header08 .pc_header .container_fix .menu-ul .lang_btn_li li .lang_btn_box.active .lang_btn img{filter: brightness(0) !important;}

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

/* 분리형 헤더 8 > 단일드롭2 (전체 1차-2차) */
.header08 .pc-menu .nav_full .all_menu_wrap{top: 80px;}
.header08 .pc-menu .nav_full .all_menu_wrap > .container_fix{max-width: 1470px;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_sub_a{font-size: 15px;padding: 10px 0;}

/* 단일드롭3 (본인 1차-2차-3차) */
.header08 .header-menu .nav_threedepth .sub-1div > .container_fix{max-width: 1470px;}
.header08 .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{top: 80px;}

/* 전체메뉴 전체보기 */
.at-header .pc-menu .all_menu_view{top: 80px;}
.at-header .pc-menu .all_menu_view > .container_fix{max-width: 1470px;}
.at-header .pc-menu .all_menu_view .all_sub_a{font-size: 15px; padding: 10px 0;}

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

/*************************** 일체형 헤더 ***************************/
/* 
일체형 헤더 8
*/
.at-header.transparent_H.header08 .pc-menu .menu_ul_02 .search_btn img{filter: brightness(2000%);}
.at-header.transparent_H .marker_box > a.marker_icon{background: url(../../../../img/marker_icon_H8_w.png) no-repeat;}
.at-header.transparent_H.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box .lang_btn{color: #fff;}
.at-header.transparent_H.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn{color: var(--main-point-color);}
.at-header.transparent_H.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box .lang_btn::after{border-color: #fff;}
.at-header.transparent_H.header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn::after{border-color: var(--main-point-color);}
.at-header.transparent_H.header08 .pc-menu .nav-top .menu_ul_02 .mypage_btn_li > a{color: #fff;}


@media (max-width : 1510px){
    .header08 .header-menu .nav-top{padding: 0 15px;}
    .header08 .pc-menu .nav-top .menu_ul_01{position: relative; left: 0; transform: translateX(0);}
    .at-header .pc-menu .all_menu_view{left: calc(50% + 23%); width: calc(100vw + 60px);}
    .header08 .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{left: 69%;}
    .header08 .pc-menu .nav-top .menu-a{font-size: 14px;}
    .header08 .pc-menu .nav-top .menu_ul_02 .mypage_btn_li > a{font-size: 14px;}
}
@media (max-width : 1350px){
    .at-header .pc-menu .all_menu_view{left: calc(50% + 30%); width: calc(100vw + 75px);}
    .at-header .pc-menu .all_menu_view > .container_fix{padding: 0 50px;}
}
@media (max-width : 1240px){
    .at-header .pc-menu .all_menu_view{left: calc(50% + 24%); width: calc(100vw + 80px);}
    .header08 .pc-menu .nav-top .menu_ul_02 .lang_btn_li{padding-left: 65px;}
    .header08 .pc-menu .nav-top .menu_ul_01 .menu-a{padding: 0 8px;}
    .header08 .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{left: 72%;}
}
@media (max-width : 1090px){
    .at-header .pc-menu .all_menu_view{left: calc(50% + 26%);}
}


.at-header.transparent_H .mypage_btn_li img {filter: invert(0);}
.at-header .mypage_btn_li img {filter: invert(1);}