@charset "utf-8";

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../../font/Pretendard/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Regular.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../../font/Pretendard/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../../font/Pretendard/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../../font/Pretendard/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
}


.rvHead {display: none !important;}

body {padding-top: 0 !important; box-sizing: border-box;}
html > body {padding-top: 0 !important;}

@media all and (min-width: 1025px) {
    body {overflow-x: hidden;}
}
@media all and (max-width: 768px) {
    body {padding-top: 95px !important; box-sizing: border-box;}
    html > body {padding-top: 95px !important;}
}
/* @meida all and (max-width: 1024px) {
    body {padding-top: 65px !important;}
} */
body.overHiddenX {overflow-x: hidden;}

.swiper {
    touch-action: pan-y; 
}


/*
#=========================================#
|                  HEADER                 |
#=========================================#
*/
.topBannerImageContainer{margin-top:0 !important}
#header_warp{/* position:fixed; */ position: sticky; top:0;z-index:100; width: 100%;}
header {position: relative;display: block;width: 100%;height: 95px;box-sizing: border-box;box-sizing: border-box;padding: 0 30px;z-index: 100;background: #fff;/* border-bottom: 1px solid rgba(190,190,190,0.5); */}

@media all and (max-width: 768px) {
    #header_warp{position:fixed;}
    header {background: transparent;}
}


.body-main header {border-bottom: 0 !important;}
header:before {background: #fff; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; transform-origin: center top; transform: scaleY(0); opacity: 0; z-index: -1; transition: transform 0.3s ease-in-out, opacity 0.3s;}
header.scroll:before {transform: scaleY(100%); opacity: 1;}
header:active:before {transform: scaleY(100%); opacity: 1;}
header:hover:before {transform: scaleY(100%); opacity: 1;}


header a {cursor: pointer;}
header button {cursor: pointer;}
header * {box-sizing: border-box;}


.new_header {position: relative; display: flex; align-items: center; width: 100%; height: 95px; max-width: 1800px; margin: 0 auto;}
.new_header .logo {display: flex;align-items: center;line-height: 1;font-size: 0;height: auto;width: 169px;}
.new_header .logo .mo {display: none;}

.new_header .logo svg.pc {width: 125px;}


/* 메뉴 */
.header_menu {position: relative;display: block;width: calc(100% - 169px - 345px);width: fit-content;}
.depth2_box > ul {margin-left: 25px;}

/* 하위메뉴 */
.backDim {position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100%; visibility: hidden; opacity: 0; background: rgba(0,0,0,.15); z-index: 81;transition-delay: 0.05s;}
.backDim.on {visibility: visible; opacity: 1;}

/* 헤더 배너 슬라이더 */
/* .header_banner_slider {position: absolute; right: 262px; top: 99px; z-index: 1; display: block; height: auto; font-size: 0; visibility: hidden; opacity: 0; transition: visibility 0s linear 0s, opacity 0.1s ease-in-out;}
.header_banner_slider__inner {position: relative; display: block; width: 100%;}
.header_banner_slider.show {visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 0.1s ease-in-out 0.1s;}
.header_banner_slider.show2 {visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 0.1s ease-in-out 0.1s;}
.header_banner_slider .swiper {position: relative; display: block; width: 200px; min-height: 200px;}
.header_banner_slider .swiper .swiper-wrapper {height: auto;}
.header_banner_slider .swiper .swiper-slide {/* height: 200px; *//*  background: #e4e4e4; }
.header_banner_slider .swiper .swiper-slide img {display: block; width: 100%; height: auto;} */

.header_banner_slider .swiper-pagination { /* bottom: -25px !important; */ bottom: -15px !important; top: unset !important;}
.header_banner_slider .swiper-pagination .swiper-pagination-bullet {background: #d9d9d9 !important; width: 6px; height: 6px; padding: 0 !important; margin: 0 3px !important; opacity: 1 !important;}
.header_banner_slider .swiper-pagination .swiper-pagination-bullet-active {background: #5b5b5b !important}


/* 상단 우측 유저 메뉴 */
header .right_menu {position: absolute; right: 0; top: 0; display: flex; align-items: center; line-height: 1; flex-wrap: wrap; width: fit-content; height: 100%; font-family: 'Pretendard';}
header .right_menu a.store {display: flex; align-items: center; line-height: 1; }
header .right_menu a.store img {display: block; width: 15px; margin-right: 7px;}
header .right_menu a.store img.mo {display: none;}
header .right_menu a.store span {font-family: 'Pretendard'; font-size: 15px; font-weight: 500; color: #000; }

.right_menu > .bar {display: block; width: 1px; height: 20px; background: #000; margin: 0 28px;}
.right_menu ul {display: flex; align-items: center; line-height: 1; font-size: 0;}
.right_menu ul li {position: relative;}
.right_menu ul li + li {margin-left: 25px;}

/* 검색 버튼 */
.right_menu ul li .btn_sch {}
.right_menu ul li .btn_sch img {width: 19px;}
.right_menu ul li .btn_sch img.mo {display: none;}

/* 마이페이지 버튼 */
.right_menu ul li .btn_mypage {}
.right_menu ul li .btn_mypage img {width: 16px;}
.right_menu ul li .btn_mypage img.mo {display: none;}
.login_benefit_toast {right: -10px !important;}

/* 장바구니 버튼 */
.right_menu ul li .btn_cart {}
.right_menu ul li .btn_cart img {width: 17px;}
.right_menu ul li .btn_cart img.mo {display: none;}

/* 메뉴 햄버거 버튼 */
.right_menu ul li.menu {display: none;}
.right_menu ul li a.menu {}
.right_menu ul li a.menu img {}

/* 7-care */
.btn-7care {font-size: 17px;font-weight: 600;color: #d4062d;}

/* 검색영역 */
.new_sch_wrap {position: absolute;left: 0;top: 94px;display: block;width: 100%;height: auto;/* min-height: 300px; */background: #fff;transition: transform 0.2s ease-in-out, opacity 0.2s;transform: scaleY(0);transform-origin: top;padding-bottom: 61px;}

.sliderbannerTop_box ~ .new_sch_wrap {top: calc(94px + 40px);}

.new_sch_wrap.active {transform: scaleY(100%); opacity: 1;}

.new_sch_wrap .sch_box {padding-top: 60px;max-width: 1040px;/* height: 320px; */visibility: hidden;transition: visibility 0.3s linear 0s, opacity 0.3s ease-in-out 0s;margin: 0 auto;opacity: 0;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
.new_sch_wrap.active .sch_box {visibility: visible; opacity: 1; transition: visibility 0.3s linear 0.1s, opacity 0.3s ease-in-out 0.1s}
.new_sch_wrap .sch_box {}
.new_sch_wrap .header_sch_box {position: relative; width: 100%;}
.new_sch_wrap .header_sch_box input[type=text].sch_input {position: relative; display: block; width: 100%; height: 40px; border: 0; font-size: 22px; font-weight: 500; color: #000; border: 0; padding: 0 30px 0 40px; box-sizing: border-box; line-height: 1; font-family: 'Pretendard'; border-radius: 0;}
.new_sch_wrap .header_sch_box .btn_top_srarch {font-size: 0; cursor: pointer; position: absolute;left: 0px; top: 0; }
.new_sch_wrap .header_sch_box .remove_word {position: absolute; right: 10px; top: 10px; visibility: hidden; opacity: 0}
.x-icon { position: relative;  display: inline-block; width: 20px; height: 20px; cursor: pointer;}
.x-icon::before,
.x-icon::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #000; transform-origin: center;}
.x-icon::before {transform: translate(-50%, -50%) rotate(45deg);}
.x-icon::after {transform: translate(-50%, -50%) rotate(-45deg);}

.new_sch_wrap .header_sch_box .remove_word.show {visibility: visible; opacity: 1;}
.new_sch_wrap .header_sch_box .sch_input::placeholder {color: #666; font-weight: 500;}

.new_sch_wrap .header_hit_keyword {position: relative; display: block; margin-top: 30px; padding-left: 10px;}
.new_sch_wrap .header_hit_keyword > strong {display: block; line-height: 1; font-size: 16px; font-weight: 400; color: #666;}
.new_sch_wrap .header_hit_keyword ul {margin-top: 15px;}
.new_sch_wrap .header_hit_keyword ul li {line-height: 2.3;}
.new_sch_wrap .header_hit_keyword ul li a {font-size: 14px; font-weight: 500; color: #111;}

    @media (min-width:1450px) and (max-width: 1520px) {
        .header_banner_slider {right: 155px;}
    }

    @media all and (max-width: 1450px) {
        /* 메뉴 */
        .header_menu ul.menu_cate > li {padding-left: 16px; padding-right: 16px;}
        .depth2_box > ul {margin-left: 16px;}

        /* 상단 우측 유저 메뉴 */
        .right_menu > .bar {margin: 0 15px;}
        .right_menu ul li + li {margin-left: 20px;}

        /* 헤더 배너 슬라이더 */
        /* .header_banner_slider {right: 50px} */
        .header_banner_slider {right: 120px}
        
    }/* 1450px */
    @media all and (max-width: 1250px) {
        /* 헤더 배너 슬라이더 */
        /* .header_banner_slider {right: 10px} */
        .header_banner_slider {right: 0px}
        .header_banner_slider .swiper {width: 200px; height: 200px;}
        .header_banner_slider .swiper .swiper-slide {height: 200px;}

        /* 검색 */
        .new_sch_wrap .sch_box {padding-top: 30px;}

    }/* 1250px */
    @media all and (max-width: 1150px) {
        header {padding-left: 15px; padding-right: 15px;}
        /* 로고 */
        .new_header .logo {width: 180px;}
        /* 메뉴 */
        .header_menu ul.menu_cate > li {padding-left: 13px; padding-right: 13px;}
        .depth2_box > ul {margin-left: 13px;}
        
        /* 헤더 배너 슬라이더 */
        /* .header_banner_slider {right: -35px} */
        .header_banner_slider {right: 0px}
    }/* 1150px */

    @media all and (max-width: 1050px) {
        .new_header .logo {width: 160px;}
        .new_header .logo img {width: 130px;}
        .new_header .logo svg.pc {width: 130px;transform: translateZ(0);backface-visibility: hidden;}
    }/* 1050px */

    @media all and (max-width: 1024px) {
        header {padding-left: 17.5px; padding-right: 19px; height: 65px;}
        .new_header {height: 65px;}
        .new_header .logo img {width: 117.5px;}

        /* 최상단 배너 */
        .sliderbannerTop_box,
        .sliderbannerTop_box .inner,
        .sliderbannerTop_box .inner .text a {max-height: 32px !important;}
        .sliderbannerTop_box .inner .text a,
        .sliderbannerTop_box .inner .text a span { font-size: 12px !important;}

        /* 메뉴 */
        .header_menu {display: none !important;}

        
        /* 상단 우측 유저 메뉴 */
        header .right_menu {}
        header .right_menu a.store {margin: 0;}
        header .right_menu a.store img {display: none;}
        header .right_menu a.store span {display: none;}
        header .right_menu a.store img.mo {display: block; width: 13px; margin: 0;}
        .right_menu > .bar {display: none;}

        .right_menu ul {  width: calc(218px / 2)}
        .right_menu ul li {position: relative; margin-left: 20px; flex-shrink: 0;}
        .right_menu ul li + li {margin-left: 20px;}

        /* 검색 버튼 */
        .right_menu ul li.sch_li {display: none;}
        .right_menu ul li .btn_sch {display: none;}

        /* 마이페이지 버튼 */
        .right_menu ul li .btn_mypage {}
        .right_menu ul li .btn_mypage img {display: none;}
        .right_menu ul li .btn_mypage {width:15px; height:20px; display: block; overflow: hidden;}
        .right_menu ul li .btn_mypage img.mo {display: block; width:15px; height:20px; image-rendering: -webkit-optimize-contrast;}

        /* 장바구니 버튼 */
        .right_menu ul li .btn_cart {}
        .right_menu ul li .btn_cart img {display: none;}
        .right_menu ul li .btn_cart img.mo {display: block; width: 16px;}

        /* 메뉴 햄버거 버튼 */
        .right_menu ul li.menu {display: block;}
        .right_menu ul li a.menu {width:20px;}
        .right_menu ul li a.menu img {width: calc(35px / 2);}
        
        /* 7-care */
        .btn-7care {display: none;}
        
        /* 검색영역 */
        .new_sch_wrap {display: none !important;}

    }/* 1024px */


/*
#=========================================#
|                  FOOTER                 |
#=========================================#
*/

/* 매장찾기 */
.find_store {position: relative; display: block; width: 100%; height: auto; background: #E4E4E4; padding: 0 30px; font-family: 'Pretendard'; min-height: 350px; box-sizing: border-box;}
.find_store * {font-family: 'Pretendard'; box-sizing: border-box;}
.find_store .inner {position: relative; display: block; width: 100%; max-width: 1544px; margin: 0 auto; padding: 118px 0 115px 0;}
.find_store .inner > img {display: block; width: 495px;}
.find_store .inner > p {display: flex; justify-content: space-between; align-items: flex-start; font-size: 19px; font-weight: 400; color: #000; line-height: 1.368; margin-top: 34px; width: 100%; position: relative;}
.find_store .inner a {display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; color: #000; line-height: 1; background: #fff; width: 210px; height: 63px; position: relative; top: -12px;}
.find_store .inner a img {display: block; width: 19.74px; margin-right: 18px;}

    @media all and (max-width: 1024px) {
        .find_store {min-height: 200px;padding: 0 20px;}
        .find_store .inner {padding: 40px 0 40px 0;}
        .find_store .inner > img {width: 247.5px;}
        .find_store .inner > p {display: block; font-size: 11px; margin-top: 13px;}
        .find_store .inner > p a {top: initial; text-decoration: underline; font-size: 14px; font-weight: 500; color: #111; width: fit-content; height: auto; background: transparent; margin-top: 45px; text-underline-offset: 2px;}
        .find_store .inner > p a img {display: none;}
    }/* 1024 */


/* 푸터 */
#footer_wrap {border-top: 0 !important;}
footer {background: #000;font-family: 'Pretendard'; box-sizing: border-box; padding: 0 30px 40px;}
footer * {font-family: 'Pretendard'; box-sizing: border-box;}
.footer_inner {position: relative; width: 100%; max-width: 1544px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 46px 0 0 0;}  
.footer_inner .title {display: block; line-height: 1; font-size: 19px; font-weight: 600; color: #efeeeb;}


.footer_company_info {position: relative; display: block; width: fit-content;}
.footer_company_info > .title {}
.footer_company_info > a.tel {display: block; width: fit-content; line-height: 1; font-size: 16px; font-weight: 500; color: #efeeeb; text-decoration: underline; text-underline-offset: 5px; margin-top: 24px;}
.footer_company_info .time {position: relative; display: block; font-weight: 500; font-size: 15px; line-height: 25px; color: #efeeeb; margin-top: 11px;}
.footer_company_info .time .br {display: block;}
.footer_company_info .info {position: relative; display: block; font-size: 13px; font-weight: 500; line-height: 19px; color: #B1B1B1; margin-top: 43px;}
.footer_company_info .info a {text-decoration: underline; text-underline-offset: 2px; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
.footer_company_info .info a.btn_email {text-decoration: none;}
.footer_company_info .footer_menu {display: none;}


.footer_menu {position: relative; display: flex; width: 100%; max-width: 560px; justify-content: space-between;}
.footer_menu > div {position: relative; display: block; width: fit-content; min-width: 93px;}
.footer_menu > div strong {}
.footer_menu > div ul {margin-top: 17px;}
.footer_menu > div ul li {line-height: 25px;}
.footer_menu > div ul li a {font-size: 15px; font-weight: 500; color: #efeeeb}
.footer_menu > div ul li a.private_link{font-weight: 800; text-decoration: underline; text-underline-offset: 25%;}

.footer_bottom {position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding-top: 0; margin-top: -8px;}
.footer_bottom .ismsp-div {order: 2; padding-top: 0px; display: flex; align-items: center; width: fit-content;}
.footer_bottom .ismsp-div .ccm {display: block; width: fit-content; margin-right: 11px;}
.footer_bottom .ismsp-div .ccm a {display: block; width: fit-content;}
.footer_bottom .ismsp-div .ccm img {display: block; width: 47px;}
.footer_bottom .ismsp-div img.ismsp-icon {width: 67px; margin-right: 4px;}
.footer_bottom .ismsp-div label {font-size: 13px; font-weight: 400; color: #B1B1B1; line-height: 1; display: flex; align-items: center; width: fit-content; padding-top: 22px;}
.footer_bottom .ismsp-div label img {width: 20px; margin-left: 8px;}

.footer_bottom .footer_logo {order: 1; padding-bottom: 9px;}
.footer_bottom .footer_logo img {width: 120px;}
.ccm-m {display: none;}


    @media all and (max-width: 1024px) {
        footer {padding: 0 20px 37px}
        .footer_inner {display: block; padding-top: 28px;}
        .footer_inner .title {font-size: 15px; font-weight: 600;}
        .footer_company_info > a.tel {font-weight: 500; font-size: 13px; text-underline-offset: 2px; margin-top: 5px;}
        .footer_company_info .time {font-size: 12px; line-height: 20px; margin-top: 8px;}
        .footer_company_info .time .br {display: inline-block; margin-right: 13px;}

        .footer_inner > .footer_menu {display: none;}
        .footer_company_info > .footer_menu {display: flex; flex-wrap: wrap; margin-top: 13px;}
        .footer_company_info > .footer_menu > div {width: 100%; margin-top: 20px;}
        .footer_company_info > .footer_menu > div:nth-child(1) {order: 3; }
        .footer_company_info > .footer_menu > div:nth-child(2) {order: 2;}
        .footer_company_info > .footer_menu > div:nth-child(3) {order: 1; margin-top: 0;}
        .footer_company_info > .footer_menu > div > .title {}
        .footer_company_info > .footer_menu ul {display: flex; align-items: center; margin-top: 4px;}
        .footer_company_info > .footer_menu ul > li {line-height: 1;}
        .footer_company_info > .footer_menu ul > li + li {margin-left: 30px;}
        .footer_company_info > .footer_menu ul > li > a {font-size: 11px; font-weight: 400; color: #efeeeb;}

        .footer_company_info .info {font-size: 9px; font-weight: 400; line-height: 14px; margin-top: 30px;}

        .footer_bottom {display: block; padding-top: 0; margin-top: 0;}
        .footer_bottom .ismsp-div {order: 1; padding-top: 8px;}
        .footer_bottom .ismsp-div .ccm {display: none;}
        .footer_bottom .ismsp-div .ismsp-question {align-items: center;}
        .footer_bottom .ismsp-div img.ismsp-icon {display: block; width: 25px; margin-right: 4.5px;}
        .footer_bottom .ismsp-div label {font-size: 11px; font-weight: 400; padding-top: 0;}
        .footer_bottom .ismsp-div label img {width: 12px; margin-left: 3.5px;}
        .footer_bottom .footer_logo {order: 2; margin-top: 10px; padding-bottom: 0;}
        .footer_bottom .footer_logo img {width: 90px;}
        .ccm-m {position: absolute; right: 1px; top: 26px; width: fit-content; height: auto; display: block; font-size: 0;}
        .ccm-m a {display: block; width: fit-content;}
        .ccm-m img {display: block; width: 45px;}
    }/* 1024 */
    @media all and (max-width: 335px) {
        .footer_company_info > .footer_menu ul > li + li {margin-left: 25px;}
    }

/* ismsp */
.footer_bottom .ismsp-div{position: relative;}
.footer_bottom .ismsp-div label {position: relative; cursor: pointer;}
.footer_bottom .popIsmp {position: absolute; display: none; align-items: center; justify-content: center; width: 250px; min-height: 90px; background: #fff; border-radius: 5px; box-sizing: border-box; padding: 10px; font-size: 12px; font-weight: 400; line-height: 1.4; right: -6px; bottom: 45px; color: #000;}
.footer_bottom .popIsmp:hover {display: flex;}
.footer_bottom .popIsmp > div {position: relative; z-index: 1;}
.footer_bottom .popIsmp > div:after {content: "";display: block;width: 110%;height: 20px;position: absolute;left: 0;bottom: -25px;}
.footer_bottom .popIsmp .arrow {position: absolute;display: block;width: 13px;height: 13px;transform: rotate(45deg);background: #fff;right: 10px;bottom: -7px;}
.footer_bottom .ismsp-question{display: flex; cursor: pointer;}
.footer_bottom .ismsp-question:hover ~ .popIsmp {display: flex;}
@media all and (max-width: 1024px) {
    .footer_bottom .popIsmp {right: -10px; bottom: 34px;}
}


/*
#=========================================#
|                 2025메뉴                 |
#=========================================#
*/
.mega-menu {display: flex;/* width: calc(100% + 345px); *//* background: red; */position: relative;/* min-width: 1600px; */width: fit-content;}
.mega-menu__inner {display: flex;align-items: center;width: 100%;}
.mega-menu * {box-sizing: border-box;}
.mega-menu__list {/* position: relative; */display: flex;align-items: center;}
.mega-menu__list + .mega-menu__list {margin-left: 39px;padding-left: 39px;position: relative;}
.mega-menu__list + .mega-menu__list:after {content: ""; display: block; width: 1px; height: 20px; background: #000; position: absolute; left: 0; top: 0;}
.mega-menu.on .mega-menu__list + .mega-menu__list:after {background: #BEBEBE63;}
.mega-menu__item {}
.mega-menu__item + .mega-menu__item {margin-left: 65px;}
.mega-menu__link {line-height: 1; font-size: 14px; font-weight: 600; color: #000; position: relative; z-index: 1;}
.mega-menu:hover .mega-menu__link, .mega-menu.on .mega-menu__link {color: #828282;}
.mega-menu:hover .mega-menu__item.on, .mega-menu:hover .mega-menu__link:hover {color: #000;}
.mega-menu.on .mega-menu__item.on, .mega-menu.on .mega-menu__link:hover {color: #000;}
.mega-menu__item--has-dropdown.on .mega-menu__link {color: #000;}

.mega-menu-bg {position: fixed;left: 50%;transform: translateX(-50%);top: 95px;display: block;width: 120vw;height: 0;transition: height 0.2s ease-in-out;/* background: red; */background: #fff;z-index: -1;}
.sliderbannerTop_box ~ header .mega-menu-bg {top: 135px;}
.mega-menu__dropdown {position: absolute;left: 0;/* top: 14px; */top: -36px;padding-top: 44px;width: calc(100% + 345px);/* background: blue; */padding-left: 199px;padding-bottom: 30px;padding: 0 30px 30px;}
.mega-menu__dropdown-inner {display: flex;/* flex-wrap: wrap; */max-height: calc(100vh - 150px);/*overflow: auto;*/ overflow-y:hidden; padding-bottom: 50px;}
.mega-menu__dropdown-inner::-webkit-scrollbar {width: 3px !important;}
.mega-menu__dropdown-inner::-webkit-scrollbar-thumb {width: 3px !important; background: #ddd !important;}
.mega-menu__dropdown-inner::-webkit-scrollbar-track {width: 3px !important;}
.mega-menu__col {position: relative;display: block;min-width: 139px;width: fit-content;max-width: 200px;padding-top: 34px; flex-shrink: 0;}
.mega-menu__col-title {display: block;font-size: 14px;font-weight: 400;color: #828282 !important;line-height: 22.5px;}
.mega-menu__depth-wrap {}
.mega-menu__sub-title {display: block; font-size: 14px; font-weight: 500; color: #000; line-height: 22.5px; margin-top: 17px; position: relative; width: fit-content; padding-right: 15px;}
.mega-menu__sub-title:after {content: ""; display: block; width: 7px; height: 10px; background: url(../../img/layout/menu-arrow-black.png)no-repeat center / 100%; position: absolute; right: 0; top: 7px;}

.mega-menu__collection {display: flex; align-items: center; line-height: 1; width: fit-content; height: 27px; border-bottom: 1px solid #000; margin: 11px 0 16px;}
.mega-menu__collection a {line-height: 1; font-size: 13px; font-weight: 500; color: #000; padding: 5px 0;}

.mega-menu__sub-group {}
.mega-menu__sub-group + .mega-menu__sub-group {margin-top: 25px;}
.mega-menu__leaf-wrap {margin-top: 10px;}
.mega-menu__leaf-wrap:first-child {margin-top: 14px;}
.mega-menu__leaf-item {}
.mega-menu__leaf-item + .mega-menu__leaf-item {margin-top: 8px;}
.mega-menu__leaf-link {display: block; font-size: 13px; font-weight: 400; color: #111; line-height: 22.5px; width: fit-content; letter-spacing: -0.020em;}
/* .mega-menu__leaf-link:hover {text-decoration: underline; text-underline-offset: 6px;} */

.mega-menu__right-banner {position: absolute;right: 0;top: 88px;display: block;width: 345px; padding: 0 30px;flex-shrink: 0;visibility: hidden;opacity: 0;transition: visibility 0s linear 0s, opacity 0.1s ease-in-out; border-left: 1px solid #BEBEBE;}
.mega-menu__right-banner .header_banner_slider {position: relative; display: block; width: 100%; height: auto; right: initial; top: initial; opacity: 1; visibility: visible; }
.mega-menu__right-banner .header_banner_slider .swiper {width: 100%; min-height: unset !important;}
.mega-menu__right-banner .header_banner_slider .swiper .swiper-slide {height: auto !important;}

/* 프로모션 */
.mega-menu__item--has-dropdown.promotion {position: relative;}
.mega-menu__item--has-dropdown.promotion .mega-menu__sub-title {display: none !important;}
.mega-menu__dropdown.promotion .mega-menu__col-title {width: fit-content; position: relative; padding-right: 15px; margin-bottom: 20px;}
.mega-menu__dropdown.promotion .mega-menu__col-title:after {content: ""; display: block; width: 7px; height: 10px; background: url(../../img/layout/menu-arrow.png)no-repeat center / 100%; position: absolute; right: 0; top: 7px;}

.mega-menu__dropdown.promotion .mega-menu__sub-title {display: none !important;}
.mega-menu__dropdown.promotion .mega-menu__leaf-wrap{min-height:190px;}
/* 고객지원 */
.mega-menu__item--has-dropdown.cs {position: relative;}
.mega-menu__dropdown.cs .mega-menu__leaf-wrap {margin-top: 0;}
.mega-menu__item--has-dropdown.cs .mega-menu__col-title {display: none !important;}
.mega-menu__item--has-dropdown.cs .mega-menu__sub-title {display: none !important;}
.mega-menu__dropdown.cs .mega-menu__col-title {display: none !important;}
.mega-menu__dropdown.cs .mega-menu__sub-title {display: none !important;}
/* 패밀리 */
.mega-menu__item--has-dropdown.family {position: relative;}
.mega-menu__item--has-dropdown.family .mega-menu__sub-title {display: none !important;}
.mega-menu__dropdown.family .mega-menu__col-title {width: fit-content; position: relative; padding-right: 15px; margin-bottom: 20px;}
.mega-menu__dropdown.family .mega-menu__col-title:after {content: ""; display: block; width: 7px; height: 10px; background: url(../../img/layout/menu-arrow.png)no-repeat center / 100%; position: absolute; right: 0; top: 7px;}

.mega-menu__dropdown.ripper .mega-menu__col-title {width: fit-content; position: relative; padding-right: 15px; margin-bottom: 20px;}
.mega-menu__dropdown.ripper .mega-menu__col-title:after {content: ""; display: block; width: 7px; height: 10px; background: url(../../img/layout/menu-arrow.png)no-repeat center / 100%; position: absolute; right: 0; top: 7px;}


.mega-sub-menu-wrap {position: fixed;left: 0;top: 94px;width: 100%;display: none;/* min-height: 100px; *//* background: yellow;  */box-sizing: border-box;display: none;padding-bottom: 30px;border-top: 1px solid rgba(190,190,190,0.5);/* background: #fff; */}
.body-main .mega-sub-menu-wrap {border-top: 1px solid rgba(190,190,190,0.5);}
.sliderbannerTop_box ~ header .mega-sub-menu-wrap {top: calc(94px + 40px);}
.mega-sub-menu-wrap * {box-sizing: border-box;}
.mega-sub-menu-wrap > .inner {position: relative;display: flex;width: 100%;max-width: 1800px;margin: 0 auto;padding-left: 169px;}
.mega-sub-menu-wrap__left {position: relative;width: calc(100% - 345px);}
.mega-sub-menu-wrap__left .mega-menu__dropdown {width: 100%;padding-left: 0;padding-right: 5px;padding-top: 37px;/* overflow-x: auto; */padding-bottom: 0;}
.mega-sub-menu-wrap__left .mega-menu__dropdown:before {content: ""; display: block; width: 1px; height: calc(100% - 97px); position: absolute; right: 0; top: 67px; display: block; background: #ccc; visibility: hidden;transition: 0s ease 0s;}
.mega-sub-menu-wrap__left .mega-menu__dropdown.on:before {visibility: hidden; transition: 0.15s ease }
.mega-sub-menu-wrap__left .mega-menu__dropdown.promotion {/* padding-left: 290px; */ padding-left: 91px;}
.mega-sub-menu-wrap__left .mega-menu__dropdown.cs {/* padding-left: 411px; */ padding-left: 212px;}
.mega-sub-menu-wrap__left .mega-menu__dropdown.family {/* padding-left: 820px; */ padding-left: 703px;}
.mega-sub-menu-wrap__left .mega-menu__dropdown.ripper{padding-left: 574px;}
.mega-sub-menu-wrap__left .mega-menu__dropdown.store {padding-left: 324px;}
.mega-sub-menu-wrap__right {display: block;width: 345px;/* border-left: 1px solid #BEBEBE; */padding: 0 30px; position: relative; }

.mega-sub-menu-wrap__right:before {content: ""; position: absolute; left: -1px; top: 30px; width: 1px; height: calc(100% - 30px); display: block; background: #ccc; opacity: 0;}
.mega-sub-menu-wrap__right.on:before {opacity: 1;}


.mega-sub-menu-wrap__right .header_banner_slider {position: relative; right: initial; top: initial; width:100%;  padding-top: 37px; position: absolute; bottom:0;}
.mega-sub-menu-wrap__right .header_banner_slider .swiper {min-height: unset; height: auto; width: 100%;}

@media all and (max-width: 1865px) {
    .mega-sub-menu-wrap {padding-left: 30px; padding-right: 30px;}
    .mega-sub-menu-wrap__left {width: calc(100% - 18.4987vw);}
    .mega-sub-menu-wrap__left .mega-menu__dropdown {padding-right: 30px;}
    .mega-sub-menu-wrap__right {width: 18.4987vw;}
}

@media all and (max-width: 1440px) {
    .mega-menu__item + .mega-menu__item {margin-left: calc(65px - 30px);}
    .mega-sub-menu-wrap__left .mega-menu__dropdown.promotion {padding-left: calc(91px - 30px);}
    .mega-sub-menu-wrap__left .mega-menu__dropdown.cs {padding-left: calc(212px - 60px);}
    .mega-sub-menu-wrap__left .mega-menu__dropdown.family {padding-left: calc(621px - 120px);}
    .mega-sub-menu-wrap__left .mega-menu__dropdown.store {padding-left: calc(294px - 60px);}
    .mega-sub-menu-wrap__right {padding-left: 15px; padding-right: 0px; right:-17px;}

}/* 1440px */

@media all and (max-width: 1150px) {
    .mega-sub-menu-wrap {padding-left: 15px; padding-right: 15px;}
    .mega-sub-menu-wrap > .inner {padding-left: 180px;}
 
}/* 1150px */

@media all and (max-width: 1024px) {
    .mega-menu__dropdown a {color: transparent !important;}
    .mega-menu__dropdown a:after {opacity: 0 !important;}
}


/*
#=========================================#
|              모바일 왼쪽 메뉴               |
#=========================================#
*/
body.scroll_lock {overflow: hidden !important;}
@media all and (min-width: 1025px) {
    .side_menu_wrap {display: none !important;}
}/* min-width 1025 */
/* .side_menu_wrap {box-sizing: border-box; width: 100%; height: calc(100% - 32px); position: fixed; z-index: 999; left: 0; top: 32px; overflow: auto; font-family: 'Pretendard'; display: none; background: #fff;}
.side_menu_wrap * {font-family: 'Pretendard';}
.side_menu_wrap.show {display: block;}
.side_menu_wrap.show > .bg {visibility: visible; transition: all 0.1s ease-in-out 0.1s;}

.side_menu_wrap * {box-sizing: border-box; font-family: 'Pretendard'; }
.side_menu_box {position: relative; display: block; width: 100%; height: 100%; overflow: auto;  -ms-overflow-style: none; scrollbar-width: none;}
.side_menu_box::-webkit-scrollbar {display: none;}

.side-menu {box-sizing: border-box; position: relative; display: block; width: 100%; height: auto;}
.side-menu * {box-sizing: border-box;} */
.side-menu * {box-sizing: border-box;}
.side_menu_wrap * {font-family: 'Pretendard';}
.side_menu_box::-webkit-scrollbar {display: none;}
/* 전체 래퍼 */
/* wrapper */
.side_menu_wrap {
    position: fixed;
    inset: 32px 0 0 0;
    width: 100%;
    pointer-events: none;
    z-index: 999;
}

/* dim */
.side_menu_wrap .bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    transition: opacity .35s cubic-bezier(.4,0,.2,1);
}

.side_menu_wrap.show {
    pointer-events: auto;
}

.side_menu_wrap.show .bg {
    opacity: 1;
}

/* menu */
.side_menu_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;

    transform: translateX(100%);
    transition: transform .35s cubic-bezier(.4,0,.2,1);
    will-change: transform;
    overflow-y: scroll;
}

/* in */
.side_menu_wrap.show .side_menu_box {
    transform: translateX(0);
}

    

/* 사이드메뉴 상단 검색과, 버튼들 */
.side-menu__header {position: relative; display: flex; align-items: center; width: 100%; padding: calc(27px / 2) calc(35px / 2) 0 calc(75px / 2);}
.side-menu__search-container {position: relative; width: calc(100% - 90px / 2);}
.side-menu__search-container .sch_box {}
.side-menu__search-container .sch_box form {}
.side-menu__search-container .header_sch_box {position: relative; display: block; width: 100%;}
.side-menu__search-container .header_sch_box input[type=text] {appearance: none; -moz-appearance: none; -webkit-appearance: none; display: block; width: 100%; height: calc(75px / 2); margin: 0; font-size: calc(30px / 2); font-weight: 400; color: #000; padding: 0 calc(70px / 2) 0 0; border: 0; border-bottom: 1px solid #000; background: #fff url(../../img/layout/btn-mo-sch.svg)no-repeat center right / calc(35px / 2); text-indent: 0;}
.side-menu__search-container .header_sch_box input[type=text]::placeholder {color: #b1b1b1;}
.side-menu__search-container .header_sch_box input[type=image] {position: absolute; right: 0; top: 0; display: block; width: calc(70px / 2); height: 100%; opacity: 0;}
.side-menu__search-container .header_sch_box .remove_word {display: none !important;}
.side-menu__search-container .header_hit_keyword {display: none !important;}

.side-menu__search-container .header_sch_box input[type=text]{ -webkit-appearance: none;-webkit-border-radius: 0;}

.side-menu__util {width: calc(90px / 2); padding-left: calc(50px / 2);}
ul.side-menu__util-list {display: flex;justify-content: flex-end;align-items: center;width: 100%;font-size: 0;padding-top: 1px; height:20px;}
ul.side-menu__util-list > li {}
ul.side-menu__util-list > li + li {margin-left: 20px;}
ul.side-menu__util-list > li a {}
ul.side-menu__util-list > li a.side-menu__util-link--mypage{width:15px; height:20px; overflow: hidden; display: block;}
ul.side-menu__util-list > li a.side-menu__util-link--mypage img {width:15px; height:20px;}
ul.side-menu__util-list > li a.side-menu__util-link--cart{width:16px; height:20px; overflow: hidden; display: block;}
ul.side-menu__util-list > li a.side-menu__util-link--cart img {width:16px; height:20px;}
ul.side-menu__util-list > li a.side-menu__util-link--close {display: flex; align-items: center; justify-content: center; width: calc(40px / 2); height:20px;}
ul.side-menu__util-list > li a.side-menu__util-link--close img {width: calc(30px / 2); height:15px;}

/* 사이드메뉴 스와아프 nav */
.side_nav_top{position: sticky; top:0; background: #fff; z-index: 1;}
.side-menu__nav-bar {padding: calc(14px / 2)  calc(74px / 2) calc(14px / 2) calc(76px / 2);display: flex;align-items: center;height: calc(114px / 2);background: #fff;z-index: 1; }
.side-menu__nav-bar .swiper-slide {width: fit-content; line-height: 1; }
.side-menu__nav-bar .swiper-slide a {padding: 5px 0; font-size: calc(30px / 2); font-weight: 400; color: #a9a9a9;}
.side-menu__nav-bar .swiper-slide.is-active a {color: #000; font-weight: 600;}
.side-menu__nav-bar .swiper-slide.item_ripper{padding-left:10.5px; position: relative;}
.side-menu__nav-bar .swiper-slide.item_ripper::before{content:''; position: absolute;  left: -5.5px; top:1px; width:1px; height:13px; background: #a9a9a9;}

.side-menu__content {position: relative; display: block; width: 100%; height: auto; padding: 0 calc(75px / 2) 0 calc(75px / 2); opacity: 1 !important;}
.side-menu__content button {appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; border: 0; padding: 0; margin: 0;}

.side-menu__category--products {border-top: 1px solid #c6c6c6; padding-top: calc(10px / 2);}
a.side-section-product__title {display: flex; align-items: center; line-height: 1; width: 100%; height: calc(84px / 2); font-size: calc(30px / 2); font-weight: 600; color: #000; border-bottom: 1px solid #c6c6c6;}


ul.side-menu__category-list {position: relative; display: block; width: 100%; height: auto; padding-top: calc(24.53px / 2);}
li.side-menu__category-item {padding-bottom: 12px;border-bottom: calc(1px / 2) solid #C6C6C6;margin-bottom: 12px;}
li.side-menu__category-item:last-child {margin-bottom: 0;}
button.side-menu__category-btn {position: relative;display: block;width: 100%;height: calc(36px / 2);font-weight: 400;color: #000;font-size: calc(30px / 2);text-align: left;line-height: 1;}
button.side-menu__category-btn.on {}
button.side-menu__category-btn:after {content: ""; display: block; width: calc(30px / 2); height: calc(30px / 2); background: url(../../img/layout/btn-side-menu.png)no-repeat center / calc(21px / 2); position: absolute; right: calc(15px / 2); top: 50%; transform: translateY(-50%);}
button.side-menu__category-btn.on:after {background: url(../../img/layout/btn-side-menu-active.png)no-repeat center / calc(14px / 2);}
.side-menu__category-btn + .side-menu__submenu-title {margin-top: 15px;}

.side-menu__submenu {position: relative;display: block;width: 100%;margin-top: calc(35px / 2); display: none;}
.side-menu__submenu.show {display: block;}
.side-menu__submenu-group {width: 100%;}
.side-menu__submenu-group + .side-menu__submenu-group{margin-top: calc(25px / 2); padding-top: calc(25px / 2); border-top: calc(1px / 2) solid #DBDBDB;}
a.side-menu__submenu-title {position: relative; display: block; width: fit-content; line-height: calc(36px / 2); font-size: calc(30px / 2); font-weight: 600; color: #000; padding-right: calc(28px / 2);}
a.side-menu__submenu-title:after {content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../../img/layout/mo-menu-arrow-black.svg)no-repeat center / calc(12px / 2); width: calc(12px / 2); height: calc(20px / 2); margin-top: -1px;}
.side-menu__submenu.show + .side-menu__submenu.show{margin-top: calc(25px / 2); padding-top: calc(25px / 2); border-top: calc(1px / 2) solid #DBDBDB;}

.side-menu__submenu-title + .side-menu__submenu:not(:last-child) {margin-bottom: calc(25px / 2); padding-bottom: calc(25px / 2); border-bottom: calc(1px / 2) solid #DBDBDB;}
.side-menu__submenu + .side-menu__submenu-title {margin-top: calc(25px / 2);}

.side-menu__depth3 {position: relative; display: block; width: 100%; height: auto;}
ul.side-menu__depth3-list {position: relative; display: flex; flex-wrap: wrap; width: 100%; height: auto;}
li.side-menu__depth3-item {position: relative; width: 50%; margin-top: calc(33px / 2);}
li.side-menu__depth3-item a {line-height: calc(33px / 2); font-weight: 400; color: #424242; font-size: calc(28px / 2); }

.side-menu__depth3:first-child li.side-menu__depth3-item {margin-top: 0;}
.side-menu__depth3:first-child li.side-menu__depth3-item:nth-child(n+3) {margin-top: calc(35px / 2);}

/* 콜렉션 */
li.side-menu__depth3-item.collection {width: 100%;}
li.side-menu__depth3-item.collection > a {text-decoration: underline; text-underline-offset: 5px; font-size: calc(30px / 2);}
.side-menu__depth3 li.side-menu__depth3-item.collection + .side-menu__depth3-item:nth-child(2) {margin-top: calc(35px / 2);}

/* 제품이 아닌 메뉴 */
.side-menu__direct-menu {position: relative; display: block; width: 100%; margin-top: calc(60px / 2);}
a.side-menu__direct-title {display: flex; align-items: center; line-height: 1; width: 100%; height: calc(84px / 2); font-size: calc(30px / 2); font-weight: 600; color: #000 !important; border-bottom: 1px solid #c6c6c6;}


ul.side-menu__direct-list {position: relative; display: block; width: 100%; height: auto; padding-top: calc(24.53px / 2);}
li.side-menu__direct-item {padding-bottom: 12px;border-bottom: calc(1px / 2) solid #C6C6C6;margin-bottom: 12px;}
li.side-menu__category-item:last-child {margin-bottom: 0;}
a.side-menu__direct-link {position: relative;display: flex; align-items: center;width: 100%;height: calc(36px / 2);font-weight: 400;color: #000 !important;font-size: calc(30px / 2);text-align: left;line-height: 1; justify-content: space-between; padding-right: 12px;}
a.side-menu__direct-link:after {content:""; display: block; width: calc(11px / 2); height: calc(19px / 2); background: url(../../img/layout/mo-menu-arrow-small.svg)no-repeat center / 100%;}

a.side-menu__direct-title.single {justify-content: space-between; padding-right: 12px;}
a.side-menu__direct-title.single:after {content:""; display: block; width: calc(11px / 2); height: calc(19px / 2); background: url(../../img/layout/mo-menu-arrow-small.svg)no-repeat center / 100%;}

/* 배너 */
.side-menu__banner {width: 100%; margin-top: calc(100px / 2); font-size: 0; padding: 0 calc(75px / 2) 0 calc(75px / 2);}
.side-menu__banner a{border-radius: 10px; display: block; overflow: hidden;}
.side-menu__banner img {display: block; width: 100%;}

/* 하단 */
.side-menu__footer {position: relative; display: block; width: 100%; padding: calc(59px / 2) calc(75px / 2) calc(98px / 2) calc(75px / 2); background: #000; margin-top: calc(100px / 2);}
.side-menu__footer *:not(.care7) {color: #fff;}
.side-menu__footer li + li {margin-top: calc(30px / 2);}
.side-menu__footer li a {font-size: calc(30px / 2); font-weight: 400; line-height: calc(30px / 2); text-align: left; font-weight: 600;}
.side-menu__footer li a.care7 {color: #D4062D;}


/* [26.01]푸터내 sns 아이콘 추가 */
.footer_company_info .info_box{display: flex; align-items: center; gap:93px;}
.footer_company_info .info_box .sns_box{display:flex; height:21px;  align-items: center; gap:15px;}
.footer_inner .footer_company_info .sns_box.mo_icon{display: none;}
.pc_icon{display: block;}
.mo_icon{display: none;}
.legal_box.mo{display: none;}
@media all and (max-width: 1024px) {
    #footer_wrap footer{ padding: 0 20px 25px;}
    .pc_icon{display: none;}
    .mo_icon{display: block; max-width: 20px;}
    .mo_icon.you{display: block; max-width: 25px;}
    .footer_company_info .info_box{display: flex; align-items: flex-start; gap:0px;}
    .footer_inner .footer_company_info .sns_box.pc_icon{display: none;}
    .footer_inner .footer_company_info > .footer_menu{margin-top: calc(55px / 2);}
    .footer_inner .footer_company_info > a.tel{font-size:calc(27px / 2); margin-top:12px;}
    .footer_inner .footer_company_info > .footer_menu ul{display: block;}
    .footer_inner .footer_company_info > .footer_menu ul > li{line-height: 21px;}
    .footer_inner .footer_company_info > .footer_menu ul > li > a{font-size:calc(25px / 2);}
    .footer_inner .footer_company_info > .footer_menu ul > li + li{margin-left:0;}
    .footer_inner .footer_company_info > .footer_menu > div > .title{margin-bottom: 10px;}
    .footer_inner .footer_company_info > .footer_menu > div:nth-child(2){margin-top:calc(56px / 2);}
    .footer_company_info .time{font-size:calc(25px / 2);}
    .footer_company_info{width:100%;}
    .footer_company_info .info_box{justify-content: space-between;}
    .footer_company_info .info_box .sns_box{gap:17.5px;}
    .footer_logo{display: none;}
    .footer_company_info > .footer_menu > div.legal_box{display: none;}
    .footer_inner .footer_company_info .info{  margin-top: calc(37px / 2); font-size:10px; line-height: 15px;}
    .footer_inner .footer_company_info .sns_box.mo_icon{display: flex; margin-bottom: calc(37px / 2); gap: calc(35px / 2);}
    .legal_box.mo{display: block; margin-top: calc(19px / 2);}
    .legal_box.mo .title{display: none;}
    .legal_box.mo > ul{display: flex;}
    .legal_box.mo > ul > li > a{color:#fff; font-size:11px; line-height: calc(27px / 2);}
    .legal_box.mo > ul > li:nth-child(1){margin-right: 18px;}
    .legal_box.mo > ul > li:nth-child(2){margin-right: 21px;}
    .legal_box.mo > ul > li:nth-child(2) > a{font-weight:700 ;text-decoration: underline; text-underline-offset: 25%;}
}


/* [26.01]장바구니/주문서/주문완료 상단 여백 수정 */
.body-order-cart .order_wrap .order_tit{padding:80px 0 0;}
.body-order-end .order_wrap .order_tit{padding:80px 0 0;}
.body-order .order_wrap .order_tit{padding:80px 0 0;}
@media screen and (max-width: 1240px) {
    .body-order-cart .order_wrap .order_tit{padding:20px 5px 0;}
    .body-order-end .order_wrap .order_tit{padding:20px 5px 0;}
    .body-order .order_wrap .order_tit{padding:20px 5px 0;}
}