._s._collection{ width: 100%; position: relative; overflow: hidden; }
._s._collection .subVisual{}
._s._collection .conts{ padding-top: 120px; box-sizing: border-box; }
._s._collection .conts .collectbx{ margin-bottom: 150px; display: flex; }
._s._collection .conts .collectbx .lbx{ width: calc(876 / 1920 * 100%); overflow: hidden; }
._s._collection .conts .collectbx .lbx img{ width: 100%; height: 100%; object-fit: cover; }

._s._collection .conts .collectbx .rbx{ width: calc(1044 / 1920 * 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }

._s._collection .conts .collectbx .rbx > dl{ margin-bottom: 30px; }

._s._collection .conts .collectbx .rbx > dl dt{ font-size: 16px; font-family: 'Cerapro'; letter-spacing: -0.03em; font-weight: 600; color: #c63527; }
._s._collection .conts .collectbx .rbx > dl dd{ font-size: 40px; font-family: 'Gestura Display'; letter-spacing: -0.025em; font-weight: 700; line-height: 1.3; margin-top: 10px; }
._s._collection .conts .collectbx .rbx .swbx{ width: 100%; max-width: 376px; margin: 0 auto; position: relative; }

._s._collection .conts .collectbx .rbx .swbx .control{ position: absolute; top: 50%; font-size: 24px; color: #c3ac9b; transition-duration: 0.2s; transform: translateY(-50%); cursor: pointer; display: none; }
._s._collection .conts .collectbx .rbx .swbx .control._next{ left: calc(100% + 15px); }
._s._collection .conts .collectbx .rbx .swbx .control._prev{ right: calc(100% + 15px); }

/* ._s._collection .conts .collectbx .rbx .swbx .swiper{ width: 100%; padding: 50px 0; margin-top: -25px; } */
._s._collection .conts .collectbx .rbx .swbx .swiper{ width: 100%; position: relative;  }
/* ._s._collection .conts .collectbx .rbx .swbx .swiper-slide p{ position: absolute; top: calc(100% + 30px); left: 0;  width: 100%; text-align: center;  font-size: 24px; font-weight: 700; font-family: 'Gestura Display'; letter-spacing: -0.03em; } */
._s._collection .conts .collectbx .rbx .swbx .swiper-slide{ pointer-events: none; }
._s._collection .conts .collectbx .rbx .swbx .swiper-slide p{ margin: 30px 0 20px; text-align: center;  font-size: 24px; font-weight: 700; font-family: 'Gestura Display'; letter-spacing: -0.03em; line-height: 1.25; }

._s._collection .conts .collectbx .rbx .swbx .swiper-slide .thumb{ width: 100%; aspect-ratio: 1/1; overflow: hidden; position: relative; }
._s._collection .conts .collectbx .rbx .swbx .swiper-slide .thumb img{ width: 100%; height: 100%; object-fit: cover; }



/* ._s._collection .conts .collectbx .rbx .swbx .swiper-pagination{ color: #c3ac9b; font-size: 16px; letter-spacing: -0.03em; width: 100%; bottom: auto; top: calc(100% + 20px); } */
._s._collection .conts .collectbx .rbx .swbx .swiper-pagination{ color: #c3ac9b; font-size: 16px; letter-spacing: -0.03em; width: 100%; position: static; }
._s._collection .conts .collectbx .rbx .swbx .swiper-pagination .swiper-pagination-current{ color: #c63527; }

/* ._s._collection .conts .collectbx .rbx .explore{ margin-top: 60px; width: 170px; height: 60px; } */
._s._collection .conts .collectbx .rbx .explore{ margin-top: 30px; width: 170px; height: 60px; }
._s._collection .conts .collectbx .rbx .explore > a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; letter-spacing: -0.03em; font-family: 'Cerapro'; color: #fff; background-color: #000; transition-duration: 0.2s; }

@media screen and (min-width: 821px){
    ._s._collection .conts .collectbx .rbx .explore > a:hover{ background-color: #c63527; }
    ._s._collection .conts .collectbx .rbx .swbx .control:hover{ color: #c63527; }
}


@media screen and (max-width: 1280px){
    ._s._collection .conts .collectbx .rbx > dl dt{ font-size: 14px; }
    ._s._collection .conts .collectbx .rbx > dl dd{ font-size: 32px; }
    ._s._collection .conts .collectbx .rbx .swbx{ max-width: 285px; }
    /* ._s._collection .conts .collectbx .rbx .swbx .swiper{ padding: 45px 0; } */
    /* ._s._collection .conts .collectbx .rbx .swbx .swiper-slide p{ top: calc(100% + 15px); } */
    ._s._collection .conts .collectbx .rbx .swbx .swiper-slide p{  }
    /* ._s._collection .conts .collectbx .rbx .swbx .swiper-pagination{ top: calc(100% + 7px); } */
    ._s._collection .conts .collectbx .rbx .swbx .swiper-pagination{  }
    /* ._s._collection .conts .collectbx .rbx .explore{ margin-top: 40px; } */
    ._s._collection .conts .collectbx .rbx .explore{ margin-top: 30px; }

    ._s._collection .conts .collectbx .rbx .swbx .control._next{ left: calc(100% + 10px); }
    ._s._collection .conts .collectbx .rbx .swbx .control._prev{ right: calc(100% + 10px); }
}

@media screen and (max-width: 820px){
    ._s._collection .conts > .wrap{ padding-bottom: 50px; }
    ._s._collection .conts .collectbx{ flex-direction: column; margin-bottom: 100px; }
    ._s._collection .conts .collectbx._2{ flex-direction: column-reverse; }
    ._s._collection .conts .collectbx .lbx{ width: 100%; }
    ._s._collection .conts .collectbx .rbx{ width: 100%; margin-top: 50px; }
    ._s._collection .conts .collectbx .rbx > dl dd{ font-size: 24px; margin-top: 5px; }
    /* ._s._collection .conts .collectbx .rbx .swbx .swiper{ padding: 35px 0; } */
    ._s._collection .conts .collectbx .rbx .swbx .swiper-slide p{ 
        font-size: 20px; 
        /* top: calc(100% + 10px);  */
    }

    ._s._collection .conts .collectbx .rbx .swbx{ width: 65%; }
    ._s._collection .conts .collectbx .rbx .explore{ width: 150px; height: 50px; }
    ._s._collection .conts .collectbx .rbx .explore > a{ font-size: 14px; }
}



/* collection view */
._s._collection .conts{ padding-bottom: 40px; padding-top: 0; position: relative; z-index: 2; background-color: #fcf0d6; }
._s._collection .category{ padding: 120px 0; box-sizing: border-box; }
._s._collection .category strong{ font-size: 36px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.3; text-align: center; display: block; font-family: 'Gestura Display'; }
._s._collection .category p{ font-size: 18px; letter-spacing: -0.03em; line-height: calc(30 / 18); margin-top: 30px; text-align: center; }


._s._collection .banner{ width: 100%; margin-bottom: 110px; overflow: hidden; }
._s._collection .banner img{ width: 100%; }

._s._collection .subcate{ padding-bottom: 80px; }
._s._collection .subcate p{ font-size: 18px; letter-spacing: -0.025em; font-family: 'Cerapro'; font-weight: 600; width: 100%; display: block; padding-bottom: 10px; border-bottom: 1px solid #000; box-sizing: border-box; }
._s._collection .subcate .swbx{ margin-top: 38px; cursor: none; }
._s._collection .subcate .swbx .swiper{ width: 100%; overflow: visible; }
._s._collection .subcate .swbx .swiper .inner{ width: 100%; }
._s._collection .subcate .swbx .swiper .thumb{ position: relative; width: 100%; overflow: hidden; }
._s._collection .subcate .swbx .swiper .thumb::after{ content: ''; display: block; padding-bottom: 100%; }
._s._collection .subcate .swbx .swiper .thumb img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
._s._collection .subcate .swbx .swiper .inner strong{ display: flex; align-items: center; justify-content: center; font-size: 24px; letter-spacing: -0.025em; font-family: 'Gestura Display'; font-weight: 600; margin-top: 25px; line-height: calc(36 / 24); min-height: 3em; }
._s._collection .subcate .swbx .swiper .inner b{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: center; }
._s._collection .subcate .swbx .swiper .inner .subbtnWrap{ margin-top: 25px; }

@media screen and (max-width: 1280px){
    ._s._collection .category{ padding: 100px 0; }
    ._s._collection .category strong{ font-size: 30px; }
    ._s._collection .category p{ font-size: 16px; margin-top: 20px; }

    ._s._collection .subcate .swbx .swiper .inner strong{ font-size: 20px; margin-top: 15px; }
    ._s._collection .subcate .swbx .swiper .inner .subbtnWrap{ margin-top: 15px; }
}

@media screen and (max-width: 820px){
    ._s._collection .conts{ padding-bottom: 0; }
    ._s._collection .subVisual{ padding: 0; }
    ._s._collection .subVisual::after{ content: ''; display: block; padding-bottom: calc(960 / 1920 * 100%); }
    
    ._s._collection .category{ padding: 70px 0; }
    ._s._collection .category strong{ font-size: 24px; }
    ._s._collection .category p{ font-size: 14px; margin-top: 10px; }

    ._s._collection .banner{ margin-bottom: 70px; }

    ._s._collection .subcate p{ font-size: 16px; }
    ._s._collection .subcate .swbx .swiper .inner strong{ font-size: 16px; margin-top: 10px; }
    ._s._collection .subcate .swbx .swiper .inner .subbtnWrap{ margin-top: 10px; }
}



/* product view */
._s._collection .topflxbx{ display: flex; }
._s._collection .topflxbx .lbx{ width: 50%; }
._s._collection .topflxbx .lbx .topsw{ width: 100%; position: relative; }
._s._collection .topflxbx .lbx .topsw .navi{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: rgba(255,255,255,0.2); transition-duration: 0.2s; font-size: 30px; cursor: pointer; }
._s._collection .topflxbx .lbx .topsw .navi._prev{ left: 10px; }
._s._collection .topflxbx .lbx .topsw .navi._next{ right: 10px; }
._s._collection .topflxbx .lbx .topsw .swiper-slide{ overflow: hidden; }
._s._collection .topflxbx .lbx .topsw .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
._s._collection .topflxbx .rbx{ width: 50%; }
._s._collection .topflxbx .rbx img{ width: 100%; height: 100%; object-fit: cover; }
._s._collection .topflxbx .rbx img.mob{ display: none; }

._s._collection .edits{ margin-top: 115px; }
._s._collection .edits img.mob{ display: none; }
._s._collection .expl{ display: flex; gap: 18px; margin-top: 17px; }
._s._collection .expl > a{ width: 100%; background-color: #fff; display: flex; justify-content: space-between; align-items: flex-end; padding: 10px; box-sizing: border-box; position: relative;}
._s._collection .expl > a::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #c63527; transform: scaleX(0); transform-origin: 0 0; transition-duration: 0.4s; z-index: 0; }
._s._collection .expl > a .thumb{ width: 90px; overflow: hidden; position: relative; flex-shrink: 0; z-index: 1; }
._s._collection .expl > a .thumb::after{ content: ''; display: block; padding-bottom: calc(110 / 90 * 100%); }
._s._collection .expl > a .thumb img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
._s._collection .expl > a .bottom{ display: flex; align-items: flex-end; gap: 28px; padding: 0 25px; box-sizing: border-box; z-index: 2; position: relative; transition-duration: 0.4s; }
._s._collection .expl > a .bottom p{ font-size: 24px; font-weight: 700; letter-spacing: -0.025em; line-height: 1; font-family: 'Gestura Display'; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
._s._collection .expl > a .bottom i{ font-size: 18px; transform: translateY(-0.3em); }

._s._collection .subbtnWrap{ margin-top: 50px; margin-bottom: 40px; }

@media screen and (min-width: 821px){
    ._s._collection .topflxbx .lbx .topsw .navi:hover{ color: #fff; }
    ._s._collection .expl > a:hover::before{ transform: scaleX(1); }
    ._s._collection .expl > a:hover .bottom{ color: #fff; }
}

@media screen and (max-width: 1280px){
    ._s._collection .expl > a .bottom{ padding: 0 10px; }
    ._s._collection .expl > a .bottom p{ font-size: 20px; }
}

@media screen and (max-width: 820px){
    ._s._collection .topflxbx{ flex-direction: column; }
    ._s._collection .topflxbx .lbx{ width: 100%; }
    ._s._collection .topflxbx .lbx .topsw .navi{ color: #fff; font-size: 24px; }
    ._s._collection .topflxbx .rbx{ width: 100%; }
    ._s._collection .topflxbx .rbx img.pc{ display: none; }
    ._s._collection .topflxbx .rbx img.mob{ display: block; }
    ._s._collection .edits{ margin-top: 70px; }
    ._s._collection .edits img.pc{ display: none; }
    ._s._collection .edits img.mob{ display: block; }
    ._s._collection .expl{ gap: 10px; margin-top: 10px; }
    ._s._collection .expl > a{ gap: 5px; padding: 5px; }
    ._s._collection .expl > a .thumb{ width: 50px; }
    ._s._collection .expl > a .bottom{ padding: 0 5px; gap: 10px; align-items: center; }
    ._s._collection .expl > a .bottom p{ font-size: 16px; }
    ._s._collection .expl > a .bottom i{ transform: none; }
}

@media screen and (max-width: 500px){
    ._s._collection .expl{ flex-direction: column; }
}



/* 260417 카테고리 이동배너 추가 */
._s._collection .collections{ margin-top: 130px; }
._s._collection .collections .wrap{ max-width: 1185px; }
._s._collection .collections .coltitle > strong{ font-size: 40px; font-weight: 700; letter-spacing: -0.025em; font-family: 'Gestura Display'; text-align: center; display: block; }
._s._collection .collections .coltitle .lineobj{ display: flex; align-items: center; width: 100%; max-width: 500px; margin: 0 auto; margin-top: 16px; }
._s._collection .collections .coltitle .lineobj em{ display: block; width: 100%; height: 1px; background-color: #000; }
._s._collection .collections .coltitle .lineobj img{ width: 53px; flex-shrink: 0; margin: 0 -2px; }

._s._collection .collections .linkwrap{ margin-top: 50px; display: flex; flex-wrap: wrap; gap: 18px; padding-bottom: 20px; }
._s._collection .collections .linkwrap li{ width: calc(50% - 9px); }
._s._collection .collections .linkwrap li > a{ display: flex; width: 100%; height: 100%;  }
._s._collection .collections .linkwrap li > a .thumb{ width: calc(215 / 585 * 100%); overflow: hidden; position: relative; }
._s._collection .collections .linkwrap li > a .thumb::after{ content: ''; display: block; padding-bottom: calc(140 / 215 * 100%); }
._s._collection .collections .linkwrap li > a .thumb img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.6s; position: absolute; top: 0; left: 0; }
._s._collection .collections .linkwrap li > a .textbx{ width: calc(370 / 585 * 100%); background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; font-size: 24px; letter-spacing: -0.025em; font-weight: 600; font-family: 'Gestura Display'; transition-duration: 0.2s; line-height: 1.3; }

@media screen and (min-width: 821px){
    ._s._collection .collections .linkwrap li > a:hover .thumb img{ transform: scale(1.05); }
    ._s._collection .collections .linkwrap li > a:hover .textbx{ background-color: #c63527; color: #fff; }
}

@media screen and (max-width: 1280px){
    ._s._collection .collections .coltitle > strong{ font-size: 30px; }
    ._s._collection .collections .linkwrap li > a .textbx{ font-size: 20px; }
}

@media screen and (max-width: 820px){
    ._s._collection .collections .coltitle > strong{ font-size: 24px; }
    ._s._collection .collections .linkwrap{ gap: 10px; }
    ._s._collection .collections .linkwrap li > a .textbx{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._s._collection .collections .linkwrap{ flex-direction: column; margin-top: 30px; padding-bottom: 70px; }
    ._s._collection .collections .linkwrap li{ width: 100%; }
}