/* 사용자 공통 스타일 파일입니다. 공통으로 적용할 스타일 코드를 작성해주세요. */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
html{width:100%; height:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { padding-top:50px !important; font-size: 12px; font-family: 'Lato', "Noto Sans KR", "Montserrat", sans-serif;}

.header{height: 50px;}
.header{position:fixed; top:0; left:0; }
.header__hamburger{ background:none;}
.header__logo{height: 50px;}
.header__logo a{ max-width: none; width:90px; height: auto;}  
.header__hamburger{width:50px; height:50px;left: 0;}
.header__link-basket {right:0;width:50px;line-height:50px; text-align: center; font-weight: 500; font-size: 10px; text-decoration:none; color: #000;}

.slide-menu{ top: 0; bottom:0;}
.slide-menu .bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); }
.category-nav-inner{    position: relative; background: #fff; width:87%; height:100vh; overflow-y:auto;}
.slide-menu__login-header{background:none;    padding:50px 20px 40px;}
.category-nav-sign-in__close{width:44px; height:44px; top:0;  right:0;  transform: translateY(0);}
.slide-menu__login-header-link {color: #999; font-size: 10px; margin-right:15px;}
.slide-menu__login-header-link:where(:first-child),
.slide-menu__login-header-link:where(:nth-child(n+2)){padding: 0;}
.ico--x-white-24{    background-position: -237px -307px;}

.category-nav-content nav{max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;}
.category-nav-content .slide-menu__nav-header.is-open + nav {
    max-height: 500px; /* 충분히 큰 값 */
}
.slide-menu__nav-header{position:relative;border-bottom:0; margin-right:20px;}
.slide-menu__nav-header:before { content:""; position:absolute; top:22px; right:0; width:7px; height:1px; background:#000; z-index:1; }
.slide-menu__nav-header:after { content:""; position:absolute; top:19px; right:3px; width:1px; height:7px; background:#000; }
.slide-menu__nav-header.is-open:after{display:none;}

.noblet .slide-menu__nav-header:before,  
.noblet .slide-menu__nav-header:after {display:none;}

.slide-menu__nav-header .slide-menu__nav-heading a{color:#000; text-decoration: none;}
.slide-menu__nav-heading{  font-size: 13px;  font-weight: 400;}
.slide-menu__nav-content{border-bottom:0;}
.slide-menu__nav-category-label--one-depth{padding: 10px 0;}
.slide-menu__nav-category-label{    color: #555;    font-size: 12px;     font-weight: 400;}

.footer{background: none;text-align:center; color:#000;}
.footer__info .dk-more{
    margin-bottom: 60px;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Pretendard';
    letter-spacing: 2px;
    text-align: center;}
.footer__info .ft_menu{display:flex;  align-items: center; justify-content: center; }
.footer__info .ft_menu li{position: relative; padding:0 12px;font-size: 10px;}
.footer__info .ft_menu li:before{
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    height: 8px;
    border-left: 1px solid #4f4f4f;}
.footer__info .ft_menu li:first-child:before{display:none;}
.footer__info .ft_menu li a{color: #4f4f4f;}
.footer__info dt{display:none;}
.footer__info dd{font-size:9px;}
.footer address{font-size:7px; line-height: 1.6em;word-break: break-all;}


/* product_list */
.category_tit{text-align:center;padding: 18px 0; margin-bottom:20px; color: #444444;  font-size: 12px;  font-weight: 700;}
:is(.thumb-GALLERY){padding-inline: 10px;row-gap: 30px;}
.thumb-item__img{border:0;}
.product-thumb-title{ color: #474747; font-size: 11px; font-weight:  400;}
.product-thumb-price,
.product-thumb-unit{
    color: #323232;
    font-size: 11px;
    font-weight: 700;}
.product-thumb-price--origin{ width:100%;color: #8f8f8f;}
.soldout_txt{padding-top:5px;
    color: #999;
    font-size: 11px;
    font-weight: 500;}