/* BASIC css start */
html.no-scroll,
body.no-scroll { overflow: hidden !important; /*height: 100%;*/ }
.sticky { position: sticky; top: 0; z-index: 100; background-color: var(--cw-color-white); }
#skin_preview_wrap,
#m_skin_preview_wrap {display:none;}
.txt-blue {color: var(--Primary-2) !important; font-weight:600 !important;}
.hide-pc {display:none;}
/* 띠배너 */
.top-banner {text-align:center; height:60px;}
.top-banner li {}
.top-banner li a {display:block; line-height:60px; font-size:1.25rem; font-weight:500; background:var(--Black); color:var(--White);}
/* 헤더 */
.hd-logo {max-width: 1540px; margin: 0 auto; padding: 0 20px;}
.hd-menu {position:sticky; top:0; z-index: 100; background-color: var(--cw-color-white); }
.menu-inner {display:flex; align-items:center; max-width: 1540px; margin: 0 auto; padding: 0 20px;}
.menu-ham {cursor:pointer; background:url(/design/windygirl78/renewal/img/ic-ham.svg)no-repeat center; width:18px; height:14px;}
.menu-ham.active {background:url(/design/windygirl78/renewal/img/ic-cancel.svg)no-repeat center; width:18px; height:16px;}
.menu-cate {display: flex; gap: 28px; margin:0 28px; /*overflow-x: auto; user-select: none; -ms-overflow-style: none; scrollbar-width: none;*/}
.menu-cate::-webkit-scrollbar {display: none;}
.menu-cate:active {}
.menu-cate .cate-depth1 {position:relative; padding:16px 0;}
.menu-cate .cate-depth1 > a {white-space: nowrap; font-size:1rem;}
.menu-cate .cate-depth1 > a.stress {font-weight:600;}
.menu-cate .cate-depth1 > a.stress::after {content:''; display:inline-block; width:5px; height:5px; background:var(--Primary-2); border-radius:50%; vertical-align: text-top; margin-left: 3px;}
.menu-cate .cate-depth1.on > a {font-weight:600; color: var(--Primary-2); border-bottom:2px solid var(--Primary-2); padding-bottom: 2px;}
.menu-cate .cate-depth2 {display:none; position:absolute; padding:20px; top:55px; left:50%; transform: translateX(-50%); background:var(--White); box-shadow: 0px 3px 5px 0px #0000000D;}
.menu-cate .on .cate-depth2 {display:block;}
.menu-cate .cate-depth2 li {white-space:nowrap; line-height:17px;}
.menu-cate .cate-depth2 li:not(:last-child) {margin-bottom:11px;}
.menu-cate .cate-depth2 li a {font-size: 1rem; color: var(--Grey-1A); display:block;}
.menu-cate .cate-depth2 li a:hover {color: var(--Black);}
.menu-ic {margin-left: auto;}
.menu-ic ul {display:flex; align-items:center; gap:18px;}
.menu-ic ul li {}
.menu-ic ul li.join-ic {position:relative;}
.menu-ic ul li.join-ic::before {content:'가입시 4만원 쿠폰팩'; width: 102px; background: var(--Primary-1); color: var(--White); text-align:center; padding:3.5px 0; border-radius:22px; font-size:0.688rem; font-weight:500; position: absolute; top:-30px; left:11.5px; animation: bubbleBounce 1.8s ease-in-out infinite;}
.menu-ic ul li.join-ic::after {content:''; display:inline-block; width:7px; height:5px; background:url(/design/windygirl78/renewal/img/join-arrow.svg)no-repeat center; background-size:7px auto; position:absolute; top:-7px; left:11.5px; animation: bubbleBounce 1.8s ease-in-out infinite;}
.menu-ic ul li a {position:relative;}
.menu-ic ul li a #user_basket_quantity {position:absolute; right:-6px; top:-3px; width:13px; line-height:13px; background:var(--Primary-2); border-radius:8px; color:var(--White); text-align:center; font-size:0.563rem; font-weight:600;}
.menu-ic ul li.logout-btn {position:relative;}
.menu-ic ul li .logout-tip { position: absolute; display: inline-block; border: 1px solid var(--Black); background: var(--White); padding: 0 10px; font-size: 12px; line-height: 22px; white-space: nowrap; top: 35px; left: 50%; transform: translateX(-50%); visibility: hidden; opacity: 0; transition:all .3s ease;}
.menu-ic ul li:hover .logout-tip {visibility:visible; opacity:1;}
.menu-ic ul li .logout-tip::before { content: ''; position: absolute; left: 50%; bottom: 100%; margin-bottom: 0; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--Black); }
.menu-ic ul li .logout-tip::after { content: ''; position: absolute; left: 50%; bottom: 100%; margin-bottom: 0; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--White); }
.active .menu-ic ul li.join-ic::before,
.active .menu-ic ul li.join-ic::after {display:none;}
@keyframes bubbleBounce {
0% {
transform: translate(-50%, 0);
}
30% {
transform: translate(-50%, -4px);
}
60% {
transform: translate(-50%, 0);
}
100% {
transform: translate(-50%, -2px);
}
}
/* 전체메뉴 */
.side-menu-wrap {position:absolute; width:100%; height: calc(100vh - 200px); top:56px; left:0; background:var(--White); visibility: hidden; opacity: 0; transition:all .3s ease;}
.side-menu-wrap.active {visibility: visible; opacity: 1;}
.side-menu-wrap .side-menu-list {}
.side-menu-wrap .side-menu-list .side-menu-inner {max-width: 1540px; margin: 0 auto; padding: 40px 20px; font-size:0;}
.side-menu-wrap .side-menu-list .side-menu-inner .inner-left {display:inline-block; width:75%; height:70vh; overflow-y: auto; vertical-align:top; padding-left:10%; position:relative;}
.side-menu-wrap .side-menu-list .category {display:flex; flex-wrap: wrap; gap: 25px 20px; }
.side-menu-wrap .side-menu-list .category > li {min-width:90px;}
.side-menu-wrap .side-menu-list .category > li.cate-tab {position:absolute; left:0;}
.side-menu-wrap .side-menu-list .category li a {transition:all .3s ease;}
.side-menu-wrap .side-menu-list .category li a:hover {opacity:0.7;}
.side-menu-wrap .side-menu-list .category > li > a {font-size: 0.875rem; font-weight:600; color: var(--Grey-1A);}
.side-menu-wrap .side-menu-list .category > li.cate-tab a {display:block; margin-bottom:18px;}
.side-menu-wrap .side-menu-list .submenu {padding-top:16px;}
.side-menu-wrap .side-menu-list .submenu li {color: var(--Grey-77); font-size: 0.875rem; margin-bottom:11px;}
.side-menu-wrap .side-menu-list .side-menu-inner .inner-right {display:inline-block; width:20%; margin-left:5%;}
.side-menu-wrap .side-menu-list .cs-menu {background: var(--Grey-F7); padding:24px 28px; display: flex; flex-wrap: wrap; gap: 10px 50px; margin-bottom:24px;}
.side-menu-wrap .side-menu-list .cs-menu a {font-size: 0.813rem; font-weight:600; color: var(--Black); width: 76px; transition:all .3s ease;}
.side-menu-wrap .side-menu-list .cs-menu a:hover {opacity:0.7;}
.side-menu-wrap .side-menu-list .cs-menu line {display: block; width: 100%; height: 1px; background-color: var(--Grey-E8); margin: 8px 0; flex: none;}
.side-menu-wrap .side-menu-list .cs-menu line.mo-line {display:none;}
.side-menu-wrap .side-menu-list .side-bnr {}
.side-menu-wrap .side-menu-list .side-bnr img {width:100%;}
.side-menu-wrap .side-menu-list .side-bnr dl dt {font-size: 0.813rem; font-weight:600; margin:12px 0 6px;}
.side-menu-wrap .side-menu-list .side-bnr dl dd {display:flex; align-items:center; font-size: 0.938rem;}
.side-menu-wrap .side-menu-list .side-bnr dl dd::after {content:''; display:inline-block; width:8px; height:8px; background:url(/design/windygirl78/renewal/img/bnr-arrow.svg)no-repeat center; margin-left:auto; margin-right:1px;}
.side-menu-wrap .side-menu-list .side-bnr .swiper-pagination-fraction {font-size:0.563rem; color:var(--Grey-A6); font-weight:600; width: 32px; line-height: 18px; background: #3e3e3e; border-radius: 10px; right: 2%; left: auto; bottom: 34%;}
.side-menu-wrap .side-menu-list .side-bnr .swiper-pagination-fraction .swiper-pagination-current {color:var(--White);}
.side-menu-wrap .side-menu-list .side-bnr .swiper-pagination-fraction .swiper-pagination-total {}
/* 최근본상품 */
#MS_view_product {position:fixed; left:0; top:50%; transform:translateY(-50%); text-align:center; z-index:9; box-shadow: 2px 4px 18px 0px #0000001F;}
#MS_view_product .view-prd {width:84px; background:var(--White); padding:22px 10px;}
#MS_view_product .view-prd h3 {font-size:0.75rem; color:var(--Grey-1A); font-weight:600; margin-bottom:8px;}
#MS_view_product .view-prd li {height:64px !important; margin-bottom:8px;}
#MS_view_product .view-prd li img {width:100%; height:100%;}
#MS_view_product .view-control {display:none; align-items:center; justify-content:center; gap:16px;}
#MS_view_product .view-control.on {display:flex;}
#MS_view_product .view-control .swiper-button-next,
#MS_view_product .view-control .swiper-button-prev {position:static; color:#000; width:7px; height:11px; margin:0;}
#MS_view_product .view-control .swiper-button-disabled {opacity:0.5;}
/* 퀵메뉴 */
.quick-wrap {width: 240px; height: 100vh; background: var(--White); padding: 20px; position: fixed; top:0; right: -240px; z-index:100; box-shadow: -2px 4px 18px 0px #0000001F; transition:all .3s ease;}
.quick-wrap.on {right:0;}
.quick-wrap > div {margin-bottom: 64px;}
.quick-wrap .quick-btn {width:28px; height:64px; background:var(--Primary-2) url(/design/windygirl78/renewal/img/quick-qrrow.png)no-repeat center; border-radius:6px 0 0 6px; position:absolute; left:-28px; top:50%; transform:translateY(-50%); border:none;}
.quick-wrap .quick-btn.on {background:var(--Primary-2) url(/design/windygirl78/renewal/img/quick-qrrow-r.png)no-repeat center;}
.quick-tit {font-size: 0.813rem; font-weight: 600;}
.quick-bnr a {display: block;}
.quick-bnr a:first-child {margin-bottom: 6px;}
.quick-bnr a img {width:100%;}
.quick-menu ul {display: flex; flex-wrap: wrap; gap:24px 0; margin-top:16px;}
.quick-menu ul li {width: 33.33%; text-align:center;}
.quick-menu ul li a {display:block;}
.quick-menu ul li a p {margin-top: 6px; font-size: 0.688rem; font-weight: 600; color: var(--Grey-77); }
.quick-cs h4 {font-size: 1.25rem; font-weight: 500; display: block; margin-top: 8px;}
.quick-cs span {font-size: 0.813rem; font-weight: 500; display: block;}
.quick-cs p {color: var(--Grey-77); padding:8px 0; font-size:0.75rem;}
.quick-cs a {}
/* 고정 버튼 */
.floating-wrap { position: fixed; bottom: 60px; right: 2%; display: flex; flex-direction: column; z-index: 99; }
.floating-btns { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
.floating-btns.show { opacity: 1; visibility: visible; }
.floating-btns .floating-btn { width: 40px; height: 40px; border-radius: 50%; border: none; background: var(--cw-color-white); padding:0; margin-top:3px;}
.floating-btns .floating-btn.quick-btn {border:1px solid var(--Grey-E8); font-size:.75rem; color: var(--Black);}
.floating-btns .btn-smart-finder { background: #fff url("//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_smart_finder.svg") no-repeat center center / 16px 16px; }
/* 다찾다 검색 파인더 - 레이어 */
.side-sfinder-overlay { z-index: 100; position: fixed; top: 0; left: 0; opacity:0; visibility:hidden; width: 100%; height: 100vh; transition: opacity 0.3s ease; background: rgba(0, 0, 0, 0.7); }
.side-sfinder-overlay.active { opacity: 1; visibility: visible; }
.side-sfinder-wrap { z-index: 101; position: fixed; top: 0; left: 0; width: 100%; max-width:100%; height: 100vh; opacity:0; visibility:hidden; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 0.3s ease; background: var(--cw-color-white); background: rgba(255, 255, 255, 0.95); }
.side-sfinder-wrap.active { opacity: 1; visibility: visible; }
.side-sfinder-wrap .side-sfinder-inner {max-width:924px; padding:0 12px; width:100%; margin:0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sfinder-header { z-index: 1; position: absolute; top: 40px; right:70px; }
.sfinder-header .side-sfinder-close { width: 36px; height: 36px; border: none; outline: none; background: url('/design/windygirl78/renewal/img/ic-cancel.svg') no-repeat center center; background-size:cover;}
.side-sfinder-list {position:relative;}
.side-sfinder-list .option > li { }
.side-sfinder-list .option > li:nth-of-type(1) .option-title {height: 0; font-size: 0; padding:0; margin:0;}
.side-sfinder-list .option > li.best-keyword {margin:120px 0 80px;}
.side-sfinder-list .option > li.best-keyword .keyword-link {display:flex; flex-wrap:wrap; align-items:center; gap:10px 4px;}
.side-sfinder-list .option > li.best-keyword .keyword-link a {line-height:38px; border:1px solid var(--Grey-DD); border-radius:22px; padding:0 13px; font-size: var(--cw-size-14); color: var(--Grey-77);}
.side-sfinder-list .option li .option-title {position: relative; display: flex; font-size:1.125rem; font-weight:600; line-height:1; margin-bottom:24px; /*column-gap: var(--cw-size-4); padding: var(--cw-size-12) var(--cw-size-24); border-bottom: 1px solid var(--cw-color-20); font-size: var(--cw-size-16); font-weight: 700; line-height: var(--cw-size-24); cursor: pointer;*/}
.side-sfinder-list .option li .option-title::after { content: ""; display: none; position: absolute; top: 0; right: 0; transform: translate(calc(var(--cw-size-24) * -1), var(--cw-size-16)); width: var(--cw-size-16); height: var(--cw-size-16); background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-down.svg') no-repeat center center; }
.side-sfinder-list .option li .option-title.on::after { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-up.svg') no-repeat center center; }
.side-sfinder-list .option li .option-title.on + .finder-subs { display: block; }
.side-sfinder-list .option li .option-title .finder-layer-open { font-size: 0; }
.side-sfinder-list .option li .finder-subs .class-none { display: flex; flex-wrap: wrap; gap: 4px; }
.side-sfinder-list .option li .finder-subs { display: none; }
.side-sfinder-list .option li .finder-subs label { display: grid; }
.side-sfinder-list .option li .finder-subs label .fa { display: none; }
.side-sfinder-list .option li .finder-subs .finder-child-category { display: none; }
.side-sfinder-list .option li .finder-subs .mobile-select-category { padding: var(--cw-size-12) var(--cw-size-24); margin: var(--cw-size-16) calc(var(--cw-size-24) * -1); font-size: var(--cw-size-14); font-weight: 700; background-color: var(--cw-color-white); border-top: 1px solid var(--cw-color-20); border-bottom: 1px solid var(--cw-color-20); }
.side-sfinder-list .option li .finder-subs .mobile-select-category .fa { margin-top: calc(var(--cw-size-2) * -1); font-size: var(--cw-size-16); vertical-align: middle; }
.side-sfinder-list .option li .finder-subs .finder-category2 { margin-top: var(--cw-size-16); }
.side-sfinder-list .option li .finder-subs :where(.finder-category, .finder-category2, .finder-size) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cw-size-4); }
.side-sfinder-list .option li .finder-subs :where(.finder-price) { max-width:628px; height:40px; display: flex; align-items:center; /*grid-template-columns: repeat(2, 1fr); gap: var(--cw-size-4);*/ }
.side-sfinder-list .option li .finder-subs :where(.finder-color) { display: flex; flex-wrap: wrap; gap: var(--cw-size-8); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-group {display:flex; gap:16px; margin-right:33px;}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-group label {display:inline-block; }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-group label span {border:none; padding:0; background:none; box-shadow:none; font-size:0.813rem; color:var(--Grey-A6); border-radius:0;}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-group label span.on {color:var(--Black); font-weight:500; box-shadow:none;}
.side-sfinder-list .option li .finder-subs .finder-options:not(.color-picker) { display: flex; align-items: center; justify-content: center; padding: var(--cw-size-8) var(--cw-size-16); border: 1px solid var(--cw-color-30); border-radius: var(--cw-size-24); font-size: var(--cw-size-12); line-height: var(--cw-size-16); word-break: break-all; background-color: var(--cw-color-white); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-sfinder-list .option li .finder-subs .finder-options:not(.color-picker).on { border-color: var(--cw-heading-color); font-weight: 700; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker { display: inline-flex; width: var(--cw-size-32); height: var(--cw-size-32); border-radius: var(--cw-size-50); text-indent: -9999px; }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker.on::after { content: ""; display: inline-flex; width: 100%; height: 100%; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_check.svg') no-repeat center; background-size: var(--cw-size-20); }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker:not(.finder-option-color-white).on::after { filter: invert(1) brightness(2); }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-black { background-color: #000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-white { background-color: #FFF; border: 1px solid var(--cw-color-30); }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-gray { background-color: #808080; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-beige { background-color: #e5d0b2; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-brown { background-color: #aa6810; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-navy { background-color: #425583; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-blue { background-color: #0000ff; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-light-blue { background-color: #62acff; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-red { background-color: #ff0000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-orange { background-color: #ffa500; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-yellow { background-color: #ffff00; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-pink { background-color: #ffc0cb; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-purple { background-color: #800080; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-jaju { background-color: #a63f7f; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-khaki { background-color: #2f5e2f; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-green { background-color: #008000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-light-green { background-color: #72dd95; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-silver { background-color: #dfdfdf; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-gold { background-color: #cfbc4e; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-apricot { background-color: #fbceb1; }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input { position: relative; /*grid-column: 1 / 3;*/ display: flex; align-items: center; column-gap: var(--cw-size-8); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input::before { content: "직접입력"; position: absolute; top: var(--cw-size-4); left: 0; display: block; font-size: var(--cw-size-14); font-weight: 700; line-height: var(--cw-size-20); display:none;}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input label { display: flex; align-items: center; height: var(--cw-size-32); font-size: var(--cw-size-13); max-width:118px; border-bottom:1px solid var(--Black);}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input label .cw-textfield { width: 100%; padding: 0; border: 0; background:none;}
.side-sfinder-list .option li .finder-subs .finder-search {position:relative;}
.side-sfinder-list .option li .finder-subs .finder-search .fa-search {display:none;}
.side-sfinder-list .option li .finder-subs .search-btn {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.side-sfinder-list .option li .finder-subs .search-btn .btn {padding:0;}
.side-sfinder-list .option li .finder-subs .finder-search input { width: 100%; }
.side-sfinder-list .option li .finder-subs .finder-search .smart_finder_auto_completion {border:none; border-bottom:2px solid var(--Black); height:72px; font-size: var(--cw-size-20); font-weight:500; background:none; padding:0; border-radius:0;}
.side-sfinder-btns {width:232px; display:flex; gap:6px; position: absolute; right: 0; bottom: 0;}
.side-sfinder-btns :where(.btn) { padding: 0; border-radius: 6px; flex:1; line-height: 40px; height: 40px; font-size:0.813rem; font-weight:400;}
.side-sfinder-btns .btn-gray {border: 0; border: 1px solid var(--Grey-E8); color:var(--Black);}
.side-sfinder-btns .btn-primary {background: var(--Black); border-color:var(--Black); }
.side-sfinder-btns .finder-count { color: var(--cw-point-color); }
/* 다찾다 검색 파인더 - 툴팁 */
.finder-comm-layer { display: none; z-index: 1; position: absolute; top: var(--cw-size-40); left: var(--cw-size-16); width: 328px; padding: var(--cw-size-18) var(--cw-size-20) var(--cw-size-20); border: 1px solid var(--cw-heading-color); border-radius: var(--cw-size-10); background-color: var(--cw-color-white); }
.finder-comm-layer.on { display: block; }
.finder-comm-layer .title-close { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-20); }
.finder-comm-layer .title-close .title { font-size: var(--cw-size-16); font-weight: 700; line-height: var(--cw-size-24); }
.finder-comm-layer .title-close .btn-close img { width: var(--cw-size-24); height: var(--cw-size-24); }
.finder-comm-layer .contents { font-size: var(--cw-size-13); line-height: var(--cw-size-18); color: var(--cw-color-80); font-weight: 400; word-break: break-all; }
/* 다찾다 검색 파인더 - 자동완성 박스 */
.search-auto-complete-list { display: none; z-index: 20; position: absolute; width: 312px; padding: var(--cw-size-16) var(--cw-size-10); background: var(--cw-color-white); border-radius: var(--cw-size-4); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
.search-auto-complete-list ul { display: flex; flex-wrap: wrap; gap: var(--cw-size-8) var(--cw-size-4); }
.search-auto-complete-list ul li .keyword-el { display: flex; align-items: center; min-height: var(--cw-size-28); padding: var(--cw-size-4) var(--cw-size-15); color: var(--cw-heading-color); font-size: var(--cw-size-12); border: 1px solid var(--cw-color-30); border-radius: 999px; background-color: var(--cw-color-white); }
.search-auto-complete-list ul li .keyword-el strong { color: var(--cw-point-color); font-weight: 700; }
.search-auto-complete-list .search-list-close { display: block; text-align: right; margin-top: var(--cw-size-16); color: var(--cw-color-60); font-size: var(--cw-size-12); }
/* 1280 */
@media (max-width: 1280px) {
.menu-cate {gap:10px; margin:0 0 0 20px;}
}
/* 모바일 */
@media (max-width: 991.98px) {
.hide-pc {display:block;}
.hide-mo {display:none !important;}
/* 띠배너 */
.top-banner {height:40px;}
.top-banner li a {font-size:0.875rem; line-height:40px;}
/* 퀵메뉴 */
.quick-wrap {overflow-y:auto; right:-260px;}
.quick-wrap .quick-close {background: none; border: none; float: right; margin-bottom: 10px;}
.quick-wrap .quick-close img {width: 14px;}
.quick-wrap .quick-bnr {margin:30px 0 0; clear:both;}
/* 헤더 */
.hd-logo {position:relative; padding:0 12px; height:52px; text-align:center; display:flex; align-items:center; justify-content: space-between;}
.hd-logo .logo {position:absolute; left:50%; transform:translateX(-50%);}
.hd-logo .logo img {width:162px;}
.menu-inner {padding:0 0 0 12px; height:40px;}
.menu-cate {margin:0; padding-right:12px; overflow-x: auto; user-select: none; -ms-overflow-style: none; scrollbar-width: none;}
.menu-cate .cate-depth1 {padding:0;}
.menu-cate .cate-depth1 > a {font-size:0.938rem;}
.menu-cate .cate-depth1.on > a {font-weight:400; color: inherit; border-bottom:none; padding-bottom: 0;}
.menu-cate .cate-depth2 {display:none !important;}
.menu-ic {margin-left:0;}
.menu-ic ul {gap:10px;}
.menu-ic ul li.search-ic img {width:18px;}
.menu-ic ul li.cart-ic img {width:22px;}
/* 전체메뉴 */
.side-menu-wrap { position: fixed; top: 0; left: -100%; width:100%; max-width: 360px; height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 100; transition: right 0.3s ease; background: var(--cw-color-white);}
.side-menu-wrap.active { left: 0; }
.side-menu-wrap .side-menu-list .side-menu-inner .inner-left {width:100%; height:100%; overflow-y: inherit; padding:0; position:static;}
.side-top {display:flex; align-items:center; justify-content:space-between; padding-right:12px; height:52px; margin-bottom:8px;}
.side-top a img {margin-left:-9px; width:162px;}
.side-menu-close {}
.side-member {padding:0 12px;}
.side-member dl {background:var(--Grey-F7); height:80px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-radius:6px;}
.side-member dl dt {font-size:0.813rem; font-weight:600;}
.side-member dl dd {font-size:0.75rem; font-weight:600;}
.side-member dl dd a {border-bottom:1px solid var(--Black); padding-bottom:3px;}
.side-member dl dd a:last-child {margin-left:10px;}
.side-member dl.login-member dt {font-size:0.938rem; font-weight:400;}
.side-member dl.login-member dt b {font-weight:600;}
.side-tab {margin-top:8px;}
.side-tab ul {display:flex; align-items:center; text-align:center;}
.side-tab ul li {flex:1; height:46px; line-height:46px; font-size:0.938rem; border-bottom:1px solid var(--Grey-DD); }
.side-tab ul li.on {font-weight:600; border-bottom:3px solid var(--Black);}
.side-menu-wrap .side-menu-list .category { display: flex; flex-direction: column; gap: 0; }
.side-menu-wrap .side-menu-list .category li a { display: block; font-size: 0.938rem; font-weight: 600; word-break: break-word; overflow-wrap: break-word; white-space: normal; line-height:1.2;}
.side-menu-wrap .side-menu-list .category > li.cate-tab,
.side-menu-wrap .side-menu-list .category > li.cs-tab {display:none; flex-wrap: wrap; gap:16px 0; margin-bottom:32px;}
.side-menu-wrap .side-menu-list .category > li.cate-tab {position:static;}
.side-menu-wrap .side-menu-list .category > li.cate-tab a,
.side-menu-wrap .side-menu-list .category > li.cs-tab a {margin-bottom:0; font-size:0.938rem; width:50%;}
.side-menu-wrap .side-menu-list .category > li.cate-li {border-bottom:1px solid var(--Grey-E8);}
.side-menu-wrap .side-menu-list .category > li.cs-tab + li {border-top:1px solid var(--Grey-E8);}
.side-menu-wrap .side-menu-list .category > li.cs-tab line.mo-line {background: var(--Grey-DD); display:block; width:100%; height:1px;}
.side-menu-wrap .side-menu-list .category > li.cate-li.open {border-bottom:none;}
.side-menu-wrap .side-menu-list .category > li.cate-li > a {line-height:52px;}
.side-menu-wrap .side-menu-list .category > li.has-sub { position: relative;}
.side-menu-wrap .side-menu-list .category > li.has-sub .ico-toggle { position: absolute; right: 0; top: 22.5px; display: block; width: 11px; height: 7px; cursor: pointer; padding:10px 0;}
.side-menu-wrap .side-menu-list .category > li.has-sub .ico-minus { background: url("/design/windygirl78/renewal/img/ic-up-arrow.svg") no-repeat; }
.side-menu-wrap .side-menu-list .category > li.has-sub .ico-plus { background: url("/design/windygirl78/renewal/img/ic-down-arrow.svg") no-repeat; }
.side-menu-wrap .side-menu-list .category > li.has-sub .submenu { display: none; padding: 24px 20px; flex-wrap:wrap; background:var(--Grey-F7); border-radius:8px; gap:12px 0;}
.side-menu-wrap .side-menu-list .category > li.has-sub .submenu li {margin:0; width:50%;}
.side-menu-wrap .side-menu-list .category > li.has-sub .submenu li a { color: var(--Grey-1A); font-size: .938rem; font-weight: 400; }
.side-menu-wrap .side-menu-list .side-menu-inner .inner-right {width:100%; margin:32px 0 0; display:block; }
.side-menu-wrap .side-menu-list .side-bnr dl dt {margin:10px 0 4px; font-size:0.75rem;}
.side-menu-wrap .side-menu-list .side-bnr dl dd {font-size:0.875rem;}
.side-menu-wrap .side-menu-list .side-bnr .swiper-pagination-fraction {right:1%; bottom:31%;}
.side-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; background: rgba(0, 0, 0, 0.7); z-index: 98; }
.side-overlay.active { opacity: 1; visibility: visible; }
/* 최근본상품 */
#MS_view_product {display:none;}
/* 다찾다 */
.sfinder-header {top:18px; right:12px; }
.sfinder-header .side-sfinder-close {width:16px; height:16px; }
.side-sfinder-wrap .side-sfinder-inner {}
.side-sfinder-list .option li .option-title {font-size:var(--cw-size-15); margin-bottom:16px;}
.side-sfinder-list .option > li.best-keyword {margin:14% 0 9%;}
.side-sfinder-list .option > li.best-keyword .keyword-link {gap:8px 4px;}
.side-sfinder-list .option > li.best-keyword .keyword-link a {line-height:30px; padding:0 10px;}
.side-sfinder-list .option li .finder-subs :where(.finder-price) {width:100%; height:auto; max-width:100%; display:block; gap:inherit;}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-group {margin:0 0 15px; justify-content: space-between;}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input {justify-content: space-between;}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input label {max-width:inherit; flex:1;}
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input > span {display:none;}
.side-sfinder-btns {width:100%; position:static; margin-top:32px;}
.side-sfinder-list .option li .finder-subs .finder-search .smart_finder_auto_completion {height:60px; font-size:var(--cw-size-18);}
.side-sfinder-list .option li .finder-subs .search-btn .btn img {width:22px;}
}
@media (max-width: 767.98px) {
.side-menu-wrap {max-width:100%;}
}
/* BASIC css end */