/* BASIC css start */
*{box-sizing:border-box}

.dimmed:after{position:fixed;width:100vw;height:100vw;display:block;background:rgba(0, 0, 0, 0.4);content:"";top:40px;left:0;z-index:40}



img,iframe{max-width:100%} /* 상단이미지 크기설정 */

.clearboth{clear:both}

.clearleft{clear:left}




#ww {z-index:100;width:100%;background: rgba(255,255,255,1) }

#ww.headerFix .header { position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,1);z-index:90; }





#ww .hd_bnWrap {font-size: 0; position:relative; min-width:1200px; background-color:#000;}

#ww .hd_bn {width:100%; height:50px; margin:0 auto; position: relative; overflow:hidden; text-align:center; }

#ww .hd_bn a {color:#fff;line-height:50px; letter-spacing:4.5px;}

#ww .hd_bn .btn_bancls {position:absolute; right: 30px; top: 16px;font-size:20px;color:#fff;}



.header{position:relative;z-index:51;width:100%;background:white;-webkit-font-smoothing:antialiased}





.header{position:relative}

.header__container{font-family:"Humanist521BT-Roman",Helvetica,Arial,sans-serif;text-transform:uppercase;max-width:1400px;margin:0 auto}

.header__container::after{clear:both;content:"";display:table}



.header__container{padding-top:58px}

.header .header-info, .header .links{display:none}



.header .header-info, .header .links{display:block}

