/* BASIC css start */
/* ÆùÆ® */
@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/* °øÅë */
.main > div {margin-bottom:120px;}
.sec-tit dt {font-size:var(--cw-size-26); font-weight:600; line-height:31px; margin-bottom:10px;}
.sec-tit dd {font-size:var(--cw-size-15); line-height:22px; color: var(--Grey-77); margin-bottom:32px;}
footer {margin-top:0;}

/* ¸ÞÀιè³Ê */
.sec01 {position: relative; overflow:hidden;}
.sec01 .swiper {width: 100%; max-width: 1756px; margin:0 auto; overflow:visible;}
.sec01 .swiper ul {align-items: center;}
.sec01 .swiper ul li {position: relative; border-radius: 15px; overflow: hidden; width: 430px;}
/* ¹æ¹ý2
.sec01 .swiper ul li {display:flex; gap:12px;}
.sec01 .swiper ul li a {position: relative; border-radius: 15px; overflow: hidden; display:inline-block; width: 430px; }
*/
.sec01 .swiper ul li a img {width: 100%; display: block;}
.sec01 .swiper ul li a .txt-box {position:absolute; left:28px; bottom:36px; color:var(--White); display:none;}
.sec01 .swiper ul li a .txt-box p {font-weight:600; font-size:var(--cw-size-15); line-height:18px;}
.sec01 .swiper ul li a .txt-box b {display:block; font-weight:700; font-size:var(--cw-size-32); line-height:38px; padding:4px 0 16px;}
.sec01 .swiper ul li a .txt-box span {display:block; font-weight:500; font-size:var(--cw-size-15); line-height:18px;}
.sec01 .bnr-control {max-width:1500px; margin:0 auto; display:flex; align-items:center; height: 14px; margin-top: 32px;}
.sec01 .bnr-control .swiper-scrollbar {height: 3px; background: rgba(0,0,0,0.1); flex:1;}
.sec01 .bnr-control .swiper-scrollbar .swiper-pagination-progressbar-fill {background: var(--Black);}
.sec01 .bnr-control .swiper-fraction {font-weight:600; font-size:var(--cw-size-12); display: flex; margin-left:32px; color:var(--Grey-A6); gap:3px;}
.sec01 .bnr-control .swiper-fraction span {color:var(--Black);}
.sec01 .bnr-control .swiper-arrow {display:flex; gap:15px; margin-left:16px;}
.sec01 .bnr-control .swiper-arrow .swiper-button-prev {position:static; color: #000; width: 7px; height: 31px; margin: 0;}
.sec01 .bnr-control .swiper-arrow .swiper-button-next {position:static; color: #000; width: 7px; height: 31px; margin: 0;}

/* Ä«Å×°í¸®1 */
.sec02 {max-width: 1540px; padding: 0 20px; margin:0 auto;}
.sec02 ul {display: flex; gap:24px; justify-content: center; flex-wrap:wrap;}
.sec02 ul li {text-align:center;}
.sec02 ul li a p {font-size: var(--cw-size-16); font-weight: 500; color: var(--Grey-1A); padding-top:20px;}

/* º£½ºÆ®»óÇ° */
.sec03 .sec-tit dd {margin-bottom:24px;}
.sec03 .prd-content {display: none;}
.sec03 .prd-content.active {display: block;}
.sec03 .prd-tab ul {display:flex; gap:6px; margin-bottom:32px;}
.sec03 .prd-tab li {cursor: pointer; line-height:38px; font-size: var(--cw-size-16); font-weight: 500; border-radius:40px; background:#ebebeb; text-align:center; width:128px; border:1px solid #ebebeb;}
.sec03 .prd-tab li.active {background:var(--Black); color:var(--White); border-color:var(--Black);}
.sec03.basic-prd .prd-list .item-list ul {gap: 80px 16px;}

/* Ä«Å×°í¸®2 */
.sec04 h3 {font-family: "InkLiquid",sans-serif; font-size: var(--cw-size-34); text-align: center;}
.sec04 ul {display: flex; justify-content: center; align-content: center; gap:24px; padding:48px 0 40px;}
.sec04 ul li {text-align:center;}
.sec04 ul li a {}
.sec04 ul li a img {}
.sec04 ul li a p {font-size: var(--cw-size-16); font-weight: 500; margin-top: 16px;}

/* WEEK SALE »óÇ° */
.sec05 {}
.sec05 .inner {display: flex; }
.sec05 .inner .left-cont {width: 16%;}
.sec05 .inner .left-cont .sec-tit dt {margin-bottom: 20px;}
.sec05 .inner .right-cont {width:84%;}
.sec05 .basic-prd .prd-list .item-list ul {flex-wrap:inherit; gap:inherit;}
.sec05 .basic-prd .prd-list .item-list ul li {width:auto;}
.sec05 .swiper {padding-bottom:56px;}
.sec05 .swiper .swiper-scrollbar {height: 3px; background: rgba(0,0,0,0.1); left: 0; width: 100%; bottom: 0;}
.sec05 .swiper .swiper-scrollbar .swiper-pagination-progressbar-fill {background: var(--Black);}
.sec05 .swiper-arrow {display:flex; gap:20px;}
.sec05 .swiper-arrow .swiper-button-prev {position:static; color: #000; width: 7px; height: 15px; margin: 0;}
.sec05 .swiper-arrow .swiper-button-next {position:static; color: #000; width: 7px; height: 15px; margin: 0;}
.sec05 .basic-prd .prd-list .item-list ul li .item-info .price-txt {flex-wrap:wrap; gap:2px 5px;}
.sec05 .basic-prd .prd-list .item-list ul li .item-info .price-txt .o-price {flex-basis: 100%; order:2;}
.sec05 .time {border:1px solid var(--Grey-E8); line-height:52px; border-radius:52px; margin-bottom:14px;}
.sec05 .time .timer {display:flex; align-items:center; gap:5px; font-size: var(--cw-size-13); justify-content: center;}
.sec05 .time .timer::before {content:'ÇÒÀÎ Á¾·á±îÁö'; display:inline-block; color:var(--Grey-1A); margin-right:5px;}
.sec05 .time .timer span {display:inline-block; font-size:var(--cw-size-14); min-width:24px; height:24px; background:var(--Primary-2); line-height: 24px; text-align: center; color:#fff;}

/* COLLECTION »óÇ° */
.main > div.sec07 {margin-bottom:100px;}
.sec07 .bnr-cont {position:relative; margin-bottom:32px;}
.sec07 .bnr-cont > a img {width:100%; border-radius:15px;}
.sec07 .bnr-cont .txt-box {position:absolute; left:28px; bottom:28px; color:var(--White);}
.sec07 .bnr-cont .txt-box b {font-size: var(--cw-size-32); font-weight: 600;}
.sec07 .bnr-cont .txt-box p {font-size: var(--cw-size-14); font-weight: 500;}
.sec07 .bnr-cont .txt-box a {font-size: var(--cw-size-11); color:var(--White); border-bottom: 1px solid var(--White);}
.sec07 .bnr-cont .txt-box a img {}
.sec07 .basic-prd .prd-list .item-list ul {display: block;}
.sec07 .basic-prd .prd-list .item-list ul li {display: flex; width: 100%; gap:24px; margin-bottom:8px; align-items:center;}
.sec07 .basic-prd .prd-list .item-list ul li:last-child {margin-bottom:0;}
.sec07 .basic-prd .prd-list .item-list ul li .item-img {width:120px; margin:0;}
.sec07 .basic-prd .prd-list .item-list ul li .item-img .wish-icon {display:none;}
.sec07 .basic-prd .prd-list .item-list ul li .item-info {flex:1;}
.sec07 .basic-prd .prd-list .item-list ul li .item-info .subname-txt {display:none;}
.sec07 .basic-prd .prd-list .item-list ul li .item-info .name-txt {font-size: var(--cw-size-14); margin-bottom:12px;}
.sec07 .basic-prd .prd-list .item-list ul li .item-info .price-txt {flex-wrap:wrap;}
.sec07 .basic-prd .prd-list .item-list ul li .item-info .price-txt .o-price {order:2; flex-basis: 100%;}
.sec07 .swiper .swiper-scrollbar {height: 3px; background: rgba(0,0,0,0.1); left: 0; width: 100%; bottom: 0;}
.sec07 .swiper .swiper-scrollbar .swiper-pagination-progressbar-fill {background: var(--Black);}
.sec07 .bnr-prd {position:relative;}
.sec07 .bnr-prd .swiper {padding-bottom:64px;}
.sec07 .bnr-prd .swiper-button-prev {background:url(/design/windygirl78/renewal/img/ic-arrow-prev.svg)no-repeat center; width:24px; height:42px; background-size:cover; top:217px; left:-52px;}
.sec07 .bnr-prd .swiper-button-next {background:url(/design/windygirl78/renewal/img/ic-arrow-next.svg)no-repeat center; width:24px; height:42px; background-size:cover; top:217px; right:-52px;}
.sec07 .bnr-prd .swiper-button-prev svg,
.sec07 .bnr-prd .swiper-button-next svg {display:none;}

/* À̺¥Æ®¹è³Ê */
.sec08 .swiper-arrow {text-align:center; display:flex; margin-top:24px; justify-content:center; gap:32px;}
.sec08 .swiper-arrow .swiper-button-prev {background:url(/design/windygirl78/renewal/img/ic-arrow-prev.svg)no-repeat center; margin:0; width:9px; height:15px; background-size:cover; position:static;}
.sec08 .swiper-arrow .swiper-button-next {background:url(/design/windygirl78/renewal/img/ic-arrow-next.svg)no-repeat center; margin:0; width:9px; height:15px; background-size:cover; position:static;}
.sec08 .swiper-arrow .swiper-button-prev svg, 
.sec08 .swiper-arrow .swiper-button-next svg {display:none;}
.sec08 ul li img {width:100%;}

/* INSTA */
.sec13 .sec-tit dt img {margin:-4px 10px 0 0;}
.sec13 .sec-tit dd {padding-left:33px;}


/* ¸ð¹ÙÀÏ */
@media (max-width: 991.98px) {
    .main > div {margin-bottom:56px;}
    .sec-tit dt {font-size:var(--cw-size-20); line-height:24px; margin-bottom:8px;}
    .sec-tit dd {font-size:var(--cw-size-13); line-height:16px; margin-bottom:24px;}
    
    /* ¸ÞÀιè³Ê */
    .sec01 {padding:0 12px;}
    .sec01 .swiper ul li {width:100%;}
    .sec01 .swiper ul li a .txt-box p {font-size:var(--cw-size-14); line-height:17px;}
    .sec01 .swiper ul li a .txt-box b {font-size:var(--cw-size-34); padding:4px 0 12px; line-height:41px;}
    .sec01 .swiper ul li a .txt-box span {font-size:var(--cw-size-14); line-height:17px;}
    .sec01 .bnr-control {margin-top:16px;}
    .sec01 .bnr-control .swiper-fraction {margin-left:21px;}
    
    /* Ä«Å×°í¸®1 */
    .sec02 {max-width:inherit; padding:0 0 0 12px; margin:0; overflow:visible; position:relative;}
    .sec02 ul {gap:8px; justify-content:start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; padding-right:15px;}
    .sec02 ul li {flex-shrink:0;}
    .sec02 ul li a img {width:72px;}
    .sec02 ul li a p {font-size:var(--cw-size-12); padding-top:12px; word-break:keep-all;}
    .sec02 ul li:last-child {padding-right:12px;}
    .sec02 .scroll-mark {display:inline-block; position:absolute; top:0; right:0; width:30px; height:100%; background:linear-gradient(90deg, transparent, #fff 40%); pointer-events:none;}
    
    /* ÅÇ»óÇ° */
    .sec03.basic-prd .prd-list .item-list ul {gap: 40px 10px;}
    .sec03 .prd-tab ul {gap:4px; margin-bottom:24px; white-space: nowrap; overflow-x: auto; }
    .sec03 .prd-tab li {line-height:30px; font-size:var(--cw-size-13); width:auto; padding:0 12px;}
    
    /* Ä«Å×°í¸®2 */
    .sec04 h3 {font-size: var(--cw-size-28); text-align:left; padding:0 14px;}
    .sec04 ul {flex-wrap:wrap; gap:24px 12px; padding:20px 14px 0; justify-content: space-between;}
    .sec04 ul li a img {width:68px;}
    .sec04 ul li a p {font-size: var(--cw-size-13); font-weight: 500; margin-top: 8px;}
    
    /* WEEK SALE »óÇ° */
    .sec05.layout-w {padding:0 0 0 12px;}
    .sec05 .inner {display:block;}
    .sec05 .inner .left-cont {width:100%;}
    .sec05 .inner .right-cont {width:100%;}
    .sec05 .inner .left-cont .sec-tit dt {margin-bottom:8px;}
    .sec05 .swiper {padding:0;}
    .sec05 .basic-prd .prd-list .item-list ul li .item-info .price-txt {gap:2px 4px;}
    .sec05 .basic-prd .prd-list .item-list ul li .item-info .price-txt .o-price {order:inherit; flex-basis: 70%;}
    .sec05 .time {line-height:42px; margin-bottom:11px;}
    .sec05 .time .timer {gap:4px; font-size:var(--cw-size-11);}
    .sec05 .time .timer::before {content:'Á¾·á±îÁö'; display:inline-block; margin-right:0;}
    .sec05 .time .timer span {display:inline-block; font-size:var(--cw-size-13); min-width:20px; height:20px; line-height: 20px;}
    
    /* COLLECTION »óÇ° */
    .sec07 .bnr-cont {margin-bottom:20px;}
    .sec07 .bnr-cont > img {border-radius:10px;}
    .sec07 .basic-prd .prd-list .item-list ul li {gap:16px;}
    .sec07 .basic-prd .prd-list .item-list ul li .item-img {width:80px;}
    .sec07 .basic-prd .prd-list .item-list ul li .item-info .name-txt {margin-bottom:8px; line-height:15px; font-size:var(--cw-size-12);}
    .sec07 .basic-prd .prd-list .item-list ul li .item-info .price-txt .percent,
    .sec07 .basic-prd .prd-list .item-list ul li .item-info .price-txt .s-price {font-size:var(--cw-size-12);}
    .sec07 .basic-prd .prd-list .item-list ul li .item-info .price-txt {gap:0 2px; margin-bottom:6px;}
    .sec07 .basic-prd .prd-list .item-list ul li .item-info .price-txt .o-price {order:inherit; flex-basis: 70%; font-size:var(--cw-size-10); line-height:12px;}
    .sec07 .basic-prd .prd-list .item-list ul li .item-info .price-txt .review-txt {font-size:var(--cw-size-10);}
    
    /* À̺¥Æ®¹è³Ê */
    .sec08 ul {/*flex-direction: column; gap:8px;*/}
    .sec08 ul li {/*width: auto !important; margin: 0 !important; */}
    .sec08 .swiper-arrow {margin: 0; position: absolute; top: 50%; margin-top: -7.5px; width: 100%;}
    .sec08 .swiper-arrow .swiper-button-prev {position: absolute; top: 0; left: 10px;}
    .sec08 .swiper-arrow .swiper-button-next {position: absolute; top: 0; right: 10px;}
    
    /* INSTA */
    .sec13 .sec-tit dt img {margin:-4px 6px 0 0; width:15px;}
    .sec13 .sec-tit dd {padding-left:20px;}
}




/* BASIC css end */