/** Shopify CDN: Minification failed

Line 125:13 Unexpected "{"
Line 125:22 Expected ":"

**/
:root{
    --header-height: 114px;
    --filter-height: 48px;
}

#FreeShippingBanner{}
/* header */
header{
    background: #fff;
}
header.hide{
    transform: translateY(0);
}
header .menu{
    justify-content: space-between;
    padding: 0 40px;
    min-height: var(--header-height);
}
header .menu .logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(0) saturate(100%) invert(14%) sepia(0) saturate(74%) hue-rotate(135deg) brightness(108%) contrast(100%);
    width: 218px;
    height: auto;
    margin: 0;
    

}
header .menu nav>ul{gap: 40px;}
header .menu nav>ul>li{margin: 0;}
header .menu nav>ul>li>a{color: #262626; font-size: 11px; line-height: 130%; letter-spacing: 0.28px;}
header .menu .user-panel{gap: 40px;}
header .menu .user-panel>li{display: flex; margin: 0;}
header .menu .user-panel>li>a,
header .menu .user-panel>li>button{padding: 0;}
header .menu .user-panel .search button span{font-size: 11px;line-height: 130%; letter-spacing: 0.28px; }
header .menu .user-panel .search button svg{display:none; stroke-width: 1px;
stroke: var(----color-black, #000);}
header .menu .user-panel .search button svg path{width:12px; height:12px; fill: none;}
header .menu .user-panel li button span{font-size: 11px; text-transform: uppercase; line-height: 130%; letter-spacing: 0.28px;}
header .menu .user-panel .search{margin-right: 0;}
header .menu .user-panel .search button{color: #262626; padding: 0; width: 100%;}
header .menu .user-panel .checkout .cart-count span{color: #262626; font-size: 11px;line-height: 130%; letter-spacing: 0.28px;}
header .menu>ul>.li-cabinet.account svg{display:none;}
header .menu>ul>.li-cart svg{display:none;}
header .menu>ul>.li-ham{display: none;}

/* 인터렉션 제거*/
header .menu nav > ul > li.has-sub-menu.hover::before{content: none;}
header .menu nav > ul > li > a::after{content: none;}
header .menu nav > ul > li .sub-menu .column a::after{content: none;}
header .menu nav > ul > li .sub-menu.show {
   pointer-events: all;
  opacity: 1;
  transform: none;
  transition: transform 0.25s ease, opacity 0.2s ease;
}
header .menu nav > ul > li .sub-menu .column,
header .menu nav > ul > li .sub-menu .image,
header .menu nav > ul > li .sub-menu .select-field{
    transform: translateY(0);
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    transition-delay: 0s !important; 
}

header .menu nav > ul > li .sub-menu.show .select-field {
  opacity: 1;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition-delay: 0s;
  transform: none;
}
header .menu nav > ul > li .sub-menu{
    display:flex;
    justify-content: space-between;
    align-items:flex-start;
    align-self: stretch;
    padding: 3.46rem 2.16rem;
}
header .menu nav > ul > li .sub-menu ul {
  margin-top: 40px;
  display:flex;
  flex-direction:column;
  gap: 12px;
}
header .menu nav > ul > li .sub-menu .column {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-block-size: 0;
    margin-left: 0;
    max-width: 200px;
}
header .menu nav > ul > li .sub-menu .column a{
    color: #000;
}
header .menu nav > ul > li .sub-menu .column:has(a:hover) a {
     color: #999;
}
header .menu nav > ul > li .sub-menu .column a:hover {
    color: #000 !important;
}
header .menu nav > ul > li .sub-menu .column.solo {
   margin-left: 0;
   width: auto;
}

header .menu nav>ul>li .sub-menu .h3{font-size: 11px; line-height: 130%; letter-spacing: 0.28px; margin: 0; font-weight: 400;}
header .menu nav > ul > li .sub-menu .column a{font-size: 11px; line-height: 130%; letter-spacing: 0.24px;}

.search-box-head{min-height: 4.2857142857rem;}

/* plp banner */
    body.is-plp .banner {margin-top: var(--header-height);}
    body.is-plp .welcome-banner .banner { margin-top: 0; }
    .banner__media.placeholder{ color: transparent !important; fill: transparent !important; background: #fff !important;}
    .banner__media .placeholder-svg {display: none !important;}
    #Banner-{{ section.id }} .gradient{background: none;}
    .banner__box{max-width: none; padding: 0;}
    
    .banner__content {
        margin-top: 80px;
        padding: 1.7rem 2.1645rem 5rem;
        justify-content: space-between !important;
    }
    .banner__box{
        display:flex;
        justify-content: space-between;
        align-items: start;
        width: 100%;
    }
    .banner__box>*:first-child{
        flex:1;
        display: block;
        grid-column: 1 / 5;
        text-align: start;
        font-size: var(--b7-heading-desktop);
        line-height: 130%;
        font-weight: 400;
        letter-spacing: 0.28px;
        /* color: #000; */
        text-transform: uppercase;
    }
    .banner__box .banner__heading+*{
        flex:1;
        display:block;
        grid-column: 5 / 8;
        text-align: start;
        margin-top: 0;
    }
    .banner__box .banner__text p{
        font-size: var(--b7-text-desktop);
        line-height: 130%;
        font-weight: 400;
        letter-spacing: 0.28px;
    }
    .banner.banner--small{
        min-height: 336px;
    }
    .catalog .product-list{
       padding-top: calc(var(--header-height) + var(--filter-height)) !important;
    }
    body:has(.welcome-banner) .catalog .product-list,
    body:has(.banner) .catalog .product-list,
    body:has(.gigant-banner) .catalog .product-list {
        padding-top: var(--filter-height) !important;
    }
    .catalog .sticky-box .sticky-filter-panel .filter-menu .head{
        min-height: 4.2857142857rem;
    }
    .catalog .sticky-box .btn-panel{
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0.24px;
    }
    .vie-GridViewSwitcher_Wrapper{margin-left: 8px;}
    .catalog .sticky-box .grid-template .vie-GridViewSwitcher_Wrapper > div,
    .catalog .sticky-box .grid-template .vie-GridViewSwitcher_Wrapper > span {
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0.24px;
    }
    .catalog .sticky-box .sticky-filter-panel .total-product{
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0.24px;
        margin: 0;
    }
    .catalog .sticky-box .sticky-filter-panel .panel{
        justify-content: space-between;
        margin-top: var(--header-height);
       height: 48px;
    }
    body:has(.welcome-banner) .catalog .sticky-box .sticky-filter-panel .panel,
    body:has(.banner) .catalog .sticky-box .sticky-filter-panel .panel,
    body:has(.gigant-banner) .catalog .sticky-box .sticky-filter-panel .panel {
        margin-top: 0;
    }
    .catalog .grid-template{margin: 0;}
    .catalog .sticky-box .sticky-filter-panel .panel .sort-dropdown{margin: 0;}
    .catalog .sticky-box .sticky-filter-panel .panel .btn-panel.clear{display:none;}
    .product-card .info{
        display: flex;
        flex-direction: column;

        padding: 1.082rem 0.865rem;
    }
    .product-card .info--top{
        flex-direction: row;
        gap: 12px;
        margin-bottom: 0;
        align-items: flex-start;
        width: 100%;
        min-width: 0;
    }
    .product-card .info--top .name{
        flex: 1 1 auto;
        min-width: 0;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 12px;
        line-height: 130%;
        margin: 0;
    }
    .product-card .info--top .price{
        font-size: 12px !important;
        line-height: 130% !important;
        letter-spacing: 0.28px !important;
        flex: 0 0 auto;
        white-space: nowrap;
        margin-left: 12px;
    }
    .product-card .info--top .price .price__container{
        font-weight: 400;
    }
    .product-card .info--top .price .price__container .price__sale{
        align-items: flex-end;
    }
    .product-card .info .tags{gap: 12px; margin-top: 32px;}
    .product-card .info .tags>li{
        font-size: 11px;
        line-height: 130%;
        letter-spacing: 0.22px;
        margin: 0;
        padding: 8px 12px;
        background:  #F5F5F5;
        color: #262626;
    }
    .product-card .info .tags>li+li:before{content: none;}

    /*컬러 링킹*/
    .b7-product-color__list {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        list-style: none;
        margin: 0;
        margin-top: 12px;
        padding: 0;
        height: 32px;
    }
    .b7-product-color__item {
        position: relative;
        width: 16px;
        height: 16px;
        box-sizing: border-box;
        border-radius: 0;
        border: 0.5px solid #C1C1C1;
        margin: 4px;
    }
    .b7-product-color__item.curr { border: 0.5px solid #262626; }
    .b7-product-color__item.sold-out { order: 2;}
    .b7-product-color__item.sold-out::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background: rgba(255, 255, 255, .3);
        z-index: 1;
        pointer-events: none;
    }
    .b7-product-color__item.sold-out::after { 
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(30deg);
        width: 1px;
        height: 100%;
        z-index: 2;
        background: #fff;
        pointer-events: none;
    }
    .b7-product-color__link {
        display: block;
        width: 100%;
        height: 100%;
    }
    .b7-product-color__item.curr .b7-product-color__line {
        display: block;
        width: calc(100% + 2px);
        height: 0.5px;
        background: #262626;
        margin-top: 2px;
        margin-left: -1px;
    }
    /*접근성 고려*/
    .visual-hidden {
        position: absolute;
        margin-top: -1px;
        overflow: hidden;
        visibility: hidden;
        clip: rect(0, 0, 0, 0);
        width: 1px;
        height: 1px;
    }
    .collection--empty .title--primary{
        font-size: 20px;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.4px;
        margin: 120px 0;
    }
    
@media screen and (max-width: 992px) {
    :root{
        --header-height: 52px;
    }
    header .menu{padding: 0 16px;}
    header .menu .logo{ position: static; transform: none; width: 154px;}
    header .menu .user-panel{gap: 20px;}
    header .menu .user-panel>li{
        height:24px;
    }
    header .menu .user-panel .search button svg{
        display: block;
        filter: brightness(0) saturate(100%) invert(14%) sepheader .menu button[data-button-action=open_mob_menu]ia(0) saturate(74%) hue-rotate(135deg) brightness(108%) contrast(100%);
    }
    header .menu .user-panel .checkout .cart-count span{font-size: 11px;}
    header .menu>ul>.li-cabinet.account svg{
        width: 24px;
        height: 24px;
        display:block;  
        filter: brightness(0) saturate(100%) invert(14%) sepia(0) saturate(74%) hue-rotate(135deg) brightness(108%) contrast(100%); }
    header .menu>ul>.li-cabinet.account span{display:none;}
    header .menu>ul>.li-cart{position:relative;}
    header .menu>ul>.li-cart svg{display:flex !important;}
    header .menu .user-panel > li > a > img,
    header .menu .user-panel > li > button > img {width: 100%; height:100%;}
    header .menu>ul>.li-cart img{display:block; filter: brightness(0) saturate(100%) invert(14%) sepia(0) saturate(74%) hue-rotate(135deg) brightness(108%) contrast(100%);}
    header .menu>ul>.li-ham{display: flex; align-items: center;}
    header .menu>ul>.li-ham svg path{fill: #262626;}
    header .menu>ul>.li-cart .li-cabinet-text{display:none;}
    header .menu button[data-button-action="open_mob_menu"]{width: 20px; height : 20px; margin: 0;}

    header .mob-menu .top{min-height: var(--header-height); padding: 0 16px; border-bottom: none;}
    header .mob-menu .top:hover{background: none !important;}
    header .mob-menu .top .logo{width: 154px;}
    header .mob-menu .top button[data-button-action="close_mob_menu"]{font-size:11px; line-height: 130%; letter-spacing: 0.22px; margin-bottom: -15px;}
    header .mob-menu>nav{padding: 16px;}
    header .mob-menu>nav>ul>li>a{font-size:11px; letter-spacing: 0.28px; line-height: 130%;}
    header .mob-menu nav > ul{padding: 0;}
    header .mob-menu nav > ul > li{padding: 0;}
    header .mob-menu nav>ul>li.has-sub-menu{padding: 20px 0;}
    header .mob-menu nav > ul > li .sub-menu .column > ul > li a{font-size:11px;}
    header .mob-menu nav>ul>li .sub-menu .column .h3{font-size: 11px; line-height: 130%; letter-spacing: 0.24px; margin: 0; text-decoration: uppercase; font-weight: 400;}
    header .mob-menu nav > ul > li .sub-menu .column .h3::after{content: none;}
    header .mob-menu nav > ul > li.has-sub-menu.open .sub-menu {margin-top: 0;}
    header .mob-menu nav>ul>li .sub-menu .column a{
        padding: 16px 0 !important;
        margin-bottom: 0;
    }
    header .mob-menu nav > ul > li .sub-menu > .column:first-child {
        margin-top: 8px;
    }
    header .mob-menu nav>ul>li .sub-menu .column span{
        padding: 24px 0 !important;
        margin-bottom: 0;
    }
    header .mob-menu nav>ul>li .sub-menu .column ul{
        padding: 0 12px 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
     header .mob-menu nav > ul > li .sub-menu .column{border-bottom: 1px solid #E0E0E0;}
    header .mob-menu nav > ul > li .sub-menu .column > ul > li{margin-bottom: 0;}
    header .mob-menu nav > ul > li .sub-menu .column > ul > li a{
        color: #262626;
        line-height: 130%;
        letter-spacing: 0.24px;
    }
    header .mob-menu nav>ul>li .sub-menu .column>ul>li:last-child{margin: 0;}
    /* plp banner */
    .banner__box{
        gap: 32px;
        flex-direction: row;
    }
} 
@media screen and (max-width: 749px) {

  /* plp */
  .banner__content{ 
    
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: 64px;
    /* padding: 1.7rem 2.1645rem 5rem; */
  }
  .banner__box{
    flex-direction: column;
  }
  .banner__box>*:first-child{
        font-size: var(--b7-heading-mobile);
        letter-spacing: 0.24px;
    }
    .banner__box .banner__text p{
        font-size: var(--b7-text-mobile);
        letter-spacing: 0.24px;
    }
  .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 336px;
  }
}
@media (max-width: 691px) {
    .catalog{padding-bottom: 0;}
    .catalog .product-list .product-card{margin-bottom: 48px;}
    .product-card .info{
        padding: 12px 8px;
    }
    .product-card .info--top{
        flex-direction: column;
        gap: 8px;
    }
    .product-card .info--top .name{
        font-size: 11px;
    }
    .product-card .info--top .price{
        margin-left: 0;
        font-size: 11px !important;
    }
    .price--on-sale .price-item--regular{
         font-size: 11px;
    }
    .product-card .info--top .price .price__container .price__sale{
        flex-direction: row;
        gap: 4px;
    }
    .product-card .info .tags{
        gap: 4px;
    }
    .product-card .info .tags>li{font-size: 9px; letter-spacing: 0.18px; padding: 4px 8px; }
    .b7-product-color__list{margin-top: 8px; gap:0;}
    .product-card .info .tags{margin-top: 20px;}
    .b7-product-color__item{
        width: 12px;
        height: 12px;
    }
    .catalog .product-list.collection--empty .title-wrapper .title--primary{
        font-size: 12px;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.24px;
        margin: 120px 0;
    }
    
    .catalog .product-list.collection--empty .title-wrapper .title--primary a{
        text-decoration-thickness:.01rem;
    }
}
@media screen and (max-width: 540px) {
     header .menu .user-panel{
        gap: 12px;
        padding-right: 0;
        justify-content: flex-end;
    }
    /* plp */
    .banner__content{
        padding: 0 20px 40px;
    }
    header .mob-menu .top button[data-button-action="close_mob_menu"]{margin-bottom: -7px;}
}