.header .header-info a, .header .links a{color:#494949}

.header ul{margin:0}





.header .quick-access {float:right;padding:0;margin:0 auto}

.header .quick-access::after{clear:both;content:"";display:table}



.header .quick-access{float:none;margin:10px 0;padding:0 15px}

.header .quick-access{position:absolute;top:0;max-width:1400px;width:100%;z-index:16}

.header .quick-access .header-info{float:left;font-size:11px;padding:10px 0 0;line-height:18px;width:35%;color:#b9b9b9}

.header .quick-access .header-info{letter-spacing:2px}

.header .quick-access .header-info ul{padding:0;margin-bottom:8px}

.header .quick-access .header-info li{display:inline;margin-right:1px}

.header .quick-access .header-info li:first-child:before{display:none}

.header .quick-access .header-info li:first-child a{padding-left:0}

.header .quick-access .links{float:right;margin:20px 10px 0 0;padding:0;font-size:12px;color:black}







.header .quick-access .links{letter-spacing:2px}

.header .quick-access .links li{float:left; }

.header .quick-access .links li a{text-decoration:none;color:black}

.header .quick-access .links li a:hover{color:#7b7b7b}

.header .logo{display:inline-block;position:absolute;top:5px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:25;text-align:center}

.header .logo{top:15px}

.header .logo a{display:block}

.header .logo svg{width:141px;height:45px;display:block}





.header .logo .logo-img{width:80%;margin-top:0}

.header .logo .svg--logo-icon{display:none;width:29px;height:21px}

.header .logo strong{position:absolute;top: -999em;left: -999em;width:0;height:0;font-size:0;line-height:0;text-indent: -999em;overflow:hidden}





.header .quick-access .searchArea { float: left; margin-top: 10px;  border:1px solid #000 ;}

.header .quick-access .searchArea .search { position:relative; width:100%; }

.header .quick-access .searchArea .search input { padding-left:10px; border:none; background:#fff ; width: 175px;padding: 7px 20px 4px 10px;}

.header .quick-access .searchArea .search a { display:block; position:absolute; top:0; right:0; width:24px; height:24px; text-indent:-9999em; background:url(/design/sfsintl/wizdesign/top_ser.jpg) 0 0 no-repeat }







.header .quick-access .top-wish {  float: right; position: relative; margin: 14px 30px 0 0 }

.header .quick-access .top-cart {  float: right; position: relative; margin: 20px 0 0 0 }

.header .quick-access .top-cart .count { 
    position: absolute; 
    top: -6px; 
    right: -8px;
    left: auto;
    font-size: 10px; 
    border-radius: 50%; 
    border: 1px solid black; 
    text-align: center; 
    width: 16px; 
    height: 16px; 
    color: black; 
    background: white; 
    line-height: 16px;
    z-index: 1;
}





.header__sticky{margin-top:49px}
.header__sticky .header{position:fixed;top:0;left:0;z-index:500;height:44px;}
.header__sticky .header__container{
    position:relative;
    padding-top:0;
    text-align:center;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.header__sticky .header .logo{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    z-index:16;
}
.header__sticky .header .logo .svg--logo, .header__sticky .header .logo .logo-img{display:none}
.header__sticky .header .logo .svg--logo-icon{
    display:block;
    width:24px;
    height:24px;
}
.header__sticky .header .quick-access{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:8px;
    z-index:16;
    width:auto;
}
.header__sticky .header .quick-access .searchArea{display:none}
.header__sticky .header .quick-access .links{
    position:static;
    float:none;
    margin:0;
    padding:0;
    order:2;
}
.header__sticky .header .quick-access .links li{
    display:inline-flex;
    align-items:center;
    padding:0 3px;
}
.header__sticky .header .quick-access .top-cart{
    position:relative;
    float:none;
    margin:0;
    order:3;
}








/*상단 메뉴바*/



.responsive-nav{text-align:center; letter-spacing:3px }





.nav-container li.level-top{font-size:12px; display:inline-block }

.nav-container li.level-top>a{padding:22px 5px}



/*.nav-container li.sale > a, .nav-container li.mid-season-sale > a, .nav-container li.seasonal-reductions>a{color:#f69142}*/

.nav-container li.sales > a, .nav-container li.mid-season-sales > a, .nav-container li.seasonal-reductions>a{color:#ff0000}



.nav-container a{text-decoration:none;display:block;cursor:pointer;padding:9px 4%;color:#494949}



.nav-container a [class^=icon-]{display:none}

.nav-container ul.level0, .nav-container ul.level0 ul{background:white;display:none;text-align:center;}

.nav-container ul.level0{background:white;box-sizing:border-box;width:100%}

.nav-container ul.level0>li{float:left;width:49.5%}

.nav-container ul.level0 > li a{padding:5px 7px;color:#494949}}

.nav-container ul.level0 .all-items{font-weight:bold}

.nav-container ul.has-thumbnail{background-position: -9999px -9999px}



.no-boxshadow .nav-container ul.level0{border:1px solid #d9d9d9}

.explore-nav-ul{display:none}

.desktop-nav{margin:0 auto;display:block;width:auto}



nav, nav ul{margin:0;padding:0}





.nav-container {

    display: inline-block;

    position: relative;

max-width: 1330px;

    top: auto;

    left: auto;

    text-align: center;

    border-right: none;

    height: auto;

    overflow-y: visible;

    padding-bottom: 0;

z-index: 1;

}









.nav-container ul > li >a.level0 {padding:12px 4%}

.nav-container ul > li > ul{position:relative;visibility:hidden;opacity:0;width:100%;top:100%;left:0;z-index: -1;filter:alpha(opacity=0);background:white;box-sizing:border-box;text-align:left;padding:15px 5px 5px 15px}

.nav-container ul > li > ul.prtrait-nav,.nav-container ul>li>ul.cmnlist{max-width:910px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}

.nav-container ul>li>ul>li{display:block}

.nav-container ul > li > ul > li p{margin:0}

.nav-container ul > li > ul > li img{display:none}

.nav-container ul>li.current{display:block}

.nav-container ul>li.current>ul{position:relative;display:block;visibility:visible;opacity:1;z-index:1;filter:alpha(opacity=100);padding:0}

.default-top-nav .level1{text-transform:none}



.custom-top-nav{display:inline-block}



.nav-container>ul>li{border:1px solid white}

.nav-container>ul>li>ul{position:absolute;-ms-flex-pack:justify;justify-content:space-between;width:100%;top:100%;border:1px solid #aabab8}

.nav-container > ul > li > ul > li a.level1{padding:6px 8px;min-width:115px}

.nav-container > ul > li > ul > li .navititles{display:inline-block;font-weight:bold;margin:10px 8px 6px;font-size:18px;text-transform:none}

.nav-container > ul > li > ul > li img{display:block}

.nav-container > ul > li > ul > li.imgli a{padding:0}

.nav-container>ul>li>ul.rect-nav{max-width:910px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}

.nav-container > ul > li > ul.rect-nav .level1,

.nav-container > ul > li > ul.rect-nav .allclassics{display: -ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}

.nav-container > ul > li > ul.rect-nav .level1 > ol,

.nav-container > ul > li > ul.rect-nav .allclassics>ol{-ms-flex-direction:column;flex-direction:column}

.nav-container > ul > li > ul.rect-nav .level1 > ol:nth-of-type(1),

.nav-container > ul > li > ul.rect-nav .allclassics>ol:nth-of-type(1){padding:50px 40px;background:#efefef;min-height:440px;min-width:210px;width:210px}

.nav-container > ul > li > ul.rect-nav .level1 > ol:nth-of-type(1) a:hover,.nav-container > ul > li > ul.rect-nav .allclassics > ol:nth-of-type(1) a:hover{background:#e8e8e8}

.nav-container > ul > li > ul.rect-nav .level1 > ol .classicimg,

.nav-container > ul > li > ul.rect-nav .level1 > ol .classicimgall,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .classicimg,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .classicimgall{position:absolute;top:50px;left:360px}

.nav-container > ul > li > ul.rect-nav .level1 > ol .classicimg a,

.nav-container > ul > li > ul.rect-nav .level1 > ol .classicimgall a,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .classicimg a,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .classicimgall a{padding:0}

.nav-container > ul > li > ul.rect-nav .level1 > ol .classicimg,.nav-container > ul > li > ul.rect-nav .allclassics > ol .classicimg{display:none}

.nav-container > ul > li > ul.rect-nav .level1 > ol .clslink:hover .classicimg,

.nav-container > ul > li > ul.rect-nav .level1 > ol .clslink:hover .classicimgall,

.nav-container > ul > li > ul.rect-nav .level1 > ol .clslinkall:hover .classicimg,

.nav-container > ul > li > ul.rect-nav .level1 > ol .clslinkall:hover .classicimgall,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .clslink:hover .classicimg,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .clslink:hover .classicimgall,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .clslinkall:hover .classicimg,

.nav-container > ul > li > ul.rect-nav .allclassics > ol .clslinkall:hover classicimgall{display:block}

.nav-container > ul > li > ul.rect-nav a{text-transform:none;font-size:14px;letter-spacing:0;padding:6px 8px}

.nav-container > ul > li > ul .imgli a{padding:0}

.nav-container>ul>li>a.level0{position:relative;display:inline-block;padding:12px 10px}

.nav-container>ul>li>a.level0:hover{background-color:white}

.nav-container>ul>li.current{display:inline-block;background-color:white;border:1px solid #aabab8;border-bottom:0}

.nav-container>ul>li.current>ul{position:absolute;display: -ms-flexbox;display:flex;min-height:575px;margin-top: -1px}

.nav-container>ul>li.current>a.level0:after{content:'';position:absolute;width:100%;bottom: -1px;left:0;border-bottom:1px solid white;z-index:2}

.nav-container > ul > li.current li.allclassics>ol{display: -ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;padding:50px 25px}

.prtrait-nav,.cmnlist{max-width:910px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}

.prtrait-nav>li,.cmnlist>li{padding:50px 25px;}

.prtrait-nav>li:nth-of-type(1),.cmnlist>li:nth-of-type(1){padding:50px 40px;background:#efefef;min-width:210px;width:100px;}

.prtrait-nav > li:nth-of-type(1) a:hover,.cmnlist > li:nth-of-type(1) a:hover{background:#e8e8e8}

.nav-container > ul > li > ul.rect-nav .allclassics > ol:nth-of-type(1) a:hover{background:#e8e8e8}



.prtrait-nav a,.cmnlist a{text-transform:none;font-size:13px;letter-spacing:0}

.prtrait-nav .level1 ol,.cmnlist .level1 ol{margin-bottom:10px}



a.level1:hover { background:#e8e8e8 }





/*전 상품 무료 배송*/

.usp-bar {  color: #949494; font-family: 'GillSansMTStd-Medium',Helvetica,Arial,sans-serif;  font-weight: normal; font-size: 12px;  letter-spacing:1.8s;  text-transform: uppercase; min-height: 20px; -webkit-font-smoothing: antialiased;   margin-bottom: 35px; display: block;}

.usp-bar ul{width:100%;max-width:700px;margin:0 auto;padding:0;overflow:hidden;clear:both; position:absolute; left:50%; transform: translateX(-17%); }

.usp-bar ul li{width:33.3%;float:left;text-align:center}

.usp-bar ul li.last{background:none}

.usp-bar ul li.fullwidth{width:100%;float:left;text-align:center;background:none}

.usp-bar ul li a{padding:13px 0px 10px;display:block;font-weight:normal;letter-spacing:0.175em;color:#949494; font-size:12px; }



.delivery-free{margin:0 auto;}



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}





/* CLEARANCE 단독 레드박스 스타일 - 절대 오류 없음 */


.nav-container li.clearance-menu > a.level0 {
    background-color: #A30000 !important; /* 빨간 배경 */
    color: #ffffff !important;           /* 흰색 글씨 */





}




    /* 마우스 올렸을 때 박스가 살짝 뜨는 효과 */
    .nav-clearance-box:hover {
        background-color: #000 !important;
        transform: translateY(-5px);
    }
    .nav-clearance-box:hover span, .nav-clearance-box:hover p {
        filter: brightness(1.2);
    }


/* 마우스 오버 시 카드 전체에 미세한 광택 및 상승 효과 */
    .archive-promo-card:hover {
        border-color: #FF3B30 !important;
        transform: translateY(-8px);
        background-color: #050505 !important;
    }
    
    /* 버튼 호버 시 색상 변화 */
    .archive-promo-card:hover .archive-btn {
        background-color: #e62e25 !important;
        box-shadow: 0 5px 15px rgba(255, 59, 48, 0.3);
    }




/* ✅ quick-access 내부 float 정렬 복구 */
.header .quick-access {
    position: absolute;
    top: 0;
    max-width: 1400px;
    width: 100%;
    z-index: 16;
    display: flex;              /* float 대신 flex로 전환 */
    align-items: center;
    justify-content: flex-end;  /* 우측 정렬 */
    padding: 10px 15px;
    box-sizing: border-box;
}

/* ✅ 검색창 - flex 순서 1번 */
.header .quick-access .searchArea {
    float: none;
    order: 1;
    margin-right: 12px;
}

/* ✅ 위시리스트(links 내 하트) - flex 순서 2번 */
.header .quick-access .links {
    float: none;
    order: 2;
    margin: 0 8px;
}

/* ✅ 로그인 아이콘 */
.header .quick-access .links li {
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
}

/* ✅ 장바구니 - flex 순서 3번 */
.header .quick-access .top-cart {
    float: none;
    order: 3;
    position: relative;
    margin: 0 0 0 8px;
}


.header__sticky .header .quick-access .searchArea .search a {
    display: none !important;
}


/* sticky 상태 searchArea 전체 숨김 */
#ww.headerFix .searchArea {
    display: none !important;
}



/* sticky 아닐 때 검색 li 숨김 */
.header .quick-access .links li:first-child {
    display: none;
}

/* sticky일 때만 표시 */
#ww.headerFix .header .quick-access .links li:first-child {
    display: inline-flex;
}
/* BASIC css end */