/* BASIC css start */
body{min-width:1580px; max-width: 1903px; margin: 0 auto;}
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { width:100%; max-width: 1903px; z-index:1001;}
#header .headerTop { width:100%; *zoom:1 }
#header .headerTop.header-scroll{position: fixed; top:0; max-width: 1903px; background: #ffffff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 0.9;}
#header .headerTop.header-scroll .headerTopinner{}
#header .headerTop .headerTopinner{ position: relative; padding: 20px 50px;}
#header .headerTop .headerTopinner.hovback{background: #fff;}
#header .headerTop:after { display:block; clear:both; content:''; }

/* 카테고리 */
#header .headerGnb { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); }
#header .headerGnb ul { *zoom:1 }
#header .headerGnb ul:after { display:block; clear:both; content:'' }
#header .headerGnb ul.depth1 > li { float:left; padding: 0 45px 0 0; }
#header .headerGnb ul.depth1 > li:last-of-type{padding-right:0}
#header .headerGnb ul.depth1 > li > a { display:block; padding: 25px 20px 25px 0; color:#000; font-size:15px; white-space:nowrap; font-family: 'Noto Sans','Noto Sans KR', sans-serif; }
#header .headerGnb ul.depth1 > li > a.depopen{ opacity: 0.8;}

/*메뉴 중분류*/
.dn {display: none !important}
#header .headerGnb .sub_menu_wrap { position: absolute;  left:-50px; width: 100vw; padding: 40px 0; border-top: 1px solid #c8c8c8; background: #fff; }
#header .headerGnb .sub_menu_in{ width: 1330px; margin: 0 auto;}
#header .headerGnb ul.depth2{ display: flex; float: left; width: 383px; height: 386px; align-content: flex-start; flex-direction: column; flex-wrap: wrap; overflow: auto;}
#header .headerGnb ul.depth2 > li { width: 176px; margin: 0 10px 23px 0;}
#header .headerGnb ul.depth2 > li:nth-of-type(3){height: 247px;}
#header .headerGnb ul.depth2 > li a { color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; line-height: 16px;}
#header .headerGnb ul:after {display: block; clear: both; content: ''}
#header .headerGnb .sub_menu_in .collecBox{ float: right;}
#header .headerGnb .sub_menu_in .collecBox p{ margin: 0 25px 20px; color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif;}
#header .headerGnb .sub_menu_in .collecBox img{ width: 288px; margin: 0 0 0 25px; cursor: pointer;}
#header .headerGnb .sub_menu_in .collecBox img:hover{opacity:0.8;}

/* 로고 */
#header .headerTop .tlogo { width: 220px; margin: 0 auto; }
#header .headerTop .tlogo a img{width: 100%;}

/* 계정 */
#header .headerTop .headerTopinner .tnbRight{ position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
#header .headerTop .headerTopinner .tnbRight ul li{float: left; margin: 0 0 0 35px;}
#header .headerTop .headerTopinner .tnbRight ul li a{font-family: 'Noto Sans','Noto Sans KR', sans-serif;}

/* 슬라이드 메뉴 */
.slideMenu{ display:none; position: absolute; width: 100%; padding: 40px 0; border-top: 1px solid #c8c8c8; background: #fff;}
.slideMenu .slideIn{ width: 1330px; margin: 0 auto; ;}
.slideMenu .slideIn .slide_list1{display:flex; float: left; width: 383px; height: 386px; align-content:flex-start; flex-direction:column; flex-wrap:wrap; overflow:auto}
.slideMenu .slideIn .slide_list1 li{width: 186px; margin: 0 10px 23px 0;}
.slideMenu .slideIn .slide_list1 li:nth-of-type(3){height: 247px;}
.slideMenu .slideIn .slide_list1 li a{ color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; line-height: 16px;}



/* 1. 이미지 배너가 없는 메뉴들 (Lookbook, Community) 공통: 가로 1행 정렬 */
#header .headerGnb .sub_menu_wrap.text_only {
    height: auto !important;
    padding: 20px 0 !important;
}

#header .headerGnb .sub_menu_wrap.text_only .sub_menu_in {
    width: 1330px;
    margin: 0 auto;
}

#header .headerGnb .sub_menu_wrap.text_only ul.depth2 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: row !important; /* 가로 나열 */
    flex-wrap: wrap !important;
    gap: 30px;
    padding: 10px 0;
}

#header .headerGnb .sub_menu_wrap.text_only ul.depth2 > li {
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
}

/* 2. ABOUT 전용: 2열 세로 나열 유지 (클래스를 합쳐서 우선순위 확보) */
#header .headerGnb .sub_menu_wrap.text_only.about_slim {
    padding: 30px 0 !important;
}

#header .headerGnb .sub_menu_wrap.text_only.about_slim ul.depth2 {
    flex-direction: column !important; /* 다시 세로로 변경 */
    height: 180px !important;         /* 2열을 만들기 위한 높이 제한 */
    width: 500px !important;          /* 2열 폭 확보 */
    gap: 0 50px !important;           /* 열 사이 간격 */
}

#header .headerGnb .sub_menu_wrap.text_only.about_slim ul.depth2 > li {
    width: 200px !important;
    height: 30px !important;
    margin-bottom: 5px !important;
}

/* 3. 공통 제거 */
#header .headerGnb .sub_menu_wrap.text_only .collecBox {
    display: none !important;
}
/* BASIC css end */