/* 2024-08-05 (주)파이브센스_FIVESENSES.Corp. 배송지 모달창 노출을 위한 전체적인 수정 */
/*************************** 분리형 헤더 ***************************/
/* 
분리형 헤더 18
*/
.header18 .pc_header{padding: 15px 0 7px;}
.header01 .pc_header.off{transition: 0.3s;}
.header18 .pc_header > .container_fix{max-width: 1230px; width: 100%; justify-content: space-between;}
.header18 .pc_header .container_fix::before, .header18 .pc_header .container_fix::after{display: none;}
.header18 .pc_header .at_lnb .container_fix .lnb_list{width: 100%; display: flex; align-items: center; justify-content: right; margin-bottom: 18px;}
.header18 .pc_header .at_lnb .container_fix .lnb_list > li {position: relative;}
.header18 .pc_header .at_lnb .container_fix .lnb_list > li + li{margin-left: 13px; padding-left: 13px;}
.header18 .pc_header .at_lnb .container_fix .lnb_list > li + li::before {content: ''; display: block; width: 1px; height: 11px; background-color: #d0d0d0; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.header18 .pc_header .at_lnb .container_fix .lnb_list > li > a{font-size: 13px; color: #777777; line-height: 1em;}
.header18 .pc_header .logo_box{line-height: 48px;}
.header18 .pc_header.active .logo_box{opacity: 0;visibility: hidden;}
/* .header18 .pc_header .logo_box img{height: 32px;} */
.header18 .pc_header .marker_box{width: 20px; margin: 0 auto 5px;}
.header18 .pc_header.active .marker_box{opacity: 0;visibility: hidden;}
.header18 .pc_header .marker_box > a.marker_icon{width: 20px; height: 26px; background: url(../../../../img/marker_icon_H11_b.png) no-repeat; margin: 0;}
.header18 .pc_header .container_fix > div.search_box{width: 400px; position: absolute; top: 5px; left: 50%; transform: translateX(-50%);}
.header18 .pc_header.active .container_fix > div.search_box{opacity: 0;visibility: hidden;}
.header18 .pc_header .container_fix > div.search_box > form{width: 100%;}
.header18 .pc_header .container_fix > div.search_box > form .header_search .search_btn{right: 15px;}
.header18 .pc_header .container_fix > div.search_box > form .header_search input{border: 2px solid #222; background-color: #fff; font-size: 15px; font-weight: 400; height: 48px; line-height: 48px; border-radius: 0px; padding-left: 20px; padding-right: 50px;}
.header18 .pc_header .container_fix > div.search_box > form .header_search input::placeholder{color: #999999;}
.header18 .pc_header .container_fix > .lnb_box ul{display: flex; align-items: center;}
.header18 .pc_header .container_fix > .lnb_box > li+li{margin-left: 20px;}
.header18 .pc_header .container_fix > .lnb_box .lnb_list li{position: relative; padding: 0;}
.header18 .pc_header .container_fix > .lnb_box .lnb_list > li + li{margin-left: 25px;}
.header18 .pc_header .container_fix > .lnb_box .lnb_list li img {display: block; margin: 0 auto 5px;}
.header18 .pc_header .container_fix > .lnb_box .lnb_list li > a {text-align: center;}
.header18 .pc_header.active .container_fix > .lnb_box .lnb_list li > a {opacity: 0;visibility: hidden;}
.header18 .pc_header .container_fix > .lnb_box .lnb_list li > span,
.header18 .pc_header .container_fix > .lnb_box .lnb_list li > a > span {color: #777; font-size: 12px;}
.header18 .pc_header .container_fix > .lnb_box .lnb_list li > a > span.cart_count{right: 6px; bottom: 15px; line-height: 12px; font-size: 8px; width: 12px; height: 12px; color: #fff; background-color: var(--main-point-bg-color-hover);}
.header18 .pc_header .container_fix > .lnb_box .lnb_list li.no_addredd > span{display: none;}
.header18 .pc_header.active .container_fix > .lnb_box .lnb_list li > span{opacity: 0;visibility: hidden;}
.header18 .pc_header .lang_btn_box{position: absolute; top: 0; right: 15px; z-index: 11;}
.header18 .pc_header .at_lnb .container_fix .lnb_list > li.lang_btn_li{padding-left: 60px; position: relative;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box{display: inline-block;text-align: center;overflow: hidden;position: absolute;top: -13px;right: -4px;border: 1px solid transparent;z-index: 10;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box.active{border: 1px solid #ebebeb;border-radius: 3px;background: #fff;}
.header18 .pc_header.active .at_lnb .lnb_list li .lang_btn_box.active{opacity: 0; visibility: hidden;}
.header18 .pc_header.active .container_fix > .lnb_box .lnb_list li .lang_btn_box.active{opacity: 0;visibility: hidden;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box .lang_btn{position: relative;padding: 6px 6px 5px 8px;display: flex;align-items: center;gap: 10px; font-weight: 400;font-size: 13px; color: #777777;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box.active .lang_btn{gap: 5px;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box .lang_btn::after{content: ''; display: block; width: 5px; height: 5px; border-left: 1px solid #777777; border-bottom: 1px solid #777777; position: relative; transform: rotate(-45deg); top: -2px; left: 2px;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box .lang_btn + .lang_ul{position: relative;width: 100%;padding: 0 8px 6px;border-top: 0;z-index: 1;display: none;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: left;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li a{font-size: 12px; font-weight: 400;color: #777777;line-height: 16px; transition: 0.2s;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li a.on{color: #222222;}
.header18 .pc_header .at_lnb .lnb_list li .lang_btn_box.active .lang_btn + .lang_ul li a:hover{color: #222222;}

/* 분리형 헤더 18 > 메뉴공통 */
.header18 .pc_header.active + .header-menu{position: relative; z-index: 10; background-color: #fff;}
.header18 .header-menu .container_fix{max-width: 1230px; width: 100%;}
.header18 .header-menu .container_fix .scroll_box{display: none;}
.header18 .header-menu .nav-top{display: flex; justify-content: space-between; padding: 0 15px;}
.header18 .header-menu .pc-menu{background-color: transparent; height: 55px; transition: 0.3s;}
.header18 .pc-menu .nav-top .menu_ul_01{width: auto;}
.header18 .pc-menu .nav-top .menu_ul_02{width: auto;}
.header18 .pc-menu .nav-top .menu_ul_02 .order_delivery_btn{line-height: 55px;}
.header18 .pc-menu .nav-top .menu_ul_02 .order_delivery_btn a{display: inline-block;width: 100px;height: 30px;border: 1px solid #dfdfdf;border-radius: 15px;font-size: 13px;color: #777;text-align: center;line-height: 28px;}
.header18 .pc-menu .nav-top .menu-li{line-height: 53px; display: inline-block;}
.header18 .pc-menu .nav-top .all_category_btn{line-height: 56px; display: inline-block; width: 200px; margin-right: 24px;}
.header18 .pc-menu .nav-top .all_category_btn > .menu-a{padding: 0 42px 0 36px; text-align: left;position: relative; display: flex; align-items: center; background-color: #151515; color: #fff;}
.header18 .pc-menu .nav-top .all_category_btn > .menu-a span{margin-left: 18px;}
.at-header.header18 .pc-menu .nav-top .all_category_btn:hover > .menu-a{color: #fff;}
.header18 .pc-menu .nav-top .menu-a{background-color: transparent; font-size: 16px; padding: 0 35px; color: var(--main-point-color); position: relative; z-index: 10; transition: 0.3s;}
.header18 .pc-menu .nav-top .menu-li:hover .menu-a, .header18 .pc-menu .nav-top .menu-li.on .menu-a{background-color: transparent; color: var(--main-point-color-hover);}
.header18 .pc-menu .nav-top .sub-1dli.on .sub-1da{color: var(--main-point-color-hover);}
.header18 .pc-menu .nav-top .menu-a span{font-weight: 400;}

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

/* 분리형 헤더 18 > 단일드롭2 (전체 1차-2차) */
.header18 .pc-menu .nav_full .all_menu_wrap{top: 55px; z-index: 10;}
.header18 .pc-menu .nav_full .all_menu_wrap > .container_fix{max-width: 1230px;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_sub_a{padding: 10px 0;}

/* 단일드롭3 (본인 1차-2차-3차) */
.at-header .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{top: 55px; z-index: 10;}

/* 전체메뉴 전체보기 */
.at-header .pc-menu .all_menu_view{top: 55px;}
.at-header .pc-menu .all_menu_view > .container_fix{max-width: 1230px;}
.at-header .pc-menu .all_menu_view .all_menu_a{color: #333;}
.at-header .pc-menu .all_menu_view .all_sub_a{padding: 10px 0;}

/* 전체메뉴4 3차댑스 순차노출 */
.header-menu .pc-menu .all_menu_box{width: 200px; margin-top: -1px;}
.at-header.fixed .header-menu .pc-menu .all_menu_box{margin-top: 0;}
.header-menu .pc-menu .all_menu_box .all_ul li:first-child{padding-top: 0px;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_a{padding: 0 36px; line-height: 50px;}
.header-menu .pc-menu .all_menu_box.fm4_sb .all_ul > .all_li > .all_a,
.at-header.fixed .header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_a{color: #151515;}
.header-menu .pc-menu .all_menu_box.fm4_all .all_ul > .all_li:hover > .all_a{background-color: rgba(130, 39, 39, 0.7);}
.header-menu .pc-menu .all_menu_box.fm4_all.fm4_sb .all_ul > .all_li:hover > .all_a,
.at-header.fixed .header-menu .pc-menu .all_menu_box.fm4_all .all_ul > .all_li:hover > .all_a{color: var(--main-point-color-hover); background-color: #f8f8f8;}
.header-menu .pc-menu .all_menu_box.fm4_all.fm4_sb,
.at-header.fixed .header-menu .pc-menu .all_menu_box.fm4_all{background-color: #fff; border: 1px solid #eee;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div{top: -1px;}
.header-menu .pc-menu .all_menu_box.fm4_fix .all_ul > .all_li > .all_sub_div{height: auto !important;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div .all_sub_li a{line-height: 50px; padding: 0 36px;}
/* .header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div .all_sub_li:hover > a{color: #151515;} */
.header-menu .pc-menu .all_menu_box.fm4_fix .all_ul .all_li .all_sub_div2{height: auto !important;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div2 .all_sub_li2 a{line-height: 50px; padding: 0 36px;}

/* 헤더 스크롤 고정 */
.header18.fixed .header-menu .pc-menu{height: 60px;}
.header18.fixed .header-menu .lnb_box{padding: 15px 0;}
.header18.fixed .pc-menu .nav-top .menu-ul .menu-li{line-height: 59px;}
.header18.fixed .pc-menu .nav-top .all_category_btn{line-height: 60px;}
.header18.fixed .pc-menu .nav_full .all_menu_wrap{top: 60px;}
.header18.fixed .pc-menu .all_menu_view{top: 60px;}
.header18.fixed .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{top: 60px;}

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

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