/*************************** 분리형 헤더 ***************************/
/* 
분리형 헤더 10
*/
/* 분리형 헤더 10 > 메뉴공통 */
.header10 .header-menu .pc-menu .nav-visible{height: 100%;}
.header10 .header-menu .container_fix{max-width: 1230px; width: 100%; display: flex; align-items: center; justify-content: space-between; height: 100%;}
.header10 .header-menu .nav-top{display: flex; justify-content: space-between; height: 100%;}
.header10 .header-menu .pc-menu{background-color: transparent; height: 73px; transition: 0.3s; border-bottom: 1px solid transparent;}
.header10 .header-menu .logo_box{position: relative; z-index: 11; line-height: 71px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.header10 .header-menu .logo_box img{transition: 0.3s;}
.header10 .header-menu .marker_box{width: 17px;}
.header10 .header-menu .marker_box > a.marker_icon{width: 17px; height: 22px; background: url(../../../../img/marker_icon_H8_b.png) no-repeat;}
.header10 .pc-menu .nav-top .menu-ul{width: auto;}
.header10 .pc-menu .nav-top .menu-ul .menu-li-icon,
.header10 .pc-menu .nav-top .menu-ul .menu-li{display: inline-block; position: static; line-height: 71px; vertical-align: middle;}
.header10 .pc-menu .nav-top .menu-ul .all_category_btn{display: inline-block; line-height: 73px; margin-left: 36px; margin-right: 15px;}
.header10 .pc-menu .nav-top .menu-ul .menu-li-icon.admin_btn_li{margin-right: 20px;}
.header10 .pc-menu .nav-top .menu-ul .menu-li-icon.search_li{margin-left: 30px;}
.header10 .pc-menu .nav-top .menu-ul .menu-li-icon.address_li{margin-left: 30px;}
.header10 .pc-menu .nav-top .menu-ul .menu-li-icon.cart_li{margin-left: 32px;}
.header10 .pc-menu .nav-top .menu-ul .menu-li-icon.cart_li a{position: relative;}
.header10 .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: #0c506b;text-align: center;font-weight: 500;color: #fff;position: absolute;}
.header10 .pc-menu .nav-top .ham_btn{line-height: 79px; margin-left: 28px;}
.header10 .pc-menu .nav-top .menu-a{background-color: transparent; font-size: 14px; color: #151515; position: relative; z-index: 10; transition: 0.3s;}
.header10 .pc-menu .nav-top .menu_ul_01{width: auto; display: flex; align-items: center; justify-content: center;}
.header10 .pc-menu .nav-top .menu_ul_01 .menu-a{padding: 0 15px;}
.header10 .pc-menu .nav-top .menu_ul_02{display: flex; align-items: center; justify-content: flex-end;}
.header10 .pc-menu .nav-top .menu_ul_02 .myshop_btn_li > a {font-size: 16px; color: #151515; margin-right: 20px;}
.header10 .pc-menu .nav-top .menu_ul_02 .mypage_btn_li > a {font-size: 16px; color: #151515;}
.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li{position: relative; padding-left: 70px;}
.header10 .pc-menu .nav-top .menu-li:hover .menu-a, .header10 .pc-menu .nav-top .menu-li.on .menu-a{background-color: transparent; color: #0c506b;}
.header10 .pc-menu .nav-top .menu-a span{font-weight: 400;}
.header10 .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;}
.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active{border: 1px solid #ebebeb;border-radius: 3px;background: #fff;}
.header10 .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: #151515; line-height: 1em;}
.header10 .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 #222; border-bottom: 1px solid #222; position: relative; transform: rotate(-45deg); top: -4px; left: 2px;}
.header10 .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;}
.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: left;}
.header10 .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;}
.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a.on{color: #222;}
.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a:hover{color: #222;}
.header10 .pc_shop_menu .nav-top{width: 100%;}
.header10 .pc_shop_menu .menu-ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%;}
.at-header.transparent_H.header10 .pc_shop_menu .menu-li .menu-a{color: white;}
.header10 .pc_shop_menu .menu-li .menu-a{padding: 18px 30px; font-size: 16px; font-family: "Pretendard"; display: block; font-weight: 400; color: #222222;}
.header10 .pc_shop_menu .menu-li .menu-a:hover{color: #0c506b;}


/* 분리형 헤더 10 > 단일드롭1 (본인 2차만) */
.header10 .pc_shop_menu .nav_oneline .menu-li{position: relative;}
.header10 .pc_shop_menu .nav_oneline .nav-top.nav-both .sub-1div{left: 50%; transform: translateX(-50%); padding: 10px 0; position: absolute; background-color: white; width: 100%; text-align: center;}
.header10 .pc_shop_menu .nav_oneline .nav-top .sub-1da{border-bottom: none; font-size: 14px; line-height: 28px; color: #999999; transition: 0.3s; padding: 0 10px;}
.header10 .pc_shop_menu .nav_oneline .nav-top .sub-1da:hover{Color: #0c506b;}

/* 분리형 헤더 10 > 단일드롭2 (전체 1차-2차) */
.header10 .pc-menu .nav_full .all_menu_wrap{top: 80px;}
.header10 .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차) */
.header10 .header-menu .nav_threedepth .sub-1div > .container_fix{max-width: 1470px;}
.header10 .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{top: 80px;}

/* 전체메뉴 전체보기 */
.at-header .pc-menu .all_menu_view{top: 130px;}
.at-header .pc-menu .all_menu_view > .container_fix{max-width: 1230px;}
.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;}

/*************************** 일체형 헤더 ***************************/
/* 
일체형 헤더 10
*/
.at-header.transparent_H.header10 .pc-menu .menu_ul_02 .search_btn img,
.at-header.transparent_H.header10 .pc-menu .menu_ul_02 .address_li 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.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box .lang_btn{color: #fff;}
.at-header.transparent_H.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn{color: #151515;}
.at-header.transparent_H.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box .lang_btn::after{border-color: #fff;}
.at-header.transparent_H.header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li .lang_btn_box.active .lang_btn::after{border-color: #222;}
.at-header.transparent_H.header10 .pc-menu .nav-top .menu_ul_02 .mypage_btn_li > a{color: #fff;}
.at-header.transparent_H.header10 .pc-menu .nav-top .menu_ul_02 .myshop_btn_li > a{color: #fff;}

@media (max-width : 1900px){
    .header10 .pc-menu .nav_oneline .nav-top.nav-both .sub-1div{left: 65%;}
}
@media (max-width : 1700px){
    .header10 .header-menu .logo_box{position: relative; left: 0; transform: translateX(0);}
}
@media (max-width : 1400px){
    .header10 .pc-menu .nav-top .menu-a{font-size: 14px;}
    .header10 .pc-menu .nav-top .menu_ul_01 .menu-a{padding: 0 8px;}
    .header10 .pc-menu .nav-top .menu_ul_02 .myshop_btn_li > a{font-size: 14px; margin-right: 10px;}
    .header10 .pc-menu .nav-top .menu_ul_02 .mypage_btn_li > a{font-size: 14px;}
    .header10 .pc-menu .nav-top .menu_ul_02 .lang_btn_li{padding-left: 60px;}
}
@media (max-width : 1100px){
    /* .header10 .header-menu .logo_box{left: 55%;} */
}
