@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap);
/* @import url(https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&family=Montserrat:wght@400;500;700&display=swap); */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

.select2-dropdown {
    z-index: 9999 !important;
}

.styling-area li {
    width: 41.7%;
}

.styling-area .styling + .styling {
    margin-left: 1.1rem;
}

.styling-area .styling .styling-box {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    font-size: 1.2rem;
}

.styling-area .styling .styling-title {
    font-weight: 600;
    margin-top: 2px;
}

.styling-area .styling .styling-content {
    color: #818181;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.styling-area li img{
    border-radius: .75rem;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    background: url('/asset/icons/common/arrow-bottom.png') no-repeat right 1rem center;
    background-size: 16px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; /* iOS 터치 강조 비활성화 */
    pointer-events: auto;
    touch-action: manipulation; /* iOS에서 select 터치 오류 방지 */
    border: solid 1px #dcdcdc;
    padding: 1rem;
    border-radius: 5px;
}

.custom-dropdown {
    position: relative;
    width: 100%;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    height: 3.5rem;
    font-size: 13px;
    display: flex;
    align-items: center;
 }

.custom-selected-option {
    text-align: left;
    width: 100%;
    padding: 1rem;
    background: url(/asset/icons/common/arrow-bottom.png) no-repeat right 1rem center;
    background-size: 16px;
}

.more-button-title {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: .5rem;
}

.more-button-title .more-title {
    color: #848484;
    font-weight: 500;
}

.more-button-title .more, .morebtn {
    color: #000000;
    font-weight: 600;
    display: flex;
    gap: .5rem;
    align-items: center;
}
.morebtn{display:inline;}

.more-button-title .more img, .morebtn img {
    transform: scaleX(-1);
    width: 6px;
    height: 9px;
    margin-top: 1px;
    margin-left: -1px;
}
.morebtn img{display:inline;}
.dropdown-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.dropdown-options li {
    padding: 0.8rem;
    cursor: pointer;
}

.dropdown-options li:hover {
    background: #f4f4f4;
}

.swiper-wrapper{
	height:auto !important;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%!important
}

.btn {
    font-size: 1.2rem;
    padding: .75rem 1rem;
    border-radius: .5rem
}

.btn.btn-xl {
    font-size: 1.6rem!important;
    padding: 1.5rem 1rem!important
}

.btn.btn-l {
    font-size: 1.4rem!important
}

.btn.btn-m {
    font-size: 1.2rem
}

.btn.btn-s {
    font-size: 1.1rem!important
}

.btn.btn-xs {
    font-size: 1rem!important
}

.btn.btn-circle-none {
    border-radius: 0!important
}

.btn.btn-circle-xs {
    border-radius: .3rem
}

.btn.btn-circle-s {
    border-radius: .5rem
}

.btn.btn-circle-m {
    border-radius: .75rem!important
}

.btn.btn-circle-l {
    border-radius: 2rem!important
}

.btn.btn-400 {
    font-weight: 400
}

.btn.btn-500 {
    font-weight: 500
}

.btn.btn-600 {
    font-weight: 600
}

.btn.btn-700 {
    font-weight: 700
}

.btn.btn-800 {
    font-weight: 800
}

.btn.btn-sona {
    color: #fff;
    background-color: #ff41a2
}

.btn.btn-highlight {
    color: #fff;
    background-color: #b358e8
}

.btn.btn-black {
    color: #fff;
    background-color: #000
}

.btn.btn-gray {
    color: #fff;
    background-color: #b7b7b7
}

.btn.btn-lightgray {
    color: #fff;
    background-color: #eee
}

.btn.btn-darkgray {
    color: #fff;
    background-color: #3a3a3a
}

.btn.btn-white {
    color: #fff;
    background-color: #fff
}

.btn.btn-blue {
    color: #fff;
    background-color: #0d6efd
}

.btn.btn-green {
    color: #fff;
    background-color: #1a8754
}

.btn.btn-danger {
    color: #fff;
    background-color: #dc3545
}

.btn.btn-warning {
    color: #fff;
    background-color: #ffc008
}

.btn.btn-outline-sona {
    border: thin solid #ff41a2;
    color: #ff41a2;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-highlight {
    border: thin solid #b358e8;
    color: #b358e8;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-black {
    border: thin solid #000;
    color: #000;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-gray {
    border: thin solid #b7b7b7;
    color: #b7b7b7;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-lightgray {
    border: thin solid #eee;
    color: #eee;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-darkgray {
    border: thin solid #3a3a3a;
    color: #3a3a3a;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-white {
    border: thin solid #fff;
    color: #fff;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-blue {
    border: thin solid #0d6efd;
    color: #0d6efd;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-green {
    border: thin solid #1a8754;
    color: #1a8754;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-danger {
    border: thin solid #dc3545;
    color: #dc3545;
    background-color: #fff;
    box-sizing: border-box
}

.btn.btn-outline-warning {
    border: thin solid #ffc008;
    color: #ffc008;
    background-color: #fff;
    box-sizing: border-box
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .475rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255,118,193,.25);
    opacity: 1
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-back:before {
    content: "";
    background: url(/asset/icons/header/ico_back.png) no-repeat 50% 50%/1rem auto;
    width: 3rem;
    height: 3rem
}

input {
    padding: 1rem;
    height: 3.5rem;
    font-size: 1rem;
    color: #3a3a3a;
    background-color: #fff;
    text-align: left;
    border: .1rem solid #b7b7b7;
    border-radius: .5rem;
    line-height: 2rem
}

.typo.typo-xl {
    font-size: 1.6rem!important
}

.typo.typo-l {
    font-size: 1.4rem!important
}

.typo.typo-m {
    font-size: 1.2rem!important
}

.typo.typo-s {
    font-size: 1.1rem!important
}

.typo.typo-xs {
    font-size: 1rem!important
}

.typo.align-center {
    text-align: center
}

.typo.align-right {
    text-align: right
}

.typo.align-left {
    text-align: left
}

.typo.typo-sona {
    color: #ff41a2
}

.typo.typo-highlight {
    color: #b358e8
}

.typo.typo-black {
    color: #000
}

.typo.typo-gray {
    color: #b7b7b7
}

.typo.typo-lightgray {
    color: #eee
}

.typo.typo-darkgray {
    color: #3a3a3a
}

.typo.typo-white {
    color: #fff
}

.typo.typo-blue {
    color: #0d6efd
}

.typo.typo-green {
    color: #1a8754
}

.typo.typo-danger {
    color: #dc3545
}

.typo.typo-warning {
    color: #ffc008
}

.ico-today-shipping:before {
    content: "";
    display: inline-block;
    position: relative;
    background: url(https://img.sonyunara.com/2024/todaydelivery/icon_14.png) no-repeat 0 0/1.4rem auto;
    width: 1.4rem;
    height: 1.4rem
}

.ico-today-shipping-new {
    display: inline-block;
    font-size: 1.3rem!important;
    font-weight: 600;
    z-index: 1;
    color: #ff5a00;
    background-color: #fff;
    height: 2rem;
    line-height: 2rem;
    background-image: url(https://img.sonyunara.com/2024/todaydelivery/icon_16.png);
    background-size: 1.6rem 1.6rem;
    background-repeat: no-repeat;
    background-position: 0
}

.ico-today-shipping-new:after {
    content: "제트배송";
    margin-left: 2rem;
    font-size: 1.3rem;
    display: inline-block
}

.ico-today-shipping-new.micro-min:after {
    content: "제트배송";
    margin-left: 1.7rem;
    font-size: 1rem;
    display: inline-block
}

.ico-today-shipping-new.short:after {
    content: "제트배송";
    margin-left: 2rem;
    font-size: 1.3rem;
    display: inline-block
}

.ico-today-shipping-new.mini {
    background-image: url(https://img.sonyunara.com/2024/todaydelivery/icon_14.png);
    background-size: 1.4rem 1.4rem
}

.ico-today-shipping-new.mini:after {
    content: "제트배송";
    margin-left: 1.8rem
}

.ico-today-shipping-new.micro {
    background-size: 1.3rem 1.3rem
}

.ico-today-shipping-new.micro,.ico-today-shipping-new.micro-min {
    background-image: url(https://img.sonyunara.com/2024/todaydelivery/icon_14.png)
}

.ico-today-shipping-new.micro-min {
    background-size: 1.2rem 1.2rem;
    font-size: 1rem
}

.ico-today-shipping-new.micro:after {
    content: "제트배송";
    margin-left: 1.8rem;
    font-size: 1rem!important
}

.ico-today-shipping-new.check:after {
    content: "제트배송";
    margin-left: 1.9rem;
    font-size: 1.2rem;
    display: inline-block
}

.is-loading a,.is-loading h2,.is-loading image,.is-loading p,.is-loading span {
    background: #eee;
    background: linear-gradient(110deg,#ececec 8%,#fff 18%,#ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: shine 1.5s linear infinite
}

.is-loading image {
    display: none
}

@keyframes shine {
    to {
        background-position-x: -200%
    }
}

.popup-wrap {
    display: none;
    z-index: 1060;
    right: 0;
    bottom: 0;
    max-width: 75rem;
    box-sizing: border-box
}

.popup-wrap.on {
    display: block
}

.popup-wrap>[class*=-wrapper] {
    animation-name: openPopup;
    webkit-animation-name: openPopup;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

@keyframes openPopup {
    0% {
        bottom: -100%
    }

    to {
        bottom: 0
    }
}

.swal2-styled.swal2-confirm {
    background-color: #fff!important;
    border: thin solid #3a3a3a!important;
    color: #3a3a3a!important
}

.swal2-styled.swal2-deny {
    background-color: #eee!important;
    border: thin solid #b7b7b7!important;
    color: #000!important
}

.swal2-icon.swal2-info.swal2-icon-show,.swal2-icon.swal2-info.swal2-icon-show>* {
    animation: initial!important
}

.home {
    overflow: hidden
}

.home .area {
    padding: 0 1.6rem;
    box-sizing: border-box;
    margin-bottom: 4rem;
    position: relative;
}

.home #canvas {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100vh;
    display: block;
    transform: translateX(-50%);
    z-index: 0
}

.home #canvas.on {
    display: none
}

.home .recommend-for-omnius-wrapper,.home .recommend-today-shipping,.home .recommend-trend-wrapper,.home .summer-item-wrap,.home .weekly-sales-wrapper {
    position: relative
}

.home .main-banner {
    position: relative;
    width: 100%;
    padding-top: 90%!important;
    margin-top: 1.6rem
}

.home .main-banner .banner-swiper-new {
    width: 100%;
    height: 100%;
    overflow: initial!important;
    position: absolute;
    top: 3%
}

.home .main-banner .swiper-wrapper {
    display: flex;
    align-items: center
}

.home .main-banner .swiper-slide {
    transition: transform .3s ease,width .3s ease;
    transform-origin: center center
}

.home .main-banner .swiper-slide.swiper-slide-active {
    transform: scale(1.08)!important
}

.home .main-banner .swiper-slide img {
    border-radius: 1.6rem
}

h2 span {
    font-weight: 700!important;
    white-space: break-spaces
}

h3 {
    font-size: 1.2rem;
    font-weight: 600
}

.attend-check-popup div {
    width: 80%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.attend-check-popup div span {
    position: absolute;
    top: 2%;
    right: 3%;
    width: 9%;
    padding-top: 9%;
    display: inline-block
}

.main-menu {
    margin-bottom: 4rem
}

.main-menu .page-bar {
    width: 20%!important;
    margin: 2rem auto 0 auto;
    height: .2rem!important;
    background: #eee;
    position: relative;
    border-radius: 6rem!important
}

.main-menu .page-bar>div {
    background: #5c5c5c!important;
    border-radius: 6rem;
    display: block
}

.main-menu .menu-wrap {
    margin-top: 1.5rem
}

.main-menu .menu-wrap .menu-icon {
    width: 5.8rem;
    height: 5.8rem;
    display: block;
    border-radius: 1.9rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50%;
    position: relative
}

.main-menu .menu-wrap .menu-icon.on {
    background-color: #f9f9f9
}

.main-menu .menu-wrap .menu-icon.onSize {
    background-size: 5.8rem 5.8rem;
    background-color: transparent!important
}

.main-menu .menu-wrap .new-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.4rem;
    height: 1.4rem
}

.main-menu .menu-wrap .menu-title {
    color: #000;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    margin-top: .6rem
}


.main-menu a span:first-child {
    display: block;
    background: url(/img/ico-all-menu-new-230403.svg) no-repeat 0 0/144rem;
    background-size: 2025px auto;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto
}

.main-menu .attendance-check>span:first-child {
    background-position: -1444px 0
}

.main-menu .cardigan>span:first-child {
    background-position: -1080px 0
}

.main-menu .top>span:first-child {
    background-position: -317px 0
}

.main-menu .dress>span:first-child {
    background-position: -495px 0
}

.main-menu .bottom>span:first-child {
    background-position: -360px 0
}

.main-menu .today-shipping>span:first-child {
    background-position: -810px 0
}

.main-menu .sona-live>span:first-child {
    background: url(https://img.sonyunara.com/2022/icon/icon_live_new.gif) no-repeat 0,0!important;
    background-size: cover!important
}

.main-menu .sweat>span:first-child {
    background-position: -1170px 0
}

.main-menu .outer>span:first-child {
    background-position: -270px 0
}

.main-menu .blouses>span:first-child {
    background-position: -1350px 0
}

.main-menu .shirts>span:first-child {
    background-position: -406px 0
}

.main-menu .vest>span:first-child {
    background-position: -1125px 0
}

.main-menu .accessories>span:first-child {
    background-position: -1215px 0
}

.main-menu .underwear>span:first-child {
    background-position: -855px 0
}

.main-menu .skirt>span:first-child {
    background-position: -540px 0
}

.main-menu .one-piece>span:first-child {
    background-position: -495px 0
}

.main-menu .training-wear>span:first-child {
    background-position: -585px 0
}

.main-menu .bag>span:first-child {
    background-position: -1305px 0
}

.main-menu .basic>span:first-child {
    background-position: -450px 0
}

.main-menu .sweatshirts>span:first-child {
    background-position: -1170px 0
}

.main-menu .pants-length>span:first-child {
    background-position: -1935px 0;
    position: relative
}

.main-menu .korean-trend>span:first-child {
    background: url(/img/icon_kpop_02.gif) no-repeat 0,0!important;
    background-size: cover!important;
    position: relative
}

.main-menu .korean-trend>span:first-child:before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    display: block;
    background: url(/asset/icons/home/icon_new_icon.png) no-repeat 0,0;
    background-size: 1.4rem 1.4rem;
    position: absolute;
    top: 0;
    left: 0
}

.main-menu .get-one-free>span:first-child {
    background-position: -1976px 0!important;
    position: relative
}

.main-menu .get-one-free>span:first-child:before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    display: block;
    background: url(/asset/icons/home/icon_new_icon.png) no-repeat 0,0;
    background-size: 1.4rem 1.4rem;
    position: absolute;
    top: 0;
    left: 0
}

.best-sellings-of-new-arrival {
    box-sizing: border-box
}

.best-sellings-of-new-arrival .progress {
    width: calc(100% - 1rem) !important;
    height: .4rem;
    border-radius: 1.5rem;
    background: #eee;
    box-sizing: border-box;
    margin: 3rem auto 0;
    position: relative !important;
}

.best-sellings-of-new-arrival .progress span {
    background: #b9b9b9;
    border-radius: 1.5rem;
}

.best-sellings-of-categories .sona-day,.best-sellings-of-categories .special-price {
    background-image: none!important
}

.best-sellings-of-categories .special-offer-container {
    width: calc(100% - 1rem);
    margin: 0 auto;
    display: block
}

.best-sellings-of-categories .category-container {
    margin-top: 1rem
}


.best-sellings-of-categories .category-container .swiper-pagination-bullets::-webkit-scrollbar {
    display: none
}


#categories {
    display: flex;
    overflow-x: auto; /* 가로 스크롤 활성화 */
    white-space: nowrap; /* 한 줄로 정렬 */
    scroll-behavior: smooth; /* 스크롤 부드럽게 이동 */
}

.best-sellings-of-categories .category-container .swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 1!important;
    padding: 0 1rem;
    height: 3rem;
    box-sizing: border-box;
    width: auto;
    background: #fff;
    border-radius: 2.6rem;
    border: 1px solid #ebebeb;
    font-weight: 700;
    color: #b9b9b9;
    margin:0;

}
.bests-wrapper-empty {
    border-top: .8rem solid #f4f4f4;
    box-sizing: border-box;
    padding-top: 2rem
}

.bests-wrapper-empty p:first-child {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 1.1rem
}

.product-card .today-deliver {
    font-size: 1rem!important;
    position: absolute;
    left: .8rem;
    bottom: .8rem;
    z-index: 1;
    padding: 0 .4rem;
    color: #ff5a00;
    border-radius: .4rem;
    background-color: #fff;
    height: 2rem;
    background-image: url(https://img.sonyunara.com/2024/todaydelivery/icon_14.png);
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: .4rem .3rem
}

.product-card .today-deliver,.product-card .today-deliver:after {
    display: inline-block;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal
}

.product-card .today-deliver:after {
    content: "제트배송";
    margin-left: 1.8rem;
    font-size: 1rem
}

.product-card .today-deliver.top {
    bottom: auto;
    top: .75rem
}

.product-card a {
    width: 100%
}

.product-card .price {
    display: flex;
    align-items: center;
    height: 2rem
}

.product-card .price.sona-day,.product-card .price.special-price {
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-size: auto 1.9rem;
    background-position-y: 50%
}

.product-card .price.sona-day,.product-card .price.special-price {
    background-image: url(/asset/icons/common/JP08.png?ver=2)
}

@media (max-width: 550px) {
    .product-card .price {
        height:1.6rem
    }

    .product-card .price.sona-day,.product-card .price.special-price {
        background-size: 6.1rem 1.4rem
    }
}

.product-card .save {
    display: inline-block;
    font-size: 18px!important;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.2rem;
    height: 3.2rem;
    background: url(/asset/icons/product/empty-heart.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    border: none;
    z-index: 1
}

.product-card .save.saved {
    background: url(/asset/icons/product/fill-heart.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: 50%
}

.product-card .best-product,.product-card .free-shipping,.product-card .hot-item,.product-card .new-arrival {
    display: inline-block;
    font-size: 1rem!important;
    font-weight: 400;
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    z-index: 1;
    padding: 0 .75rem;
    color: #fff;
    border-radius: .25rem;
    height: 1.9rem;
    line-height: 1.9rem;
    display: none;
}

.product-card .hot-item {
    background-color: rgba(103,153,255,.85)
}

.product-card .hot-item:before {
    content: "인기신작"
}

.product-card .best-product {
    background-color: #000
}

.product-card .best-product:before {
    content: "BEST"
}

.product-card .new-arrival {
    background-color: #ff41a2;
    width: 2rem;
    height: 2rem;
    padding: 0;
    text-align: center;
    bottom: .8rem;
}

.product-card .new-arrival:before {
    content: "N";
    font-size: 1.2rem!important;
    line-height: 2rem;
    font-weight: 700
}

.product-card .free-shipping {
    background-color: #000
}

.product-card .free-shipping:before {
    content: "무료배송"
}

.product-card .time-sale {
    display: inline-block;
    position: absolute;
    left: .75rem;
    bottom: .33333rem;
    z-index: 1
}

.product-card .time-sale:before {
    content: "";
    background: url(/img/time-sale.png) no-repeat 0 0/auto 85%;
    width: 3rem;
    height: 3rem;
    display: inline-block
}

.product-card .thumbnail {
    margin: 0;
    position: relative;
    font-size: 0
}

.product-card .thumbnail .rank {
    background-color: #eee;
    z-index: 1;
    position: absolute;
    width: 2rem;
    height: 2rem;
    color: #3a3a3a;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    left: 0.8rem;
    top: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .25rem
}

.product-card .thumbnail a {
    padding-top: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: .75rem
}

.product-card .thumbnail a .thumbnail-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: .75rem;
    animation-duration: .5s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.product-card .thumbnail a .thumbnail-image .swiper-lazy-loaded,.product-card .thumbnail a .thumbnail-image.lozad[data-loaded] {
    animation-name: fadeInUp
}

.product-card .thumbnail a .only_sona_icon {
    position: absolute;
    z-index: 1;
    top: .7rem;
    width: 17.22%;
    right: .7rem
}

.product-card .thumbnail .weekly-sale {
    background: rgba(0, 0, 0, .6);
    position: absolute;
    width: 100%;
    padding: 0.5rem 0;
    box-sizing: border-box;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 2.3rem;
}

.product-card .thumbnail .weekly-sale span {
    text-align: center;
    color: #fff;
    font-size: 2.3rem;
    letter-spacing: .13rem
}

@media (max-width: 75rem) {
    .product-card .thumbnail .weekly-sale  {
        font-size:1.2rem
    }
}

.product-card .description {
    font-size: 0;
    padding-left: .15rem;
    box-sizing: border-box
}

.product-card .description .shop-name {
    position: relative
}

.product-card .description .shop-name .ico-today-shipping {
    position: absolute;
    right: 0;
    top: .75rem
}

.product-card .description .shop-name span:first-child {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #3a3a3a;
    margin: .75rem 0 .35rem 0;
    line-height: 1rem
}

.product-card .description .product-name.rank-1:before {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    position: absolute;
    background: url(/asset/icons/home/ico_gold.webp) no-repeat 0 0/1.7rem auto
}

.product-card .description .product-name.rank-1 span {
    margin-left: 2.2rem
}

.product-card .description .product-name.rank-2:before {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    position: absolute;
    background: url(/asset/icons/home/ico_silver.webp) no-repeat 0 0/1.7rem auto
}

.product-card .description .product-name.rank-2 span {
    margin-left: 2.2rem
}

.product-card .description .product-name.rank-3:before {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    position: absolute;
    background: url(/asset/icons/home/ico_bronze.webp) no-repeat 0 0/1.7rem auto
}

.product-card .description .product-name.rank-3 span {
    margin-left: 2.2rem
}

.product-card .description .product-name>span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #818181;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    padding-left: .03rem
}

.product-card .description .price {
    box-sizing: border-box;
    font-size: 0;
    font-weight: 600;
    margin-top: .15rem
}

.product-card .description .price .discount-rate {
    color: #ff41a2;
    margin-right: .15rem;
    font-weight: 600;
    font-size: 1.3rem
}

.product-card .description .price .retail-price {
    color: #000;
    font-weight: 600;
    font-size: 1.3rem
}

.product-card .description .extra-info {
    margin-top: .2rem;
    color: #b7b7b7;
    font-weight: 400;
    font-size: .9rem
}

.product-card .description .extra-info .stock-quantity {
    background: #ff41a2;
    font-size: 1.2rem;
    line-height: 1rem;
    margin-top: 3px;
    width: 9rem;
    height: 1.7rem;
    border-radius: 1.5rem;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.product-card.horizontal-product-card {
    display: flex;
    padding: 4%;
    position: relative;
    border-bottom: 1px solid #eee
}

.product-card.horizontal-product-card .thumbnail {
    display: inline-block;
    width: 40%
}

.product-card.horizontal-product-card .description {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35%;
    width: 55%
}

.product-card button {
    margin-top: 1.5rem;
    border: thin solid #b7b7b7
}

.product-card .goods-info-wrap {
    display: flex;
    align-items: center;
}

.product-card .goods-info-wrap span {
    font-size: .9rem;
    width: 4.4rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    border-radius: .2rem;
    background: #f4f4f4;
    color: #585858;
    height: 1.6rem
}

.product-card .goods-info-wrap span.is_sona_only {
    background: #2c2c2c;
    color: #fff
}

.best-sellings-of-categories .product-card{
    margin-top:1.9rem !important;
}

.best-sellings-of-categories .category-container .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-left:0.4rem;
}

.best-sellings-of-categories .category-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #000;
    border-color: #000
}



.best-sellings-of-categories .to-more {
    width: calc(100%);
    text-align: center;
    border: .1rem solid #ebebeb;
    border-radius: .4rem;
    color: #898989;
    font-weight: 700;
    display: block;
    padding: 1rem 0;
    font-size: 1.45rem;
    margin-top: 2rem;
}

.special-offers .round-text-banner {
    padding: 0 .5rem;
    margin-top: 1rem
}

.special-offers .round-text-banner button.on {
    color: #000;
    border: .1rem solid #000
}

.special-offers .sona-day,.special-offers .special-price {
    background-image: none!important
}

.special-offers .special-offer-container {
    width: 100%;
    margin: 0 auto;
    display: block
}

.special-offers .special-offer-wrapper {
    width: 100%;
    padding-top: 109.5%;
    position: relative;
    margin: 1rem auto 0 auto;
    border-radius: .75rem;
    overflow: hidden
}

.special-offers .special-offer-wrapper > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.special-offers .special-offer-wrapper.on {
    display: inline-block!important
}

.special-offers .special-offer-wrapper img {
    position: absolute;
    top: 0
}

.special-offers .special-offer-wrapper .product-card {
    margin-top: 0
}

.special-offers .special-offer-wrapper .special-offer-swiper {
    position: absolute;
    width: 90%;
    bottom: 10%;
    left: 10%;
    box-sizing: border-box
}

.special-offers .special-offer-wrapper .special-offer-swiper img {
    /* border-radius: .5rem */
}

.special-offers .special-offer-wrapper .special-offer-swiper .to-more {
    height: auto;
    width: 41.7%;
}

.special-offers .special-offer-wrapper .special-offer-swiper .to-more a {
    width: 100%;
    height: 100%;
    background-image: url('/asset/icons/home/to-more-btn.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50%;
    border-radius: .15rem;
    margin-left: -.1rem
}

.special-offers .special-offer-wrapper .special-offer-swiper .thumbnail-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.special-offers .special-offer-wrapper .special-offer-swiper .description {
    background: #fff;
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
    padding: .75rem;
    box-sizing: border-box
}

.special-offers .special-offer-wrapper .progress {
    width: 88%;
    bottom: 5%;
    left: 10%;
    height: .4rem;
    border-radius: 1.5rem;
    background: hsla(0, 0%, 100%, .5);
    box-sizing: border-box;
    margin: 1rem auto 0;
    position: absolute;
    overflow: hidden;
    top: initial;
}

.special-offers .special-offer-wrapper .progress .swiper-pagination-progressbar-fill {
    background: #fff;
    border-radius: 1.5rem;
}
.special-offers a.thumbnail{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.recommend-today-shipping h3 {
    color: #ff5a00
}

.recommend-today-shipping h3 span {
    margin: 10px .8rem 0 0;
    position: relative;
    display: inline-block;
    border-radius: .5rem;
    padding: .5rem 1rem;
    box-sizing: border-box;
    background: #ff5a00;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem
}

.top-shops {
    margin-bottom: 5rem
}

.top-shops .product-card.horizontal-product-card .thumbnail {
    min-width: 10rem
}

.top-shops .product-card>a {
    width: calc(100% - 100px);
    box-sizing: border-box;
    position: relative;
    max-width: 100%
}

.top-shops .product-card>a .description {
    left: 0;
    width: 100%;
    padding: 0 0 0 7%;
    box-sizing: border-box
}

.top-shops .rank-1>span,.top-shops .rank-2>span,.top-shops .rank-3>span {
    margin-left: 0!important;
    padding-left: 2.2rem!important;
    box-sizing: border-box
}

.top-shops .product-card.horizontal-product-card {
    padding: 4% 2%
}

.top-shops .product-name>span {
    width: 90%!important
}

.top-shops .top-shop-swiper {
    overflow: hidden
}

.top-shops .top-shop-swiper ul {
    white-space: nowrap;
    font-size: 0;
    margin-top: 1rem
}

.top-shops .top-shop-swiper ul li {
    display: inline-block;
    width: 82%!important;
    padding-top: 60%;
    position: relative
}

.top-shops .top-shop-swiper ul li .product-card {
    margin-top: 3%!important
}

.top-shops .top-shop-swiper ul li .top-shop-banner {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0
}

.top-shops .top-shop-swiper ul li .top-shop-banner img {
    border-radius: .7rem
}

.recommend-for-omnius-wrapper .recommend-for-omnius .swiper-slide {
    width: 33.82%
}

.main-banner .swiper-container {
    position: relative;
    font-size: 0
}

.main-banner .page-number {
    position: absolute;
    display: inline-block;
    width: auto;
    right: 10%;
    bottom: 5%;
    left: auto;
    z-index: 1;
    padding: 0 2.4rem 0 .8rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 9.9rem;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    background-image: url(/asset/icons/common/plus_btn.png);
    background-repeat: no-repeat;
    background-size: .8rem;
    background-position: calc(100% - .8rem);
    letter-spacing: .05rem
}

.custom-category-wrap .custom-goods-wrap {
    position: relative
}

.custom-category-wrap .custom-banner-img {
    margin-bottom: 1.9rem
}

.firstUser {
    background-image: url(/img/first-user-benefit2.jpg);
    background-size: 100% auto;
    padding: 0!important;
    position: relative
}

.firstUser>a {
    position: absolute;
    top: 16%;
    left: 49%;
    width: 16%;
    padding-top: 6%;
    z-index: 2;
    height: 2rem;
}

.firstUser #first-user-benefit {
    width: 94.6%;
    margin-left: 5.4%;
    padding-top: 24.8%
}

.firstUser #first-user-benefit li {
    background: #fff;
    border-radius: .8rem
}

.firstUser #first-user-benefit .product-card {
    margin-top: 0;
    padding: 0
}

.firstUser #first-user-benefit .product-card .description {
    padding: .8rem;
    box-sizing: border-box
}

.firstUser #first-user-benefit .product-card .extra-info,.firstUser #first-user-benefit .product-card .goods-info-wrap,.firstUser #first-user-benefit .product-card .save,.firstUser #first-user-benefit .product-card .shop-name {
    display: none
}

.firstUser .product-card .thumbnail .today-deliver {
    display: none !important;
}

.firstUser .swiper-pagination-progressbar {
    height: .4rem!important;
    position: relative!important;
    margin: 0 auto;
    width: 85.33%;
    background: #fff;
    border-radius: 9.9rem;
    overflow: hidden
}

.firstUser .swiper-pagination-progressbar span {
    background: #dcdcdc!important;
    border-radius: 99rem
}

.first-purchase-event .product-card .thumbnail::after {
    content: "첫주문";
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 1rem;
    left: .8rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding: .3rem .6rem;
    background: #ff41a2;
    border-radius: .4rem
}

.new-arrivals #filter-container {
    top: 13.65rem
}

.new-arrivals .new-banner-wrap {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.new-arrivals .new-banner-wrap span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2.6rem;
    display: block;
    width: 100%;
    text-align: center;
    color: #383838;
    font-weight: 500;
    letter-spacing: .1rem
}

.new-arrivals .new-banner-wrap span em {
    font-weight: 600
}

.new-arrivals .new-banner-wrap span em:last-child {
    color: #ff41a2
}

.new-arrivals>.round-text-banner {
    position: sticky;
    top: 10rem;
    background-color: #fff;
    z-index: 90
}

.new-arrivals .product-slider {
    margin-top: 2rem!important;
    padding: 0 1.1rem;
    box-sizing: border-box
}

.new-arrivals .new-arrivals-wrapper .promotion-banner {
    padding: 1rem;
    width: calc(100% - 2rem)
}

.new-arrivals .menu {
    padding: 1rem;
    box-sizing: border-box;
    margin: 0;
    border-bottom: .1rem solid #f8f8f8
}

.new-arrivals .swiper-slide {
    width: 38%
}

.new-arrivals .recommend-slide {
    padding: 0 .5rem
}

@media (max-width: 750px) {
    .new-arrivals .new-banner-wrap span {
        font-size:3.5vw
    }
}

.best-products .product-list .product-card:first-child .rank {
    background: url(/asset/icons/common/rank_1.png);
    left: 0;
    top: 0;
    transform: translate(0);
    width: 3rem;
    height: 3.3rem;
    color: #fff;
    line-height: 3.3rem;
}

.best-products .product-list .product-card:nth-child(2) .rank {
    background: url(/asset/icons/common/rank_2.png);
    left: 0;
    top: 0;
    transform: translate(0);
    width: 3rem;
    height: 3.3rem;
    color: #fff;
    line-height: 3.3rem;
}

.best-products .product-list .product-card:nth-child(3) .rank {
    background: url(/asset/icons/common/rank_3.png);
    left: 0;
    top: 0;
    transform: translate(0);
    width: 3rem;
    height: 3.3rem;
    color: #fff;
    line-height: 3.3rem;
}

.best-products>.round-text-banner {
    position: sticky;
    background-color: #fff;
    top: 10rem;
    padding: 1rem;
    z-index: 98
}

.best-products .best-products-filter {
    position: relative;
    width: calc(100% - 3.2rem);
    height: 4rem;
    background: #f5f6f8;
    color: #b7b7b7;
    border-radius: .3rem;
    margin: 2rem 1.6rem .6rem;
    padding: .3rem;
    box-sizing: border-box;
    z-index: 1;
    font-size: 0;
}

.best-products .best-products-filter li {
    width: 50%;
    height: 100%;
    line-height: 3.4rem;
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    font-family: Noto Sans KR,Dotum,sans-serif!important;
    cursor: pointer;
    font-weight: 700
}

.best-products .best-products-filter li.on {
    border-radius: .3rem;
    background: #fff;
    color: #3a3a3a;
    font-weight: 700;
    cursor: auto
}

.best-products .bests-wrapper .product-list .product-card:first-child,.best-products .bests-wrapper .product-list .product-card:nth-child(2) {
    margin-top: 1rem
}

.product-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1.1rem;
    box-sizing: border-box
}


.product-list .product-card[class^=col-] {
    display: inline-block
}

.product-list-by-category .category-header {
    padding: 1.7rem 1.6rem;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff
}

.product-list-by-category .category-header img {
    width: 2.4rem
}

.product-list-by-category .category-header span {
    flex: 1;
    text-align: center;
    height: 2.4rem;
    line-height: 2.4rem
}

.product-list-by-category .category-header span label {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    padding-right: 2.4rem;
    background: url(/asset/icons/product/category_open.png) no-repeat 100%/1.6rem auto
}

.product-list-by-category .category-header span label:has(input:checked) {
    background: url(/asset/icons/product/arrow_list_off.png) no-repeat 100%/1.6rem auto
}

.product-list-by-category .category-header span input {
    display: none
}

.product-list-by-category .sub-cate {
    width: 100%;
    box-sizing: border-box;
    position: sticky;
    top: 5.8rem;
    background: #fff;
    z-index: 10;
    cursor: pointer
}

.product-list-by-category .sub-cate.on {
    top: 0
}

.product-list-by-category .sub-cate:before {
    content: "";
    display: inline-block;
    height: .1rem;
    width: 100%;
    background: #f4f4f4;
    position: absolute;
    bottom: 0
}

.product-list-by-category .sub-cate ul {
    align-items: center
}

.product-list-by-category .sub-cate ul li {
    width: auto;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    padding: 0 1.4rem 0;
    font-size: 1.3rem;
    font-weight: 500;
    color: #848484;
    height: 4.3rem;
    line-height: 4.3rem
}

.product-list-by-category .sub-cate ul li:first-child {
    padding: 0 1.4rem 0 1.6rem
}

.product-list-by-category .sub-cate ul li:last-child {
    padding: 0 1.6rem 0 1.4rem
}

.product-list-by-category .sub-cate ul li.on {
    font-size: 1.4rem;
    font-weight: 600;
    color: #000
}

.product-list-by-category .sub-cate ul li.on:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .2rem;
    background: #000;
    bottom: 0.1rem;
    left: 0
}

.product-list-by-category .category-list-wrap {
    height: calc(100% - 5.8rem);
    top: 5.8rem;
    background: rgba(33,33,33,.6);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    /* 모바일에서 길게 눌렀을 때 선택 메뉴 방지 */
    -webkit-touch-callout: none;
}

.product-list-by-category .category-list-wrap ul {
    width: 100%;
    background: #fff;
    position: relative;
    top: 0;
    padding: 2rem;
    box-sizing: border-box;
    border-top: .1rem solid #f4f4f4;
    font-size: 0;
    overflow-y: auto
}

.product-list-by-category .category-list-wrap ul::-webkit-scrollbar {
    width: 5px
}

.product-list-by-category .category-list-wrap ul::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px
}

.product-list-by-category .category-list-wrap ul::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.product-list-by-category .category-list-wrap ul li {
    width: 50%;
    height: 1.8rem;
    display: inline-block;
    padding: 1rem 0;
    margin-bottom: -2rem;
}

.product-list-by-category .category-list-wrap ul li.on em {
    font-weight: 700;
    color: #000;
    border-bottom: .1rem solid #000
}

.product-list-by-category .category-list-wrap ul li em {
    font-size: 1.2rem;
    font-weight: 500;
    color: #848484
}

.product-list-by-category .category-list-wrap ul li:nth-child(n+3) {
    margin-top: 2.8rem
}

.product-list-by-category .category-header:has(#drop-down:checked)+.category-list-wrap {
    display: block
}

.product-list-by-category .style-fill-highlight button {
    font-size: 1.2rem
}

.product-list-by-category .product-slider {
    margin-top: 2.5rem;
    padding: 2rem 1.1rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #f4f4f4;
}

.product-list-by-category .top-category-menu {
    position: sticky;
    top: 4.8rem;
    z-index: 10
}

.product-list-by-category .top-category-menu.on {
    top: 0!important;
    z-index: 90;
    display: flex;
    flex-direction: column
}

.product-list-by-category .top-category-menu.on #menu-main-list {
    order: 2;
    width: 100%
}

.product-list-by-category .top-category-menu.on #menu-sub-list {
    order: 1;
    width: 100%
}

.product-list-by-category #menu-main-list {
    height: 4.1rem;
    margin: 0;
    font-size: 1.4rem;
    border-bottom: .1rem solid #f8f8f8;
    background: #fff;
    z-index: 80;
    cursor: pointer
}

.product-list-by-category #menu-main-list .swiper-slide {
    opacity: 1!important;
    padding: 0 1.4rem;
    box-sizing: border-box;
    width: auto;
    background: #fff;
    font-weight: 700;
    margin-right: .4rem;
    position: relative;
    line-height: 4.1rem
}

.product-list-by-category #menu-main-list .swiper-slide.on {
    color: #000
}

.product-list-by-category #menu-main-list .swiper-slide.on:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .2rem;
    background: #000;
    border-radius: 1.5rem;
    left: 0;
    bottom: 0
}

.product-list-by-category #menu-main-list .swiper-slide.on button {
    color: #000
}

.product-list-by-category #menu-main-list .swiper-slide button {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 700;
    color: #b9b9b9
}

.product-list-by-category #menu-sub-list {
    background: #fff;
    box-sizing: border-box;
    padding: 1rem;
    z-index: 99;
    cursor: pointer
}

.product-list-by-category #menu-sub-list .swiper-slide {
    opacity: 1!important;
    padding: 0 1rem;
    height: 2.5rem;
    box-sizing: border-box;
    width: auto;
    background: #fff;
    margin-right: .4rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center
}

.product-list-by-category #menu-sub-list .swiper-slide.on {
    color: #fff;
    background: #000;
    border: 1px solid #000;
    border-radius: 2.6rem
}

.product-list-by-category #menu-sub-list .swiper-slide.on button {
    color: #fff
}

.product-list-by-category #menu-sub-list button {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 700;
    color: #b9b9b9
}

.product-list-by-category #menu {
    height: 4.1rem;
    margin: 0;
    font-size: 1.4rem;
    border-bottom: .1rem solid #f8f8f8;
    position: sticky;
    background: #fff;
    top: 4.8rem;
    z-index: 80
}

.product-list-by-category #menu button {
    height: 100%!important
}

.product-list-by-category #menu2 {
    position: sticky;
    top: 8.9rem;
    background: #fff;
    box-sizing: border-box;
    padding: 1rem;
    z-index: 99
}

.product-list-by-category #menu2.on {
    top: 0!important
}

.product-list-by-category .pants-banner {
    background-color: #f2eeea
}

.product-list-by-category #filter-container {
    top: 10.1rem
}

.product-list-by-category #filter-container.on {
    top: 4.3rem!important
}

.sale-products-title {
    padding: 2.5rem 1.1rem 0;
}

.sale-products #sale-products-menu {
    position: sticky;
    background-color: #fff;
    top: 10rem;
    padding: 1rem 1.1rem;
    z-index: 97
}

.sale-products .product-list-wrap{
    padding:1.1rem;
    box-sizing: border-box;
}

.sale-products .sale-products-wrapper {
    margin-top: 3rem;
    padding: 0 .5rem;
    box-sizing: border-box
}

.sale-products .sale-products-wrapper .round-text-banner {
    padding: 0 .5rem
}

.sale-products .product-slider {
    margin-top: 3rem;
    padding: 0 .5rem
}

.sale-products .product-slider .swiper-slide {
    width: 33.82%
}

.sale-products .product-list {
    padding: 0
}

.sale-products .sale-item,.sale-products .sale-item ul {
    width: 100%
}

.sale-products .sale-item ul li {
    width: 60%;
    position: relative
}

.sale-products .sale-item ul li .sale-icon {
    position: absolute;
    background: #ff41a2;
    border-radius: 50%;
    left: 5%;
    top: 8%;
    width: 10rem;
    padding-top: 10rem;
    opacity: 0;
    animation-fill-mode: forwards;
    font-size: 3rem
}

.sale-products .sale-item ul li .sale-icon em {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 4rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: .05rem
}

.sale-products .sale-item ul li .sale-icon em:after {
    content: "%";
    font-size: 1.8rem;
    margin-left: .15rem
}

.sale-products .sale-item ul img {
    padding: 3%;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box
}

.swiper-slide-active {
.sale-icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.product-info {
    opacity: 1;
}
}

.sale-products .swiper-slide-active .sale-icon {
    animation-duration: 1s;
    animation-name: bounceIn
}

.sale-products .swiper-slide-active .product-info {
    opacity: 1
}

.sale-products .background-box {
    padding: 6% 0 7.34%;
    background: #f3f3f3;
    position: relative
}

.sale-products .background-box:before {
    content: "";
    position: absolute;
    width: 92%;
    height: 30%;
    background: rgba(255,66,164,.25);
    top: 51%;
    transform: translate(-50%,-50%);
    filter: blur(50px);
    left: 50%
}

.sale-products .lefts_l {
    background: #ff41a2;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 3px;
    color: #fff;
    display: inline-flex;
    border-radius: 1.5rem;
    width: 8.9rem;
    height: 1.7rem;
    justify-content: center;
    align-items: center;
    line-height: 1.5rem
}

.sale-products .time-box {
    color: #151515;
    margin-bottom: 1.8rem;
    text-align: center;
    font-family: Noto Sans KR,sans-serif!important;
    font-size: 1rem
}

.sale-products .time-box>p:first-child {
    letter-spacing: .13rem;
    font-size: 2em;
    font-weight: 700
}

.sale-products .time-box>p:nth-child(2) {
    font-size: 4em;
    font-weight: 700
}

.sale-products .time-box>p:nth-child(2) em {
    font-weight: 700;
    letter-spacing: .4rem
}

.sale-products .time-box>p:last-child {
    margin: 1em 0 2.5em;
    font-weight: 600;
    font-size: 1.7em
}

.sale-products .product-info {
    color: #ff41a2;
    text-align: center;
    margin-top: 2.3em;
    opacity: 0;
    font-size: 1rem;
    transition: .7s
}

.sale-products .product-info>span {
    display: block
}

.sale-products .product-info>span:first-child {
    font-weight: 700;
    color: #ff41a2;
    font-family: Noto Sans KR,sans-serif!important;
    font-size: 4.5em
}

.sale-products .product-info>span:nth-child(2) {
    color: #151515;
    font-family: Noto Sans KR,sans-serif!important;
    margin: .8em 0 .815em;
    font-size: 2.7em;
    font-weight: 700
}

.sale-products .product-info>span:nth-child(3) {
    line-height: 1.4;
    font-size: 1.5em;
    color: #151515
}

.sale-products .page-bar {
    width: 80%;
    margin: 4em auto 0 auto;
    height: .5vh;
    background: #eee;
    position: relative;
    border-radius: 2rem
}

.sale-products .page-bar>span {
    background: #151515!important;
    border-radius: 2rem;
    display: block
}

.sale-products .sale-item-wrapper .item {
    padding: 0 5px!important;
    box-sizing: border-box;
    width: 36%!important
}

@media (max-width: 650px) {
    .sale-products .sale-item ul li {
        width:80%
    }

    .sale-products .sale-item ul li .sale-icon {
        width: 18vw;
        padding-top: 18vw
    }

    .sale-products .sale-item ul li .sale-icon em {
        font-size: 6vw
    }

    .sale-products .product-info {
        font-size: 1.6vw
    }
}

.today-shipping .popup-guide {
    position: absolute;
    width: 88%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.today-shipping .popup-guide span {
    width: 7%;
    padding-top: 7%;
    position: absolute;
    right: 4%;
    top: 4%
}

.today-shipping .popup-btn {
    position: absolute;
    width: 85%;
    padding-top: 16%;
    bottom: 3%;
    left: 7.5%;
    border-radius: 6.5rem
}

.today-shipping .promotion-image {
    position: relative
}

.today-shipping .promotion-image>.timer {
    position: absolute;
    top: 9%;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    width: 80%;
    justify-content: center;
    background: hsla(0,0%,100%,.1);
    padding: 3%;
    border-radius: 6rem
}

.today-shipping .promotion-image>.timer span:first-child {
    font-size: 2.4rem;
    display: block;
    color: #ff5a00;
    font-weight: 800;
    margin-right: 2%;
    min-width: 23%
}

@media (max-width: 750px) {
    .today-shipping .promotion-image>.timer span:first-child {
        font-size:3.2vw
    }
}

.today-shipping .promotion-image>.timer span:last-child {
    font-size: 2.4rem;
    font-weight: 400
}

@media (max-width: 750px) {
    .today-shipping .promotion-image>.timer span:last-child {
        font-size:3.2vw
    }
}

.today-shipping .promotion-image>.count {
    position: absolute;
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
}

.today-shipping .promotion-image>.count span:first-child {
    font-size: 2.7rem;
    display: block;
    color: #fff;
    font-weight: 400;
    margin-right: 2%
}

@media (max-width: 750px) {
    .today-shipping .promotion-image>.count span:first-child {
        font-size:3.6vw
    }
}

.today-shipping .promotion-image>.count span:last-child {
    font-size: 2.7rem;
    font-weight: 800;
    color: #ff5a00
}

@media (max-width: 750px) {
    .today-shipping .promotion-image>.count span:last-child {
        font-size:3.6vw
    }
}

.today-shipping .round-text-banner {
    position: sticky;
    background-color: #fff;
    top: 4.9rem;
    z-index: 98;
    margin-bottom: 0!important
}

.today-shipping #filter-container {
    top: 9.1rem;
    background-color: #fff
}

.today-shipping .style-wrap {
    border-bottom: .1rem solid #f8f8f8
}

.today-shipping .banner {
    padding: 0 1.1rem
}

.today-shipping .banner .banner-swiper {
    font-size: 0;
    border-radius: .7rem;
    overflow: hidden
}

.today-shipping .banner .page-number {
    position: absolute;
    z-index: 10;
    background: rgba(0,0,0,.5);
    width: 4rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 2rem;
    color: #fff;
    text-align: center;
    right: 2.5rem;
    bottom: 1.1rem;
    left: auto
}

.today-shipping .remain-time-for-today-shipping {
    padding: 0 1.1rem;
    margin: 2rem 0
}

.today-shipping .remain-time-for-today-shipping span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    height: 3.1rem;
    color: #fff;
    text-align: center;
    border-radius: .5rem;
    background: #fe7c26
}

.today-shipping .remain-time-for-today-shipping span strong {
    display: inline-block;
    color: #fff260;
    font-weight: 700;
    vertical-align: middle;
    margin-left: .5rem
}

.today-shipping .best-sellings-for-today-shipping-wrapper {
    margin: 0 0 1.5rem 0;
    padding: 0 0 .3rem 0;
    border-bottom: .02rem solid #f5f5f5
}

.today-shipping .best-sellings-for-today-shipping-wrapper .product-slider {
    padding: .6rem
}

.today-shipping .best-sellings-for-today-shipping-wrapper .product-slider .swiper-slide {
    width: 38%
}

.today-shipping .today-shipping-header {
    padding: 0 1.1rem;
    text-align: right;
    font-weight: 600;
    font-size: 1.1rem
}

.today-shipping .today-shipping-header .sorter select {
    color: #6d6d6d;
    font-size: 1.1rem
}

.today-shipping .animate__bounceIn.on {
    animation-duration: .75s;
    animation-duration: 5s;
    animation-name: bounceIn;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes bounceIn {
    0%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    5% {
        transform: scale3d(1.1,1.1,1.1)
    }

    10% {
        transform: scale3d(.9,.9,.9)
    }

    15% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    20% {
        transform: scale3d(.97,.97,.97)
    }

    21%,to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.weekly-sales-list-wrapper .thumbnail {
    width: 34%!important
}

.weekly-sales-list-wrapper .product-card {
    margin: 0!important;
    border: none!important
}

.product-detail #order-buttons-wrapper button,.product-detail .option-wrapper>ul .color-options>button,.product-detail .option-wrapper>ul .product-code>div,.product-detail .option-wrapper>ul .size-option-wrapper>button,.product-detail .option-wrapper>ul .stock>div>button,.product-detail .option-wrapper>ul>li div:first-child {
    font-weight: 600
}

.product-detail .product-detail-wrapper .shop-info {
    width: calc(100% + 3.2rem);
    margin-left: -1.6rem;
    border-bottom: 1px solid #f4f4f4
}

.product-detail .product-detail-wrapper .shop-info .shop-wrapper {
    display: flex;
    align-items: center;
    padding: 1.2rem 1.6rem;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .shop-info .shop-wrapper span:first-child {
    display: inline-block;
    color: #585858;
    font-weight: 500;
    font-size: 1.3rem
}

.product-detail .product-detail-wrapper .shop-info .shop-wrapper span:last-child {
    color: #848484;
    background-size: 1.2rem 1.2rem;
    font-size: 1.1rem;
    margin-left: auto;
    background-image: url(https://img.sonyunara.com/2024/todaydelivery/arrow.png);
    background-repeat: no-repeat;
    background-position: 100%;
    padding-right: 1.6rem
}

.product-detail .product-detail-wrapper .base-info>span:first-of-type {
    font-size: 1.45rem;
    font-weight: 500!important;
    margin-bottom: 1.1rem
}

.product-detail .product-detail-wrapper .base-info .sale-volume {
    color: #3a3a3a;
    font-size: 1.3rem
}

.product-detail .product-detail-wrapper .base-info .remain-shipping-time {
    padding: 1.3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background: #dc3545;
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    margin-top: 2rem
}

.product-detail .product-detail-wrapper .base-info .remain-shipping-time em {
    letter-spacing: -1px;
    color: #ffebb0
}

.product-detail .product-detail-wrapper .base-info .reference-price {
    color: #3a3a3a;
    font-size: 1.4rem;
    margin-bottom: .5rem
}

.product-detail .product-detail-wrapper .base-info .price {
    font-weight: 600;
    line-height: 1.2
}

.product-detail .product-detail-wrapper .base-info .price .retail-price {
    font-size: 1.8rem!important
}

.product-detail .product-detail-wrapper .base-info .price em:first-child {
    font-size: 1.8rem;
    margin-right: .5rem
}

.product-detail .product-detail-wrapper .base-info .price em:nth-child(2) {
    font-size: 1.6rem
}

.product-detail .product-detail-wrapper .base-info .price .free-icon {
    color: #fff!important;
    background: #dc3545;
    border-radius: .3rem;
    height: 1.8rem;
    padding: 0 .6rem;
    font-weight: 700!important;
    margin: 0 .5rem;
    line-height: 1.8rem;
    font-size: 1rem!important;
    text-align: center;
    display: inline-block!important;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .base-info .price .sona-day-icon {
    height: 1.6rem;
    width: auto;
    margin-left: auto
}

.product-detail .product-detail-wrapper .get-coupon {
    color: #ff41a2;
    border: .1rem solid #ff41a2
}

.product-detail-main-slide {
    overflow: hidden;
    position: relative
}

.content-box-article:has(.product-detail-wrap) {
    padding: 0
}

.product-detail-wrap .popup-wrap {
    width: 100%!important;
    max-width: 100%!important;
    overflow: hidden;
}

.product-detail-wrap .popup-wrap>div {
    max-width: 750px!important;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom:calc(0px + env(safe-area-inset-bottom));
}

.product-detail-wrap {
    margin-top: 5.6rem
}

.product-detail-wrap .guide_wrap {
    background: transparent
}

.product-detail-wrap .guide_wrap div {
    position: relative;
    background: rgba(0,0,0,.8)
}

.product-detail-wrap .price-option-wrap .goods-price.on .sale-per {
    color: #e61c1c;
}

.product-detail-wrap .guide_wrap div>img {
    height: 100vh;
    width: auto;
    margin: 0 auto;
    max-width: 100%
}

.product-detail-wrap .guide_wrap div button {
    position: absolute;
    top: 8%;
    left: 85%;
    transform: translate(-50%,-50%);
    height: 5%;
    width: 8%;
    cursor: pointer
}

.product-detail-wrap .coupon_down_list_wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    border-radius: .8rem .8rem 0 0
}

.product-detail-wrap .coupon_down_list_wrap .bottom-btn-wrap {
    padding: .8rem 1.6rem;
    box-sizing: border-box;
    background: #fff
}

.product-detail-wrap .coupon_down_list_wrap .bottom-btn-wrap button {
    text-align: center;
    color: #ff41a2;
    border: .1rem solid #ff41a2;
    border-radius: .8rem;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1.2rem 0 1.3rem;
    width: 100%
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_header {
    padding: 2rem 0;
    text-align: center;
    position: relative;
    border-bottom: .1rem solid #dcdcdc;
    box-sizing: border-box
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_header span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    display: block
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_header button {
    width: 3rem;
    height: 3rem;
    background: url(/asset/images/product-detail/close_detail_slide.png) no-repeat 50%/2.4rem 2.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem
}

.product-detail-wrap .coupon_down_list_wrap .guide_btn_wrap {
    padding: 1.6rem 1.6rem 1.1rem;
    display: flex;
    box-sizing: border-box
}

.product-detail-wrap .coupon_down_list_wrap .guide_btn_wrap em:first-of-type {
    font-size: 1.4rem;
    color: #000;
    font-weight: 500
}

.product-detail-wrap .coupon_down_list_wrap .guide_btn_wrap em:nth-of-type(2) {
    margin-left: auto;
    font-size: 1.3rem;
    color: #ff41a2;
    font-weight: 500
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box {
    padding: 1.6rem 1.6rem 8.7rem;
    box-sizing: border-box;
    max-height: 33.7rem;
    overflow-y: auto
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box::-webkit-scrollbar {
    width: 5px
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li {
    border-radius: 1.6rem;
    box-shadow: 0 .2rem .8rem 0 rgba(0,0,0,.12);
    display: flex;
    align-items: center;
    height: 17.4rem
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .info {
    padding: 1.2rem 0 1.2rem 1.6rem;
    box-sizing: border-box;
    flex: 1
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .sale {
    font-size: 2.4rem;
    font-weight: 700;
    color: #ff41a2;
    margin-top: .4rem
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_name {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    margin-bottom: .8rem
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_canuseac,.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_category,.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_max_account {
    margin-bottom: .2rem;
    color: #848484;
    font-size: 1.2rem;
    font-weight: 500
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_date {
    margin-top: .8rem;
    color: #848484;
    font-size: 1.2rem;
    font-weight: 500
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_status {
    width: 6.4rem;
    height: 100%;
    margin-left: auto;
    border-left: .1rem dashed #dcdcdc;
    box-sizing: border-box;
    position: relative;
    background: url(/asset/images/product-detail/conpon_down_off.png) no-repeat 50%/2.4rem auto
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_status.on {
    background: url(/asset/images/product-detail/coupon_down_on.png) no-repeat 50%/2.4rem auto
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li .coupon_status.on em {
    font-size: 1rem;
    color: #b0b0b0;
    font-weight: 500;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box input {
    display: none
}

.product-detail-wrap .coupon_down_list_wrap .coupon_down_list_box li+li {
    margin-top: 1.2rem
}

.product-detail-wrap .size_arrow_more {
    position: absolute;
    top: 25%;
    width: 2.4rem;
    right: 0;
    transform: translateY(-50%);
    z-index: 1
}

.product-detail-wrap .md_memo>.title {
    display: flex;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    align-items: center
}
.product-detail-wrap .md_memo>.memo {
    display: flex;
    flex-direction: column;
    border: solid 2px #d3d2d278;
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: border 0.3s ease;
    font-size: 1.2rem;
    margin-top: 1.2rem;
    padding: 1.2rem 1.6rem;
}

.product-detail-wrap .md_memo>.title img {
    width: 1.7rem;
    margin-right: .4rem;
    transform: scaleX(-1);
}

.product-detail-wrap .ai_memo,.md_memo {
    padding: 3.2rem 1.6rem;
    box-sizing: border-box;
    border-bottom: .9rem solid #f4f4f4
}

.product-detail-wrap .ai_memo>.title {
    display: flex;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    align-items: center
}

.product-detail-wrap .ai_memo>.title img {
    width: 1.7rem;
    margin-right: .4rem
}

.product-detail-wrap .ai_memo>.memo {
    margin-top: 1.2rem;
    padding: 1.2rem 1.6rem;
    background: #f4f4f4;
    border-radius: .8rem;
    font-size: 1.2rem;
    font-weight: 400;
    text-overflow: ellipsis;
    line-height: 150%;
    color: #585858
}

.product-detail-wrap .ai_memo>.guide {
    background: url(/asset/images/product-detail/WarningCircle.png) no-repeat 0 0/1.6rem auto;
    padding-left: 2rem;
    color: #b0b0b0;
    font-size: 1.1rem;
    margin-top: .8rem
}

.product-detail-wrap .detail-img-map {
    position: relative!important;
    height: auto!important;
    border-radius: 0 0 0 0!important
}

.product-detail-wrap .detail-img-map a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0
}

.product-detail-wrap #inshop-join-list .extra-info,.product-detail-wrap #inshop-join-list .goods-info-wrap,.product-detail-wrap .price_info_wrap_box {
    display: none
}

.product-detail-wrap #inshop-join-list .price_info_wrap_box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
}

.product-detail-wrap #inshop-join-list .price_info_wrap_box .low_price {
    padding: .5rem .6rem;
    background: #ff41a2;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .8rem 0;
    display: flex;
    align-items: center
}

.product-detail-wrap #inshop-join-list .price_info_wrap_box .low_price img {
    display: inline-block;
    width: 1.2rem;
    margin-left: .2rem
}

.product-detail-wrap #inshop-join-list .price_info_wrap_box .on_check {
    display: inline-block;
    padding: .5rem .6rem;
    background: #f4f4f4;
    font-size: 1rem;
    color: #848484;
    font-weight: 600;
    border-radius: .8rem 0
}

.product-detail-wrap #inshop-join-list .price_info_wrap_box:has(.low_price) .on_check {
    border-radius: 0 0 .8rem 0
}

.product-detail-wrap #inshop-join-list .price_info_wrap_box:has(.on_check) .low_price {
    border-radius: .8px 0 0 0
}

.product-detail-wrap .soldout-icon span {
    display: inline-block;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    padding: 0 .8rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: .4rem;
    background: #dc3545
}

.product-detail-wrap #content3 {
    border-bottom: .9rem solid #f4f4f4;
    padding: 3.2rem 0
}

.product-detail-wrap #content3 .swiper-container {
    overflow: hidden
}

.product-detail-wrap #content3 .slide-wrap {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    box-sizing: border-box
}


.product-detail-wrap #content3 .slide-wrap>.title {
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
    box-sizing: border-box
}

.product-detail-wrap #content3 .slide-wrap>.title p {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700
}

.product-detail-wrap #content3 .slide-wrap>.title a {
    margin-left: auto;
    background: url(/asset/images/product-detail/ShopNameArrow.png) no-repeat 100%/1.6rem auto;
    color: #848484;
    font-size: 1.3rem;
    font-weight: 500;
    padding-right: 2rem;
    display: inline-block;
    height: 1.8rem
}

.product-detail-wrap #content3 .slide-wrap .swiper-container {
    margin-bottom: 3.2rem
}

.product-detail-wrap #content3 .slide-wrap .swiper-container:last-child {
    margin-bottom: 0
}

.product-detail-wrap #content3 .slide-wrap .swiper-container .product-card {
    margin-top: 0
}

.product-detail-wrap .ico-delivery {
    font-size: 1rem;
    font-weight: 600;
    color: #848484
}

.product-detail-wrap .option-popup-wrap .option-select-box {
    width: 100%;
    padding: 1.4rem 1.6rem;
    -moz-text-align-last: left;
    text-align-last: left;
    text-align: left;
    border: .1rem solid #dcdcdc;
    border-radius: .8rem;
    font-size: 1.3rem;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/asset/images/product-detail/arrow_btn.png) no-repeat calc(100% - 1.6rem)/1.6rem auto;
    height: 4.9rem
}

.product-detail-wrap .option-popup-wrap .option-select-box.size-options-box{
    display: none;
}

.product-detail-wrap .option-popup-wrap .option-select-box::-ms-expand {
    display: none
}

.product-detail-wrap .option-popup-wrap .option-popup-box {
    position: absolute;
    bottom: 0;
    /* padding: 3.5rem 0 0; */
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    border-radius: 1.2rem 1.2rem 0 0;
    padding-bottom: env(safe-area-inset-bottom);
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option_select_close {
    width: 3.6rem;
    position: absolute;
    left: 50%;
    top: -1.8rem;
    transform: translateX(-50%)
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price-btn-wrap {
    padding: .8rem 1.6rem .8rem;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - 0.35rem), 1fr));
    gap: .7rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price-btn-wrap button {
    height: 4.8rem;
    border-radius: .8rem;
    background: #ff41a2;
    color: #fff;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 700
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price-btn-wrap button:first-of-type {
    color: #ff41a2;
    border: .1rem solid #ff41a2;
    background: #fff
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price {
    width: 100%;
    padding: 1.2rem 1.6rem 1.6rem;
    box-sizing: border-box;
    border-top: .1rem solid #dcdcdc;
    font-size: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price p {
    width: 100%;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    text-align: right;
    margin-top: .2rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price p>em {
    padding: .4rem .8rem;
    background: #f4f4f4;
    border-radius: .4rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price p>em em {
    color: #ff41a2;
    font-weight: 500;
    margin: 0 .4rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price>em:first-of-type {
    font-size: 1.4rem;
    font-weight: 500
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-price>em:nth-of-type(2) {
    font-size: 2rem;
    font-weight: 600;
    flex: 1;
    text-align: right;
    color: #ff41a2
}

.product-detail-wrap .option-popup-wrap .option-popup-box label {
    position: relative;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 1.3rem;
    padding-left: 4.2rem;
    width: calc(100% - 3.2rem);
    margin: 0 auto 2.4rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box label:before {
    content: "";
    width: 3.8rem;
    height: 2.2rem;
    background: #dcdcdc;
    display: inline-block;
    border-radius: 9.9rem;
    position: absolute;
    left: 0
}

.product-detail-wrap .option-popup-wrap .option-popup-box label:after {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    top: 50%;
    left: .2rem;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    transition: .3s
}

.product-detail-wrap .option-popup-wrap .option-popup-box label input {
    display: none
}

.product-detail-wrap .option-popup-wrap .option-popup-box label:has(input:checked):before {
    background: #000
}

.product-detail-wrap .option-popup-wrap .option-popup-box label:has(input:checked):after {
    left: 1.9rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-popup-data {
    height: 27rem;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.6rem 3rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-popup-data::-webkit-scrollbar,
.styling-render-area::-webkit-scrollbar {
    width: 5px;
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-popup-data::-webkit-scrollbar-thumb,
.styling-render-area::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px;
}

.product-detail-wrap .option-popup-wrap .option-popup-box .option-popup-data::-webkit-scrollbar-track,
.styling-render-area::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px;
}


.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem 1.6rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap p {
    width: 100%;
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    height: 1.6rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap p em {
    margin-left: .8rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap span {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap span.on {
    border: .1rem solid #ff41a2;
    box-sizing: border-box
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap span.soldOut:before {
    content: "";
    display: block;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 2px;
    height: 29px;
    background: #848484;
    top: 50%;
    left: 50%;
    position: absolute
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap span.todayHidden {
    display: none
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap span em {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: #eee
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap div {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: .8rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap div button {
    background: #fff;
    color: #585858;
    border: .1rem solid #dcdcdc;
    border-radius: .8rem;
    padding: .9rem 1.2rem;
    box-sizing: border-box;
    font-weight: 500
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap div button.today {
    background: url(https://img.sonyunara.com/2024/todaydelivery/icon_14.png) no-repeat 1.2rem/1.4rem auto;
    padding: .9rem 1.2rem .9rem 3rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .color-wrap div button.on {
    border: .1rem solid #ff41a2;
    color: #ff41a2;
    font-weight: 600
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap p {
    width: 100%;
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
    margin-top: 1.6rem;
    margin-bottom: .8rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap span {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: #eee;
    margin-right: 1.6rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap em {
    font-size: 1.2rem;
    color: #848484;
    width: 100%;
    display: block
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap div {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: .8rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap div button {
    background: #fff;
    color: #585858;
    border: .1rem solid #dcdcdc;
    border-radius: .8rem;
    padding: .9rem 1.2rem;
    box-sizing: border-box;
    font-weight: 500
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap div button.soldOut {
    color: #b0b0b0;
    border: .1rem solid #e8e8e8
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap div button.today {
    background: url(https://img.sonyunara.com/2024/todaydelivery/icon_14.png) no-repeat 1.2rem/1.4rem auto;
    padding: .9rem 1.2rem .9rem 3rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap div button.soldout {
    border: thin solid #eee;
    color: #eee;
    background-color: #fff;
    box-sizing: border-box
}

.product-detail-wrap .option-popup-wrap .option-popup-box .size-wrap div button.on {
    border: .1rem solid #ff41a2;
    color: #ff41a2;
    font-weight: 600
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option {
    width: 100%;
    margin-top: 1.2rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li {
    padding: 1.2rem 1.6rem;
    box-sizing: border-box;
    background: #fafafa;
    border-radius: .8rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li+li {
    margin-top: .8rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-info {
    display: flex;
    align-items: start
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-info p {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    margin-right: 1.2rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-info p em {
    display: block
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-info p .delay-info {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #f62e2e;
    margin-top: .2rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-info img {
    width: 1.6rem;
    margin-left: auto
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-info .ico-today-shipping-new {
    background-color: transparent
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-count {
    margin-top: 1.6rem;
    display: flex;
    align-items: center
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-count>em {
    margin-left: auto;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-count>div {
    display: flex;
    align-items: center
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-count>div img {
    width: 2.8rem
}

.product-detail-wrap .option-popup-wrap .option-popup-box .select-option li .select-option-count>div em {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 .8rem
}

.product-detail-wrap .today-delivery-popup>div {
    width: 95%;
    background: #fff;
    max-width: 500px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: .8rem;
    max-height: 90%;
    overflow-y: auto
}

.product-detail-wrap .today-delivery-popup>div::-webkit-scrollbar {
    width: 5px
}

.product-detail-wrap .today-delivery-popup>div .delivery-guide {
    padding: 0 1.6rem 1.6rem;
    box-sizing: border-box
}

.product-detail-wrap .today-delivery-popup>div .delivery-guide .title {
    font-size: 1.1rem;
    color: #000;
    font-weight: 500;
    margin-bottom: .8rem
}

.product-detail-wrap .today-delivery-popup>div .delivery-guide .title+.title {
    margin-top: 1.6rem
}

.product-detail-wrap .today-delivery-popup>div .delivery-guide p {
    color: #848484;
    font-size: 1.1rem
}

.product-detail-wrap .today-delivery-popup>div::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px
}

.product-detail-wrap .today-delivery-popup>div::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.product-detail-wrap .today-delivery-popup>div>span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.8rem 0;
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: .1rem solid #dcdcdc
}

.product-detail-wrap .today-delivery-popup>div>span em {
    font-size: 1.5rem;
    font-weight: 600;
    flex: 1;
    padding-left: 4.3rem;
    text-align: center
}

.product-detail-wrap .today-delivery-popup>div>span img {
    width: 2.7rem;
    margin-left: auto;
    padding-right: 1.6rem
}

.product-detail-wrap .today-delivery-popup>div ul {
    padding: 0 1.6rem;
    margin: 3rem 0
}

.product-detail-wrap .today-delivery-popup>div ul li {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
    align-items: center;
    box-sizing: border-box;
    border-top: .1rem solid #d7d7d7
}

.product-detail-wrap .today-delivery-popup>div ul li+li:last-child {
    border-bottom: .1rem solid #d7d7d7
}

.product-detail-wrap .today-delivery-popup>div ul li:first-child {
    background: #eee
}

.product-detail-wrap .today-delivery-popup>div ul li:first-child div {
    padding: 1rem 0
}

.product-detail-wrap .today-delivery-popup>div ul li div {
    display: inline-block;
    font-size: 1.15rem;
    color: #000;
    text-align: center
}

.product-detail-wrap .today-delivery-popup>div ul li div p {
    height: 6rem;
    line-height: 6rem
}

.product-detail-wrap .today-delivery-popup>div ul li div p+p {
    border-top: .1rem solid #b7b7b7
}

.product-detail-wrap .today-delivery-popup>div ul li div p:last-child {
    display: none
}

.product-detail-wrap .review-guide-popup>div {
    width: 90%;
    max-width: 500px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.product-detail-wrap .review-guide-popup>div span {
    position: absolute;
    top: 4%;
    right: 5%;
    width: 7%;
    padding-top: 8%
}

.product-detail-wrap .review-detail-list .swiper-button-next,.product-detail-wrap .review-detail-list .swiper-button-prev {
    color: #a5a5a5!important;
    display: block !important;
}

.product-detail-wrap .review-detail-list>.review-detail-wrap {
    position: relative;
    background: #000;
    width: 100%;
    max-width: 500px!important;
    height: 80%
}

.product-detail-wrap .review-detail-list>.review-detail-wrap>span:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3
}

.product-detail-wrap .review-detail-list>.review-detail-wrap>span:first-child img {
    width: 3rem;
    padding: .4rem
}

.product-detail-wrap .review-detail-list>.review-detail-wrap>span:first-child>em {
    color: #fff;
    font-size: 1.2rem;
    flex: 1;
    letter-spacing: .3rem;
    text-align: center;
    padding-left: 3.8rem;
    display: block !important;
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .swiper-container ul {
    height: 100%;
    align-items: center
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .swiper-container ul li {
    position: relative;
    height: 100%;
    overflow: hidden
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .swiper-container ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 500px) {
    .product-detail-wrap .review-detail-list>.review-detail-wrap {
        height:100%
    }
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .review-content {
    color: #fff;
    font-size: 1.3rem;
    padding: 5%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: url(/img/review_background.png) no-repeat bottom;
    width: 100%
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .review-content div {
    max-height: 5rem;
    word-wrap: break-word;
    overflow-y: auto;
    margin-top: 2.5rem;
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .review-content div::-webkit-scrollbar {
    width: 5px
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .review-content div::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px
}

.product-detail-wrap .review-detail-list>.review-detail-wrap .review-content div::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}
#review-detail-list{
    overscroll-behavior: none !important;
    padding-bottom:calc(env(safe-area-inset-bottom) + 1px);

}
.product-detail-wrap .header-menu-detail {
    display: none;
    align-items: stretch;
    height: 4rem;
    position: fixed;
    top: 5.6rem;
    background: #fff;
    z-index: 20;
    width: 100%;
    max-width: 750px;
    border-bottom: .1rem solid #dcdcdc
}

.product-detail-wrap .header-menu-detail span {
    display: inline-block;
    cursor: pointer;
    flex: 1;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #848484;
    padding: .4rem 0;
    position: relative
}

.product-detail-wrap .header-menu-detail span em {
    font-size: 1rem;
    display: block
}

.product-detail-wrap .header-menu-detail span.on {
    color: #ff41a2
}

.product-detail-wrap .header-menu-detail span.on:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: .2rem;
    bottom: -.1rem;
    background: #ff41a2;
    left: 0
}

.product-detail-wrap .detail-bottom-bar {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 11;
    box-sizing: border-box;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: .8rem 1.6rem calc(env(safe-area-inset-bottom) + .8rem);
    box-shadow: 0 .4rem 1.6rem 0 rgba(0, 0, 0, .16);
    max-width: 750px;
}

.product-detail-wrap .detail-bottom-bar em{
    background:url('https://img.sonyunara.com/2024/icon/off.png') no-repeat center center / 3.2rem;
    width:3.2rem;
    height: 3.2rem;
}

.product-detail-wrap .detail-bottom-bar em.on{
    background:url('https://img.sonyunara.com/2024/icon/on.png') no-repeat center center / 3.2rem;
}


.product-detail-wrap .detail-bottom-bar button {
    height: 4.8rem;
    margin-left: auto;
    width: calc(100% - 4.8rem);
    background: #ff41a2;
    color: #fff;
    font-weight: 700;
    border-radius: .8rem;
    font-size: 1.5rem
}

.product-detail-wrap .detail-bottom-bar button.off {
    background: #dcdcdc
}

.product-detail-wrap .size-popup-wrap .size-chart-wrap {
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    border-radius: .8rem;
    border-bottom: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 95%
}

.product-detail-wrap .size-popup-wrap .size-chart-wrap>div:first-child {
    width: 100%;
    text-align: center;
    padding: 2rem 2rem 1.7rem 4.4rem;
    border-bottom: .1rem solid #dcdcdc;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    background: #fff;
    box-sizing: border-box;
    z-index: 14
}

.product-detail-wrap .size-popup-wrap .size-chart-wrap>div:first-child em {
    font-size: 1.5rem;
    font-weight: 700;
    flex: 1
}

.product-detail-wrap .size-popup-wrap .size-chart-wrap>div:first-child img {
    display: inline-block;
    width: 2.4rem
}

.product-detail-wrap .size-popup-wrap .size-chart-wrap>div:nth-child(2) {
    padding: 2rem 1.6rem 1.6rem;
    box-sizing: border-box
}

.product-detail-wrap .size-popup-wrap .model-info,.product-detail-wrap .size-popup-wrap .more-btn {
    display: none!important
}

.product-detail-wrap .size-chart-wrap {
    padding: 3.2rem 1.6rem;
    width: 100%;
    box-sizing: border-box;
    border-bottom: .9rem solid #f4f4f4
}

.product-detail-wrap .size-chart-wrap .size-chart-box {
    position: relative;
    height: 25vh;
    min-height: 338px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.product-detail-wrap .size-chart-wrap .size-chart-box.on {
    height: auto
}

.product-detail-wrap .size-chart-wrap .guide {
    font-size: 1.1rem;
    font-weight: 400;
    color: #b0b0b0;
    margin-top: .8rem
}

.product-detail-wrap .size-chart-wrap .model-info {
    display: flex;
    align-items: center;
    padding: 1.6rem;
    background: #fafafa;
    border-radius: 9.9rem;
    max-width: 34.3rem;
    margin: 0 auto 2rem
}

.product-detail-wrap .size-chart-wrap .model-info .model-size {
    color: #585858;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    margin-top: .4rem
}

.product-detail-wrap .size-chart-wrap .model-info img {
    width: 4.8rem;
    border-radius: 50%
}

.product-detail-wrap .size-chart-wrap .model-info>div {
    margin-left: 1.2rem
}

.product-detail-wrap .size-chart-wrap .model-info .title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.product-detail-wrap .size-chart-wrap .model-info .title b {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding: .2rem .4rem;
    border-radius: .4rem;
    background: #2c2c2c
}

.product-detail-wrap .size-chart-wrap .model-info .title em:first-child {
    font-weight: 600;
    margin-left: .8rem
}

.product-detail-wrap .size-chart-wrap .model-info .title em:last-child {
    color: #848484;
    font-weight: 500
}

.product-detail-wrap .size-chart-wrap .model-info span {
    color: #000;
    font-size: 1.2rem;
    position: relative;
    display: inline-block
}

.product-detail-wrap .size-chart-wrap .model-info span em {
    color: #848484;
    font-size: 1.2rem;
    margin-right: .2rem
}

.product-detail-wrap .size-chart-wrap .model-info span+span {
    margin-left: .4rem;
    padding-left: .4rem
}

.product-detail-wrap .size-chart-wrap .model-info span+span:before {
    content: "";
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #dcdcdc;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.product-detail-wrap .size-chart-wrap .size-chart {
    margin-bottom: 3.6rem
}

.product-detail-wrap .size-chart-wrap .size-chart>p em {
    font-size: 1.5rem;
    font-weight: 700
}

.product-detail-wrap .size-chart-wrap .size-chart>p em:last-child {
    margin-left: auto;
    color: #b0b0b0;
    font-size: 1.2rem;
    float: right;
    font-weight: 400
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap {
    display: grid;
    grid-template-columns: minmax(16.666%,28.666%) 1fr
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap>div:first-child {
    position: relative;
    grid-column: 1/-1;
    max-width: 50rem;
    margin: 2rem auto 2.4rem
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap>div:first-child span {
    display: block;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    background: #000;
    border-radius: 50%;
    position: absolute
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap p {
    text-align: center;
    color: #000;
    font-size: 1.2rem;
    height: 4.7rem;
    border-top: .1rem solid #e8e8e8;
    padding: 0 1.2rem;
    box-sizing: border-box;
    white-space: normal;
    word-break: break-word;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap p.title {
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap p:last-child {
    border-bottom: .1rem solid #e8e8e8
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap>ul:first-of-type {
    grid-column: span 1;
    min-width: 16.666%;
    background: #fff;
    position: relative;
    z-index: 10
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap>ul:first-of-type p {
    font-weight: 700;
    background: #f4f4f4;
    padding: 0 .8rem;
    box-sizing: border-box
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap .swiper-container {
    grid-column: span 1;
    margin: 0!important
}


.install-app-banner {
    z-index: 99;
    position: sticky;
    height: auto;
    overflow: hidden;
	display:none;
}

.install-app-banner .close-install-app-banner {
    position: absolute;
    width: 5%;
    padding-top: 5%;
    top: 37%;
    left: 2%
}

.install-app-banner .go-to-install-app {
    position: absolute;
    width: 23%;
    padding-top: 8%;
    top: 31%;
    right: 3%
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap .swiper-container.on ul li {
    flex: 1
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap .swiper-container .swiper-wrapper li {
    min-width: 19.89%;
    width: auto;
    flex: none !important;
}

.product-detail-wrap .size-chart-wrap .size-chart-slide-wrap .swiper-container .swiper-wrapper li>p:first-child {
    font-weight: 700
}

.product-detail-wrap .size-chart-wrap .material-wrap {
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 1.2rem 0
}

.product-detail-wrap .size-chart-wrap .material-wrap li {
    font-size: 1.3rem;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center
}

.product-detail-wrap .size-chart-wrap .size-detail-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill,20%)
}

.product-detail-wrap .size-chart-wrap .size-detail-wrap li {
    display: inline-block
}

.product-detail-wrap .size-chart-wrap .size-detail-wrap li span {
    color: #000;
    font-weight: 500;
    font-size: 1.1rem;
    text-align: center;
    background: #f4f4f4;
    border-top: .1rem solid #e8e8e8;
    height: 5.1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail-wrap .size-chart-wrap .size-detail-wrap li span+span {
    font-weight: 400;
    background: #fff
}

.product-detail-wrap .size-chart-wrap .size-detail-wrap li span+span:last-child {
    border-bottom: .1rem solid #e8e8e8
}

.product-detail-wrap .header-detail {
    display: flex;
    height: 5.6rem;
    align-items: center;
    position: fixed;
    padding: 0 1.6rem;
    top: 0;
    z-index: 20;
    background: #fff;
    width: 100%;
    max-width: 750px;
    box-sizing: border-box
}

.product-detail-wrap .header-detail a {
    width: 2.4rem
}

.product-detail-wrap .header-detail a:nth-child(2) {
    margin-left: auto
}

.product-detail-wrap .header-detail a:nth-child(3) {
    margin: 0 1.6rem
}

.product-detail-wrap .header-detail .cart {
    position: relative
}

.product-detail-wrap .header-detail .cart em {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #ff41a2;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    top: -.2rem;
    right: -.5rem;
    text-align: center;
    line-height: 1.6rem
}

.product-detail-wrap .detail-info-wrap {
    background: #fff;
    overflow-y: auto
}

.product-detail-wrap .detail-info-wrap::-webkit-scrollbar {
    width: 5px
}

.product-detail-wrap .detail-info-wrap::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px
}

.product-detail-wrap .detail-info-wrap::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.product-detail-wrap .detail-info-wrap>div {
    position: relative
}

.product-detail-wrap .detail-info-wrap>div>div:first-child {
    display: flex;
    align-items: center;
    height: 5.6rem;
    padding: 0 1.6rem 0 4rem;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff
}

.product-detail-wrap .detail-info-wrap>div>div:first-child em {
    font-size: 1.5rem;
    font-weight: 700;
    flex: 1;
    text-align: center
}

.product-detail-wrap .detail-info-wrap>div>div:first-child img {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    margin-left: auto
}

.product-detail-wrap .detail-info-wrap>div>div:last-child {
    display: grid;
    grid-template-columns: calc(33.333% - .26rem) calc(33.333% - .26rem) calc(33.333% - .26rem);
    gap: .4rem;
    position: relative
}

.product-detail-wrap .detail-info-wrap>div>div:last-child span img {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.product-detail-wrap .option-slide>div {
    background: #000;
    position: relative;
    max-width: 500px!important;
    height: 100%;
    display: grid;
    grid-template-rows: 5.6rem auto
}

.product-detail-wrap .option-slide #option-slide {
    overflow: hidden
}

.product-detail-wrap .option-slide #option-slide>.swiper-wrapper .swiper-slide {
    width: 100%!important
}

.product-detail-wrap .option-slide #option-slide>.swiper-wrapper .swiper-slide img {
    max-width: 500px
}

.product-detail-wrap .option-slide .swiper-slide-count {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    height: 5.6rem;
    line-height: 5.6rem;
    text-align: center
}

.product-detail-wrap .option-slide .close_detail_slide {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    width: 2.4rem
}

.product-detail-wrap .option-slide .swiper-pagination-option-wrap {
    max-width: 500px;
    width: 100%;
    height: 8.4rem;
    box-sizing: border-box;
    overflow: hidden;
    margin: 2rem auto
}

.product-detail-wrap .option-slide .swiper-pagination-option {
    overflow: initial;
    height: 100%
}

.product-detail-wrap .option-slide .swiper-pagination-option .swiper-wrapper {
    align-items: center;
    height: 100% !important;
}

.product-detail-wrap .option-slide .swiper-pagination-option span {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #fff;
    position: relative;
    box-sizing: border-box
}

.product-detail-wrap .option-slide .swiper-pagination-option span+span {
    margin-left: 2.4rem
}

.product-detail-wrap .option-slide .swiper-pagination-option span.dark {
    border: 1px solid #6f6f6f
}

.product-detail-wrap .option-slide .swiper-pagination-option span em {
    position: absolute;
    top: -3.2rem;
    padding: .3rem 1.2rem;
    font-size: 1.2rem;
    font-weight: 500;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: hsla(0,0%,100%,.2);
    color: #fff;
    border-radius: 9.9rem;
    white-space: nowrap;
    display: none
}

.product-detail-wrap .option-slide .swiper-pagination-option span.on {
    width: 2.4rem;
    height: 2.4rem
}

.product-detail-wrap .option-slide .swiper-pagination-option span.on em {
    display: block
}

.product-detail-wrap .option-slide .swiper-pagination-option span.on:before {
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: .1rem solid #fff;
    border-radius: 50%
}

.product-detail-wrap .option-slide .swiper-pagination-option span.detailOn {
    background: url(/asset/images/product-detail/detail_icon_new.png) no-repeat 50%/1.6rem auto
}

.product-detail-wrap .option-slide .swiper-pagination-option span.detailOn.on {
    background: url(/asset/images/product-detail/detail_icon_new.png) no-repeat 50%/2.4rem auto
}

.product-detail-wrap .option-slide .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    padding-left: 24px
}

.product-detail-wrap .size-input-popup>div {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 29rem;
    background: #fff;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    box-sizing: border-box
}

.product-detail-wrap .size-input-popup>div img {
    width: 2.4rem;
    height: 2.4rem;
    float: right;
    margin-bottom: 1rem
}

.product-detail-wrap .size-input-popup>div span {
    margin-top: 1.5rem;
    display: block;
}

.product-detail-wrap .size-input-popup>div p {
    display: block;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    clear: both
}

.product-detail-wrap .size-input-popup>div input {
    text-align: center;
    border: .1rem solid #dbdbdb;
    border-radius: .5rem;
    background: #fafafa;
    font-size: 1.6rem;
    width: 100%;
    display: block;
    margin-top: 1.5rem;
    height: 4.5rem
}

.size-input-popup .body-type-btn.on {
    color: black;
    background-color: #f2f2f2;
}

.size-input-popup .body-type-buttons {
    display: flex;
    justify-content: space-between;
}

.size-input-popup .body-type-buttons > div {
    padding: 1rem;
    width: 6rem;
    font-size: 12px;
    text-align: center;
    border: .1rem solid #dbdbdb;
    border-radius: .5rem;
    color: darkgray;
}

.product-detail-wrap .size-input-popup>div button {
    color: #fff;
    background: #000;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: .5rem;
    height: 4.5rem;
    margin-top: 1.5rem;
    width: 100%
}

.product-detail-wrap .more-btn {
    border-radius: .8rem;
    border: .1rem solid #dcdcdc;
    background: #fff;
    height: 4.8rem;
    width: 100%;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    background-image: url(/asset/images/product-detail/arrow_black.png);
    background-repeat: no-repeat;
    background-size: 1.6rem;
    background-position: calc(50% + 10rem);
    z-index: 10
}

.product-detail-wrap .more-btn.on {
    background-image: url(/asset/images/product-detail/arrow_open.png);
    position: relative;
    margin-top: auto
}

.product-detail-wrap .goods_slide_wrap_box .only_sona_icon {
    position: absolute;
    z-index: 10;
    top: 3%;
    right: 3%;
    width: 18%
}

.product-detail-wrap .goods_slide_wrap_box .detail-guide-icon {
    position: absolute;
    z-index: 10;
    max-width: 500px;
    width: 66%;
    bottom: calc(2.1rem + 6%);
    left: 50%;
    transform: translateX(-50%)
}

.product-detail-wrap .goods_slide_wrap_box .product-detail-main-slide .swiper-pagination-main {
    bottom: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,.4);
    color: #fff;
    border-radius: 9.9rem;
    font-size: 1.2rem;
    font-weight: 500;
    display: inline-block;
    width: auto;
    padding: .3rem 1.2rem;
    position: absolute;
    z-index: 1;
}

.product-detail-wrap .goods_slide_wrap_box .product-detail-main-slide .preview-wrap {
    position: absolute;
    bottom: 1.6rem;
    right: 1.6rem;
    z-index: 1;
    padding: .8rem 1.2rem;
    border-radius: .4rem;
    background: hsla(0,0%,80%,.2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center
}

.product-detail-wrap .goods_slide_wrap_box .product-detail-main-slide .preview-wrap .line {
    display: inline-block;
    background: #dcdcdc;
    height: 1.6rem;
    width: .1rem;
    margin: 0 1.2rem;
}

.product-detail-wrap .goods_slide_wrap_box .product-detail-main-slide .preview-wrap .SimilarLook{
    display: none;
}

.product-detail-wrap .goods_slide_wrap_box .product-detail-main-slide .preview-wrap img {
    width: 2.8rem;
    display: inline-block
}

.product-detail-wrap .sale-timer {
    background: #ffecf6;
    color: #ff41a2;
    display: flex;
    align-items: center;
    padding: .9rem 1.6rem
}

.product-detail-wrap .sale-timer img {
    width: 1.6rem;
    margin-right: .4rem
}

.product-detail-wrap .sale-timer p {
    font-size: 1.2rem;
    font-weight: 400
}

.product-detail-wrap .sale-timer p b {
    margin-left: .4rem;
    font-weight: 600;
    font-size: 1.4rem
}

.product-detail-wrap .price-option-wrap {
    padding: .8rem 1.6rem 2rem;
    border-bottom: .9rem solid #f4f4f4
}

.product-detail-wrap .price-option-wrap .size_guide_banner {
    margin-top: 1.6rem;
    height: 4rem;
    background: #f4f4f4;
    border-radius: .8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail-wrap .price-option-wrap .size_guide_banner em {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    margin-left: .8rem;
    margin-right: .4rem
}

.product-detail-wrap .price-option-wrap .size_guide_banner img:first-child {
    width: 2.4rem;
    height: 1.8rem
}

.product-detail-wrap .price-option-wrap .size_guide_banner img:last-child {
    width: 1.6rem
}

.product-detail-wrap .price-option-wrap .shop-name {
    display: flex;
    align-items: center
}

.product-detail-wrap .price-option-wrap .shop-name a {
    font-size: 1.3rem;
    font-weight: 500;
    color: #848484;
    padding-right: 1.8rem;
    background: url(/asset/images/product-detail/ShopNameArrow.png) no-repeat 100%/1.6rem auto
}
.product-detail-wrap .price-option-wrap .shop-name.cermark a{background: url(/asset/icons/shop/officialmark.svg) no-repeat 100% / 1.6rem auto;}

.product-detail-wrap .price-option-wrap .shop-name img {
    width: 2.8rem;
    margin-left: auto
}

.product-detail-wrap .price-option-wrap .goods-info-wrap {
    margin-top: .3rem
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-state {
    margin-bottom: .8rem;
    margin-top: 1.2rem
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-state span {
    padding: .4rem .8rem;
    border-radius: .4rem;
    font-size: 1.2rem;
    background: #f4f4f4;
    color: #585858
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-state span.sona_only {
    background: #2c2c2c;
    color: #fff
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-state span+span {
    margin-left: .4rem
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-title {
    font-size: 1.4rem;
    color: #000;
    font-weight: 500
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-info {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    height: 1.8rem
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-info .review-score-avg {
    padding-left: 1.4rem;
    background: url(/asset/images/product-detail/ReivewStar.png) no-repeat 0/1.2rem auto;
    font-size: 1.2rem;
    color: #000;
    font-weight: 500
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-info .review-count {
    font-size: 1.2rem;
    font-weight: 500;
    color: #848484;
    text-decoration: underline;
    margin-left: .8rem
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-info .line {
    margin: 0 .9rem;
    width: .1rem;
    height: 1.2rem;
    background: #dcdbdb
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-info .color-chip {
    width: calc(100% - 200px);
    font-size: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .2rem
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-info .color-chip li {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    box-sizing: border-box
}

.product-detail-wrap .price-option-wrap .goods-info-wrap .goods-info .color-chip li.light {
    border: .1rem solid #eee
}

.product-detail-wrap .price-option-wrap .goods-price {
    margin-top: 2.4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.product-detail-wrap .price-option-wrap .goods-price .account {
    color: #b0b0b0;
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: line-through;
    text-decoration-color: #b0b0b0;
    width: 100%
}

.product-detail-wrap .price-option-wrap .goods-price>p {
    display: flex;
    align-items: center;
    margin-top: .1rem
}

.product-detail-wrap .price-option-wrap .goods-price>p b {
    font-size: 2.2rem;
    font-weight: 700;
    display: inline-block
}

.product-detail-wrap .price-option-wrap .goods-price>p b:first-of-type {
    color: #ff41a2;
    margin-left: 0!important
}

.product-detail-wrap .price-option-wrap .goods-price>p b:last-of-type {
    color: #000;
    margin-left: .4rem
}

.product-detail-wrap .price-option-wrap .goods-price>p .sale-icon {
    padding: .1rem .6rem;
    color: #fff;
    background: #dc3454;
    border-radius: .4rem;
    font-size: 1rem;
    font-weight: 500;
    margin-left: .4rem
}

.product-detail-wrap .price-option-wrap .goods-price .coupon-btn {
    margin-left: auto;
    padding: .75rem 3.6rem .75rem 1.2rem;
    background: url(/asset/images/product-detail/DownloadSimple.png) no-repeat calc(100% - 1.2rem)/1.6rem auto;
    border-radius: .8rem;
    border: .1rem solid #ff41a2;
    color: #ff41a2;
    font-weight: 500
}

.product-detail-wrap .price-option-wrap .user-benefit-price {
    margin-top: 1.6rem;
    border: .1rem solid #dcdcdc;
    border-radius: .8rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-price-guide-check {
    width: 2rem;
    height: 2rem;
    background: url(/asset/images/product-detail/Question.png?ver=1) no-repeat 50%/2rem auto;
    margin-left: .4rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-price-guide-check input {
    display: none
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-price-guide-check:has(input:checked)+.user-price-guide {
    display: block
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price {
    display: flex;
    align-items: center;
    padding: 1.5rem 1.6rem;
    position: relative
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price .user-price-guide {
    position: absolute;
    width: 31.2rem;
    top: 4.7rem;
    left: 21rem;
    display: none
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price b:first-of-type {
    font-size: 1.3rem;
    font-weight: 500;
    color: #000
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price>label b:first-of-type {
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: auto;
    color: #ff41a2;
    margin-right: .4rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price.on .user-benefit-now-price>label b:first-of-type {
    color: #e61c1c !important;
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price>label b:last-of-type {
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: 0!important
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price img {
    width: 2rem;
    margin-left: .4rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price .user-benefit-coupon {
    margin-left: auto;
    height: 1.9rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price .user-benefit-coupon.on {
    padding-right: 2rem;
    background: url(/asset/images/product-detail/arrow-bottom.png) no-repeat right .2rem/1.6rem auto
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price .user-benefit-coupon input {
    display: none
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price .user-benefit-coupon.on:has(#user-benefit-coupon:checked) {
    background: url(/asset/images/product-detail/arrow-top.png) no-repeat right .15rem/1.6rem auto
}

.product-detail-wrap .price-option-wrap .user-benefit-price .benefit-wrap .point-guide {
    padding: 1.3rem 1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: .1rem solid #dcdcdc
}

.product-detail-wrap .price-option-wrap .user-benefit-price .benefit-wrap .point-guide img {
    width: 1.6rem;
    margin-right: .4rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .benefit-wrap .point-guide em {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000
}

.product-detail-wrap .price-option-wrap .user-benefit-price .benefit-wrap .point-guide em:last-of-type {
    margin-left: auto;
    font-weight: 600;
    font-size: 1.3rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .benefit-wrap p {
    width: 100%;
    font-size: 1.1rem;
    color: #848484;
    padding: .9rem 1.6rem 1.3rem;
    border-top: .1rem solid #f4f4f4;
    box-sizing: border-box
}

.product-detail-wrap .price-option-wrap .user-benefit-price .benefit-wrap p em {
    color: #000;
    font-size: 1.2rem;
    margin-bottom: .4rem;
    display: block
}

.product-detail-wrap .price-option-wrap .user-benefit-price .benefit-wrap p em b {
    color: #ff41a2;
    font-weight: 400
}

.product-detail-wrap .price-option-wrap .user-benefit-price .user-benefit-now-price:has(#user-benefit-coupon:checked)~.coupon-list-wrap {
    display: block
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap {
    padding: 0 1.6rem;
    display: none;
    max-height: 20.4rem;
    overflow-y: auto
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap::-webkit-scrollbar {
    width: 5px
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap>p {
    color: #b0b0b0;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    font-weight: 500
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap>p em {
    color: #f62e2e;
    font-size: 1rem;
    margin-left: .4rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul {
    margin-bottom: 1.3rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-top: .9rem
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li>label {
    height: 2rem;
    line-height: 2rem;
    background: url(/asset/images/product-detail/off_radio.png) no-repeat 0/2rem auto;
    padding-left: 2.8rem;
    font-size: 1.2rem;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: calc(100% - 9.4rem)
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li>label:has(input:checked) {
    background: url(/asset/images/product-detail/on_radio.png) no-repeat 0/2rem auto
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li .off-coupon,.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li span {
    font-size: 1rem;
    font-weight: 500;
    margin-right: .8rem;
    display: inline-block;
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li .off {
    color: #fff;
    background: #ff41a2;
    background-image: url(/asset/images/product-detail/down_coupon.png);
    background-repeat: no-repeat;
    background-position: calc(100% - .4rem);
    background-size: 1.2rem auto;
    padding: .2rem 1.8rem .2rem .8rem;
    box-sizing: border-box;
    border-radius: 9.9rem;
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap .on-list li em{
    display: none !important;
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li .on {
    background-color: #dcdcdc;
    color: #848484;
    background-image: url(/asset/images/product-detail/down_off.png);
    background-repeat: no-repeat;
    background-position: calc(100% - .4rem);
    background-size: 1.2rem auto;
    padding: .2rem 1.8rem .2rem .8rem;
    box-sizing: border-box;
    border-radius: 9.9rem;
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li .on::before,
.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li .off::before{
    content: "쿠폰";
    font-size: 1.3rem;
}


.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li>p {
    font-weight: 600;
    font-size: 1.3rem;
    width: 4rem;
    text-align: right
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li:last-child {
    padding-bottom: 1.3rem;
    border-bottom: .1rem solid #f4f4f4
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap ul li:first-child {
    border: none!important;
    padding-bottom: 0!important
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap .off-list li {
    align-items: start
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap .off-list li label {
    min-width: calc(70% + 5.4rem);
    color: #b0b0b0;
    height: auto;
    background: url(/asset/images/product-detail/off_radio.png) no-repeat 0 0/2rem auto
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap .off-list li label em {
    margin-top: .1rem;
    font-size: 1.1rem;
    color: #b0b0b0;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap .off-list li:last-child {
    border: none
}

.product-detail-wrap .price-option-wrap .user-benefit-price .coupon-list-wrap .off-list li p {
    color: #b0b0b0;
    margin-left: auto
}

.product-detail-wrap .delivery-wrap {
    padding: 0 1.6rem;
    border-bottom: .9rem solid #f4f4f4
}

.product-detail-wrap .delivery-wrap>div {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.product-detail-wrap .delivery-wrap>div>:not(.title) {
    margin-left: 2.8rem;
    margin-bottom: .3rem
}

.product-detail-wrap .delivery-wrap>div>:last-child {
    margin-bottom: 0
}

.product-detail-wrap .delivery-wrap .today-delivery {
    border-bottom: .1rem solid #f4f4f4
}

.product-detail-wrap .delivery-wrap .today-delivery .guide-1 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ff5a00
}

.product-detail-wrap .delivery-wrap .today-delivery .guide-1 img {
    width: 1.6rem;
    display: inline-block;
    margin-right: .4rem
}

.product-detail-wrap .delivery-wrap .today-delivery .guide-2,.product-detail-wrap .delivery-wrap .today-delivery .guide-3 {
    font-size: 1.3rem;
    font-weight: 400;
    color: #000
}

.product-detail-wrap .delivery-wrap .today-delivery .guide-2 em,.product-detail-wrap .delivery-wrap .today-delivery .guide-3 em {
    color: #ff5a00;
    font-weight: 600;
    font-size: 1.4rem;
    margin-left: .4rem
}

.product-detail-wrap .delivery-wrap .today-delivery .guide-2 b,.product-detail-wrap .delivery-wrap .today-delivery .guide-3 b {
    margin-left: .4rem;
    font-size: 1.4rem
}

.product-detail-wrap .delivery-wrap .today-delivery button {
    margin-top: .5rem;
    padding: .6rem 2.8rem .6rem 1.2rem;
    border: .1rem solid #dcdcdc;
    border-radius: .8rem;
    background: url(/asset/images/product-detail/ShopNameArrow.png) no-repeat calc(100% - .8rem)/1.6rem auto
}

.product-detail-wrap .delivery-wrap .title {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: .9rem;
    padding-left: 2.8rem;
    background: url(/asset/images/product-detail/Package.png) no-repeat 0/2rem auto
}

.product-detail-wrap .delivery-wrap .deliver-info .title {
    background: url(/asset/images/product-detail/Truck.png) no-repeat 0/2rem auto
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-2 {
    font-size: 1.3rem;
    color: #000
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-3 {
    font-weight: 700
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-1 {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #000;
    font-weight: 400
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-1 em {
    width: .1rem;
    height: 1.2rem;
    background: #dcdcdc;
    display: inline-block;
    margin: 0 .8rem
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-1 img:first-of-type {
    width: 6rem;
    display: inline-block
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-1 img:nth-of-type(2) {
    width: 3rem;
    display: inline-block
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-1 img:nth-of-type(2):before {
    content: ""
}

.product-detail-wrap .delivery-wrap .deliver-info .guide-3 {
    font-size: 1.2rem;
    color: #848484;
    font-weight: 400
}

.product-detail-wrap .detail-img-wrap {
    padding: 3.2rem 1.6rem;
    border-bottom: .9rem solid #f4f4f4;
    width: 100%;
    box-sizing: border-box
}

.product-detail-wrap .detail-img-wrap .detail-img-box {
    position: relative;
    height: 40vh;
    overflow: hidden;
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem;
    display: flex;
    flex-direction: column;
    font-size:0;
}

.product-detail-wrap .detail-img-wrap .detail-img-box.on {
    height: auto
}

.product-detail-wrap .detail-img-wrap p {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.6rem
}

.product-detail-wrap .detail-img-wrap .more-btn {
    background-position: calc(50% + 7.5rem)
}

.product-detail-wrap .review-list {
    padding: 3.2rem 1.6rem 11rem 1.6rem
}

.product-detail-wrap .review-list .review-title {
    font-size: 1.5rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 1.6rem
}

.product-detail-wrap .review-list .review-title em {
    margin-left: .8rem;
    color: #b0b0b0;
    font-size: 1.6rem;
    font-weight: 600
}

.product-detail-wrap .review-list .review-statistics {
    display: flex;
    align-items: center;
    margin-top: 2rem
}

.product-detail-wrap .review-list .review-statistics .review-score {
    width: 8.4rem;
    padding-right: .8rem;
    position: relative
}

.product-detail-wrap .review-list .review-statistics .review-score:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: .1rem;
    height: 6rem;
    background: #f4f4f4
}

.product-detail-wrap .review-list .review-statistics .review-score>* {
    margin-bottom: .3rem
}

.product-detail-wrap .review-list .review-statistics .review-score p {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center
}

.product-detail-wrap .review-list .review-statistics .review-score span {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    width: 100%
}

.product-detail-wrap .review-list .review-statistics .review-score .score-wrap {
    width: 100%;
    display: flex
}

.product-detail-wrap .review-list .review-statistics .review-score .score-wrap em {
    position: absolute;
    left: 0;
    height: 1.57rem;
    z-index: 1;
    background: #ff41a2;
    max-width: 8.3rem
}

.product-detail-wrap .review-list .review-statistics .review-score .score-wrap img {
    width: 20%;
    display: inline-block;
    position: relative;
    z-index: 2
}

.product-detail-wrap .review-list .review-statistics .review-data {
    padding-left: .8rem;
    flex: 1
}

.product-detail-wrap .review-list .review-statistics .review-data>div {
    display: flex;
    align-items: center;
    flex: 1
}

.product-detail-wrap .review-list .review-statistics .review-data>div+div {
    margin-top: .8rem
}

.product-detail-wrap .review-list .review-statistics .review-data>div>em:first-of-type {
    background: #f4f4f4;
    padding: .6rem 1.2rem;
    border-radius: 9.9rem;
    color: #000;
    font-size: 1.2rem;
    font-weight: 500
}

.product-detail-wrap .review-list .review-statistics .review-data>div>span {
    margin-left: .8rem;
    font-size: 1.2rem;
    color: #000;
    font-weight: 500;
    flex: 1;
    display: flex;
    align-items: center
}

.product-detail-wrap .review-list .review-statistics .review-data>div>span>span {
    margin: 0 .8rem;
    width: 32.77%;
    height: .6rem;
    border: .1rem solid #dcdcdc;
    border-radius: 9.9rem;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    flex: 1
}

.product-detail-wrap .review-list .review-statistics .review-data>div>span>span em {
    position: absolute;
    height: .6rem;
    background: #ff41a2;
    border-radius: 9.9rem;
    top: -.1rem;
    left: 0
}

.product-detail-wrap .review-filter-wrap {
    margin-top: 2.4rem
}

.product-detail-wrap .review-filter-wrap>div {
    display: flex;
    align-items: center
}

.product-detail-wrap .review-filter-wrap>div button:first-of-type,.product-detail-wrap .review-filter-wrap>div button:nth-of-type(2) {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    width: 39.65%;
    padding: .9rem 0;
    border: 1px solid var(--Button-CTA,#000);
    box-sizing: border-box
}

.product-detail-wrap .review-filter-wrap>div button:first-of-type {
    border-radius: .8rem 0 0 .8rem
}

.product-detail-wrap .review-filter-wrap>div button:nth-of-type(2) {
    border-radius: 0 .8rem .8rem 0;
    border-left: none
}

.product-detail-wrap .review-filter-wrap>div button.on {
    background: #000;
    color: #fff
}

.product-detail-wrap .review-filter-wrap>div button:last-of-type {
    margin-left: auto;
    width: 18.66%;
    padding: .9rem 0;
    border-radius: .8rem;
    border: 1px solid #dcdcdc;
    background: #fff
}

.product-detail-wrap .review-list-box .review-list-filter img {
    width: 17px;
    position: absolute;
    right: 7.7rem;
}

.product-detail-wrap .review-list-box .review-list-filter {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 3.6rem
}

.product-detail-wrap .review-list-box .review-list-filter select::-ms-expand {
    display: none
}

.product-detail-wrap .review-list-box .review-list-filter select {
    margin-left: auto;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.3rem;
    color: #000;
    font-weight: 400;
    width: 9rem;
    padding-left: 5px;
}

.product-detail-wrap .review-list-box .review-list-filter label {
    padding-left: 4.2rem;
    height: 2rem;
    font-size: 1.3rem;
    font-weight: 400;
    position: relative
}

.product-detail-wrap .review-list-box .review-list-filter label:before {
    content: "";
    width: 3.8rem;
    height: 2rem;
    display: inline-block;
    position: absolute;
    left: 0;
    background: #dcdcdc;
    border-radius: 9.9rem
}

.product-detail-wrap .review-list-box .review-list-filter label:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: .2rem;
    transform: translateY(-50%);
    transition: .3s
}

.product-detail-wrap .review-list-box .review-list-filter label:has(input:checked):before {
    background: #000
}

.product-detail-wrap .review-list-box .review-list-filter label:has(input:checked):after {
    left: 2rem
}

.product-detail-wrap .review-list-box .review-list-filter label input {
    display: none
}

.product-detail-wrap .review-list-box .review-list-wrap {
    margin-top: 1.2rem
}

.product-detail-wrap .review-list-box .review-list-wrap li {
    padding: 1.6rem 0;
    border-top: .1rem solid #dcdcdc;
    word-break: break-word
}

.product-detail-wrap .review-list-box .review-list-wrap li .score-wrap {
    display: flex;
    align-items: center
}

.product-detail-wrap .review-list-box .review-list-wrap li .score-wrap>div {
    position: relative;
    font-size: 0;
    width: 7.5rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .score-wrap>div img {
    width: 20%;
    display: inline-block;
    position: relative;
    z-index: 1
}

.product-detail-wrap .review-list-box .review-list-wrap li .score-wrap>div .score-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 1.4rem;
    background: #ff41a2;
    z-index: 0
}

.product-detail-wrap .review-list-box .review-list-wrap li .score-wrap .body-fit {
    margin-left: .8rem;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    background: #ff41a2;
    border-radius: 9.9rem;
    padding: 0 .6rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .score-wrap .like-btn {
    padding-left: 2rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #b0b0b0;
    background: url(/asset/images/product-detail/likeOff.png) no-repeat 0/1.6rem auto;
    margin-left: auto;
    cursor: pointer
}

.product-detail-wrap .review-list-box .review-list-wrap li .score-wrap .like-btn.on {
    background: url(/asset/images/product-detail/likeOn.png) no-repeat 0/1.6rem auto;
    color: #ff41a2
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.name {
    margin-top: .9rem;
    display: flex;
    align-items: center
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.name img {
    width: 2.4rem;
    display: inline-block;
    margin-right: .4rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.name em:first-child {
    color: #000;
    font-weight: 500;
    font-size: 1.2rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.name em:last-child {
    margin-left: .8rem;
    color: #848484;
    font-size: 1.2rem;
    font-weight: 400
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.option,.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.size {
    margin-top: .4rem;
    font-size: 1.2rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.option span,.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.size span {
    color: #848484
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.option span em,.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.size span em {
    margin-left: .4rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #585858
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.option span+span,.product-detail-wrap .review-list-box .review-list-wrap li .review-profile p.size span+span {
    margin-left: .8rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-fit-option {
    margin-top: .8rem;
    font-size: 0
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-fit-option span {
    display: inline-block;
    padding: .3rem .8rem;
    border-radius: .4rem;
    background: #f4f4f4;
    font-size: 1.2rem;
    font-weight: 500;
    color: #848484
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-fit-option span+span {
    margin-left: .4rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-fit-option span em {
    margin-left: .8rem;
    color: #000
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content {
    margin-top: .8rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #000
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review {
    margin-top: 1rem;
    background: #f4f4f4;
    padding: 1.1rem;
    text-align: right
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review em {
    position: relative;
    width: 3rem;
    height: 3rem;
    display: inline-block
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review em:after,.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review em:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: .1rem;
    height: 2rem;
    background: #000
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review em:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review p:first-of-type {
    text-align: left
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review p:nth-of-type(2) {
    font-size: 1.1rem;
    margin-top: 3rem;
    text-align: left
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-review p:nth-of-type(2) img {
    width: 5.5rem;
    display: inline-block;
    margin-left: .4rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content em {
    color: #848484;
    font-size: 1.3rem;
    cursor: pointer
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content>span:first-of-type {
    display: inline
}

.product-detail-wrap .review-list-box .review-list-wrap li .review-content .trans-btn {
    color: #354cdb;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration-line: underline;
    margin-top: .8rem;
    display: block;
    cursor: pointer
}

.product-detail-wrap .review-list-box .review-list-wrap li .img-wrap {
    margin-top: 1.2rem;
    display: flex;
    gap: .8rem
}

.product-detail-wrap .review-list-box .review-list-wrap li .img-wrap span {
    border-radius: .8rem;
    width: 25%;
    display: inline-block;
    position: relative;
    padding-top: 25%;
    overflow: hidden
}

.product-detail-wrap .review-list-box .review-list-wrap li .img-wrap span img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.product-detail .sale-wrap {
    padding: 1.2rem;
    width: calc(100% + 2.2rem);
    margin-left: -1.1rem;
    box-sizing: border-box;
    background: #fff5fa;
    display: flex;
    align-items: center;
    margin-top: 1.4rem;
    position: relative
}

.product-detail .sale-wrap .guide {
    position: absolute;
    top: -190%;
    width: 25.6rem;
    z-index: 1;
    left: 11.3rem
}

.product-detail .sale-wrap .guide span {
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    top: .5rem;
    right: .5rem
}

.product-detail .sale-wrap p {
    display: flex;
    align-items: center
}

.product-detail .sale-wrap p:first-of-type {
    color: #ff41a2;
    font-size: 1.1rem
}

.product-detail .sale-wrap p:first-of-type b {
    font-size: 1.6rem;
    margin-right: .4rem
}

.product-detail .sale-wrap p:first-of-type .guide-btn {
    width: 1.4rem;
    margin-left: .4rem
}

.product-detail .sale-wrap p:nth-of-type(2) {
    margin-top: .4rem;
    font-size: 1.2rem;
    color: #848484;
    position: relative;
    padding-left: .8rem
}

.product-detail .sale-wrap p:nth-of-type(2):before {
    content: "";
    width: .4rem;
    height: .7rem;
    border-left: .1rem solid #b0b0b0;
    border-bottom: .15rem solid #b0b0b0;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: .3rem
}

.product-detail .sale-wrap button {
    margin-left: auto;
    flex: 1;
    max-width: 10.2rem;
    height: 3.2rem;
    font-size: 1.3rem;
    color: #ff41a2;
    background: #fff;
    border-radius: .4rem;
    border: .1rem solid #ff41a2
}

.product-detail #cate-banner li {
    margin-top: 2.5rem
}

.product-detail #cate-banner li:last-child {
    margin-bottom: 2.5rem
}

.product-detail #cate-banner a {
    display: block
}

.product-detail #product-detail-menu {
    margin-bottom: 0
}

.product-detail .measurement-point-wrapper {
    position: relative
}

.product-detail>.round-text-banner {
    position: sticky;
    width: 100%;
    top: 4.9rem;
    padding: 0 .5rem 0 .5rem;
    margin: 0;
    z-index: 2;
    box-sizing: border-box;
    background: #fff;
    border-bottom: .1rem solid #eee
}

.product-detail .product-detail-wrapper {
    padding: 0 1.6rem;
    box-sizing: border-box;
    margin-bottom: 1rem
}

.product-detail .product-detail-wrapper .today-timer {
    background-image: linear-gradient(94deg,#e00700,#ff5a00 98%);
    color: #fff;
    padding: .8rem 1.6rem;
    width: calc(100% + 3.2rem);
    margin-left: -1.6rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.product-detail .product-detail-wrapper .today-timer img {
    width: 1.6rem;
    height: 1.6rem
}

.product-detail .product-detail-wrapper .today-timer em {
    font-size: 1.3rem
}

.product-detail .product-detail-wrapper .today-timer em b:first-child {
    margin-left: .6rem;
    margin-right: 2rem
}

.product-detail .product-detail-wrapper .today-timer em b:nth-of-type(2) {
    margin-left: .8rem;
    padding-right: 1.6rem;
    box-sizing: border-box;
    background-image: url(https://img.sonyunara.com/2024/todaydelivery/arrow_white.png);
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
    background-position: 100%;
    letter-spacing: .2rem;
    font-size: 1.3rem;
    min-width: 12rem;
    display: inline-block
}

.product-detail .product-detail-wrapper .floating {
    width: 100%;
    left: 0;
    padding: 2rem;
    bottom: 0;
    position: fixed;
    background: #fff;
    box-sizing: border-box;
    z-index: 11
}

.product-detail .product-detail-wrapper .floating .measurement-guide,.product-detail .product-detail-wrapper .floating>.notice-tax,.product-detail .product-detail-wrapper .floating>.option-wrapper .product-code,.product-detail .product-detail-wrapper .floating>.option-wrapper .stock {
    display: none!important
}

.product-detail .product-detail-wrapper .close-option {
    width: 32px;
    height: 32px;
    left: 46%;
    top: -1.5rem;
    flex-grow: 0;
    background-color: #ff41a2;
    position: absolute;
    border-radius: 50%;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .close-option:before {
    content: "";
    background: url(/asset/icons/join/icon_gray_down.png) no-repeat 0 50%/1.75rem auto;
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    filter: brightness(0) invert(1);
    left: 24%;
    top: 24%
}

.product-detail .tab-menu {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
    max-width: 750px;
    position: relative
}

.product-detail .tab-menu li {
    height: 1.8rem;
    text-align: center;
    padding: 2rem 0;
    font-size: 1.2rem;
    font-weight: 600;
    border-bottom: .2rem solid #b7b7b7;
    position: relative;
    color: #b7b7b7
}

.product-detail .tab-menu li.on {
    color: #ff41a2
}

.product-detail .tab-menu li.on:before {
    content: "";
    width: 100%;
    height: .4rem;
    position: absolute;
    left: 0;
    bottom: -.2rem;
    background: #ff41a2
}

.product-detail .tab-menu-wrapper {
    height: 6rem;
    top: 0;
    position: sticky;
    left: 50%;
    z-index: 45
}

.product-detail .recommend-product-wrapper .sona-day,.product-detail .recommend-product-wrapper .special-price,.product-detail .related-products-wrapper .sona-day,.product-detail .related-products-wrapper .special-price {
    background-image: none!important
}

.product-detail .hashtag-wrapper,.product-detail .recommend-product-wrapper,.product-detail .related-products-wrapper,.product-detail .review-wrapper {
    margin-bottom: 4rem
}

.product-detail .hashtag-wrapper h2,.product-detail .recommend-product-wrapper h2,.product-detail .related-products-wrapper h2,.product-detail .review-wrapper h2 {
    line-height: 4rem;
    font-weight: 600;
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
    box-sizing: border-box
}

.product-detail .hashtag-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem .4rem;
    padding: 0 1rem;
    box-sizing: border-box
}

.product-detail .hashtag-wrapper h2 {
    padding: 0
}

.product-detail .hashtag-wrapper .tags {
    padding: .5rem 1.8rem;
    opacity: 1!important;
    box-sizing: border-box;
    width: auto;
    background: #fff;
    border-radius: 2.6rem;
    border: 1px solid #ebebeb;
    font-weight: 700;
    color: #b7b7b7;
    font-size: 1.2rem
}

.measurement-guide-popup-wrap {
    overflow: hidden;
    position: fixed;
    z-index: 101;
    padding: 1.5rem;
    width: 100%;
    height: 100%;
    background: #3a3a3a
}

.measurement-guide-popup-wrap,.measurement-guide-popup-wrap .measurement-guide-popup {
    overflow-y: auto;
    box-sizing: border-box;
    max-width: 750px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.measurement-guide-popup-wrap .measurement-guide-popup {
    background-color: #fff;
    padding: 1rem;
    border-radius: .75rem;
    width: calc(100% - 2rem);
    display: inline-block;
    position: relative;
    max-height: 98%
}

.measurement-guide-popup-wrap .measurement-guide-popup .btn-close {
    position: absolute;
    top: 1.5rem;
    right: 5.5%;
    font-size: large
}

.measurement-guide-popup-wrap .measurement-guide-popup h1 {
    font-size: 1.75rem;
    margin-bottom: 3rem;
    margin-top: .66666rem;
    text-align: center
}

.measurement-guide-wrapper {
    font-size: 1rem;
    margin: 1rem;
    position: relative
}

.measurement-guide-wrapper .measurement-point {
    position: absolute;
    background-color: #fff
}

.measurement-guide-wrapper .measurement-type-selector {
    margin-bottom: 2rem!important
}

.measurement-guide-wrapper .measurement-type-selector button {
    margin: .75rem .75rem .75rem 0;
    padding: .75rem 2rem!important
}

.measurement-guide-wrapper .measurement-type-selector button.on {
    border-color: #000;
    color: #000
}

.measurement-guide-wrapper .measurement-size-table-wrapper>p {
    text-align: right
}

.measurement-guide-wrapper .measurement-size-table-wrapper li:first-child span {
    border-bottom: .1rem solid #b7b7b7;
    background-color: #eee;
    text-align: center;
    font-size: 1rem;
    border-right: none!important
}

.measurement-guide-wrapper .measurement-size-table-wrapper li+li span {
    background-color: #fff!important;
    text-align: center!important;
    font-size: 1rem;
    border: none!important
}

.measurement-guide-wrapper .measurement-size-table-wrapper span {
    flex: initial!important
}

.measurement-guide-wrapper h3 {
    color: #000!important
}

.measurement-guide-wrapper ul {
    border-top: .1rem solid #000;
    border-bottom: .1rem solid #000;
    margin-top: .7rem
}

.measurement-guide-wrapper ul li {
    display: flex;
    border-bottom: .1rem solid #b7b7b7
}

.measurement-guide-wrapper ul li span {
    display: grid;
    align-items: center;
    box-sizing: border-box;
    padding: 1.5rem;
    font-weight: 600
}

.measurement-guide-wrapper ul li span:first-child {
    background-color: #eee;
    border-right: .1rem solid #b7b7b7;
    flex: 0.25;
    text-align: center;
    font-size: 1rem
}

.measurement-guide-wrapper ul li span:last-child {
    flex: 0.75;
    text-align: left
}

.measurement-guide-wrapper ul li:last-child {
    border-bottom: none
}

.precaution-guideline {
    margin: 1rem 1rem 3rem 1rem;
    font-size: 1.2rem;
    color: #3a3a3a;
    white-space: pre-wrap
}

.precaution-guideline ul {
    margin-top: .5rem
}

.precaution-guideline ul>li {
    list-style-type: none;
    font-size: 1rem;
    margin-bottom: .2rem;
    position: relative;
    padding-left: 1rem
}

.precaution-guideline ul>li:before {
    content: "-";
    display: block;
    position: absolute;
    top: 0;
    font-size: 1rem;
    left: 0
}

.precaution-guideline ul>li:last-child {
    color: #dc3545;
    font-weight: 600
}

.product-detail .product-detail-wrapper .base-info {
    display: grid
}

.product-detail .product-detail-wrapper .base-info.is-loading span {
    height: 2.1rem;
    color: transparent
}

.product-detail .product-detail-wrapper .base-info.is-loading .reference-price {
    height: 1.45rem;
    margin-bottom: .3rem
}

.product-detail .product-detail-wrapper .base-info>span:first-of-type {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: .6rem;
    color: #000;
    margin-top: .8rem
}

.product-detail .product-detail-wrapper .base-info .goods_info_wrap {
    display: flex;
    gap: .4rem
}

.product-detail .product-detail-wrapper .base-info .goods_info_wrap span {
    width: 6.4rem;
    height: 2.4rem;
    font-size: 1.2rem;
    color: #585858;
    background: #f4f4f4;
    text-align: center;
    border-radius: .4rem;
    line-height: 2.4rem;
    margin-top: 1.6rem
}

.product-detail .product-detail-wrapper .base-info .goods_info_wrap span.is_sona_only {
    background: #2c2c2c;
    color: #fff
}

.product-detail .product-detail-wrapper .base-info .soldout {
    font-size: 8pt!important;
    color: #fff;
    background: #dc3545;
    display: inline-block;
    border-radius: 3px;
    padding: 3px 6px;
    position: relative;
    top: 0;
    font-weight: 700;
    margin-left: 5px;
    text-align: center
}

.product-detail .product-detail-wrapper .base-info .sale-volume {
    color: #7c7c7c;
    font-size: .9rem;
    margin-bottom: 1.8rem
}

.product-detail .product-detail-wrapper .base-info .remain-special-offer-time {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1rem;
    font-size: 1.25rem!important
}

.product-detail .product-detail-wrapper .base-info .remain-special-offer-time em {
    letter-spacing: -1px;
    color: #ffebb0
}

.product-detail .product-detail-wrapper .base-info .reference-price {
    color: #7c7c7c;
    font-size: 1.2rem;
    text-decoration: line-through
}

.product-detail .product-detail-wrapper .base-info .price {
    display: flex;
    align-items: center
}

.product-detail .product-detail-wrapper .base-info .price em {
    font-weight: 600
}

.product-detail .product-detail-wrapper .base-info .price .discount-ratio {
    font-size: 1.6rem;
    color: #ff41a2;
    margin-right: .5rem
}

.product-detail .product-detail-wrapper .base-info .price .retail-price {
    font-size: 1.6rem
}

.product-detail .product-detail-wrapper .base-info .price .sale-icon {
    padding: 0 .6rem;
    margin: 0 .5rem;
    line-height: 1.8rem
}

.product-detail .embed-container {
    position: relative;
    padding-bottom: 177.7765824402%;
    height: 0
}

.product-detail .product-thumbnail-wrapper {
    position: relative
}

.product-detail .product-thumbnail-wrapper>img {
    position: absolute;
    max-width: 6.1rem;
    top: 1.4rem;
    z-index: 1;
    left: 1.2rem
}

.product-detail .embed-container embed,.product-detail .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.product-detail .page-number {
    position: absolute;
    z-index: 10;
    background: rgba(0,0,0,.5);
    width: 4rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 2rem;
    color: #fff;
    text-align: center;
    right: 1.4rem;
    bottom: 1.1rem;
    left: auto
}

.product-detail .product-detail-content-wrapper {
    overflow: hidden;
    height: 80rem
}

.product-detail .product-detail-content-wrapper.expand {
    height: 100%!important
}

.product-detail .product-detail-content-wrapper .fitting-model {
    justify-content: center;
    padding: 3rem 1rem;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper img {
    width: 72px;
    border-radius: .45rem
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper .fitting-model-info-area {
    margin-left: 2rem;
    font-weight: 600
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper .fitting-model-info-area span:first-child {
    font-size: 1.5rem
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper .fitting-model-info-area span:nth-child(2) {
    margin-left: .5rem;
    font-size: 1.2rem;
    color: #b7b7b7
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper .fitting-model-info-area ul>li {
    float: left;
    margin-right: 1.5rem;
    text-align: center;
    margin-top: .75rem
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper .fitting-model-info-area ul>li .value {
    font-size: 1.5rem
}

.product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper .fitting-model-info-area ul>li .key {
    font-size: 1.1rem;
    color: #b7b7b7
}

@media (min-width: 393px) {
    .product-detail .product-detail-content-wrapper .fitting-model .fitting-model-wrapper .fitting-model-info-area ul>li {
        margin-right:2.2rem!important
    }
}

.product-detail .product-detail-content-wrapper .description {
    margin-top: 1.5rem
}

.product-detail .product-detail-content-wrapper .description p:nth-child(2n) {
    margin-bottom: 1.5rem
}

.product-detail .product-detail-content-wrapper .description,.product-detail .product-detail-content-wrapper .detail-images {
    font-size: 1.2rem;
    text-align: center
}

.product-detail .product-detail-content-wrapper .description .detail-wrap,.product-detail .product-detail-content-wrapper .detail-images .detail-wrap {
    position: relative
}

.product-detail .product-detail-content-wrapper .description .detail-wrap a,.product-detail .product-detail-content-wrapper .detail-images .detail-wrap a {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%
}

.product-detail .product-detail-content-wrapper .description img,.product-detail .product-detail-content-wrapper .detail-images img {
    display: none
}

.product-detail .product-detail-content-wrapper .description img.ready,.product-detail .product-detail-content-wrapper .detail-images img.ready {
    display: inline-block
}

.product-detail .product-detail-content-wrapper .gamma-value-adjustment {
    overflow: hidden;
    margin: 1rem .5rem;
    text-align: center
}

.product-detail .product-detail-content-wrapper .gamma-value-adjustment dt {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 1.8rem
}

.product-detail .product-detail-content-wrapper .gamma-value-adjustment dd {
    padding: 3.7rem 0 0;
    font-size: 1rem;
    line-height: 1.4;
    background: url(/img/gamma-value.png) 50% 0/auto 2.4rem no-repeat;
    white-space: pre-wrap
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper .size-unit {
    text-align: right
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper ul {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper ul li:first-child {
    background-color: #eee;
    border-bottom: 1px solid #b7b7b7
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper ul li span {
    box-sizing: border-box;
    text-align: center;
    padding: 1rem 0;
    white-space: break-spaces
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper ul li:last-child {
    border-bottom: none
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper .precaution {
    margin: 1rem .8rem 3rem .8rem;
    font-size: 1.1rem;
    color: #3a3a3a
}

.product-detail .product-detail-content-wrapper .measurement-size-table-wrapper .precaution .highlight {
    color: #dc3545;
    font-weight: 600;
    background-color: transparent
}

.product-detail .product-detail-content-wrapper .fitting-info-wrapper {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 1rem 0 8rem 0
}

.product-detail .product-detail-content-wrapper .fitting-info-wrapper dt {
    background-color: #eee;
    border-top: thin solid #b7b7b7;
    border-bottom: thin solid #b7b7b7;
    text-align: center;
    font-size: 1.5rem
}

.product-detail .product-detail-content-wrapper .fitting-info-wrapper dd ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    font-size: 1.5rem;
    margin: 1rem 0 1rem 3rem
}

.product-detail .product-detail-content-wrapper .fitting-info-wrapper dd ul li {
    position: relative;
    margin-right: 4rem;
    white-space: pre-wrap;
    font-size: 1.2rem
}

.product-detail .product-detail-content-wrapper .fitting-info-wrapper dd ul li:before {
    content: "";
    position: absolute;
    left: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border: thin solid #b7b7b7;
    box-sizing: border-box
}

.product-detail .product-detail-content-wrapper .fitting-info-wrapper dd ul li.on:before {
    background-color: #3a3a3a;
    border-color: #3a3a3a
}

.product-detail .collapse {
    margin-top: 0;
    position: relative
}

.product-detail .collapse:before {
    display: block;
    width: 100%;
    height: 120px;
    margin-top: -120px;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    content: ""
}

.product-detail .collapse.expand:before {
    display: none!important
}

.product-detail .collapse.expand img {
    transform: rotateX(180deg)
}

.product-detail .collapse .btn-collapse {
    display: block;
    width: calc(100% - 18px);
    margin: 0 9px 30px 9px;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 5px;
    text-align: center;
    color: #3a3a3a;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 0
}

.product-detail .collapse .btn-collapse img {
    width: 14px;
    position: relative;
    display: inline-block;
    margin-left: 1rem
}

.product-detail .product-detail-wrapper .get-coupon {
    margin-top: 1.4rem;
    position: relative;
    height: 4.5rem
}

.product-detail .product-detail-wrapper .get-coupon:before {
    background: url(/asset/icons/product/coupon.png) no-repeat 0 0/20rem auto;
    background-size: cover!important;
    display: inline-block;
    position: absolute;
    transform: translateY(-25%);
    content: "";
    width: 2.9rem;
    height: 2.7rem;
    top: 1.33333rem;
    margin-left: -4rem
}

.product-detail .product-detail-wrapper .get-coupon:after {
    background: url(/asset/icons/product/coupon.png) no-repeat 0 0/20rem auto;
    background-position: -3.5rem;
    display: inline-block;
    position: absolute;
    transform: translateY(-50%);
    content: "";
    top: 50%;
    width: 1.5rem;
    height: 2.7rem;
    margin-left: 1rem
}

.product-detail .product-detail-wrapper .coupon-list>p {
    display: flex
}

.product-detail .product-detail-wrapper .coupon-list>p .download-all-coupons {
    display: inline-block;
    margin-left: auto;
    color: #ff41a2;
    font-weight: 700;
    cursor: pointer
}

.product-detail .product-detail-wrapper .coupon-list li:before {
    content: "";
    position: absolute;
    right: 5rem;
    width: 3rem;
    height: 100%;
    border-left: thin dashed #eee;
    top: 0
}

.product-detail .product-detail-wrapper .coupon-list li:after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    width: 2rem;
    height: 2rem;
    background: url(/asset/icons/product/coupon.png) no-repeat 0 0/20rem auto;
    background-size: cover!important;
    background-position: -3.7rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.product-detail .product-detail-wrapper .coupon-list .issued .discount-size {
    color: #b7b7b7!important
}

.product-detail .product-detail-wrapper .coupon-list .issued:after {
    background-position: -7.7rem;
    width: 2.2rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .size-option-wrapper {
    flex: 1
}

.product-detail .product-detail-wrapper .option-info-wrapper .today-shipping-filter {
    width: auto;
    display: inline
}

.product-detail .product-detail-wrapper .option-info-wrapper .today-shipping-filter>input:checked+label {
    background-position: 0 0!important
}

.product-detail .product-detail-wrapper .option-info-wrapper .today-shipping-filter>label {
    background: url(/asset/icons/join/icon_form_check_circle.png) no-repeat 0 100%/1.7rem;
    width: auto;
    padding-left: 2.2rem;
    height: 1.7rem;
    line-height: 1.7rem;
    font-weight: 600;
    font-size: 1.2rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .select-box-option {
    width: 100%!important;
    display: block;
    height: 4.2rem;
    position: relative;
    border: .1rem solid #b7b7b7;
    border-radius: .7rem;
    margin: 1rem 0 0!important
}

.product-detail .product-detail-wrapper .option-info-wrapper .select-box-option select {
    width: 90%;
    height: 100%;
    padding: .75rem 3rem .75rem 1rem;
    box-sizing: border-box;
    color: #b7b7b7;
    border-radius: .7rem;
    text-align: left!important;
    -moz-text-align-last: left!important;
    text-align-last: left!important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600!important;
    font-size: 1.2rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .select-box-option select::-ms-expand {
    display: none
}

.product-detail .product-detail-wrapper .option-info-wrapper .select-box-option .select-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    right: 1.5rem;
    width: .7rem;
    height: .7rem;
    pointer-events: none;
    border-top: .2rem solid #b7b7b7;
    border-right: .2rem solid #b7b7b7
}

.product-detail .product-detail-wrapper .option-info-wrapper.floating {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    top: 0;
    z-index: 210;
    left: 0
}

.product-detail .product-detail-wrapper .option-info-wrapper.floating>.option-info {
    bottom: 0;
    left: 0;
    width: calc(100% - 2rem);
    padding: .2rem 1rem calc(env(safe-area-inset-bottom) + 1.2rem);
    position: fixed;
    box-shadow: 0 -5px 5px 0 rgba(0,0,0,.03),0 5px 5px 0 rgba(0,0,0,.03)
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info {
    margin-top: 3rem;
    border-top: .1rem solid #eee;
    background-color: #fff;
    padding-top: 3rem;
    max-width: 750px
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .notice-tax {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #f6f6f6
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .notice-tax>div {
    margin-right: 1.5rem;
    width: 3rem;
    height: 3rem;
    background: url(/asset/icons/product/shipping-warning.png) no-repeat 0 0/20rem auto;
    background-size: cover!important
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .notice-tax span {
    flex: 1;
    display: grid
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .notice-tax span em:first-child {
    color: #575757;
    font-size: 1.2rem;
    font-weight: 400
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .notice-tax span em:last-child {
    font-size: 1rem;
    font-weight: 400;
    color: #7e7e7e
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-top: 2rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option.color-chip-layout,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code.color-chip-layout,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option.color-chip-layout,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock.color-chip-layout {
    display: block
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option.color-chip-layout .today-shipping-filter,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code.color-chip-layout .today-shipping-filter,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option.color-chip-layout .today-shipping-filter,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock.color-chip-layout .today-shipping-filter {
    display: block;
    width: 100%;
    margin-bottom: 2rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option.color-chip-layout .color-option-title,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code.color-chip-layout .color-option-title,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option.color-chip-layout .color-option-title,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock.color-chip-layout .color-option-title {
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 600
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option.color-chip-layout .color-option-title span,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code.color-chip-layout .color-option-title span,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option.color-chip-layout .color-option-title span,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock.color-chip-layout .color-option-title span {
    display: inline-block;
    font-size: 1.2rem;
    color: #717171;
    font-weight: 500
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option.color-chip-layout .color-option-title span em,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code.color-chip-layout .color-option-title span em,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option.color-chip-layout .color-option-title span em,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock.color-chip-layout .color-option-title span em {
    padding: 0 .7rem;
    box-sizing: border-box;
    display: inline-block
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option.color-chip-layout .size-option-wrapper p,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code.color-chip-layout .size-option-wrapper p,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option.color-chip-layout .size-option-wrapper p,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock.color-chip-layout .size-option-wrapper p {
    margin-top: .7rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option div,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code div,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option div,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock div {
    font-size: 1.2rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option div:first-child,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code div:first-child,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option div:first-child,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock div:first-child {
    width: 7rem;
    text-align: left
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .color-option div:last-child,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .product-code div:last-child,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .size-option div:last-child,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper ul .stock div:last-child {
    flex: 1;
    text-align: left
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper {
    flex-wrap: wrap
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .today-shipping-filter {
    width: auto;
    display: inline
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .today-shipping-filter>input:checked+label {
    background-position: 0 0!important
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .today-shipping-filter>label {
    background: url(/asset/icons/join/icon_form_check_circle.png) no-repeat 0 100%/1.7rem;
    width: auto;
    padding-left: 2.2rem;
    height: 1.7rem;
    line-height: 1.7rem;
    font-weight: 600;
    font-size: 1.2rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options {
    display: flex;
    flex-wrap: wrap
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options .color-chip {
    width: 3.9rem;
    height: 3.9rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options .color-chip.on {
    border: 1px solid #ff41a2;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options .color-chip span {
    width: 2.9rem;
    height: 2.9rem;
    display: block;
    border-radius: 50%;
    position: relative
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options .color-chip span.on-color {
    border: .1rem solid #b7b7b7
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options .color-chip span.sold-out-color-chip:before {
    content: "";
    display: block;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 2px;
    height: 29px;
    background: #848484;
    top: 50%;
    left: 50%;
    position: absolute
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options>li {
    width: calc(24% - 1rem);
    display: inline-block;
    margin: .7rem 1rem 0 0
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options>li.selected>img {
    border: thin solid #ff41a2
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options>li.selected>span {
    color: #b7b7b7
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options>li>img {
    border: .1rem solid #b7b7b7;
    border-radius: .5rem;
    margin-bottom: .25rem;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options>li>img.soldout {
    background-color: rgba(0,0,0,.2)
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-options>li>span {
    font-size: .75rem;
    font-weight: 400;
    display: block!important;
    width: 100%;
    text-align: center;
    color: #fff
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-option-selector {
    display: block;
    margin-top: .5rem;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    line-height: 2.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    border: thin solid #b7b7b7;
    border-radius: .45rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-option-wrapper .color-option-selector>select {
    width: 100%
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-options button,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .size-option-wrapper button {
    margin-top: .7rem;
    margin-right: .7rem;
    line-height: 2.5rem;
    min-width: 5rem;
    position: relative
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-options button:before,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .size-option-wrapper button:before {
    content: normal!important
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-options button.ico-today-shipping,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .size-option-wrapper button.ico-today-shipping {
    background: url(https://img.sonyunara.com/2024/todaydelivery/icon_16.png) no-repeat .8rem/1.8rem auto;
    padding-left: 2.9rem
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-options .measurement-guide,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .size-option-wrapper .measurement-guide {
    margin: 1rem 0;
    cursor: pointer;
    white-space: nowrap;
    color: #000
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-options .measurement-guide span,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .size-option-wrapper .measurement-guide span {
    font-weight: 600;
    font-size: 1.2rem;
    display: inline-block;
    position: relative;
    padding-right: 1.8rem;
    box-sizing: border-box;
    overflow: hidden
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-options .measurement-guide span:before,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .size-option-wrapper .measurement-guide span:before {
    content: "";
    width: 1.2rem;
    height: .15rem;
    border-bottom: .15rem solid #000;
    display: block;
    position: absolute;
    right: 0;
    bottom: .55rem;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .color-options .measurement-guide span:after,.product-detail .product-detail-wrapper .option-info-wrapper .option-info .option-wrapper .size-option-wrapper .measurement-guide span:after {
    content: "";
    width: .7rem;
    height: .15rem;
    display: block;
    position: absolute;
    transform: rotate(230deg);
    right: -.05rem;
    bottom: .79rem;
    border-bottom: .15rem solid #000;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .option-info.floating .selected-option {
    max-height: 20vh;
    overflow-y: auto
}

.product-detail .product-detail-wrapper .option-info .collapsed .selected-option,.product-detail .product-detail-wrapper .option-info .collapsed .total-amount {
    display: none!important
}

.product-detail .product-detail-wrapper .option-info .order .selected-option {
    margin-top: 2rem;
    border-top: .1rem solid #eee;
    margin-bottom: 2rem;
    border-bottom: .1rem solid #000
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding: 1rem 0
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li p {
    font-size: 1.2rem;
    padding: 0 1.5rem;
    flex: 1;
    position: relative;
    display: flex;
    align-items: center
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li p .ico-today-shipping {
    margin-left: .3rem
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li .price {
    flex: 0.3!important;
    text-align: right;
    font-weight: 600
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li span {
    display: flex;
    align-items: center
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li span button {
    border: .1rem solid #cecece;
    height: 2.7rem;
    width: 2.7rem;
    display: inline-block;
    position: relative;
    border-radius: .2rem
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li span button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1.3rem;
    height: .2rem;
    border-radius: .2rem;
    background: #414141
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li span button:last-child:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: .2rem;
    height: 1.3rem;
    border-radius: .2rem;
    background: #414141
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li span input {
    display: inline-block;
    width: 3.5rem;
    height: 2.7rem;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 100;
    border: .1rem solid #cecece;
    border-radius: .2rem;
    margin: 0 .2rem;
    color: #545454
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li .remove {
    position: relative;
    width: 32px;
    height: 32px
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li .remove:after,.product-detail .product-detail-wrapper .option-info .order .selected-option li .remove:before {
    content: " ";
    height: 19px;
    width: 2px;
    background-color: #000;
    display: inline-block;
    top: 19%;
    position: absolute;
    transform-origin: center
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li .remove:before {
    transform: rotate(45deg)
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li .remove:after {
    transform: rotate(-45deg)
}

.product-detail .product-detail-wrapper .option-info .order .selected-option li .expect-stock-date {
    color: #dc3545;
    font-size: 1.1rem;
    padding: 1rem 1.4rem;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .option-info .order .discount-price-notice {
    display: block;
    margin-top: 2rem;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: .05rem;
    text-decoration: underline
}

.product-detail .product-detail-wrapper .option-info .order .discount-price-notice mark {
    color: #ff41a2;
    background: none
}

.product-detail .product-detail-wrapper .option-info .order .total-amount {
    margin-top: 2.2rem;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 2.2rem;
    padding: 0 1rem;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .option-info .order .total-amount span:first-child {
    flex: 1;
    color: #000;
    font-weight: 600
}

.product-detail .product-detail-wrapper .option-info .order .total-amount span:last-child {
    color: #ff41a2;
    font-weight: 600
}

.product-detail .product-detail-wrapper .option-info .order .first-purchase-event-notice {
    background-color: #eee;
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1.66666rem;
    font-weight: 600;
    padding: 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem
}

.product-detail .product-detail-wrapper .option-info .order .first-purchase-event-notice mark {
    background: none;
    font-weight: bolder;
    color: #ff41a2;
    -webkit-text-stroke: .66666px #ff41a2
}

.product-detail .product-detail-wrapper .option-info .order .order-buttons-wrapper {
    width: 100%;
    height: 5.5rem
}

.product-detail .product-detail-wrapper .option-info .order .order-buttons-wrapper>div {
    display: flex;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    box-sizing: border-box;
    width: 100%
}

.product-detail .product-detail-wrapper .option-info .order .order-buttons-wrapper .floating-order-buttons {
    max-width: 750px;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 1.2rem 1rem calc(env(safe-area-inset-bottom) + 1.2rem);
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    box-shadow: 0 -.5rem .5rem 0 rgba(0,0,0,.03),0 .5rem .5rem 0 rgba(0,0,0,.03)
}

.product-detail .product-detail-wrapper .option-info .order .order-buttons-wrapper button {
    width: calc(50% - .5rem)
}

.product-detail .product-detail-wrapper .option-info .order .order-buttons-wrapper button:first-child:before {
    content: "";
    background: url(/asset/images/product-detail/cart.png) no-repeat 0 100%/1.5rem;
    filter: invert(42%) sepia(40%) saturate(3161%) hue-rotate(304deg) brightness(99%) contrast(107%);
    height: 2.4rem;
    width: 2.4rem;
    top: .25rem;
    display: inline-flex;
    position: relative;
    margin-right: .5rem
}

.product-detail .product-detail-wrapper .stock {
    display: flex
}

.product-detail .product-detail-wrapper .stock .btn-outline-highlight {
    display: block;
    margin-top: .8rem;
    color: #ff5a00;
    border: .1rem solid #ff5a00;
    font-size: 1.2rem!important;
    font-weight: 500;
    border-radius: .8rem;
    background-image: url(https://img.sonyunara.com/2024/todaydelivery/arrow_point.png);
    background-repeat: no-repeat;
    background-size: 1.3rem 1.2rem;
    background-position: calc(100% - .6rem);
    padding: .6rem 1.2rem .6rem 1.6rem;
    text-align: left
}

.product-detail .product-detail-wrapper .stock .today-shipping>div {
    display: block;
    width: auto
}

.product-detail .product-detail-wrapper .stock .today-shipping>div>span {
    height: 13px;
    padding-left: .5rem;
    font-size: 1.2rem;
    font-weight: 600;
    font-style: italic;
    color: #fe7c26
}

.product-detail .product-detail-wrapper .stock .today-shipping .ico-today-shipping-new {
    display: inline-block;
    width: auto!important;
    margin: 0
}

.product-detail .product-detail-wrapper .stock .today-shipping span:first-of-type {
    margin: .8rem 0;
    font-size: 1rem;
    font-weight: 400;
    color: #585858;
    display: block;
    width: 100%
}

.product-detail .product-detail-wrapper .stock .today-shipping span:first-of-type em {
    font-weight: 700;
    color: #dc3545
}

.product-detail .product-detail-wrapper .stock .today-shipping>button {
    width: 16.4rem
}

.product-detail .product-detail-wrapper .stock-popup-wrapper {
    overflow: hidden;
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.3);
    box-sizing: border-box;
    max-width: 750px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .btn-close {
    position: absolute;
    font-size: large;
    top: 50%;
    right: 5%;
    transform: translateY(-50%)
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup {
    background-color: #fff;
    padding: 1.2rem;
    border-radius: .75rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 500px;
    height: 70vh;
    overflow-y: auto
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup h1 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
    margin-top: .66666rem;
    position: relative
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 1.15rem;
    background: #fff
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:first-child {
    display: flex;
    background-color: #eee;
    border-bottom: 1px solid #b7b7b7;
    padding: 1rem 0;
    font-weight: 600
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #b7b7b7
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child)>div:first-child img {
    width: 75%;
    margin: 0 auto
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child)>div:first-child span {
    font-size: 1rem;
    display: inline-block
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child) div,.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child) div span {
    display: inline-block
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child) div .product-option-item-wrapper {
    display: flex;
    align-items: center;
    overflow: auto;
    height: 100%
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child) div .product-option-item-wrapper:not(:first-child) {
    border-top: thin solid #b7b7b7
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child) div .product-option-item-wrapper .product-option-item {
    padding: 8% 0;
    box-sizing: border-box
}

.product-detail .product-detail-wrapper .stock-popup-wrapper .stock-popup .realtime-stock-board li:not(:first-child) div .product-option-item-wrapper .product-option-item.ico-today-shipping:before {
    top: .3rem;
    margin-right: .5rem
}

.shopping-guide-wrapper {
    padding: 1rem 1rem 7rem 1rem
}

.shopping-guide-wrapper .shopping-guide {
    padding: .4rem .1rem 1.4rem .1rem;
    overflow: hidden
}

.shopping-guide-wrapper .shopping-guide .tab-menu {
    overflow: hidden;
    margin: 0 0 1.5rem 0;
    border: thin solid #ff41a2;
    border-radius: .75rem;
    box-sizing: border-box
}

.shopping-guide-wrapper .shopping-guide .tab-menu li {
    display: block;
    height: 1rem;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.04rem;
    font-weight: 400;
    border-bottom: none
}

.shopping-guide-wrapper .shopping-guide .tab-menu li:nth-child(2),.shopping-guide-wrapper .shopping-guide .tab-menu li:nth-child(3) {
    border-left: thin solid #ff41a2
}

.shopping-guide-wrapper .shopping-guide .tab-menu li.selected {
    color: #fff;
    background: #ff41a2
}

.shopping-guide-wrapper .shopping-guide .tab-menu li.unselected {
    color: #ff41a2;
    background: #fff
}

.shopping-guide-wrapper .shopping-guide>dl .payment-method-wrap {
    padding: 3.5%;
    box-sizing: border-box;
    border: .1rem solid #e3e3e3;
    margin: 6% 0
}

.shopping-guide-wrapper .shopping-guide>dl .payment-method-wrap dd {
    margin: 0
}

.shopping-guide-wrapper .shopping-guide>dl .payment-method-wrap dd img {
    width: auto;
    height: 1.9rem;
    margin-bottom: 2rem
}

.shopping-guide-wrapper .shopping-guide>dl .payment-method-wrap dd:last-child img {
    margin-bottom: 0
}

.shopping-guide-wrapper .shopping-guide>dl .payment-method-wrap>dt {
    font-weight: 600;
    margin-bottom: .8rem;
    text-align: left;
    font-size: 1.5rem
}

.shopping-guide-wrapper .shopping-guide>dl .payment-method-wrap>dt em {
    font-size: 1.2rem;
    margin-left: .2rem;
    color: #747474
}

.shopping-guide-wrapper .shopping-guide>dl>dt {
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: .8rem;
    text-align: left
}

.shopping-guide-wrapper .shopping-guide>dl>dd {
    font-size: 1.2rem;
    line-height: 2rem;
    white-space: pre-wrap
}

.shopping-guide-wrapper .shopping-guide>dl>dd img {
    width: auto;
    height: 3rem;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto
}

.shopping-guide-wrapper .shopping-guide>dl>dd img.large-img {
    height: 2rem!important
}

.shopping-guide-wrapper .shopping-guide>dl>dd img+img {
    padding: 0 .6rem
}

.shopping-guide-wrapper .shopping-guide>dl>dd picture>img {
    width: 100%;
    height: auto!important
}

.shopping-guide-wrapper .shopping-guide>dl>dd:last-child {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 12%
}

.shopping-guide-wrapper .shopping-guide>dl>dd:last-child>a {
    font-weight: 600;
    color: #ff41a2;
    text-decoration: underline
}

.recommend-product-popup .close_btn_recommend {
    width: 3.6rem;
    position: absolute;
    top: -1.6rem;
    left: 50%;
    transform: translateX(-50%)
}

.recommend-product-popup .recommend-product-popup-wrapper {
    bottom: 0;
    width: 100%;
    padding-bottom: 5.5%;
    position: absolute;
    background-color: #fff;
    display: block
}

.recommend-product-popup .recommend-product-popup-wrapper>div.recomfirdiv {
    padding: 2rem 1.6rem;
    display: flex;
    align-items: center
}

.recommend-product-popup .recommend-product-popup-wrapper>div.recomfirdiv>img {
    width: 4.5rem;
    border-radius: .5rem;
    display: inline-block
}

.recommend-product-popup .recommend-product-popup-wrapper>div.recomfirdiv>span {
    margin: 1rem;
    display: inline-block;
    white-space: nowrap;
    flex: 1
}

.recommend-product-popup .recommend-product-popup-wrapper>div.recomfirdiv>a {
    /* position: absolute; */
    /* right: 2rem; */
    /* top: 2.8rem; */
    display: inline-block
}

.recommend-product-popup .recommend-product-popup-wrapper .product-slider {
    height: 25.5rem;
    display: block
}

.recommend-product-popup .recommend-product-popup-wrapper .swiper-container {
    padding: 0 1rem;
}

.recommend-product-popup .recommend-product-popup-wrapper .swiper-container .price.special-price {
    background: none!important
}

.recommend-product-popup .recommend-product-popup-wrapper .swiper-container .swiper-slide {
    width: 38%
}

@media (min-width: 414px) {
    .recommend-product-popup .recommend-product-popup-wrapper .swiper-container .swiper-slide {
        width:24%!important
    }
}

.recommend-product-popup .recommend-product-popup-wrapper h2 {
    margin: 0 1rem
}

.agreement-for-sign-up {
    padding: 0 1.1rem
}

.agreement-for-sign-up>.btn-l-pink {
    background: #ff41a2;
    color: #fff;
    margin: 2em auto 0;
    display: block;
    cursor: pointer
}

.join-terms>li {
    margin-top: 1rem
}

.join-terms>li:first-child {
    padding: 0 .8rem
}

.join-terms>li label {
    background: url(/asset/icons/join/icon_form_check_circle.png) no-repeat 0 100%/2rem auto;
    height: 2rem;
    padding-left: 2.5rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #585858
}

.join-terms>li label em {
    color: #ff41a2
}

.join-terms>li input {
    display: none
}

.join-terms>li input:checked+label {
    background-position: 0 0
}

.agree {
    border: .1rem solid #e6e6e6;
    border-radius: .5rem;
    overflow: hidden
}

.agree .clause {
    padding: .9rem .8rem;
    box-sizing: border-box;
    background: #f9f9f9;
    display: flex;
    align-content: center
}

.agree .clause button {
    width: 5rem;
    height: auto;
    margin-left: auto;
    position: relative
}

.agree .clause button:before {
    content: "";
    background: url(/asset/icons/join/icon_gray_down.png) no-repeat 0 50%/1.75rem auto;
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(180deg)
}

.agree .content {
    display: block;
    border-top: .1rem solid #e6e6e6;
    padding: 1rem .8rem;
    color: #555;
    font-size: 1.2rem;
    line-height: 2.5rem;
    max-height: 12.7rem;
    overflow-y: auto
}

.agree .clause.on button:before {
    transform: rotate(0deg) translateY(-50%)
}

.agree .clause.on+.content {
    display: none
}

.coupon-box.popup-wrap>.coupon-box-wrapper {
    bottom: 0;
    height: 100%;
    max-height: 70vh;
    position: absolute
}

.coupon-box .coupon-box-wrapper {
    width: 100%;
    background-color: #fff;
    display: block
}

.coupon-box .coupon-box-wrapper .btn-close {
    right: 1rem;
    top: 1rem;
    position: absolute;
    z-index: 1
}

.coupon-box .coupon-box-wrapper h2 {
    width: 100%;
    text-align: center;
    border-bottom: thin solid #eee;
    display: inline-block;
    line-height: 4rem;
    font-size: 1.75rem;
    color: #3a3a3a;
    font-weight: 700
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper {
    overflow-y: auto;
    height: calc(100% - 17.5rem)
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper.coupon-offers {
    height: 100%!important
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list {
    padding: 2.5rem 2.2rem;
    display: block
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list p {
    margin-bottom: 1rem
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li {
    position: relative;
    padding: 2rem 2.5rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: .8rem;
    box-shadow: 0 .1rem .3rem rgba(0,0,0,.15);
    margin-bottom: 1.2rem
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li input[type=radio] {
    display: none
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li span {
    width: 100%;
    display: block
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li .discount-size {
    font-size: 1.8rem;
    font-weight: 600
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li .name {
    margin: 1rem 0 1.6rem;
    font-size: 1.2rem;
    font-weight: 600
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li .discount-category,.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li .discount-limit,.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li .order-condition-amount {
    color: #b7b7b7;
    font-size: 1.2rem
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li .coupon-usable-period {
    margin-top: .5rem;
    color: #b7b7b7;
    font-size: 1rem
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li .coupon-usable-period b {
    color: #dc3545
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li:last-child {
    margin-top: 1rem
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li:not(.disabled).selected-coupon {
    border: .2rem solid #ff41a2;
    background: #eee
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li:not(.disabled) .discount-size {
    color: #ff41a2
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li:not(.disabled) .name {
    color: #000
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list li:not(.disabled) .coupon-usable-period em {
    color: #dc3545
}

.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list .disabled>label b,.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list .disabled>label p,.coupon-box .coupon-box-wrapper .coupon-list-wrapper .coupon-list .disabled>label span {
    color: #b7b7b7!important
}

.coupon-box .coupon-box-wrapper .popup-bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
    max-width: 750px;
    padding: .9rem 1.6rem 1.7rem 1.6rem;
    box-sizing: border-box;
    box-shadow: 0 -.5rem 1rem rgba(0,0,0,.08);
    background-color: #fff
}

.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount {
    text-align: center;
    font-size: 0;
    min-width: 32rem;
    max-width: 40rem;
    margin: 0 auto 2rem auto
}

.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span {
    display: inline-block
}

.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:first-child,.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(2),.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(3) {
    font-size: 1.1rem;
    color: #b7b7b7;
    width: 33.333%
}

.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(4),.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(5),.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(6) {
    width: 33.333%;
    margin-top: .5rem;
    color: #343434;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative
}

.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(5) {
    color: #dc3545
}

.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(5):before {
    content: "-";
    display: inline-block;
    color: #3a3a3a;
    font-size: 1.5rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400
}

.coupon-box .coupon-box-wrapper .popup-bottom .coupon-discount span:nth-child(5):after {
    content: "=";
    display: inline-block;
    color: #3a3a3a;
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400
}

.coupon-box .coupon-box-wrapper .popup-bottom .bottom button,.find-id {
    width: 100%
}
.coupon-box .coupon-box-wrapper .popup-bottom .bottom button.usecoupon-btn{
    padding:1.434rem 1rem !important;
}

.find-id .tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.find-id .tab li {
    width: 50%;
    height: 5rem;
    box-sizing: border-box;
    border-top: .1rem solid #b3b3b3;
    background: #f9f9f9;
    border-bottom: .1rem solid #ff41a2
}

.find-id .tab li a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #676767;
    line-height: 4.8rem
}

.find-id .tab li.id-on {
    border-right: .1rem solid #ff41a2
}

.find-id .tab li.id-on,.find-id .tab li.password-on {
    background: #fff;
    border-top: .1rem solid #ff41a2;
    border-bottom: none
}

.find-id .tab li.password-on {
    border-left: .1rem solid #ff41a2
}

.find-id .input {
    margin-top: 3rem;
    padding: 0 1.1rem
}

.find-id .input>input {
    width: 100%;
    height: 3.8rem;
    padding: 0 1rem;
    font-size: 1.3rem;
    border: .1rem solid #ddd;
    /* border-bottom: .1rem solid #ddd; */
    /* border-top: none; */
    /* border-left: none; */
    /* border-right: none; */
    border-radius: 8px
}
.find-id .input>input:nth-child(2){
    margin-top:8px;
}

.find-id .input>button {
    margin-top: 2.3rem;
    background: #383838;
    color: #fff
}

.find-id .find-result-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 750px;
    background: rgba(0,0,0,.5);
    top: 0;
    z-index: 100;
    display: none
}

.find-id .find-result-popup.on {
    display: block
}

.find-id .find-result-popup ul {
    position: relative;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    padding: 3% 7% 7%;
    box-sizing: border-box;
    max-width: 53rem
}

.find-id .find-result-popup ul .title {
    font-weight: 500;
    color: #000;
    font-size: 1.5rem;
    text-align: center;
    margin: 0;
    padding: 2rem 0
}

.find-id .find-result-popup ul .id {
    padding: 2rem 0 .5rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    box-sizing: border-box;
    border-top: .1rem solid #eee
}

.find-id .find-result-popup ul .id em {
    color: #ff41a2;
    font-weight: 600
}

.find-id .find-result-popup ul .date {
    text-align: center;
    font-size: 1.2rem;
    color: #ccc;
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee
}

.find-id .find-result-popup ul p {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 1.2rem
}

.find-id .find-result-popup ul a {
    height: 4rem;
    margin: 2rem 0 0;
    color: #fff;
    background: #000;
    width: 100%;
    border-radius: .5rem;
    display: block;
    text-align: center;
    line-height: 4rem;
    font-size: 1.3rem
}

.sign-in section {
    margin: 0 auto;
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box
}

.sign-in section .sign-in-type-wrap li {
    margin-bottom: 3rem
}

.sign-in section .recent-sign-in {
    background-image: url(/asset/icons/login/icon_recent-bg.png);
    background-repeat: no-repeat;
    width: 19.2rem;
    height: 4.5rem;
    background-size: 100% auto;
    margin: .5rem auto 0;
    padding-top: 1rem;
    box-sizing: border-box;
    display: none
}

.sign-in section .recent-sign-in.benefit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20.2rem
}

.sign-in section .recent-sign-in.benefit>img {
    width: 1.2rem;
    display: inline-block;
    margin-right: .3rem
}

.sign-in section .recent-sign-in.on {
    display: block
}

.sign-in section .recent-sign-in em {
    font-size: 1.2rem;
    color: #000;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.sign-in section .page-title>li:first-child {
    color: #000;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 1.4rem
}

.sign-in section .page-title>li:first-child>b {
    color: #ff41a2
}

.sign-in section .page-title li+li {
    font-size: 1.4rem;
    color: #000;
    font-weight: 500
}

.sign-in section .page-title li:last-child {
    font-weight: 800;
	font-size:22px;
}

.sign-in section .page-title li:last-child span {
    font-weight: 800;
	color:#FF41A2;
}

.sign-in section .login-banner {
    box-sizing: border-box;
    max-width: 50rem;
    width: 70%;
    margin: 3rem auto 5rem
}

.sign-in section .general-user-btn-wrap {
    margin: 3.2rem 0 5.6rem;
    text-align: center
}

.sign-in section .general-user-btn-wrap>a {
    color: #888;
    padding: 0 1.5rem;
    font-size: 1.6rem;
    display: inline-block;
    position: relative
}

/*
.sign-in section .general-user-btn-wrap>a:first-child:before {
    content: "";
    display: block;
    position: absolute;
    width: .2rem;
    height: 1.2rem;
    background: #d4d4d4;
    right: -.1rem;
    top: 50%;
    transform: translateY(-50%)
}
*/

.sign-in section .bottom-link-wrap {
    color: #888;
    font-size: 1.4rem;
    padding: 2.3rem 0;
    box-sizing: border-box;
    border-top: .1rem solid #f2f2f2
}

.sign-in section .bottom-link-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    color: #888;
    margin-bottom: 1.2rem
}

.sign-in section .bottom-link-wrap a img {
    display: inline-block;
    width: .8rem;
    margin-left: .5rem
}

.sign-in section .bottom-link-wrap a em {
    color: #f03
}

.sign-in section .sns-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.4rem;
    border-radius: .5rem;
    width: 100%;
    font-size: 1.6rem;
	font-weight:600;
}

.sign-in section .sns-btn.line-btn {
    background: #20c92f;
    color: #fff;
    height: 4.4rem
}

.sign-in section .sns-btn.line-btn img {
    width: 3.35rem;
    margin-right: 1rem
}

.sign-in section .sns-btn.google {
    background: #fff;
    color: #000;
    border: .1rem solid #cecece
}

.sign-in section .sns-btn.google img {
    width: 2.6rem;
    margin-right: 1.7rem
}

.sign-in section .sns-btn.yahoo {
    background: #f03;
    color: #fff;
    margin: 2rem 0 0
}

.sign-in section .sns-btn.yahoo img {
    width: 2.9rem;
    margin-right: 1.7rem
}

.sign-up {
    width: 100%;
    padding: 5rem 2rem 6rem 2rem;
    box-sizing: border-box;
    margin: 0 auto
}

.sign-up .text-title textarea {
    padding: 1rem;
    border: .1rem solid #e9e9e9;
    border-radius: .5rem;
    margin: .4rem 0 .8rem 0;
    box-sizing: border-box;
    width: 100%
}

.sign-up .not-icon:before {
    content: normal!important
}

.sign-up .mail-guide-wrap {
    position: relative
}

.sign-up .mail-guide-wrap .mail-guide-icon {
    width: 1.7rem;
    margin-left: .4rem;
    line-height: 2rem;
    margin-top: .1rem
}

.sign-up .mail-guide-wrap .mail-guide-info {
    position: absolute;
    top: calc(100% - 1rem);
    width: 23rem!important;
    left: 1.76rem;
    z-index: 100;
    background: #fff;
    padding: 1.8rem 1.1rem!important;
    box-sizing: border-box;
    border-radius: 1.5rem;
    border: .1rem solid #d0d0d0;
    display: none!important
}

.sign-up .mail-guide-wrap .mail-guide-info.on {
    display: block!important
}

.sign-up .mail-guide-wrap .mail-guide-info>div {
    width: 100%!important;
    padding: 0!important;
    text-align: left!important;
    color: #626060!important;
    font-weight: 600;
    font-size: 1rem
}

.sign-up .mail-guide-wrap .mail-guide-info>i {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: .6rem;
    display: block;
    cursor: pointer
}

.sign-up .mail-guide-wrap .mail-guide-info>i:after,.sign-up .mail-guide-wrap .mail-guide-info>i:before {
    content: "";
    width: .2rem;
    height: 1.5rem;
    background: #d0d0d0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-right: 1.5rem
}

.sign-up .mail-guide-wrap .mail-guide-info>i:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.sign-up .mail-guide-wrap .mail-guide-info>i:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}


.sign-up .sms-guide-wrap {
    position: relative
}

.sign-up .sms-guide-wrap .sms-guide-icon {
    width: 1.7rem;
    margin-left: .4rem;
    line-height: 2rem;
    margin-top: .1rem
}

.sign-up .sms-guide-wrap .sms-guide-info {
    position: absolute;
    top: calc(100% - 1rem);
    width: 23rem!important;
    left: 1.76rem;
    z-index: 100;
    background: #fff;
    padding: 1.8rem 1.1rem!important;
    box-sizing: border-box;
    border-radius: 1.5rem;
    border: .1rem solid #d0d0d0;
    display: none!important
}

.sign-up .sms-guide-wrap .sms-guide-info.on {
    display: block!important
}

.sign-up .sms-guide-wrap .sms-guide-info>div {
    width: 100%!important;
    padding: 0!important;
    text-align: left!important;
    color: #626060!important;
    font-weight: 600;
    font-size: 1rem
}

.sign-up .sms-guide-wrap .sms-guide-info>i {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: .6rem;
    display: block;
    cursor: pointer
}

.sign-up .sms-guide-wrap .sms-guide-info>i:after,.sign-up .sms-guide-wrap .sms-guide-info>i:before {
    content: "";
    width: .2rem;
    height: 1.5rem;
    background: #d0d0d0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-right: 1.5rem
}

.sign-up .sms-guide-wrap .sms-guide-info>i:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.sign-up .sms-guide-wrap .sms-guide-info>i:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}


.sign-up .sns-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    border-radius: .5rem;
    width: 100%;
    font-size: 1.3rem
}

.sign-up .sns-btn.line-btn {
    background: #20c92f;
    color: #fff;
    margin-bottom: 2.8rem;
    height: 4.4rem
}

.sign-up .sns-btn.line-btn img {
    width: 3.35rem;
    margin-right: 1rem
}

.sign-up .sign-up-button {
    width: 100%;
    height: 4.4rem;
    background: rgba(254,47,152,.3);
    border-radius: .5rem;
    margin-top: 1.6rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700
}

.sign-up .sign-up-button.on {
    background: #ff41a2;
    margin-top: 1.6rem;	
}

.sign-up .sign-up-input-wrap {
    margin-top: .8rem
}

.sign-up .sign-up-input-wrap li {
    margin-bottom: 1.6rem
}

.sign-up .sign-up-input-wrap li .title {
    color: #343434;
    font-size: 1.3rem;
    position: relative;
    display: inline-block;
    padding: 0 .4rem;
    box-sizing: border-box
}

.sign-up .sign-up-input-wrap li .title:before {
    content: "";
    position: absolute;
    display: block;
    width: .3rem;
    height: .3rem;
    background: #ff41a2;
    border-radius: 50%;
    right: -.4rem
}

.sign-up .sign-up-input-wrap li input, .cp-input-wrap input {
    width: 100%;
    height: 4.4rem;
    border-radius: .5rem;
    border: .1rem solid #e9e9e9;
    margin: .4rem 0 .8rem 0;
    font-size: 1.2rem
}

.sign-up .sign-up-input-wrap li input::-moz-placeholder {
    color: #999
}

.sign-up .sign-up-input-wrap li input::placeholder {
    color: #999
}

.sign-up .sign-up-input-wrap li .error {
    color: #ff41a2;
    font-size: 1.3rem;
    padding: 0 .4rem;
    box-sizing: border-box
}

.sign-up .sign-up-input-wrap li .guide {
    color: #888;
    font-size: 1.3rem;
    padding: 0 .4rem;
    box-sizing: border-box;
    display: block
}

.sign-up .sign-up-input-wrap li .guide.off {
    display: none
}

.sign-up .sign-up-input-wrap li .success {
    color: #37afa2!important;
    font-size: 1.3rem;
    padding: 0 .4rem;
    box-sizing: border-box
}

.sign-up .sign-up-input-wrap .birthday-input-wrap {
    padding: 1.1rem 2.8rem;
    border: .1rem solid #e9e9e9;
    border-radius: .5rem;
    margin: .4rem 0 .8rem 0
}

.sign-up .sign-up-input-wrap .birthday-input-wrap input {
    border: none;
    border-radius: 0;
    width: 33.333%;
    text-align: center;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative
}

.sign-up .sign-up-input-wrap .birthday-input-wrap input:nth-child(2) {
    border-left: .1px solid #e9e9e9;
    border-right: .1px solid #e9e9e9
}

.sign-up .sign-up-input-wrap .mail-magazine-wrap {
    margin-top: 2.8rem
}

.sign-up .sign-up-input-wrap .mail-magazine-wrap span {
    font-size: 1.3rem;
    display: inline-flex;
    align-items: center;
    margin-right: 4rem;
    margin-top: 1.2rem
}

.sign-up .sign-up-input-wrap .sms-magazine-wrap {
    margin-top: 2.8rem
}

.sign-up .sign-up-input-wrap .sms-magazine-wrap span {
    font-size: 1.3rem;
    display: inline-flex;
    align-items: center;
    margin-right: 4rem;
    margin-top: 1.2rem
}

.sign-up .sign-up-input-wrap .terms {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-top: 3.2rem
}

.sign-up .sign-up-input-wrap .terms span {
    margin-right: .5rem;
    color: #343434;
    font-weight: 500;
    text-decoration: underline
}

.sign-up .sign-up-input-wrap input[type=checkbox],.sign-up .sign-up-input-wrap input[type=radio] {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    border: .1rem solid #e9e9e9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 .5rem 0 0;
    position: relative;
    transform: scale(.8)
}

.sign-up .sign-up-input-wrap input[type=checkbox]:checked,.sign-up .sign-up-input-wrap input[type=radio]:checked {
    background: #ff41a2;
}

.sign-up .sign-up-input-wrap input[type=checkbox]:checked:before,.sign-up .sign-up-input-wrap input[type=radio]:checked:before {
    content: "";
    display: block;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sign-up-sns {
    display: none;
    padding: 2rem 2rem 6rem 2rem
}

.sign-up-sns.on {
    display: block
}

.yahoo-migration {
    width: 100%;
    margin-bottom: 5rem
}

.yahoo-migration .personal-information-form {
    display: none
}

.yahoo-migration .personal-information-form.on {
    display: block
}

.yahoo-migration h2 {
    color: #ff41a2;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin: 0 0 5% 0
}

.yahoo-migration ul {
    padding: 0 1.1rem;
    max-width: 56rem;
    margin: 0 auto;
    width: 100%;
    display: none;
    box-sizing: border-box
}

.yahoo-migration ul.on {
    display: block
}

.yahoo-migration ul li {
    margin-bottom: 1rem;
    display: flex;
    align-items: center
}

.yahoo-migration ul li.code-wrap {
    display: none
}

.yahoo-migration ul li.on {
    display: flex!important
}

.yahoo-migration ul li input {
    box-sizing: border-box;
    padding: 0 1.1rem;
    height: 4.2rem;
    flex: 1;
    border: .1rem solid #e1e1e1
}

.yahoo-migration ul li button {
    margin-left: 1rem;
    height: 4.2rem;
    width: 6rem;
    font-size: 1.3rem;
    color: #fff;
    background: #ff41a2;
    border-radius: .5rem
}

.yahoo-migration ul .guide-login {
    display: block;
    color: #999;
    margin-top: 3rem;
    font-size: 1.3rem;
    position: relative
}

.yahoo-migration ul .guide-login dl {
    position: relative;
    padding-left: 1rem
}

.yahoo-migration ul .guide-login dl:before {
    content: "-";
    position: absolute;
    left: 0;
    font-size: 1.5rem
}

.yahoo-migration ul .guide-login button {
    width: 100%;
    margin: 2rem 0 0 0
}

.yahoo-migration .personal-information-form .notice {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

.yahoo-migration .personal-information-form .notice h4 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.yahoo-migration .personal-information-form div {
    width: 100%
}

.yahoo-migration .personal-information-form div p {
    font-size: 1.4rem;
    position: relative;
    display: inline
}

.yahoo-migration .personal-information-form div p:before {
    content: "";
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: #ff41a2;
    position: absolute;
    right: -.1rem;
    top: .1rem
}

.yahoo-migration .personal-information-form input {
    width: 100%;
    margin-top: .5rem
}

.result-message-yahoo {
    font-size: 1.4rem;
    line-height: 2.5rem
}

.guide-message-yahoo {
    font-size: 1.2rem;
    color: #999
}

.swal2-popup {
    width: auto
}

.btn-success {
    color: #fff!important;
    background-color: #ff41a2!important
}

.general-sign-in {
    margin: 5rem auto 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
    width: 100%
}

.general-sign-in input {
    width: 100%;
    display: block;
    font-size: 1.2rem;
    height: 4.4rem;
    border: .1rem solid #e9e9e9;
    margin-bottom: .8rem;
    color: #1a1a1a
}

.general-sign-in input::-moz-placeholder {
    color: #999
}

.general-sign-in input::placeholder {
    color: #999
}

.general-sign-in button {
    margin-top: 1.6rem;
    background: #000;
    color: #fff;
    border-radius: .5rem;
    width: 100%;
    height: 4.4rem;
    font-size: 1.4rem
}

.general-sign-in .find-user-wrap {
    margin-top: 3.2rem;
    text-align: center
}

.general-sign-in .find-user-wrap a {
    display: inline-block;
    color: #888;
    font-size: 1.2rem;
    position: relative;
    padding: 0 1.5rem;
    box-sizing: border-box
}

.general-sign-in .find-user-wrap a:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -.1rem;
    width: .2rem;
    height: 1.5rem;
    background: #d4d4d4
}

.general-sign-in .find-user-wrap a:last-child:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -.1rem; /* ← 이번엔 왼쪽에 표시 */
    width: .2rem;
    height: 1.5rem;
    background: #d4d4d4;
}

.non-members-order-inquiry-wrap {
    margin: 5rem auto 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
    width: 100%
}

.non-members-order-inquiry-wrap input {
    width: 100%;
    display: block;
    font-size: 1.2rem;
    height: 4.4rem;
    border: .1rem solid #e9e9e9;
    margin-bottom: .8rem;
    color: #1a1a1a
}

.non-members-order-inquiry-wrap input::-moz-placeholder {
    color: #999
}

.non-members-order-inquiry-wrap input::placeholder {
    color: #999
}

.non-members-order-inquiry-wrap button {
    margin-top: 1.6rem;
    background: #000;
    color: #fff;
    border-radius: .5rem;
    width: 100%;
    height: 4.4rem;
    font-size: 1.4rem
}

.non-members-order-inquiry-wrap .order-inquiry-guide {
    margin-top: 3.2rem;
    color: #888;
    font-size: 1rem;
    line-height: 1.9;
    position: relative
}

.non-members-order-inquiry-wrap .order-inquiry-guide li {
    position: relative;
    padding-left: 1rem
}

.non-members-order-inquiry-wrap .order-inquiry-guide li:before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block
}

.completed-sign .btn-l-pink {
    background: #ff41a2;
    color: #fff;
    width: calc(100% - 2rem);
    margin: 1.5rem 1rem 3rem 1rem
}

.completed-sign .btn-l-pink a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.completed-sign .title {
    padding: 4rem 0;
    border-bottom: .2rem solid #f4f4f4
}

.completed-sign .title span {
    display: block;
    width: 100%;
    text-align: center
}

.completed-sign .title span:first-child {
    margin-bottom: 4rem;
    font-size: 2rem;
    color: #000;
    font-weight: 600
}

.completed-sign .title span:last-child {
    font-size: 1.4rem;
    color: #595959;
    line-height: 1.5
}

.completed-sign>.appdown {
    padding: 3rem 0 6rem
}

.completed-sign>.appdown img {
    display: block;
    margin: 0 auto;
    width: 17%
}

.completed-sign>.appdown span {
    display: block;
    margin-top: 3rem;
    color: #595858;
    font-size: 1.3rem;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
    position: relative
}

.completed-sign>.appdown span b {
    color: #ff41a2
}

.completed-sign .signup_benefit {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    box-sizing: border-box
}

.completed-sign .signup_benefit span {
    position: relative;
    width: calc(50% - .5rem)
}

.completed-sign .signup_benefit span a {
    position: absolute;
    display: block;
    width: 85%;
    padding-top: 20%;
    margin-left: 7.5%;
    bottom: 12%
}

.completed-sign .signup_benefit span:first-child {
    margin-right: 1rem
}

.auto-complete-result-popup {
    z-index: 1;
    position: absolute;
    top: 7rem;
    height: calc(100vh - 7rem);
    background: #fff;
    width: 100%;
    left: 0;
    padding: 2rem 0;
    box-sizing: border-box;
    overflow-y: auto
}

.auto-complete-result-popup .line {
    width: 100%;
    height: .1rem;
    background: #f4f4f4;
    margin: 2.4rem 0
}

.auto-complete-result-popup>.cate li+li {
    margin-top: 2rem
}

.auto-complete-result-popup>.cate li {
    padding: 0 1.6rem;
    display: flex;
    align-items: center
}

.auto-complete-result-popup>.cate li .icon {
    width: 4rem;
    height: 4rem;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 1.6rem
}

.auto-complete-result-popup>.cate li .icon img {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.auto-complete-result-popup>.cate li a {
    width: calc(100% - 11.4rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.auto-complete-result-popup>.cate li a,.auto-complete-result-popup>.cate li a span {
    font-size: 1.3rem;
    font-weight: 500;
    color: #000
}

.auto-complete-result-popup>.cate li a span .highlight {
    color: #ff41a2;
    background: transparent;
    font-size: 1.3rem;
    font-weight: 500
}

.auto-complete-result-popup>.cate li em {
    width: 5.8rem;
    font-size: 1rem;
    font-weight: 400;
    color: #585858;
    background: #f4f4f4;
    text-align: center;
    height: 1.6rem;
    border-radius: .2rem
}

.auto-complete-result-popup>.shops li+li {
    margin-top: 2rem
}

.auto-complete-result-popup>.shops li {
    padding: 0 1.6rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.auto-complete-result-popup>.shops li img {
    width: 4rem;
    height: 4rem;
    margin-right: 1.5rem;
    border-radius: 4rem
}

.auto-complete-result-popup>.shops li span {
    font-size: 1.3rem;
    font-weight: 500;
    color: #000;
    width: calc(100% - 5.6rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.auto-complete-result-popup>.shops li span span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

.auto-complete-result-popup>.shops li span .highlight {
    color: #ff41a2;
    font-weight: bolder;
    background: none
}

.auto-complete-result-popup>.products li+li {
    margin-top: 2rem
}

.auto-complete-result-popup>.products li {
    padding: 0 1.6rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.auto-complete-result-popup>.products li img {
    width: 4rem;
    height: 4rem;
    margin-right: 1.6rem
}

.auto-complete-result-popup>.products li span {
    font-size: 1.3rem;
    font-weight: 500;
    color: #000;
    width: calc(100% - 5.6rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.auto-complete-result-popup>.products li span span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

.auto-complete-result-popup>.products li span .highlight {
    color: #ff41a2;
    font-weight: bolder;
    background: none
}

.search-field {
    position: relative
}

.search-field .rank-typo {
    position: relative;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-field .rank-typo span.down+span,.search-field .rank-typo span.up+span {
    margin-left: .75rem
}

.search-field .search-keyword-wrap {
    padding: 0 1rem;
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem .4rem
}

.search-field .search-keyword-wrap span {
    padding: 0 1.8rem;
    box-sizing: border-box;
    font-weight: 700;
    color: #b7b7b7;
    border: .1rem solid #ebebeb;
    height: 3rem;
    font-size: 1.3rem;
    border-radius: 2.6rem;
    display: inline-block;
    line-height: 2.8rem;
    cursor: pointer
}

.search-field .search-input {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    height: 4rem
}

.search-field .search-input input {
    display: flex;
    height: 4.5rem;
    width: 100%;
    font-weight: 700;
    color: #000000;
    background-color: #f9f9f9;
    border-radius: 2rem;
    align-items: center;
    padding-left: 5rem;
    border: 0
}
.search-field .search-input input::placeholder{
    color:#b0b0b0;
}

.search-field .search-input button {
    width: 3rem;
    height: 3rem;
    margin-left: .3rem
}

.search-field .search-input:before {
    content: "";
    position: absolute;
    margin-left: 2rem;
    width: 2rem;
    height: 2rem;
    background: url(/asset/icons/header/ico_search.png) no-repeat .2rem .2rem/1.7rem auto;
    filter: opacity(.5) drop-shadow(0 0 0 #B7B7B7)
}

.search-field .search-input .btn-lens {
    background: url(/asset/icons/search/ico-lens.png) no-repeat .2rem .2rem/1.7rem auto;
    position: absolute;
    right: 5.6rem;
    top: 2.5rem;
    width: 3rem;
    height: 2rem
}

.search-field .search-input .btn-lens.description:before {
    content: "";
    position: absolute;
    margin-left: -10.7rem;
    margin-top: 2rem;
    width: 15.5rem;
    height: 8rem;
    background: url(/img/lens-description.png) no-repeat .2rem .2rem/15rem auto;
    z-index: 2
}

.search-field .search-input .btn-lens.fadeOut:before {
    animation-name: fadeOut;
    animation-duration: .45s;
    animation-fill-mode: forwards
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.search-field h4 {
    padding: 2rem 0 1.25rem 0
}

.search-field .recent-searched-keywords {
    display: flex;
    align-items: center;
    padding: 0 1.5rem
}

.search-field .recent-searched-keywords .remove-all {
    position: relative;
    text-align: right;
    top: .33333rem
}

.search-field .ranked-keywords {
    padding: 0 1.5rem
}

.search-field .ranked-keywords li {
    padding-bottom: 1.25rem;
    display: flex;
    align-items: center
}

.search-field .ranked-keywords li>span:nth-child(2) {
    flex: 1
}

.search-field .ranked-keywords li a,.search-field .ranked-keywords li div,.search-field .ranked-keywords li span {
    display: inline-block
}

.search-field .ranked-keywords li a.up,.search-field .ranked-keywords li div.up,.search-field .ranked-keywords li span.up {
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-bottom: .6rem solid #ff41a2;
    width: auto
}

.search-field .ranked-keywords li a.down,.search-field .ranked-keywords li div.down,.search-field .ranked-keywords li span.down {
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-top: .6rem solid #0d6efd;
    width: auto
}

.search-result h2 {
    text-align: center;
    padding: 2rem 2rem 0;
    white-space: pre-line;
    margin-left: 0;
    font-weight: 600;
    font-size: 1.7rem
}

.search-result .searched-wrapper>span {
    margin-left: 1.5rem
}

.search-result #filter-container {
    top: 83px
}

.search-result #filter-container.on {
    display: none
}

.shop-rank .shop-rank-header {
    color: #000;
    font-weight: 600;
    font-size: 1.1rem;
    height: 3.3rem;
    margin-top: 3rem;
    border-top: .1rem solid #f4f4f4;
    border-bottom: .1rem solid #f4f4f4;
    display: flex;
    align-items: center;
    padding: 0 1.1rem;
    box-sizing: border-box
}

.shop-rank .shop-rank-header .title {
    flex-grow: 1;
    display: inline-flex;
    align-items: center
}

.shop-rank .shop-rank-header .title span {
    margin-right: .5rem;
    font-weight: 600
}

.shop-rank .shop-rank-header .title button>img {
    width: 15px;
    display: block;
    height: auto
}

.shop-rank .shop-rank-body {
    padding: 0 .6rem;
    box-sizing: border-box
}

.shop-rank .shop-rank-body li {
    padding-top: 1.8rem;
    padding-bottom: 2rem;
    box-sizing: border-box
}

.shop-rank .shop-rank-body li .shop-info-wrapper {
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    position: relative
}

.shop-rank .shop-rank-body li .shop-info-wrapper a {
    display: flex
}

.shop-rank .shop-rank-body li .shop-info-wrapper a>img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: .1rem solid #e8e8e8;
    box-sizing: border-box
}

.shop-rank .shop-rank-body li .shop-info-wrapper .rank {
    color: #ff41a2;
    font-weight: 600;
    font-size: 1.2rem;
    margin-right: .5rem;
    width: 2.1rem
}

.shop-rank .shop-rank-body li .shop-info-wrapper .new-shop {
    width: 1.3rem;
    display: inline-block;
    margin-left: .3rem
}

.shop-rank .shop-rank-body li .shop-info-wrapper .shop-info {
    display: grid;
    flex: 1;
    margin-left: 1.2rem
}

@media (max-width: 393px) {
    .shop-rank .shop-rank-body li .shop-info-wrapper .shop-info {
        width:21rem!important
    }
}

.shop-rank .shop-rank-body li .shop-info-wrapper .shop-info .shop-name {
    font-size: 1.3rem;
    font-weight: 600;
    display: flex;
    align-items: center
}

.shop-rank .shop-rank-body li .shop-info-wrapper .shop-info .hashtags {
    color: #424141;
    font-size: 1.1rem
}

.shop-rank .shop-rank-body li .shop-info-wrapper .shop-info .description {
    color: #b0b0b0;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.shop-rank .shop-rank-body li .shop-info-wrapper .change {
    width: 1.5rem;
    height: 1.5rem;
    padding-left: 1.5rem;
    position: absolute;
    right: 4rem;
    top: 2rem
}

.shop-rank .shop-rank-body li .shop-info-wrapper .change.up {
    background: url(https://img.sonyunara.com/2021/asset/2021/icon/ico_rank_up.png) no-repeat 0 .3rem/.75rem auto;
    color: #ff6565
}

.shop-rank .shop-rank-body li .shop-info-wrapper .change.down {
    background: url(https://img.sonyunara.com/2021/asset/2021/icon/ico_rank_down.png) no-repeat 0 .3rem/.75rem auto;
    color: #5a6eff
}

.shop-rank .shop-rank-body li .shop-info-wrapper .favorite {
    margin: auto;
    width: 2.5rem;
    height: 2.5rem;
    right: 1rem;
    background: url(/asset/icons/shop/favorite.png) no-repeat -6rem 0/10rem auto;
    position: absolute
}

.shop-rank .shop-rank-body li .shop-info-wrapper .favorite.on {
    background-position: -6rem -3rem
}

.shop-rank .shop-products {
    /* padding-top: 0.8rem; */
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.shop-rank .shop-products li {
    width: calc(33.333% - 1rem)!important;
    display: inline-block;
    margin: 0 .5rem;
    border-radius: .75rem
}

.shop-rank .shop-products li a {
    width: 100%;
    padding-top: 100%;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    display: block
}

.shop-rank .shop-products li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.shop .coupon_down_list_wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    border-radius: .8rem .8rem 0 0
}

.shop .coupon_down_list_wrap .bottom-btn-wrap {
    padding: .8rem 1.6rem;
    box-sizing: border-box;
    background: #fff
}

.shop .coupon_down_list_wrap .bottom-btn-wrap button {
    text-align: center;
    color: #ff41a2;
    border: .1rem solid #ff41a2;
    border-radius: .8rem;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1.2rem 0 1.3rem;
    width: 100%
}

.shop .coupon_down_list_wrap .coupon_down_list_header {
    padding: 2rem 0;
    text-align: center;
    position: relative;
    border-bottom: .1rem solid #dcdcdc;
    box-sizing: border-box
}

.shop .coupon_down_list_wrap .coupon_down_list_header span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    display: block
}

.shop .coupon_down_list_wrap .coupon_down_list_header button {
    width: 3rem;
    height: 3rem;
    background: url(/asset/images/product-detail/close_detail_slide.png) no-repeat 50%/2.4rem 2.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem
}

.shop .coupon_down_list_wrap .guide_btn_wrap {
    padding: 1.6rem 1.6rem 1.1rem;
    display: flex;
    box-sizing: border-box
}

.shop .coupon_down_list_wrap .guide_btn_wrap em:first-of-type {
    font-size: 1.4rem;
    color: #000;
    font-weight: 500
}

.shop .coupon_down_list_wrap .guide_btn_wrap em:nth-of-type(2) {
    margin-left: auto;
    font-size: 1.3rem;
    color: #ff41a2;
    font-weight: 500
}

.shop .coupon_down_list_wrap .coupon_down_list_box {
    padding: 1.6rem 1.6rem 8.7rem;
    box-sizing: border-box;
    max-height: 33.7rem;
    overflow-y: auto
}

.shop .coupon_down_list_wrap .coupon_down_list_box::-webkit-scrollbar {
    width: 5px
}

.shop .coupon_down_list_wrap .coupon_down_list_box::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 5px
}

.shop .coupon_down_list_wrap .coupon_down_list_box::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.shop .coupon_down_list_wrap .coupon_down_list_box li {
    border-radius: 1.6rem;
    box-shadow: 0 .2rem .8rem 0 rgba(0,0,0,.12);
    display: flex;
    align-items: center;
    height: 17.4rem
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .info {
    padding: 1.2rem 0 1.2rem 1.6rem;
    box-sizing: border-box;
    flex: 1
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .sale {
    font-size: 2.4rem;
    font-weight: 700;
    color: #ff41a2;
    margin-top: .4rem
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_name {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    margin-bottom: .8rem
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_canuseac,.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_category,.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_max_account {
    margin-bottom: .2rem;
    color: #848484;
    font-size: 1.2rem;
    font-weight: 500
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_date {
    margin-top: .8rem;
    color: #848484;
    font-size: 1.2rem;
    font-weight: 500
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_status {
    width: 6.4rem;
    height: 100%;
    margin-left: auto;
    border-left: .1rem dashed #dcdcdc;
    box-sizing: border-box;
    position: relative;
    background: url(/asset/images/product-detail/conpon_down_off.png) no-repeat 50%/2.4rem auto
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_status.on {
    background: url(/asset/images/product-detail/coupon_down_on.png) no-repeat 50%/2.4rem auto
}

.shop .coupon_down_list_wrap .coupon_down_list_box li .coupon_status.on em {
    font-size: 1rem;
    color: #b0b0b0;
    font-weight: 500;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.shop .coupon_down_list_wrap .coupon_down_list_box input {
    display: none
}

.shop .coupon_down_list_wrap .coupon_down_list_box li+li {
    margin-top: 1.2rem
}

.shop #shop_banner {
    position: relative;
    overflow: hidden
}

.shop #shop_banner:after {
    content: "";
    display: block;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.002) 1.8%,hsla(0,0%,100%,.008) 4.8%,hsla(0,0%,100%,.021) 9%,hsla(0,0%,100%,.042) 13.9%,hsla(0,0%,100%,.075) 19.8%,hsla(0,0%,100%,.126) 27%,hsla(0,0%,100%,.194) 35%,hsla(0,0%,100%,.278) 43.5%,hsla(0,0%,100%,.382) 53%,hsla(0,0%,100%,.541) 66%,hsla(0,0%,100%,.738) 78%,#fff);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 32%;
    z-index: 10
}

.shop #shop_banner .swiper-slide {
    position: relative;
    padding-top: 128%;
    overflow: hidden
}

.shop #shop_banner .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: auto
}

.shop #shop_banner .pagination {
    position: absolute;
    top: 85.2%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    width: auto;
    height: .8rem
}

.shop #shop_banner .pagination span {
    width: .8rem;
    height: .8rem;
    background: hsla(0,0%,100%,.4)!important;
    margin: 0!important
}

.shop #shop_banner .pagination .swiper-pagination-bullet-active {
    background: #fff!important
}

.shop .shop_profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -14%;
    position: relative;
    z-index: 50;
    padding: 0 1.6rem;
    box-sizing: border-box
}

.shop .shop_profile>img {
    width: 6.4rem;
    border-radius: 50%
}

.shop .shop_profile>.shop_info {
    gap: .5rem;
    margin-left: 1.2rem;
    display: inline-flex;
    align-items: center;
    width: calc(100% - 7.8rem);
    flex-wrap: wrap
}

.shop .shop_profile>.shop_info>p:nth-child(2) {
    display: block;
    width: 100%;
    color: #848484;
    font-size: 1.3rem;
    font-weight: 500
}

.shop .shop_profile>.shop_info>p:nth-child(3) {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0.1rem .7rem;
    background-color: #f4f4f4;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

.shop .shop_profile>.shop_info>p:first-child {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.shop .shop_profile>.shop_info>p:first-child span.inshop {
    margin-left: .4rem;
    border-radius: 10rem;
    background: #ffefe6;
    height: 2rem;
    padding: 0 .6rem;
    display: inline-flex;
    align-items: center;
    margin-top: 3px;
}

.shop .shop_profile>.shop_info>p:first-child span.inshop b {
    color: #ff5a00;
    font-size: 1rem;
    font-weight: 500;
}

.shop .shop_profile>.shop_info>p:first-child span.only_sona {
    margin-left: .4rem;
    border-radius: 10rem;
    background: #e5ebf7;
    display: inline-block;
    height: 2rem;
    padding: 0 .6rem;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 3px;
}

.shop .shop_profile>.shop_info>p:first-child span.only_sona b {
    color: #1e68ff;
    font-size: 1rem;
    font-weight: 500
}

.shop .shop_profile>.shop_info>p:first-child span.muse {
    margin-left: .4rem;
    border-radius: 10rem;
    background: #fbe9fb;
    padding: 0 .6rem;
    display: inline-flex;
    align-items: center;
    height: 1.7rem;
    line-height: 1.7rem;
    margin-top: 3px;
}

.shop .shop_profile>.shop_info>p:first-child span.muse b {
    font-size: 1rem;
    font-weight: 500;
    color: #D11ED4;
}

.shop .shop_profile .introduce {
    margin-top: 1.6rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #000;
    width: 100%
}

.shop .share_icon_wrap {
    margin-top: 2.4rem;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20%,1fr));
    align-items: center;
    padding: 0 1.6rem;
    box-sizing: border-box
}

.shop .share_icon_wrap img {
    width: 2.4rem;
    margin: 0 auto;
    position: relative
}

.shop .share_icon_wrap a,.shop .share_icon_wrap>div {
    position: relative
}

.shop .share_icon_wrap>a+a:after,.shop .share_icon_wrap>div:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .1rem;
    height: 2.4rem;
    background: #dcdcdc
}

.shop .favorite {
    width: calc(100% - 3.2rem);
    margin: 2.8rem auto 0;
    font-size: 1.3rem;
    text-align: center;
    color: #848484;
    background: #f4f4f4;
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    cursor: pointer
}

.shop .favorite::before{
    content: "";
    background:url('/asset/icons/shop/star.png') no-repeat center center / 2rem auto;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
}

.shop .favorite.on::before{
    background:url('/asset/icons/shop/star_on.png') no-repeat center center / 2rem auto;
}

.shop .favorite.on {
    color: #ff41a2
}

.shop .favorite b {
    margin-left: .4rem;
    font-size: 1.4rem;
    font-weight: 600
}

.shop .favorite img {
    width: 2rem;
    margin-right: .4rem
}

.shop .coupon_list {
    width: calc(100% - 3.2rem);
    height: 4.8rem;
    margin: 2rem auto 0;
    background: #ff41a2;
    border-radius: .8rem;
    overflow: hidden;
    position: relative;
    padding: 1.4rem 1.6rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.shop .coupon_list p {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 700;
    flex: 1;
    margin-right: 1.6rem;
    border-right: 1px solid hsla(0,0%,100%,.4)
}

.shop .coupon_list:after,.shop .coupon_list:before {
    content: "";
    display: block;
    width: .8rem;
    height: .8rem;
    background: #fff;
    position: absolute;
    right: 4.8rem;
    border-radius: 50%;
    top: -.4rem
}

.shop .coupon_list:after {
    bottom: -.4rem;
    top: auto
}

.shop .coupon_list img {
    width: 2rem;
    margin-left: auto
}

.shop .goods_rank_list {
    margin-top: 2.8rem;
    width: 100%;
    padding: 0 1.6rem;
    box-sizing: border-box;
    border-top: .8rem solid #f4f4f4
}

.shop #promotion_shop_banner {
    overflow: hidden;
    margin-top: 1.2rem;
    margin-bottom:4rem;
    position: relative;
    font-size:0;
}

.shop #promotion_shop_banner p {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1.2rem
}

.shop #promotion_shop_banner .swiper-slide img {
    border-radius: .8rem
}

.shop #promotion_shop_banner .swiper-pagenation {
    width: 4.5rem;
    padding: .6rem 0;
    border-radius: 10rem;
    background: rgba(0,0,0,.4);
    font-size: 1.1rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: .05rem;
    text-align: center;
    position: absolute;
    bottom: 1.2rem;
    right: 1.2rem;
    left: auto;
    z-index: 10
}

.shop .goods_rank_list{
    padding-top:1.6rem;
}

.shop .goods_rank_list .product-slider + .product-slider {
    margin-top: 4rem
}

.shop .goods_rank_list .product-slider h2 {
    margin-left: 0
}

.shop .goods_rank_list .product-slider .product-card {
    padding: 0
}

.shop .shop_goods_list {
    margin-top: 4rem;
    width: 100%;
    box-sizing: border-box;
    border-top: .8rem solid #f4f4f4
}

.shop .shop_goods_list #filter-container {
    top: 9.8rem;
    padding: 1.6rem;
    box-sizing: border-box
}

.shop .shop_goods_list .goods_list_wrap {
    width: 100%;
    padding: 0 1.6rem 1.6rem;
    box-sizing: border-box
}

.shop .shop_goods_list .goods_list_wrap .goods_count {
    font-size: 1.2rem;
    font-weight: 500;
    color: #b0b0b0
}

.shop .shop_goods_list .goods_list_wrap .product-list {
    display: grid;
    grid-template-columns: calc(50% - .35rem) calc(50% - .35rem);
    gap: .7rem
}

.shop .shop_goods_list .goods_list_wrap .product-list .product-card {
    width: 100%
}

.shop .shop_goods_list .goods_list_wrap .product-card,.shop .shop_goods_list .goods_list_wrap .product-list {
    padding: 0
}

.shop .shop_goods_list #shop_menu {
    height: 4.8rem;
    border-bottom: .1rem solid #f4f4f4;
    background: #fff;
    position: sticky;
    top: 4.9rem;
    z-index: 10
}

.shop .shop_goods_list #shop_menu .swiper-slide {
    padding: 0 1.4rem;
    width: auto;
    display: inline-block;
    position: relative;
    font-size: 1.3rem;
    color: #848484;
    font-weight: 500;
    line-height: 4.8rem;
    cursor: pointer
}

.shop .shop_goods_list #shop_menu .swiper-slide:first-child {
    font-size: 1.4rem;
    padding: 0 1.4rem 0 1.6rem
}

.shop .shop_goods_list #shop_menu .swiper-slide.on {
    color: #000
}

.shop .shop_goods_list #shop_menu .swiper-slide.on:before {
    content: "";
    width: 100%;
    height: .2rem;
    background: #000;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0
}

.shop .shop_goods_list .filter {
    padding: 0;
    box-sizing: border-box
}

.shop .shop_goods_list #filter-container {
    z-index: 10
}

.my-addresses .address-board-title {
    font-weight: 700;
    display: flex;
    align-items: center;
    background: #f9f9f9;
    padding: 0 1.5rem;
    border: .1rem solid #e4e4e4;
    border-left: none;
    border-right: none;
    height: 4.5rem;
    font-size: 1.7rem
}

.my-addresses .address-board-title>b {
    color: #000
}

.my-addresses .address-board-title>a {
    display: inline-block;
    margin-left: auto;
    color: #fff;
    background: #39373a;
    padding: 0 1.3rem;
    height: 3rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    border-radius: .4rem
}

.my-addresses .address-list-wrap {
    position: relative;
    padding: 1.5rem 1.7rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: .1rem solid #e8e8e8
}

.my-addresses .address-list-wrap>div>input {
    display: none
}

.my-addresses .address-list-wrap>div>input+label {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background: url(/img/ico_radio.png) no-repeat 0 0/1.8rem auto
}

.my-addresses .address-list-wrap>div>input:checked+label {
    background-position: 0 87%
}

.my-addresses .address-list-wrap>div:last-child {
    position: absolute;
    top: 1.5rem;
    right: 1.7rem
}

.my-addresses .address-list-wrap>div:last-child a,.my-addresses .address-list-wrap>div:last-child>button {
    display: inline-block;
    margin: 0 .25rem;
    background: #f5f5f5;
    border: .1rem solid #e4e4e4;
    box-sizing: border-box;
    color: #000;
    font-size: 1.4rem;
    padding: 0 1.3rem;
    height: 3rem;
    line-height: 2.6rem;
    border-radius: .4rem
}

.my-addresses .address-info {
    padding: 0 1.4rem;
    box-sizing: border-box;
    font-size: 1.5rem
}

.my-addresses .address-info>span {
    display: block;
    margin-bottom: .5rem
}

.my-addresses .address-info>span:first-child {
    color: #ff41a2
}

.my-addresses .address-info>span:nth-child(3) {
    color: #747474;
    font-size: 1.4rem
}

.my-addresses .bullet-list {
    padding: 2.4rem 1.5rem 3.5rem;
    background: #f9f9f9
}

.my-addresses .bullet-list dt {
    margin: 0 0 1rem;
    font-size: 1.3rem;
    color: #000
}

.my-addresses .bullet-list dd {
    position: relative;
    padding: 0 0 0 1rem;
    font-size: 1.1rem;
    color: #787878;
    text-align: left;
    line-height: 1.4
}

.my-addresses .bullet-list dd:before {
    content: "";
    position: absolute;
    left: 0;
    top: .4rem;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: #5a5a5a
}

.my-addresses .btn-l-pink {
    margin-top: 1.5rem;
    background: #ff41a2;
    color: #fff
}

.address-view .address-title {
    font-weight: 700;
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border: .1rem solid #e4e4e4;
    border-right: none;
    border-left: none;
    height: 4.5rem;
    font-size: 1.7rem
}

.address-view .address-list,.address-view .address-title {
    padding: 0 1.5rem;
    box-sizing: border-box
}

.address-view .address-list>li {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.8rem
}

.address-view .address-list>li>p {
    width: 11rem;
    font-size: 1.5rem
}

.address-view .address-list>li>div {
    width: calc(100% - 12.5rem);
    margin-left: 1.5rem
}

.address-view .address-list>li>div>input {
    width: 100%;
    height: 3rem;
    display: inline-block;
    border-bottom: 1px solid #cecece;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none
}

.address-view .address-list>li .postcode {
    width: 11.3rem
}

.address-view .address-list>li button {
    color: #fff;
    background: #39373a;
    width: 7.3rem;
    height: 3rem;
    padding: 0 .5rem;
    font-size: 1.2rem;
    margin-left: 3rem;
    border-radius: .4rem
}

.address-view .address-list>li>* {
    display: inline-block
}

.address-view input {
    display: none
}

.address-view label {
    margin: 3rem 0 3rem 1.4rem;
    font-size: 1.5rem;
    background: url(/asset/icons/join/icon_form_check_circle.png) no-repeat 0 100%/1.8rem auto;
    padding-left: 2.3rem
}

.address-view input:checked+label {
    background-position: 0 -11%!important
}

.address-view .btn-wrap {
    padding: 1.5rem 1.5rem 0 1.5rem;
    box-sizing: border-box;
    margin-top: 1.5rem;
    border-top: .1rem solid #e8e8e8
}

.address-view .btn-wrap>button {
    margin-bottom: 1.2rem;
    width: 100%;
    color: #414141;
    border: .1rem solid #c8c8c8
}

.address-view .btn-wrap .btn-l-pink {
    background: #ff41a2;
    color: #fff;
    border: none
}

.address-view .error-message {
    color: #ff41a2;
    font-size: 1.2rem;
    margin-top: .5rem;
    display: block
}

.my-points .point-tab-menu, .find-id-tab-menu {
    width: 100%;
    display: flex
}

.my-points .point-tab-menu>a , .find-id-tab-menu>a {
    display: inline-block;
    width: 50%;
    height: 4.2rem;
    text-align: center;
    font-size: 1.3rem;
    color: #939393;
    line-height: 4.2rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #e7e7e7
}

.my-points .point-tab-menu>.on, .find-id-tab-menu>.on {
    border-bottom: .25rem solid #040404;
    font-weight: 600;
    color: #040404
}

.my-points .user-point {
    padding: 2.5rem 3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.my-points .user-point * {
    display: inline-block
}

.my-points .user-point>span {
    width: 50%
}

.my-points .user-point>span>em {
    display: inline-block;
    color: #fff;
    background: #000;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem
}

.my-points .user-point>span>p {
    display: inline-block;
    font-size: 1.2rem;
    color: #39373a;
    margin-left: 1rem
}

.my-points .user-point>span:last-child {
    text-align: right
}

.my-points .user-point>span>b {
    color: #ff41a2;
    font-size: 1.8rem;
    font-weight: 700
}

.my-points .line-v2 {
    border-top: .1rem solid #e7e7e7;
    height: .5rem;
    background: #eee
}

.my-points .point-list {
    padding: 1.1rem;
    box-sizing: border-box;
    font-size: 1.2rem
}

.my-points .point-list>li {
    font-size: 1rem;
    padding: 1.6rem 1.5rem;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    grid-template-columns: 70% 30%;
    border: .1rem solid #e6e6e6;
    border-radius: .4rem;
    margin-bottom: .75rem;
}

.my-points .point-list>li>div>span {
    display: block
}
.my-points .point-list>li>div>span.del_date {
    font-size: 8px;
    color: #f30;
}

.my-points .point-list>li>div:first-child>span:first-child {
    color: #7e7e7e
}

.my-points .point-list>li>div:last-child {
    text-align: right
}

.my-points .point-list>li>div:last-child>span:first-child {
    color: #1e68ff;
    font-size: 1.3rem;
    font-weight: 600
}

.my-points .point-list>li>div:last-child>span:first-child.add {
    color: #f30;
    font-size: 1.3rem;
    font-weight: 600
}

.my-points .point-list>li>div:last-child>span:last-child {
    color: #ababab
}

.my-points .not-point>p {
    width: 100%;
    text-align: center
}

.my-points .point-info {
    background-color: #fff;
    line-height: 1rem;
    font-size: 1rem;
    color: #414141;
    padding: 1.2rem;
    margin-bottom: 20px
}

.my-deposits .deposit-tab-menu {
    width: 100%;
    display: flex
}

.my-deposits .deposit-tab-menu>a {
    display: inline-block;
    width: 50%;
    height: 4.2rem;
    text-align: center;
    font-size: 1.3rem;
    color: #939393;
    line-height: 4.2rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #e7e7e7
}

.my-deposits .deposit-tab-menu>.on {
    border-bottom: .25rem solid #040404;
    font-weight: 600;
    color: #040404
}

.my-deposits .user-deposit {
    padding: 2.5rem 3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.my-deposits .user-deposit * {
    display: inline-block
}

.my-deposits .user-deposit>span {
    width: 50%
}

.my-deposits .user-deposit>span>em {
    display: inline-block;
    color: #fff;
    background: #000;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4rem
}

.my-deposits .user-deposit>span>p {
    display: inline-block;
    font-size: 1.2rem;
    color: #39373a;
    margin-left: 1rem
}

.my-deposits .user-deposit>span:last-child {
    text-align: right
}

.my-deposits .user-deposit>span>b {
    color: #ff41a2;
    font-size: 1.8rem;
    font-weight: 700
}

.my-deposits .line-v2 {
    border-top: .1rem solid #e7e7e7;
    height: .5rem;
    background: #eee
}

.my-deposits .deposit-list {
    padding: 1.1rem;
    box-sizing: border-box
}

.my-deposits .deposit-list>li {
    font-size: 1rem;
    padding: 1.6rem 1.5rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border: .1rem solid #e6e6e6;
    border-radius: .4rem;
    margin-bottom: .75rem
}

.my-deposits .deposit-list>li>div {
    width: 50%
}

.my-deposits .deposit-list>li>div>span {
    display: block
}

.my-deposits .deposit-list>li>div:first-child>span:first-child {
    color: #7e7e7e
}

.my-deposits .deposit-list>li>div:last-child {
    text-align: right
}

.my-deposits .deposit-list>li>div:last-child>span:first-child {
    color: #1e68ff;
    font-size: 1.3rem;
    font-weight: 600
}

.my-deposits .deposit-list>li>div:last-child>span:first-child.add {
    color: #f30;
    font-size: 1.3rem;
    font-weight: 600
}

.my-deposits .deposit-list>li>div:last-child>span:last-child {
    color: #ababab
}

.my-deposits .not-deposit>p {
    width: 100%;
    text-align: center
}

.my-deposits .deposit-info {
    background-color: #fff;
    line-height: 1rem;
    font-size: 1rem;
    color: #414141;
    padding: 1.2rem;
    margin-bottom: 20px
}

.my-info {
    padding: 2rem 2rem 6rem 2rem
}

.my-info .mail-guide-wrap {
    position: relative
}

.my-info .mail-guide-wrap .mail-guide-icon {
    width: 1.7rem;
    margin-left: .4rem;
    line-height: 2rem;
    margin-top: .1rem
}

.my-info .mail-guide-wrap .mail-guide-info {
    position: absolute;
    top: calc(100% - 1rem);
    width: 23rem!important;
    left: 1.76rem;
    z-index: 100;
    background: #fff;
    padding: 1.8rem 1.1rem!important;
    box-sizing: border-box;
    border-radius: 1.5rem;
    border: .1rem solid #d0d0d0;
    display: none!important
}

.my-info .mail-guide-wrap .mail-guide-info.on {
    display: block!important
}

.my-info .mail-guide-wrap .mail-guide-info>div {
    width: 100%!important;
    padding: 0!important;
    text-align: left!important;
    color: #626060!important;
    font-weight: 600;
    font-size: 1rem
}

.my-info .mail-guide-wrap .mail-guide-info>i {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: .6rem;
    display: block;
    cursor: pointer
}

.my-info .mail-guide-wrap .mail-guide-info>i:after,.my-info .mail-guide-wrap .mail-guide-info>i:before {
    content: "";
    width: .2rem;
    height: 1.5rem;
    background: #d0d0d0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-right: 1.5rem
}

.my-info .mail-guide-wrap .mail-guide-info>i:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.my-info .mail-guide-wrap .mail-guide-info>i:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.my-info .leave {
    margin-top: 2rem;
    padding: 1rem 0;
    box-sizing: border-box;
    display: block;
    font-size: 1.2rem;
    border-top: .1rem solid #b7b7b7
}

.my-info .leave a {
    color: #b7b7b7
}

.my-info li.on {
    display: none
}

.my-info .title:before {
    display: none!important
}

.my-info input:-moz-read-only {
    color: #b7b7b7
}

.my-info input:read-only {
    color: #b7b7b7
}

.edit-check {
    padding: 0 1.1rem
}

.edit-check ul li {
    width: 100%;
    margin: 2.6rem 0
}

.edit-check ul li p {
    font-size: 1.5rem
}

.edit-check ul li input {
    width: 100%;
    font-size: 1.2rem;
    border-bottom: .1rem solid #ddd;
    height: 2.8rem;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

.edit-check .btn-l-pink {
    color: #fff;
    background: #ff41a2
}

.edit-check .btn-l-gray {
    color: #000;
    border: .1rem solid #c8c8c8;
    margin-top: 1.4rem
}

.edit-check .btn-l-gray a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.mypage {
    padding: 0 1.1rem
}

.mypage .button-wrap {
    margin: 5rem 0;
    display: flex;
    align-items: center
}

.mypage .button-wrap>* {
    width: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 4.1rem;
    background: #f3f3f3;
    color: #000;
    font-size: 1rem;
    box-sizing: border-box
}

.mypage .button-wrap button {
    border-right: .1rem solid #fff
}

.mypage .notice-button-area {
    width: 6rem;
    margin: 0 auto;
    position: relative
}

.mypage .notice-button-area:before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTlCMkRCODYyOEUxMTFFRDhGRjlFNzQ2MEE5NkJFQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTlCMkRCODcyOEUxMTFFRDhGRjlFNzQ2MEE5NkJFQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOUIyREI4NDI4RTExMUVEOEZGOUU3NDYwQTk2QkVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOUIyREI4NTI4RTExMUVEOEZGOUU3NDYwQTk2QkVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgz3bIQAABl0SURBVHja7J0LrFZVdoDXRV4iMAyKoEATRKQ+YBSRlwgDKqCCYlPTUCKktYkTZNoZTZT44oqPgWmlnTrSGktToZZYrYKP+AQEES6K6IDCMAg4AiqiyAAC8rpdi39fvcB/7/0f57XP+b5k5WhMrv9dZ+/vrn3+dfauqK6uFgAAH2hECgDAFxrX/ENFRQXZgLxUD5llg6OJGy+1o5G72n8/qYEfc9h+lMYhjSPuWjsOViwcR7kP+cegWwlWfP8PCCvLMuqkcbZGF43OtaKjRjsXYQ8QG4jbXWzV2FwrNmps0NiC1BAWwsqGmKwC6qbRQ+N8F+dqdNVo7smvsd+Ja63GRy5Wa6xXkR3mLiMs8Ldq6q7RT+MSjV4aPTVapPRX3quxSmOlxrsaVRrrqMYQFiRTUE310ltjkMZgJ6o2GU/LTieuRRqLNVaowA4wWhAWxFNBWcV0hcZwjYEaJ5OZetmnsUTjVY03rCKjAkNYEJ6kWjpBjdK4RqM9WSmLbRovabxgAlN57SElCAvKk1RbvYzWuF5jmEZTshIKtlR8TeM5jbkqrx2kBGFBYZJq7QQ1RuNyqdUrB5FgPWHzNeaYwFReu0gJwoJjJWUtB1dpjNcYKf60GaQda6N4UeMJjZdpnUBYWReV9UXd5ETVgYwkmi+cuGaquNaTDoSVFUnZKy7XakzQGEpGvGSBxgyN51VeB0kHwkqjqE7Vy80at2icSUZSwWcaj2o8puL6mnQgrDSIyjrOb9O4UXg2lVbsWddsjYdVXOtIB8LyUVR99HKH5L7xI7kZue2Sa42YpuJ6h3QgLB9EZa/FVEquAx2yi3XUV6q4qkgFwkqiqAboZbLkGjwBarCG1PtUXEtJBcJKgqjsnb4HJdc/BVAX9grQ3SquVaQCYcUhKtvg7iGNscIzKihw2Gg8qXGnimsz6UBYUYiqlV4madwqfOsHpWHfKk7XmKri2k06EFYYorIEWWvCr4WdEiAYbMeI2zVms9UNwgpSVhdJrrO5H9mAELBvEieotN4nFQir3OXf/Ro/F45Eg3Cxk4Qe0biHZSLCKkVW1+nlt5I7UQYgKrZoTFRpzSMVCKsQUbVzf+n+imxAjDxllb2Kazup+EFYLHOOldUNelmDrCAB2Bhc48YkOKiwcqKyE2bsofoYhgQkENv91B7K72RJmHFhqaxsG2LbmK0j8wISjJ2GPV6lNR9hZVBYbiO9KZLbUYEHeODFsNWYpnFv1jYOzLSwVFZdXJndlzkAHrJcY4xKa1PWhJW5h+4qKzvXbyWyAo+xsbvSjeVMkZkKy51M84Dk3gMESAtTJbcLRKpP9MnUktAdSPq0cOgDpBM7FOOGNB8Amxlhuf2q5mp0YVxDirHnWaPTut9WJp5hqazsmPdlyAoygI3xZW7Mp5bUCktvnG3b8axGC8YyZAQb68+6sZ9KUrck1JvVWC//LrkTlQGyykyNn+kS8VCaloSpEpbK6hS9PKMxgvEKIK9o/KVK61uElTxZ2S4LL2tczDgF+J73NK7yfdeHVAlLZfVnkvtqtyvjE+AENmgMVWl96ruwvH/orrI6Vy9LkRVAndjcWOrmitd4LSy9AT30sljYaQGgIWyOLHZzBmHFICt7n+pNjdMYiwAFYXPlTTd3EFbEsrIjwNsyBgGKwubMa75Kyzth1ZJVa8YeQEm09lVaXn1L6Nbfb1JZAQSCvSz904qF41Ynfu779i2h+4ZjAbICCHR5uMCnbw+9EJbrs3pdeMAOEDQ2p153cwxhBSCrdq6yonUBIBw6ukqrHcIqT1b2bqC9bkNTKEC42Bx72c05hFWCrGzXBXuRmXcDAaLB5tozbu4hrCKxLWLYdQEgWka4uYewiqiubAMy9rMCiIebkroJYOL6sNwWr7ZTKIebAsQ4FTX+omLhuLmJ+DBJ3F7GHRhhe7CzrTFA/OzV6J+Egy0SJyx3FNcK4cAIgCRhp/H0jvsIsUR1urtDTp9GVgCJw+bk026Oxk5SHrrbicwccgqQTIa6ORo7sS8J1dyj9PI8YwIg8VyrS8MX4lwSxioslZWVmys12jAWABLPTo1eKq1NcQkrtiWhyqqJXuYgKwBvsLk6x83dWIjzGdYUjb6MAQCv6OvmbizEsiRUQ18uue1iaA4F8A+TxpW6NJwf9ZIwcmGprKys/FDYLgbAZ7ZqXKDS2hmlsOJYEs5AVgDe09HN5UiJVFhaXd2glzHca4BUMMbN6ciIbEnodjNcI2xzDJAmvtI4T5eG29O2JHwEWQGkjtPc3E5PhaXV1XV6mcu9BUgto7XKmhd2hRW6sFRWrdxSsBP3FCC1bHFLw92+LwnvR1YAqaeTm+v+Lgm1urpIcntcNeJ+AqSeI5LbO+t97yoslZUZcAayAsgMNtdnuLkf2v8gLG7U6Mc9BMgU/dzc92dJ6B60r9doz/0DyBzbNLoF+QA+7CXhJGQFkFnaOwckv8LS6qqzXv6g0Zz7BpBZ9muco1XW5qRXWA8hK4DM09y5ILkVljtX8ANhnysAyO2bdWEQ5xqGVWE9iKwAoKYgkoBP2wmswtLqaoBe3uYeAcBxXKpV1tIgKqzGAX6oydyX4+jWVqT9KfF/jn2HRN77PJ05vrCDSMsmyfk8274VWb+DsX8s92qMSEyFpdWVNYst474cxx1adA7vmozP8istfl/fmL4cPz5SpOuPk/N5Xt0gMm0pY/9E+muVVVVuhRXUM6xK7kfCubWvyFk/Jg8QF4E4omxhaXXVRy/DuR8Jp5mu/qcM1uVTU3IBcTDcuSJeYdnCh3vhCWe2Epl0Kd/jQlyU7YqyhKXG7K6X67kPHjGgk8hfX0AeIA6ud86IrcK6Tfh77R9/e6HIxWeQB4iaCueM6IWlpjxVQtxGAsIcNjpu7r5M5PRTyAVEzY3OHZFXWDcL7wz6y4+aiVQOEmnM/ooQKc2dO6ITlhrSOvVuIfee8+eniUy8hDxA1NziHBJZhXWtxpnkPQVce47IsLPIA0TJmc4hkQlrAjlPEb/sR1MpRE1JDilaWFrKddPLUPKdIpqdRFMpRM1Q55LQK6ybyHUai3SaSiFyinZJUcJSI+qfYhlPnlOKNZWO7UEeICrGO6eEVmFdpdGBPKeYv/kJTaUQFR2cU0ITFtVV2rGm0ntoKoXoqqxQhKWlW2u9jCS/GaB1M5H7Bos0OYlcQNiMdG4JvMKyl5zpbM8K3U8VmdibPEDYNJciNlAoRlhjyG3GGHVOcnZMhTRTsFsKEpaWbG31cjl5zSC/7JusLYghjVzuHBNYhTVagj2wAnyhqTWV/lSkFU2lEBqNnWMCExab9GWZM1rSVAphU5BjGhSWlmo6WmUY+cw4/WkqhVAZ5lxTdoV1hS0MyCfQVAoh0tS5pmxhjSKXcJSaptL2NJVCKDTomkYNLAftqcU15BG+x5pKK2kqhVC4xjmn5Aqrp0Z78gjHYE2lf89OpRA47Z1zShbWFeQQ8v8t7CYygqZSCJwryhEWJzpD3fyir0i3tuQBgmR4ScLStaQ9tR9I/qBOrKnUnmfRVArBMdC5p+gKy958PZn8Qb1YU+mdA2kqhaA42bmnaGENIndQEH07itzYkzxAUAwqRViDyRsUzHgV1iWc/AaBMLgoYbleiH7kDQrGmkrvHkhTKQRBv7r6seqqsLprtCFvUBStaCqFQGjjHFSwsKiuoDRoKoWAqqxihMWIg9KxptKrziYPUA6XFCOsXuQLyuIXfWgqhXLoVZCw3MGGfEcN5WHPsezkHXuuBVA8PfMdspqvwrLz7luQLyibDi1F7ro09w0iQHG0cC5qUFhsKwnB0aejyDiGFJREj0KEdT55gkAZ9xMVF02lUDTnIyyIHlsR3nVZbokIELCwziVPEDi2o0PloNwODwCFcW69wnLt8OzKBuFwjjWV9iEPUChdj39F5/gKq5PkzroHCIerz6apFAqluXNSncJiJEH40FQKRVRZ9QmrC/mB0KGpFArnrPqE1Zn8QCTYN4a2HQ1NpVA/nREWJAPb8G88b4EBwgJfsK2VbYtlgBKExciBaLEVoR1icQZNpZCXjvUJqx35gcg52lQ6mKZSyEe7vMJyDVoIC+LB2hzsYFaA44RVu3m0doXVRDhdDuJkRFeRa2gFhBMeGjTNJ6zG5AZix17dsX3hAX4AYUFCsabSSppK4dhRgbAgudjZhjSVAsICb6CpFBoQViPyknIOHPbr81pTaT9aA+EHN1FhZYnNu0T+b60/n5emUqinwuKBQRZ4bKXI6i/9+bwtm+Z2dmhGUykV1rHCYkRkgUNHRKYsFvlmvz+f+ey2Iv9AU2mGaZxPWJAVvt6nVYtK60i1P5/ZmkpHduPeUWpBJlm1Lbc89AmaShEWKcgwz6wRWfRHjxYGjXLPs1rTVIqwIHvYivAfl4n88U/+fObTXVNpI74jQliQPfYeFKlcJLLvkD+fuTdNpQgLsotVWL9e6tdnpqkUYUGGsWdZz6z16zNbU2kbjtHMqrAOk46M89h7/jWVnnoy9y39HMonrGryknEOV+f6s3bsIxeQJI7kE9Yh8gJHZWXSOszfL0gMB/MJ6wh5gaPYstCWhwBUWOAF9gB+4SfkARJbYSEsOJZ/8qypFBAWZBhrJr33Tb+aSgFhQYaxTf+mvU0eIE4O5BOWWYyvhuBEFn8q8r9ryAPEQXVeYVUsHGf/YTv5gbw8vlLkd9vIA0TNduemEyosQVhQJ9aXdf9buc3/ACIUVu1/OV5YW8kP1AlNpRA9W+sT1mbyA/Xy4Zci/7aCPEBUbEZYUB7P/l5kwSfkARAWeII1lX6ykzxArMLaRH6gIPZbU+mi3I6lAOGxsT5hfUx+oGC2WFPpUvIAYbKhPmFtsb+d5AgK5q1PRZ76iDxAKHW8c1J+YbkGrQ3kCYri8fdFPqCpFIKvrmo3jearsIy15AmKwk6Qvn8xTaUQNCe4KJ+wqO+heL7R6n3yIpFD7AMJgfERwoLwWLNdZAZNpRCtsFaTJyiZuetE3qA7BgJhdSHCWq+xl1xByUyvEtlEUymUxV7novqFVbFwnJ1PuIp8QclYU+nkN2kqhXJY5VzUYIVlrCRfUBZbdotMZadSKJm8DqpLWO+SLyibJZtF5vAdDpTEu8UIq4p8QSDMtKbSL8gDFEtVMcJap8FTUygfayqd8pbIdr7HgYLZ6RxUmLBcOzxVFgQ0/PaLVNJUCoVXV8e/ktNQhWUsIm8QGGu/EnmUplIoiDrdU5+wFpM3CJR5WuW/vpE8QEMsLkVY9ueQt1khWKYvF9nI41Gok33OPcUJS9eQdnjhEvIHgfKdayr9lqZSyMsS556iKyzjVfIHgbOVplIozTkNCesN8geh8PZmkf/5kDxAUc5pSFj2TiFbSUI4/OcHIu99Th6ghm3SwHvM9QrL9UK8RB4hFKyp9IG3RL78llyA8VJd/VeFVljGC+QRQuNP34lULqapFApyTSHCsjXlAXIJofH7r0Qe4X37jHNACnhm3qCwtETbo5fXyCeE+7f1DzrKaCrNMK8515RdYRnPkU8InX+uEtn4DXnIJgU5plBhzdU4RE4hVL47LHLvIpE9PIHIGIecY4IRlpZqO/Qyn7xC6Hy2W+RXNJVmjPnOMYFVWMYc8gqRsGyLyH9zeFOGKNgtxQjL1pj7yS1Ewn/9TmTFZ+Qh/eyXIp6RFywsLdl26eVF8guRcLSpdAlNpennReeWwCss4wnyC5Gx6zuRyexUmnKKckqxwnpZgxMFIDrWfS3yr++Qh3TyhXNKOMJyBxtSZUHEi4b1Iq9sIA8prK7yHZYaZIVlzCTPEDm/WS7y8Q7ykC6KdknRwlIj2nn3C8g1RIo1lU6mqTRFLHAuCVdYjhnkGyLn8z0iDy0RqSYVKaAkh5QqrOc1aJKB6KnaKjJ7FXnwm8+cQ6IRlpZydoLAo+QdYuEJFda7/L30mEedQyKrsIzHhM53iINq11S6jaZSD9nv3FESJQtLDfm1XmaTf4iF3bZT6SKRg4fJhV/Mdu6IVliOh4VHoBAXNJV6Vxs7Z5RMWcJSU64TNveDOHnpY5pK/eE554x4hOWYxn2AWPmX5SLraSr1gLJdUbaw1JhWk3NCNMTHAddUupum0gTzqnNFvMJyVHI/IFa+2CPy4Fs8UU0ugTiioro6d4crKirK+kHVQ2ZZlTWM+1KLbm1F2p+SnM+z56DIBynfbKPH6SI/ahbf/99aLVie5quuRpTlF+epxgF+qPsQ1nHYwGXwRsvqL8lB8pgS1A8Kakloz7KWCjuSAsCxvODckCxhOe4SniIAgFvJadwd5A8MVFhqUnsr9UnuEwCYC5wTkiksx53CO4YAWWe/c0GgBC4sNepmvUznfgFkmunOBckWlmOqxjbuGUAm2eYcEDihCEvNulsvt3PfADLJ7c4BfgjLYVvPVHHvADJFlYS47VRgne75qB4y6yK9rAhZjACQDOzE295aXb0fuEucp0IVifvgj3AfATLBI2HIKqolYQ33aGzhXgKkmi1urodK6MJyD98mcj8BUs3EsB60R11hmbTm6eUp7ilAKnnKzfHQifJh+M81vuLeAqSKr9zcjoTIhKUG3q6XCdxfgFQxwc3tdAnLSetpvczhHgOkgjluTkdGHP1RVmVt5V4DeM3WOFZMkQtLjbxTL+OFfbMAfMXm7ng3l9MtLCet+cLxYAC+Ms3N4ciJ85WZezWWc+8BvGK5m7uxEOq7hA3WlUNmddHLSo02jAOAxGNLwF5aXW2K3BVRvEtYwNLQfvFxjAMALxgXh6ySsiSskdYLEtJmXwAQGFPdXI2VpGz7YidrLGBMACSSBRLw6TclFzhxPsM6Zo06ZFZbye2d1YXxAZAYbAloe1zFeiJwIp5hHbc0tISM1tjLGAFIBDYXR8ctqyQuCWukZWeYjRWaSgHixubg2KDPFUyVsJy05uplEuMFIFYmubmYLD8k5RnWCXofMus/9HIT4wYgcmaqrP4uUT5I2jOsPPxM4xXGDkCkvOLmXiJJbIXlqqxT9LJI42LGEUDovKcxWKurbxPnghpPJVlYTlrt9LJMoyvjCSA0Nmj0j3IzvrQtCXMizSVwqLCHFkBY2NwamlRZ1caLA041kZ/q5UphT3iAoLE5daWbY4nHmxOZNaFrXaW1gzEGEAg7XGW11pcP7NUR8prY1Xq5WmMXYw2gLGwOXe3mlDc08i3LmmDbQGwY0gIoS1bD3FzyikY+ZruWtFgeAhS/DPRSVkfnftLbGuqjesisHpLb+uI0xiFAg9gD9qG+LQOPznVf2hoaqLQs8YOElgeAhrA5MshHWXm/JDxOWvYNxwDJNb4BwInY3Bjg07eBqRWWk5b1kPSX3KsFAPADNif6+9JnlQlhOWlZl+5g4YVpgBpsLgz2oYM9c8Jy0rKXNkdpzGSsQsaxOTAqiS8ylzXHff6WsD6qh8y6XXKn8VQwdiFD2IS2zfd+napfypfdGsqUlu0R/6RGC8YxZADbg31sEncKRViFS6unXuwGchoPpBk73WZ00vZgD1pYjdJ+F90N7C2cewjpxcZ277TKqjaNsnA33TFF9ioPJ0xD2rAxPSxJR3GFOpfTviTMs0S0bxFnabRhrIPH7NQYl4Tj46NcEmZOWE5a9jxrjkZfxj14iL24PEZltSkzczYrz7DqWCLajb7MldMc2grezFs3Zi/LkqwyvSTMU21drpcnNDoyHyDB2MvL41VU8zM5T7NcYR1XbdkAuMAtEQGSiI3NC7IqKyqsuqutG/QyQ9hfC5KB7V81QUX1dObnJhVW3mrLBsZ5Gk+RDYgZG4PnISsqrEKrrev08luNTmQDImSLxkQV1TxSQYVVTLU1z1Vbv9E4QkYgZI64sXYesqLCKrfaukhyz7b6kQ0IgSrJPat6n1RQYQVRbdlAsm2Yx2tsIyMQENvcmBqArKiwwqq2WullksatGs3JCJTAfo3pGlNVVLtJR+EVFsIqXVyd9fKQxlhhk0AocNhIbn+2O1VUm0kHwopDXLbf1gOS25oZoC7sJeW7s7AFDMLyQ1z2jGuy5LaxAajhVY0pKqqlpAJhJVFc9k1ipcZwspF5UVWqqKpIBcLyQVx99HKHxvXCM67M3HaN5zSmqajeIR0Iy0dxddfLbRo3Ct8qphX71m+2xsMqqnWkA2GlQVyn6uVmjVs0ziQjqeAzjUc1HlNRfU06EFYaxdVEL9dqTNAYSka8xA59sDcfnldRHSQdCCsr8uqml5sk1+3cgYwkmi8kt9HjTJXUetKBsLIsrpP0cpUT10jhWVdSsGdTLzpRvayiOkxKEBYcK6/WkvtmcYyGbd/cmKxEyiEN29nTdvl8TiW1i5QgLChMXm31MtoJzBpSm5KVUDig8ZrkWhLmZuWMP4QFYcqrpV6ukNwrQNdotCcrZWE7JbwkuVdm3lBJ7SElCAvCkZfdrJ5OYNZRP1DjZDJTL/s0lkiuA/0NjVUqKY54Q1gQg8BsqdhbY5DGYMltNJj1k63tZGR7LWaRxmKNFSqoA4wWhAXJrMC6O3FdotHLVWQtUvor77WKSWOlxrtOVOuooBAW+Csxa52wvq8eGue7OFejq/jTRmFtBhs01mp85GK1xnpaDhAWZKcas5OBztbootG5Vthp2O1chD1AbCBud2GnHG+uFRudqLZQNSEshAWFSK2piya1olGta0P9YtbfZCfDHKx1rQl7tnQAGUHBwgIASDqcmgMA3vD/AgwAX11sdyKY28UAAAAASUVORK5CYII=) no-repeat 0,0;
    background-size: 1.4rem 1.4rem;
    position: absolute;
    left: 8%
}

.mypage .mypage-banner {
    padding-top: 2rem
}

.mypage .profile {
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 1.5rem
}

.mypage .profile .profile-image {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: .2rem solid #ff41a2;
    box-sizing: border-box;
    overflow: hidden
}

.mypage .profile .user-profile {
    margin-left: 1rem;
    font-size: 1.2rem;
    color: #434343
}

.mypage .profile .user-profile>p:first-child {
    margin-bottom: .4rem
}

.mypage .profile .user-profile a {
    margin-left: .5rem;
    padding: .2rem .5rem;
    color: #6f6f6f;
    border: .1rem solid #d0d0d0;
    background: #fff;
    border-radius: .4rem
}

.mypage .profile .setting-button {
    width: 4rem;
    height: 4rem;
    background: url(/img/set_mypage.svg) no-repeat 50% 50%/2.4rem auto;
    margin-left: auto
}

.mypage .point-wrap {
    padding: 1.5rem 0;
    box-sizing: border-box;
    border: .1rem solid #d2d2d2;
    border-radius: .8rem;
    font-size: 0;
    white-space: nowrap;
    margin-top: 1.5rem
}

.mypage .point-wrap a {
    position: relative;
    box-sizing: border-box;
    width: 33.333%;
    display: inline-flex;
    align-items: center;
    flex-direction: column
}

.mypage .point-wrap a>span {
    width: 100%;
    text-align: center;
    display: block
}

.mypage .point-wrap a>span:first-child {
    font-size: 1.3rem;
    color: #7f7f7f
}

.mypage .point-wrap a>span:nth-child(2) {
    color: #5c5b5b;
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: .5rem
}

.mypage .point-wrap a:nth-child(2):after,.mypage .point-wrap a:nth-child(2):before {
    content: "";
    width: .1rem;
    height: 100%;
    background: #e7e7e7;
    position: absolute
}

.mypage .point-wrap a:nth-child(2):before {
    left: 0
}

.mypage .point-wrap a:nth-child(2):after {
    right: 0
}

.mypage .mypage-menu-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1.5rem 0
}

.mypage .mypage-menu-list li {
    width: 25%;
    margin-top: 1.5rem;
    color: #434343;
    font-size: 1.1rem
}

.mypage .mypage-menu-list li a {
    display: inline-block;
    width: 100%
}

.mypage .mypage-menu-list li img {
    width: 5rem;
    margin: 0 auto;
    display: block
}

.mypage .mypage-menu-list li span {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: .7rem
}

.mypage .delivery-status {
    width: 100%;
    margin-top: 1.5rem;
    clear: both;
    float: left;
    border: 1px solid #d2d2d2;
    border-radius: .8rem;
    overflow: hidden
}

.mypage .delivery-status .title {
    padding: 1.7rem 1.4rem;
    display: flex;
    align-items: center
}

.mypage .delivery-status .title b {
    color: #323232;
    font-weight: 600;
    font-size: 15px
}

.mypage .delivery-status .title a {
    font-size: 1.3rem;
    padding-right: 1.2rem;
    color: #ff41a2;
    margin-left: auto;
    background: url(/asset/icons/mypage/icon_mypage_more_btn.png) no-repeat 100% 50%/.5rem auto
}

.mypage .delivery-status .status {
    padding: 0 1.4rem;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 0
}

.mypage .delivery-status .status li {
    width: 16.666%;
    display: inline-block
}

.mypage .delivery-status .status li a {
    width: 100%;
    display: block;
    text-align: center;
    color: #8e8e8e
}

.mypage .delivery-status .status li a b {
    font-size: 1.9rem;
    display: block
}

.mypage .delivery-status .status li a span {
    font-size: 1.2rem;
    display: block;
    margin-top: .2rem
}

.mypage .delivery-status .review-btn {
    margin-top: 2rem;
    text-align: center;
    padding: 1.2rem;
    font-size: 1.4rem;
    background: #f3f3f3;
    border-top: 1px solid #d2d2d2;
    box-sizing: border-box;
    display: block;
    width: 100%
}

.mypage .btn-l-grey {
    border: .1rem solid #d2d2d2;
    margin-top: 1.5rem
}

.mypage .error-message {
    color: #ff41a2;
    font-size: 1.2rem;
    margin-top: .5rem;
    display: block
}

.leave {
    padding: 0 1rem;
    box-sizing: border-box
}

.leave .guide-title {
    margin-top: 2.5rem;
    margin-bottom: .8rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    line-height: 1.2rem
}

.leave .guide-title img {
    width: 1.2rem;
    display: inline-block;
    margin-right: .3rem
}

.leave .guide-info {
    font-size: 1.2rem
}

.leave .guide-info li {
    position: relative;
    margin-bottom: .5rem;
    padding-left: 1rem;
    color: #8e8e8e
}

.leave .guide-info li:before {
    content: "-";
    display: inline-block;
    font-size: 1.2rem;
    position: absolute;
    left: 0;
    top: 0
}

.leave .guide-info li:nth-child(2) {
    color: #dc3545
}

.leave .personal-information-form>li>* {
    display: block;
    width: 100%
}

.leave .personal-information-form>li>div>P {
    width: 100%;
    margin-top: 2.6rem
}

.leave .personal-information-form>li .notation_name,.leave .personal-information-form>li>.name {
    margin-top: 0
}

.leave .personal-information-form>li p:first-child {
    font-size: 1.5rem;
    margin-bottom: .5rem
}

.leave .personal-information-form>li input {
    width: 100%;
    height: 2.7rem;
    font-size: 1.2rem;
    border-bottom: .1rem solid #ddd
}

.leave .personal-information-form>li:last-child {
    margin-bottom: 2.6rem;
    padding-bottom: 2.6rem
}

.leave textarea {
    padding: 1rem;
    width: 100%;
    height: 16rem;
    font-size: 1.4rem;
    line-height: 1.4;
    border: .1rem solid #cecece;
    border-radius: .4rem;
    box-sizing: border-box
}

.leave .btn-l-pink {
    background: #ff41a2;
    color: #fff;
    margin: 1.5rem 0
}

.leave .btn-l-gray {
    box-sizing: border-box;
    border: .1rem solid #c8c8c8
}

.leave .btn-l-gray a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 4.55rem;
    color: #414141!important
}

.my-coupons {
    width: 100%
}

.my-coupons .tabs {
    font-size: 0;
    white-space: nowrap
}

.my-coupons .tabs span {
    display: inline-block;
    width: 50%;
    height: 4.2rem;
    font-size: 1.3rem;
    text-align: center;
    line-height: 4.2rem;
    color: #939393;
    box-sizing: border-box;
    border-bottom: .1rem solid #f5f5f5
}

.my-coupons .tabs span.on {
    font-weight: 600;
    color: #000;
    border-bottom: .25rem solid #000
}

.my-coupons .expired li .discount-price {
    color: #000!important
}

.my-coupons .coupon-list {
    background: #fafafa;
    padding: 2.5rem 2.2rem;
    display: none!important
}

.my-coupons .coupon-list.on {
    display: block!important
}

.my-coupons .coupon-list li {
    padding: 2rem 2.5rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: .8rem;
    box-shadow: 0 .1rem .3rem rgba(0,0,0,.15);
    margin-bottom: 1.2rem
}

.my-coupons .coupon-list li .discount-price {
    color: #ff41a2;
    font-size: 1.8rem;
    font-weight: 600
}

.my-coupons .coupon-list li .name {
    margin: 1rem 0 1.6rem;
    font-size: 1.2rem;
    color: #000;
    font-weight: 600
}

.my-coupons .coupon-list li .category,.my-coupons .coupon-list li .condition,.my-coupons .coupon-list li .maximum-discount-price {
    color: #919191;
    font-size: 1.2rem
}

.my-coupons .coupon-list li .date {
    margin-top: .5rem;
    color: #919191;
    font-size: 1rem
}

.my-coupons .coupon-list li .date b {
    color: red
}

.my-coupons .coupon-list li:last-child {
    margin-bottom: 0
}

.my-cart .delivery-guide-banner {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 3%;
    box-sizing: border-box;
    background-color: #eee
}

.my-cart .delivery-guide-banner img {
    width: 5rem;
    display: inline-block;
    padding: 0 1%;
    box-sizing: border-box
}

.my-cart .delivery-guide-banner p {
    width: calc(100% - 5rem);
    display: block;
    box-sizing: border-box;
    font-weight: 700;
    color: #000
}

.my-cart .delivery-guide-banner p span:first-child {
    display: block;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    padding-left: 1rem;
    box-sizing: border-box
}

.my-cart .delivery-guide-banner p span:first-child em {
    font-weight: 700;
    color: #ff41a2
}

.my-cart .delivery-guide-banner p span:nth-child(2) {
    margin-top: .2rem;
    display: block;
    font-size: 1rem;
    padding-left: 1rem;
    box-sizing: border-box
}

.my-cart .delivery-guide-banner p span:nth-child(2) em {
    text-decoration: line-through
}

.my-cart>.cart-info {
    min-height: 90vh
}

.my-cart .free-delivery-option {
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    box-shadow: 0 -1.4rem 2.6rem -.8rem #f1f0f0;
    padding-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    position: relative;
    display: block!important
}

.my-cart .free-delivery-option>span {
    text-align: center!important;
    margin-top: 1rem;
    display: block!important;
    width: 100%;
    font-size: 1.3rem!important;
    color: #000!important
}

.my-cart .free-delivery-option>span em {
    color: #ff41a2;
    font-weight: 700;
}

.my-cart .free-delivery-option>span .point {
    font-weight: 700;
    color: #000
}

.my-cart .free-delivery-option .free-delivery-gage {
    width: calc(100% - 3.2rem);
    border-radius: 1.5rem;
    height: .7rem;
    background: #f3f3f3;
    position: relative;
    margin: 1.5rem auto 2.1rem
}

.my-cart .free-delivery-option .free-delivery-gage>span {
    position: absolute!important;
    top: 0!important;
    width: 50%;
    height: 100%;
    background: #ff41a2;
    border-radius: 1.5rem!important;
    transition: .5s;
}

.my-cart .free-delivery-option .free-delivery-gage>span img {
    position: absolute;
    width: 4rem;
    top: 50%;
    transform: translateY(-42%);
    right: -.5rem
}

.my-cart .none-item div:not(.first-purchase-event) {
    padding: 24% 0;
    width: 30rem;
    margin: 0 auto
}


.my-cart .none-item div:not(.first-purchase-event) img {
    width: 5rem;
    display: block;
    margin: 1rem auto 0
}

.my-cart .none-item div:not(.first-purchase-event) p:nth-child(2) {
    margin-top: 3rem;
    text-align: center;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600
}

.my-cart .none-item div:not(.first-purchase-event) p:nth-child(3) {
    margin: 1rem auto 3.1rem auto;
    text-align: center;
    color: #818181;
    font-size: 1.4rem;
    font-weight: 600;
    white-space: nowrap
}

.my-cart .none-item div:not(.first-purchase-event) a {
    max-width: 22rem;
    width: 100%;
    height: 4.5rem;
    margin: 0 auto;
    display: block;
    background: #ff41a2;
    border-radius: .75rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    line-height: 4.3rem
}

.my-cart .none-item .first-purchase-event {
    width: 100%;
    max-width: 750px;
    padding: 0 1rem;
    box-sizing: border-box
}

.my-cart .none-item .first-purchase-event>a {
    height: auto
}

.my-cart .none-item .first-purchase-event>a>img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}

.my-cart .first-purchase-event-notice {
    background-color: #eee;
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem
}

@media (max-width: 414px) {
    .my-cart .first-purchase-event-notice {
        font-size:1rem!important
    }
}

.my-cart .first-purchase-event-notice mark {
    background: none;
    font-weight: bolder;
    color: #ff41a2;
    -webkit-text-stroke: .25px #ff41a2
}

.my-cart .order-button-wrap {
    background: #fff;
    position: sticky;
    width: 100%;
    z-index: 10;
    box-sizing: border-box;
    bottom: calc(env(safe-area-inset-bottom) - 58px);
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    margin-bottom: -15rem;
}

.my-cart .order-button-wrap.checkApp {
    bottom: 0!important
}

.my-cart .order-button-wrap>button {
    width: calc(100% - 3.2rem);
    margin: 0 auto;
    padding: 0!important;
    height: 4.9rem;
    font-weight: 700;
    text-align: center;
    display: block;
    line-height: 4.7rem
}
.my-cart .order-button-wrap>button.btn-gray{
    color: #fff;
    background-color: #b7b7b7 !important;
}
.my-cart input, .snInput {
    display: none
}

.my-cart label, .snLabel {
    background-image: url(/asset/icons/common/ico_radio.webp);
    background-repeat: no-repeat
}

.my-cart input:checked+label, .snInput:checked+.snLabel  {
    background-position: 0 96%
}

.my-cart .cart-guide {
    bottom: 0;
    padding: 1.3rem;
    font-size: 1.3rem;
    color: #b7b7b7;
    font-weight: 700
}

.my-cart .cart-guide {
    box-sizing: border-box;
    border-bottom: .9rem solid #eee
}

.my-cart .cart-order-wrap {
    display: flex;
    align-items: center;
    padding: 1rem 1.6rem;
    position:sticky;
    top:55px;
    background-color: #fff;
    z-index:1;
}

.my-cart .cart-order-wrap label {
    height: 2.3rem;
    padding-left: 2.8rem;
    background-size: 2.3rem auto;
    color: #676767;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2.4rem
}

.my-cart .cart-order-wrap button {
    margin-left: auto;
    color: #656565;
    font-size: 1.3rem
}

.my-cart div>.product-items {
    padding: 0 1.6rem 1.6rem;
    box-sizing: border-box;
    border-bottom: .9rem solid #eee;
    border-top: .9rem solid #eee;
}

.my-cart div>.product-items>li:last-child {
    border-bottom: none
}

.my-cart div>.product-items>li {
    width: 100%;
    display: flex;
    align-items: start;
    position: relative;
    padding: 2.5rem 0;
    border-bottom: .1rem solid #eee
}

.my-cart div>.product-items>li .remove-product {
    width: 2.5rem;
    height: 2.5rem;
    position: relative
}

.my-cart div>.product-items>li .remove-product:after,.my-cart div>.product-items>li .remove-product:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .1rem;
    height: 1.7rem;
    border-radius: .1rem;
    background: #b7b7b7;
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg)
}

.my-cart div>.product-items>li .remove-product:before {
    transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg)
}

.my-cart div>.product-items>li .checkbox {
    width: 2.1rem;
    height: 6rem;
    display: inline-flex;
    align-items: center
}

.my-cart div>.product-items>li .checkbox label, .snLabel {
    width: 100%;
    min-width: 2rem;
    height: 2.1rem;
    background-size: 2.1rem
}

.my-cart div>.product-items>li>a {
    display: inline-block;
    margin-left: 1.2rem;
    width: 6rem;
    position: relative;
    padding-top: 6rem;
    overflow: hidden;
    border-radius: .4rem
}

.my-cart div>.product-items>li>a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: .4rem
}

.my-cart div>.product-items>li ul {
    flex: 1;
    margin-left: 1.7rem;
    text-align: left;
    width: calc(100% - 13.5rem)
}

@media (max-width: 360px) {
    .my-cart div>.product-items>li ul {
        width:11rem
    }
}

.my-cart div>.product-items>li ul .shop-name {
    font-size: 1.1rem;
    color: #8d8d8d
}

.my-cart div>.product-items>li ul .product-name {
    font-size: 1.3rem;
    color: #000
}

.my-cart div>.product-items>li ul .product-name a {
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.my-cart div>.product-items>li ul .product-option {
    font-size: 1.2rem;
    color: #8c8c8c
}

.my-cart div>.product-items>li ul .product-price {
    color: #000;
    font-weight: 600;
    font-size: 1.3rem;
    margin-top: .2rem
}

.my-cart div>.product-items>li ul .product-price span:first-child {
    color: #b7b7b7;
    font-size: 1rem;
    text-decoration: line-through
}

.my-cart div>.product-items>li ul .product-price em {
    padding: .3rem .6rem;
    margin: 0 .5rem;
    line-height: 1.8rem;
    position: relative
}

.my-cart div>.product-items>li ul .product-price span:last-child {
    color: #b7b7b7;
    font-size: 1rem;
    line-height: .5rem
}

.my-cart div>.product-items>li ul .product-price .product-price-view {
    color: #b7b7b7;
    font-size: 1rem;
    text-decoration: line-through;
}

.my-cart div>.product-items>li .product-change-option {
    display: flex;
    margin-top: .5rem
}

.my-cart div>.product-items>li .product-change-option .add,.my-cart div>.product-items>li .product-change-option .remove {
    width: 2.8rem;
    height: 2.8rem;
    color: #545454;
    border-radius: .4rem 0 0 .4rem;
    border: .1rem solid #dfdfdf;
    font-size: 1.2rem
}

.my-cart div>.product-items>li .product-change-option .add {
    border-radius: 0 .4rem .4rem 0;
    margin-right: .4rem
}

.my-cart div>.product-items>li .product-change-option em {
    width: 2.8rem;
    border-top: .1rem solid #dfdfdf;
    border-bottom: .1rem solid #dfdfdf;
    color: #545454;
    font-size: 1.2rem;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    height: 2.8rem;
    line-height: 2.6rem
}

.my-cart div>.product-items>li .change-option-button,.my-cart div>.product-items>li .recommend-similar-product {
    padding: .25rem 1.75rem;
    color: #343434;
    text-align: center;
    border: .1rem solid #ddd;
    border-radius: .4rem
}

.my-cart div>.product-items>li .change-option-button.on,.my-cart div>.product-items>li .recommend-similar-product.on {
    color: #ff41a2;
    border-color: #ff41a2
}

.my-cart div>.product-items>li .change-option-button {
    padding: .25rem 1rem!important;
    box-sizing: border-box
}

.my-cart div>.product-items>li .recommend-similar-product {
    margin-top: .5rem
}

.my-cart div>.product-items>li .product-change-option-wrap {
    display: flex;
    align-items: center
}

.my-cart div>.product-items>li .product-change-option-wrap select {
    height: 2.6rem;
    font-size: 1rem;
    color: #3a3a3a;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    padding: .5rem 1.7rem .5rem .5rem;
    margin-right: .3rem;
    margin-top: .9rem;
    box-sizing: border-box;
    max-width: 8rem;
    text-overflow: ellipsis
}

.my-cart div>.product-items>li .product-change-option-wrap button {
    width: 4.4rem;
    height: 2.6rem;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: .4rem;
    background: #000;
    margin: .9rem 0 0 .2rem;
    position: relative
}

.my-cart .total-amount {
    padding: 1.6rem 1.3rem 4rem 1.3rem
}

.my-cart .total-amount li {
    margin-bottom: 1.6rem;
    display: flex
}

.my-cart .total-amount li span {
    display: inline-block;
    color: #919191;
    font-size: 1.4rem;
    font-weight: 400;
}

.my-cart .total-amount li span:last-child {
    margin-left: auto;
    color: #000;
    font-weight: 500;
    font-size: 1.4rem;
    text-align: right;
    position: relative;
    flex: 1
}

.my-cart .total-amount li span:last-child sup {
    font-size: 1rem;
    color: #b7b7b7;
    position: absolute;
    right: -1rem
}

.my-cart .total-amount li:nth-child(3) {
    margin-bottom: 3rem
}

.my-cart .total-amount li:last-child {
    padding: 2rem 0;
    border-top: .1rem solid #f3f3f3;
    margin: 0
}

.my-cart .total-amount li:last-child span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #3a3a3a
}

.my-cart .total-amount li:last-child span:last-child {
    color: #ff41a2;
    font-size:18px;font-weight:600;
}

.my-cart .soldout-image:before {
    content: "SOLD\aOUT";
    position: absolute;
    display: inline-block;
    z-index: 1;
    text-align: center;
    top: 50%;
    color: #fff;
    white-space: pre-line;
    margin: 0 auto;
    width: 100%;
    transform: translateY(-50%)
}

.my-cart .soldout-image img {
    filter: brightness(30%) opacity(75%)
}

.wishlist .filter-sale {
    padding: 0 1.6rem;
    font-size: 1.3rem;
    display: flex;
    align-items: center
}

.wishlist .filter-sale span:first-child {
    color: #b0b0b0;
    font-weight: 500
}

.wishlist .filter-sale label {
    margin-left: auto;
    position: relative;
    padding-left: 4.2rem;
    color: #000
}

.wishlist .filter-sale label:before {
    background: #dcdcdc;
    width: 3.8rem;
    height: 2.2rem;
    border-radius: 9.9rem;
    left: 0
}

.wishlist .filter-sale label:after,.wishlist .filter-sale label:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.wishlist .filter-sale label:after {
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    border-radius: 50%;
    left: .3rem;
    z-index: 1;
    box-shadow: .2rem .2rem .2rem 0 rgba(76,76,76,.15);
    -webkit-box-shadow: .2rem .2rem .2rem 0 rgba(76,76,76,.15);
    -moz-box-shadow: .2rem .2rem .2rem 0 rgba(76,76,76,.15);
    transition: .2s
}

.wishlist .filter-sale label input {
    display: none
}

.wishlist .filter-sale label:has(input:checked):after {
    left: 1.9rem
}

.wishlist .filter-sale label:has(input:checked):before {
    background: #000
}

.top-filter,
.wishlist .filter,
.notification .filter
 {
    display: flex;
    align-items: center;
    padding: 2rem 0 2rem 1.6rem;
    box-sizing: border-box
}
.notification .filter{
    background-color: white;
    padding-left:0;
}

.top-filter .select-wrap,
.wishlist .filter .select-wrap,
.notification .filter .select-wrap
 {
    background-color: #fff;
    border: .1rem solid #2c2c2c;
    box-sizing: border-box;
    border-radius: 9.9rem;
    background-image: url(/asset/icons/wishlist/arrow_000.png);
    background-repeat: no-repeat;
    background-size: 1.2rem auto;
    background-position: calc(100% - 1.2rem)
}

.top-filter .select-wrap.on,
.wishlist .filter .select-wrap.on,
.notification .filter .select-wrap.on
 {
    background-image: url(/asset/icons/wishlist/arrow_white.png);
    background-color: #2c2c2c;
    border: .1rem solid #2c2c2c
}

.top-filter .select-wrap select,
.wishlist .filter .select-wrap select,
.notification .filter .select-wrap select
 {
    padding: .6rem 2.8rem .6rem 1.2rem;
    box-sizing: border-box;
    color: #2c2c2c;
    font-size: 1.3rem;
    font-weight: 500;
    height: 3.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent
}

.top-filter .select-wrap select.on,
.wishlist .filter .select-wrap select.on,
.notification .filter .select-wrap select.on
 {
    color: #fff
}

.top-filter .select-wrap select option,
.wishlist .filter .select-wrap select option,
.notification .filter .select-wrap select option {
    color: #000
}

.top-filter .category_wrap ,
.wishlist .filter .category_wrap ,
.notification .filter .category_wrap {
    padding-left: .8rem;
    position: relative;
    margin-left: .8rem;
    flex: 1
}

.top-filter .category_wrap:after ,
.wishlist .filter .category_wrap:after ,
.notification .filter .category_wrap:after {
    content: "";
    display: inline-block;
    width: .7rem;
    height: 3.7rem;
    position: absolute;
    left: -.3rem;
    top: 0;
    z-index: 5;
    background: linear-gradient(270deg,hsla(0,0%,100%,0),#fff 42%);
    box-sizing: border-box;
    filter: blur(5px)
}

.top-filter .category_wrap ul,
.wishlist .filter .category_wrap ul,
.notification .filter .category_wrap ul {
    align-items: stretch
}

.top-filter .category_wrap ul li,
.wishlist .filter .category_wrap ul li,
.notification .filter .category_wrap ul li {
    display: inline-block;
    padding: .6rem 1.2rem;
    box-sizing: border-box;
    width: auto;
    height: auto;
    font-size: 1.3rem;
    font-weight: 500;
    color: #848484;
    background: #fff;
    border: .1rem solid #dcdcdc;
    border-radius: 9.9rem
}

.top-filter .category_wrap ul li+li,
.wishlist .filter .category_wrap ul li+li,
.notification .filter .category_wrap ul li+li {
    margin-left: .8rem
}

.top-filter .category_wrap ul li.on,
.wishlist .filter .category_wrap ul li.on,
.notification .filter .category_wrap ul li.on {
    background: #2c2c2c;
    color: #fff;
    border: .1rem solid #2c2c2c
}

.wishlist .filter{position:sticky; top:52px; background-color: #fff; z-index:2;}
.wishlist .filter-sale{position:sticky; top:125px; background-color: #fff;z-index:2; padding-bottom:10px; }

.membership .guide {
    background: #f6f6f6;
    font-size: 1rem;
    color: #868686;
    line-height: 1.2;
    padding: 2.7rem 1.3rem;
    box-sizing: border-box
}

.membership b {
    font-weight: 700
}

.membership .top {
    padding: 3.2rem 0;
    box-sizing: border-box;
    border-bottom: .1rem solid #f1f1f1
}

.membership .top>div {
    margin: 0 auto;
    text-align: center
}

.membership .top .icon {
    width: 7.2rem;
    position: relative;
    margin: 0 auto;
    display: block;
    animation: lvUpDown 1.2s linear infinite alternate;
    -webkit-animation: lvUpDown 1.2s linear infinite alternate
}

.membership .top .icon:before {
    background: url(https://img.sonyunara.com/vue/jp/icon_wing.png) no-repeat 0 0/6rem auto;
    left: -3rem;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    animation: lvWingLeft .7s linear infinite alternate;
    -webkit-animation: lvWingLeft .7s linear infinite alternate
}

.membership .top .icon:after,.membership .top .icon:before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 2.6rem;
    height: 2.5rem;
    top: 2rem
}

.membership .top .icon:after {
    background: url(https://img.sonyunara.com/vue/jp/icon_wing.png) no-repeat -3rem 0/6rem auto;
    right: -3rem;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    animation: lvWingRight .7s linear infinite alternate;
    -webkit-animation: lvWingRight .7s linear infinite alternate
}

.membership .top .grade {
    font-size: 2rem;
    font-weight: 600;
    color: #000
}

.membership .top>div:nth-child(3) {
    margin-top: 1.1rem;
    font-size: 1.4rem
}

.membership .top>div:nth-child(3)>b {
    font-size: 1.2rem;
    font-weight: 700
}

.membership .top>div:nth-child(4) {
    margin: 1rem 0 1.7rem 0;
    color: #959595;
    font-size: 1rem
}

.membership .top button {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 .5rem;
    min-width: 13.2rem;
    height: 3.3rem;
    font-size: 1.1rem;
    color: #fff;
    font-weight: 700;
    border-radius: 3.3rem;
    background: #000
}

.membership .top button>img {
    width: 1.1rem;
    margin-left: .2rem
}

.membership .target-amount {
    padding: 2.4rem 2.3rem;
    box-sizing: border-box
}

.membership .target-amount>* {
    display: block
}

.membership .target-amount>span:nth-child(2) {
    margin: .9rem 0;
    width: 100%;
    height: 1rem;
    background: #eeeff2;
    border-radius: .4rem;
    position: relative
}

.membership .target-amount>span:nth-child(2) span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    background: #d7d7d7;
    border-radius: 15px
}

.membership .target-amount .next-grade {
    font-size: 1rem;
    color: #242323;
    display: flex
}

.membership .target-amount .next-grade span {
    display: inline-block
}

.membership .target-amount .next-grade span:last-child {
    margin-left: auto
}

.membership .grade-wrap {
    padding: 2.1rem 1.3rem 0 1.3rem;
    color: #383737;
    background: #f6f6f6;
    font-size: 1.1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse
}

.membership .grade-wrap>li {
    width: 100%;
    background: #fff;
    border-radius: .75rem;
    padding: 2.5rem 1.1rem;
    box-sizing: border-box;
    margin-bottom: 2rem;
    box-shadow: .1rem .2rem .2rem rgba(0,0,0,.05)
}

.membership .grade-wrap>li>div:first-child {
    display: flex
}

.membership .grade-wrap>li>div:first-child>img {
    width: 4.5rem
}

.membership .grade-wrap>li>div:first-child .benefit-summary {
    margin-left: 4rem
}

.membership .grade-wrap>li>div:first-child .benefit-summary span {
    display: block;
    font-size: 0
}

.membership .grade-wrap>li>div:first-child .benefit-summary span:first-child {
    font-weight: 700;
    font-size: 1.5rem
}

.membership .grade-wrap>li>div:first-child .benefit-summary span:last-child {
    font-size: 1.2rem;
    margin-top: .4rem
}

.membership .grade-wrap>li .benefit-wrap {
    margin-top: 1.2rem;
    display: flex;
    flex-wrap: wrap
}

.membership .grade-wrap>li .benefit-wrap>span {
    display: flex;
    padding: 1.1rem 1.5rem;
    box-sizing: border-box;
    align-items: center;
    font-size: 1.1rem;
    border-radius: .5rem
}

.membership .grade-wrap>li .benefit-wrap>span:first-child {
    flex: 0.5
}

.membership .grade-wrap>li .benefit-wrap>span:last-child {
    flex: 1;
    flex-wrap: wrap;
    margin-left: .8rem
}

.membership .grade-wrap>li .benefit-wrap>span:last-child p {
    display: block;
    width: 100%
}

.membership .diamond span {
    background: #000;
    color: #fff
}

.membership .vip span {
    background: #fccbd4
}

.membership .gold span {
    background: #fff0cf
}

.membership .silver span {
    background: #ededed
}

.membership .new span {
    background: #f7f7f7
}

@keyframes lvUpDown {
    0% {
        transform: translate(0);
        -webkit-transform: translate(0)
    }

    to {
        transform: translateY(-10%);
        -webkit-transform: translateY(-10%)
    }
}

@keyframes lvWingLeft {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg)
    }
}

@keyframes lvWingRight {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(8deg);
        -webkit-transform: rotate(8deg)
    }
}

.event-winner-article .comment-area {
    display: flex;
    flex-direction: column;
    margin-top: 5rem
}

.event-winner-article .comment-area .sorter {
    display: flex;
    margin-left: auto;
    margin-bottom: -2.2rem;
    margin-right: 2rem;
    z-index: 10
}

.sorter {
    background: url('/asset/icons/shop/sort.png') no-repeat 0 0.3rem/auto 75%;
    padding-left: 1.75rem;
    display: inline-flex;
    align-items: center;
    color: #6d6d6d;
    cursor: pointer;
    height: 2rem;
}

.sorter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.sorter span {
    display: none
}

.sorter span.on {
    display: inline-block
}

.notice-article {
    border-bottom: .0625rem solid #e8e8e8
}

.promos {
    padding-bottom: .3rem
}

.promos h1 {
    text-align: center;
    font-size: 2.2rem;
    padding: 3rem 0 1.5rem 0;
    position: relative
}

.promos h1,.promos h1 em {
    font-weight: 700
}

.promos li {
    margin: 1.5rem 1.1rem;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.14)
}

.promos li a {
    position: relative;
    display: block
}

.promos .option-area {
    position: absolute;
    right: 1rem;
    bottom: 1rem
}

.promos .option-area span {
    height: 2.3rem;
    display: inline-block;
    line-height: 2.3rem;
    border-radius: 2.3rem;
    font-weight: 600;
    box-sizing: border-box;
    text-align: center
}

.promos .option-area .coupon {
    margin-right: 1rem;
    width: 6.2rem;
    background: #000;
    color: #fff
}

.promos .option-area .date {
    width: 4.1rem;
    background: #fff;
    color: #000
}

.promos .event-winner-router {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center
}

.first-purchase-event .line-login {
    display: flex;
    position: sticky;
    width: 90%;
    z-index: 10;
    bottom: calc(58px + env(safe-area-inset-bottom) + 2.5rem);
    margin: 0 auto;
}

.promos .event-winner-router a {
    color: #b7b7b7;
    font-size: 1.2rem;
    margin: 2rem 2rem;
    padding: .8rem 2.5rem;
    border: 1px solid #e2e3ec;
    border-radius: .5rem
}

.first-purchase-event {
    background-color: #f3f3f3
}

.first-purchase-event>div {
    position: relative;
    font-size: 0
}

.first-purchase-event>div .login-button {
    position: absolute;
    width: 85%;
    margin-left: 7.5%;
    padding-top: 17%;
    bottom: 9%
}

.first-purchase-event>div .shop-rank-button {
    position: absolute;
    width: 85%;
    margin-left: 7.5%;
    padding-top: 31%;
    bottom: 27.9%
}

.first-purchase-event>div .today-shipping-button {
    position: absolute;
    width: 85%;
    margin-left: 7.5%;
    padding-top: 31%;
    bottom: 16.3%
}

.first-purchase-event>div .uv-disinfection-button {
    position: absolute;
    width: 85%;
    margin-left: 7.5%;
    padding-top: 31%;
    bottom: 4.8%
}

.first-purchase-event>div .line-login {
    display: block;
    width: 100%
}

.first-purchase-event .product-list {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.first-purchase-event .product-list .product-card .save,.first-purchase-event .product-list .product-card .shop-name {
    display: none
}

.first-purchase-event .product-list .product-card .product-name {
    margin-top: .75rem
}

.first-purchase-event .line-login {
    display: flex;
    position: sticky;
    width: 90%;
    z-index: 10;
    bottom: calc(58px + env(safe-area-inset-bottom) + 2.5rem);
    margin: 0 auto
}

.attendance-check .attend-check-result>div {
    width: 80%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.attendance-check .attend-check-result>div span {
    position: absolute;
    width: 43%;
    padding-top: 14%;
    bottom: 13%;
    left: 29%
}

.attendance-check .attend-page-guide-popup>div {
    width: 80%;
    left: 50%;
    top: 50%;
    position: relative;
    transform: translate(-50%,-50%)
}

.attendance-check .attend-page-guide-popup>div span {
    position: absolute;
    right: 3%;
    top: 1%;
    width: 11%;
    padding-top: 11%;
    display: inline-block
}

.attendance-check .attend-header span {
    position: absolute;
    width: 15%;
    padding-top: 15%;
    left: 2%;
    top: 16%;
    display: inline-block
}

.attendance-check>.attend-wrap {
    position: relative;
    font-size: 0
}

.attendance-check .attend-check-button {
    width: 59%;
    padding-top: 14.3%;
    bottom: 5%;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    position: absolute
}

.attendance-check .energy-effect,.attendance-check .water-effect {
    position: absolute;
    top: 0
}

.attendance-check .harvest {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 32%;
    padding-top: 16%
}

.attendance-check .harvest-popup div {
    width: 90%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.attendance-check .harvest-popup div button {
    position: absolute;
    width: 42%;
    bottom: 14%;
    padding-top: 15%
}

.attendance-check .harvest-popup div button:first-of-type {
    left: 7.5%
}

.attendance-check .harvest-popup div button:nth-of-type(2) {
    left: 51%
}

.attendance-check .attend-date-wrap span {
    width: 8%;
    padding-top: 10%;
    position: absolute;
    background: #fff4ce;
    top: 49%;
    left: 45.8%;
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: inset 1.5px 1.5px 0 #dfcb8e;
    box-sizing: border-box
}

.attendance-check .attend-date-wrap span em {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 1;
    font-size: 4rem;
    align-items: center;
    justify-content: center;
    color: #4c4238;
    font-weight: 600
}

@media (max-width: 750px) {
    .attendance-check .attend-date-wrap span em {
        font-size:5.4vw
    }
}

.attendance-check .attend-date-wrap span:last-child {
    left: 55.5%
}

.uv-disinfection .txt img {
    display: block;
    width: 100%;
    height: 100%
}

.uv-disinfection .video-wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.uv-disinfection .video-wrapper {
    background-color: #fff;
    margin-left: auto
}

.uv-disinfection .video-wrapper .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0
}

.uv-disinfection .video-wrapper .video iframe .video object .video embed {
    position: absolute;
    top: 0;
    left: 60%;
    width: 100%;
    height: 100%
}

.promo-detail .timer {
    font-size: 1.4rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.promo-detail .timer span {
    font-weight: 600
}

.promo-detail .detail-title {
    padding: .3rem 0 .3rem 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 3rem;
    box-sizing: border-box
}

.promo-detail .promotion-image {
    font-size: 0;
    display: block;
    position: relative
}

.promo-detail .coupon-event {
    position: absolute;
    width: 70%;
    padding-top: 87%;
    bottom: 15%;
    display: block;
    left: 15%;
    cursor: pointer
}

.promo-detail .promo-btn {
    display: block;
    width: calc(100% - 1.8rem);
    margin: 4rem .9rem 3rem .9rem;
    box-sizing: border-box;
    border: .2rem solid #e4e4e4;
    border-radius: .5rem;
    text-align: center;
    color: #777;
    font-weight: 600;
    font-size: 1.6rem;
    padding: 1.2rem 0
}

.promo-detail .promo-btn img {
    width: 1.4rem;
    margin-left: .5rem;
    position: relative;
    display: inline-block
}

.guide .tab_menu,.guide .tab_menu_move {
    position: relative
}

.guide .tab_menu_move {
    position: fixed;
    top: -105px;
    z-index: 1;
    max-width: 750px
}

.guide .tab_menu_move a {
    width: 20%;
    top: -9rem;
    height: 9rem;
    cursor: pointer;
    position: relative
}

.guide .tab_menu_move.on {
    display: inline-block;
    position: sticky;
    transition: top .15s;
    top: 0
}

.guide .tab-menu-area {
    width: 100%
}

.guide .tab-menu-area .tab-button {
    float: left;
    width: 25%
}

.guide .tab-menu-area .tab-button img {
    cursor: pointer
}

.guide .go-top {
    margin-top: 5rem;
    cursor: pointer
}

.guide .app-download-area {
    width: 100%
}

.guide .app-download-area .download-link {
    float: left;
    width: 50%
}

.guide .bottom_img {
    display: none
}

.guide .bottom_img.on {
    display: block
}

.guide .wrapper {
    margin-left: auto;
    margin-right: auto
}

.guide .qinput {
    border: 1px solid #ccc;
    padding: 12px;
    margin: 10px 10px 40px 40px;
    border-radius: 3px;
    width: 88%;
    font-size: 18px
}

.guide .clear-both {
    clear: both
}

.best-review>.best-review-box {
    position: relative
}

.best-review .review-guide-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    left: 0;
    top: 0;
    z-index: 100;
    display: none
}

.best-review .review-guide-popup.on {
    display: block
}

.best-review .review-guide-popup div {
    max-width: 60rem;
    width: 80%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.best-review .review-guide-popup div span {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 8%;
    padding: 3%;
    box-sizing: border-box
}

.best-review .best-review-btn {
    position: absolute;
    bottom: 20.1%;
    padding-top: 3%;
    width: 16%;
    left: 48%
}

.best-review .best-review-wrap {
    padding: 3%;
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    width: 100%;
    display: flex
}

.best-review .best-review-wrap>li {
    width: calc(33.333% - 1.2rem);
    margin: 0 .6rem
}

.best-review .best-review-wrap .img-wrap {
    background: #fff;
    border-top-left-radius: .75rem!important;
    border-top-right-radius: .75rem!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.best-review .filter-wrap {
    margin: 2rem 0;
    border-bottom: 1px solid #d2d2d2;
    color: #656565;
    padding: 0 1rem;
    display: flex
}

.best-review .filter-wrap span {
    margin-right: .7rem;
    position: relative;
    display: inline-block;
    color: #656565;
    font-size: 1.4rem
}

.best-review .filter-wrap .select-box-option {
    position: relative;
    margin-left: auto;
    width: 9rem
}

.best-review .filter-wrap .select-box-option select {
    width: 90%;
    height: 100%;
    box-sizing: border-box;
    color: #656565;
    text-align: left!important;
    -moz-text-align-last: left!important;
    text-align-last: left!important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.2rem;
    padding-right: 2rem
}

.best-review .filter-wrap .select-box-option select::-ms-expand {
    display: none
}

.best-review .filter-wrap .select-box-option div {
    position: absolute;
    top: 46%;
    transform: translateY(-50%) rotate(135deg);
    right: 1rem;
    width: .5rem;
    height: .5rem;
    pointer-events: none;
    border-top: .1rem solid #656565;
    border-right: .1rem solid #656565
}

.best-review .review-list-wrap li {
    width: calc(50% - 1.2rem);
    margin: 2rem .6rem 0
}

.best-review .review-wrap {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    font-size: 0
}

.best-review .review-wrap .rank-icon {
    position: relative;
    width: 32%;
    z-index: 1;
    margin: 0 auto;
    transform: translateY(50%)
}

.best-review .review-wrap>.img-wrap {
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    border-radius: .75rem
}

.best-review .review-wrap>.img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.best-review .review-wrap .review {
    font-size: 1.2rem;
    color: #626262;
    padding: 1rem;
    box-sizing: border-box;
    background: #fff;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.best-review .review-wrap .review>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    height: 3.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #626262
}

.best-review .review-wrap .review .user-profile {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: .1rem solid #ececed;
    display: flex;
    align-items: center
}

.best-review .review-wrap .review .user-profile>img {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%
}

.best-review .review-wrap .review .user-profile span {
    display: inline-block;
    width: calc(100% - 4.2rem);
    margin-left: auto
}

.best-review .review-wrap .review .user-profile span p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .3rem
}

.best-review .review-wrap .review .user-profile span em {
    margin-right: .5rem;
    font-size: 1rem
}

.best-review .review-wrap .review .user-profile span .country {
    width: 1.8rem;
    height: 1.2rem;
    display: inline-block
}

.best-review .review-wrap .review .user-profile span .country.country-type5 {
    background: url(https://img.sonyunara.com/2022/icon/jp.png) no-repeat 0 0/1.8rem 1.2rem
}

.best-review .review-wrap .review .user-profile span .country.country-type1 {
    background: url(https://img.sonyunara.com/2022/icon/kr.png) no-repeat 0 0/1.8rem 1.2rem
}

.best-review .review-wrap .review .user-profile span .country.country-type4 {
    background: url(https://img.sonyunara.com/2022/icon/tw.png) no-repeat 0 0/1.8rem 1.2rem
}

.best-review .review-wrap .review .user-profile span .country.country-type7 {
    background: url(https://img.sonyunara.com/2022/icon/us.png) no-repeat 0 0/1.8rem 1.2rem
}

.favorite-shops-wrapper {
    margin: 3.5rem 0 2.5rem 0
}

.favorite-shops-wrapper h2 {
    margin: 0 1rem 2.5rem 1rem;
    text-align: center;
    font-weight: 900
}

.favorite-shops-wrapper h2 .highlight {
    display: inline-block;
    vertical-align: top;
    background: none;
    font-weight: 700
}

.favorite-shops-wrapper .favorite-shops li {
    width: 20%;
    margin: 0 .33333rem;
    float: left;
    box-sizing: border-box;
    text-align: center
}

.favorite-shops-wrapper .favorite-shops li:first-child {
    margin-left: 1rem!important
}

.favorite-shops-wrapper .favorite-shops li:last-child {
    margin-right: 1rem!important
}

.favorite-shops-wrapper .favorite-shops li a img {
    width: 100%;
    border-radius: 50%;
    border: .04rem solid #8080801c;
    box-sizing: border-box;
    margin-bottom: .5rem
}

.favorite-shops-wrapper .favorite-shops li a span {
    font-size: 1rem;
    font-weight: 600
}

.review-detail .review-detail-head {
    position: sticky;
    padding: 1.8rem 0;
    max-width: 75rem;
    width: 100%;
    background: #fff;
    border-bottom: .1rem solid #dedede;
    font-size: 1.8rem;
    text-align: center;
    top: 0;
    z-index: 99
}

.review-detail .review-detail-head .btn-close {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.review-detail .review-information {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 1rem 0;
    padding: 0 1.5rem;
    box-sizing: border-box
}

.review-detail .review-information>img {
    width: 3.2rem;
    border-radius: 50%
}

.review-detail .review-information .user {
    margin-left: 1rem
}

.review-detail .review-information .user .star {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 17px;
    overflow: hidden
}

.review-detail .review-information .user .star>img {
    width: 1.9rem;
    display: inline-block;
    position: relative;
    z-index: 1
}

.review-detail .review-information .user .star .star5 {
    width: 100%
}

.review-detail .review-information .user .star .star4 {
    width: 80%
}

.review-detail .review-information .user .star .star3 {
    width: 60%
}

.review-detail .review-information .user .star .star2 {
    width: 40%
}

.review-detail .review-information .user .star .star1 {
    width: 20%
}

.review-detail .review-information .user .star .star-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    background: #ff41a2;
    z-index: -1;
    left: 0
}

.review-detail .review-information .user em {
    font-size: 1.3rem;
    margin-left: .5rem
}

.review-detail .review-information .user div {
    margin-top: .3rem;
    color: #656565;
    font-weight: 300;
    font-size: 1rem
}

.review-detail .review-information .user div span {
    margin-right: .5rem
}

.review-detail .review-detail-img {
    margin-bottom: 1rem;
    border-radius: .75rem;
    padding: 0 1.5rem;
    box-sizing: border-box
}

.review-detail .user-profile {
    padding: 1.5rem;
    box-sizing: border-box;
    border: .1rem solid #d5d5d5;
    border-radius: .75rem;
    font-size: 1.3rem;
    width: calc(100% - 3rem);
    margin: 0 auto
}

.review-detail .user-profile li>em {
    margin-left: .3rem
}

.review-detail .user-profile li:last-child {
    color: #ff41a2
}

.review-detail .review-content {
    font-weight: 300;
    color: #222;
    overflow: hidden;
    font-size: 1.4rem;
    width: calc(100% - 3rem);
    margin: 1.5rem auto 3rem auto
}

.inquiry .router-area {
    display: flex;
    justify-content: flex-end;
    margin: 2rem
}

.inquiry .router-area a {
    color: #fff;
    font-size: 1.5rem;
    padding: .5rem;
    border-radius: .3rem;
    background: #3a3a3a;
    width: 9rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer
}

.btn-area {
    border-top: 1px solid #e8e8e8;
    padding: 2rem 0;
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem
}

.btn-area .delete-btn {
    color: #fff;
    background: #dc3545
}

.btn-area .delete-btn,.btn-area .list-btn {
    font-size: 1.5rem;
    padding: .5rem;
    margin-right: 1.5rem;
    border-radius: .3rem;
    width: 9rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer
}

.btn-area .list-btn {
    color: #000;
    background: #eee
}

.faq h2 {
    font-weight: 700;
    font-size: 2rem;
    padding: 1rem 1rem 2rem 0
}

.faq .search-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    background: #f9f9f9
}

.faq .search-area .search-bar-area {
    display: flex;
    width: 100%
}

.faq .search-area .search-bar-area .text-area {
    width: 100%;
    padding: 1rem 2rem 1rem 2rem;
    margin-left: .2rem;
    height: 4.5rem;
    font-size: 1.3rem;
    background-color: #fff
}

.faq .search-area .search-bar-area .search-icon {
    background: url(/asset/icons/header/ico_search.png) no-repeat 1.1rem 1rem/2.2rem #fff;
    filter: invert(100%);
    width: 4.7rem;
    height: 4.5rem;
    margin-left: -.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer
}

.faq .search-area table {
    table-layout: fixed;
    text-align: center;
    display: table;
    border-collapse: collapse;
    width: 100%;
    border-radius: 5px;
    margin: 2rem;
    box-shadow: 0 0 0 2px #eee;
    background-color: #fff
}

.faq .search-area table thead:first-child {
    border-bottom: 2px solid #eee
}

.faq .search-area table thead tr td {
    font-size: 1.1rem;
    font-weight: 700;
    display: table-cell;
    width: 25%;
    height: 3rem;
    border-right: 2px solid #eee;
    padding: .2rem;
    cursor: pointer
}

.faq .search-area table thead tr td:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
    background-color: #eee
}

.faq .search-area table thead tr td:last-child {
    border-right: 0
}

.faq .search-area table thead tr td span {
    font-size: 1.2rem;
    white-space: nowrap
}

.faq .search-area table thead tr .on {
    color: #ff41a2
}

.faq .faq-list-area {
    padding: 1.5rem
}

.faq .faq-list-area .filter-area {
    margin-top: 2rem;
    font-size: 1.3rem;
    font-weight: 700
}

.faq .faq-footer-area {
    padding: 1.7rem
}

.faq .faq-footer-area .inquiry-area .button-channel {
    border-radius: .4rem;
    border: .2rem solid #ff41a2;
    color: #ff41a2;
    padding: 1.4rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    cursor: pointer
}

.faq .faq-footer-area .inquiry-area .button-board {
    border-radius: .4rem;
    border: .2rem solid #b7b7b7;
    color: #000;
    text-align: center
}

.faq .faq-footer-area .inquiry-area .button-board a {
    padding: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    width: 88%
}

.faq .faq-footer-area .inquiry-area p {
    position: relative;
    white-space: pre-wrap;
    padding: 1rem 0 2.5rem 0;
    color: #b7b7b7
}

.faq .faq-footer-area .relation-service-area {
    margin: 2rem 0 5rem 0
}

.faq .faq-footer-area .relation-service-area .guide-area {
    cursor: pointer;
    display: flex
}

.faq .faq-footer-area .relation-service-area .guide-area img {
    width: 11rem;
    border: 1px solid #eee;
    padding: 1rem;
    border-radius: .5rem
}

.faq .faq-footer-area .relation-service-area .guide-area .info-area p {
    position: relative;
    white-space: pre-wrap;
    padding: .5rem 0 1rem 2.2rem;
    font-size: 1.3rem;
    color: #b7b7b7
}

.faq .faq-footer-area .relation-service-area .guide-area .info-area p:first-child {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000
}

.faq .faq-footer-area .relation-service-area .guide-area .info-area p:last-child {
    font-size: 1.4rem;
    font-weight: 700;
    color: #3a3a3a
}

.faq .faq-footer-area .relation-service-area .guide-area .info-area p span {
    background: url(/img/icons.png) no-repeat -14rem -3.6rem/14.8rem auto;
    display: inline-flex;
    width: 1.5rem;
    height: 1.3rem;
    align-items: center
}

.faq .empty-list p {
    font-size: 1.1rem;
    text-align: center;
    background: #fff;
    width: 100%;
    height: 4rem;
    color: #9c9c9c;
    padding-top: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.faq .empty-list p em {
    display: inline-grid;
    width: 1.8rem;
    height: 1.8rem;
    flex-grow: 0;
    margin-right: .7rem;
    background-color: #d8d8d8;
    border-radius: 1.6rem;
    color: #fff;
    font-weight: 600
}

.faq .empty-list button {
    position: relative;
    font-size: 1.1rem;
    text-align: center;
    padding: 0 2rem;
    height: 4rem;
    background: #ff41a2;
    border-radius: .75rem;
    color: #fff;
    font-weight: 700;
    line-height: 4.3rem;
    margin: 0 auto;
    display: block
}

.gnb {
    width: 100%;
    height: 100%;
    position: fixed;
    max-width: 750px;
    top: 0;
    left:0;
    overflow: hidden;
    z-index: 1002;

}

.gnb .menu-right .menuImage.on {
    background: #f9f9f9
}

.gnb .menu-right .menuImage .subTitle {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    font-size: 1.15rem;
    padding: 4% 0;
    box-sizing: border-box
}

@media (max-width: 650px) {
    .gnb .menu-right .menuImage .subTitle {
        padding:3.5% 0
    }
}

@media (max-width: 500px) {
    .gnb .menu-right .menuImage .subTitle {
        padding:2.5% 0
    }
}

@media (max-width: 400px) {
    .gnb .menu-right .menuImage .subTitle {
        padding:.1vw 0
    }
}

.gnb .menu-right .title {
    display: block;
    font-size: 1.15rem;
    padding: .5rem 0 .5rem 0;
    width: 100%
}

.gnb .gnb-header {
    width: 100%;
    position: sticky;
    display: flex;
    align-items: center;
    height: 7rem;
    z-index: 99;
    top: 0;
    padding: 1.5rem;
    background: #fff;
    box-sizing: border-box
}

.gnb .gnb-header .btn-close {
    width: 3rem;
    height: 3rem;
    margin-left: .3rem
}

.gnb .gnb-header a {
    display: flex;
    height: 4.5rem;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #b7b7b7;
    background-color: #f9f9f9;
    border-radius: 2rem;
    align-items: center;
    padding: 1rem 1rem 1rem 5rem;
    box-sizing: border-box;
    line-height: 2rem
}

.gnb .gnb-header:before {
    content: "";
    position: absolute;
    margin-left: 2rem;
    width: 2rem;
    height: 2rem;
    background: url(/asset/icons/header/ico_search.png) no-repeat .2rem .2rem/1.7rem auto;
    filter: opacity(.5) drop-shadow(0 0 0 #B7B7B7)
}

.gnb .gnb-header .btn-lens {
    background: url(/asset/icons/search/ico-lens.png) no-repeat .2rem .2rem/1.7rem auto;
    position: absolute;
    right: 5.6rem;
    top: 2.5rem;
    width: 3rem;
    height: 2rem
}

.gnb .gnb-body {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    height: calc(100% - 7rem);
    background-color: #fff;
    position:relative;
}

.gnb .gnb-body .gnb-left::-webkit-scrollbar {
    display: none
}

.gnb .gnb-body .gnb-left {
    width: calc(10rem + 12%);
    display: inline-block;
    background-color: #fff;
    border-right: 1px solid #eee;
    /* overflow-y: auto; */
    touch-action: none;
    -ms-overflow-style: none;
    scrollbar-width: none;

}

.gnb .gnb-body .gnb-left ul {
    font-size: 1.4rem;
    font-weight: 700;
    height: calc(60% + 25rem);
    width: 100%
}

.gnb .gnb-body .gnb-left ul li {
    cursor: pointer;
    padding: .5rem 0 .5rem 0;
    height: calc(1rem + 4%);
    width: inherit;
    box-sizing: border-box
}

.gnb .gnb-body .gnb-left ul li button {
    cursor: pointer;
    text-align: initial;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 0 0 2rem;
    box-sizing: border-box;
    font-size: 1.2rem
}

.gnb .gnb-body .gnb-left ul li.on button {
    color: #ff41a2;
    font-weight: 600
}

.gnb .gnb-body .gnb-left ul li.on button:before {
    content: "";
    display: block;
    width: .5rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ff41a2
}

.gnb .gnb-body .gnb-right {
    display: inline-block;
    background-color: #fff;

    padding: 0 1rem 120% 1rem;
    z-index: 10;
    width: 70%;
    height: 100%;
    overflow-y: scroll;
    box-sizing: border-box;

}

.gnb .gnb-body .gnb-right .category-title {
    padding: 4% 4% 0;
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.gnb .gnb-body .gnb-right .category-title span {
    font-size: 1.1rem;
    color: #b7b7b7;
    font-weight: 700;
    margin-right: 1rem;
    position: relative
}

.gnb .gnb-body .gnb-right .category-title span:after {
    content: "";
    position: absolute;
    margin-top: .5rem;
    margin-left: .9rem;
    width: .9rem;
    height: 1.4rem;
    transform: scaleX(-1);
    background: url(/img/icons.png) no-repeat -3.75rem -5.8rem/7rem auto;
    filter: opacity(.2)
}

.gnb .gnb-body .gnb-right ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: 2rem;
    padding: 0 2%;
    box-sizing: border-box;
    align-items: flex-start
}

.gnb .gnb-body .gnb-right ul li.basic {
    width: 46%;
    margin: 4% 2% 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .8rem
}

.gnb .gnb-body .gnb-right ul li.basic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: auto
}

.gnb .gnb-body .gnb-right ul li.basic a {
    display: contents
}

.gnb .gnb-body .gnb-right ul li.basic div {
    width: 100%;
    padding-top: 100%;
    border-radius: .8rem;
    position: relative;
    overflow: hidden
}

.gnb .gnb-body .gnb-right ul li.basic .text-area {
    font-size: 1.15rem;
    padding: .5rem 0 .5rem 0
}

.gnb .gnb-body .gnb-right ul li.theme {
    width: 46%;
    margin: 4% 2% 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .8rem
}

.gnb .gnb-body .gnb-right ul li.theme img {
    height: auto;
    width: 100%;
    border-radius: .8rem
}

.gnb .gnb-body .gnb-right ul li.theme a {
    display: contents
}

.gnb .gnb-body .gnb-right ul li.theme div {
    width: 100%;
    border-radius: .8rem;
    position: relative
}

.gnb .gnb-body .gnb-right ul li.theme .text-area {
    font-size: 1.15rem;
    padding: .5rem 0 .5rem 0
}

.gnb-cardigan {
    background: url(/asset/icons/gnb/webp/cardigan.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/cardigan.png")) {
    .gnb-cardigan {
        background-image:url(/img/cardigan.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-jacket {
    background: url(/asset/icons/gnb/webp/jacket.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/jacket.png")) {
    .gnb-jacket {
        background-image:url(/img/jacket.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-vest {
    background: url(/img/vest.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/vest.png")) {
    .gnb-vest {
        background-image:url(/img/vest.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-coats {
    background: url(/asset/icons/gnb/webp/coats.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/coats.png")) {
    .gnb-coats {
        background-image:url(/img/coats.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-jumpers {
    background: url(/asset/icons/gnb/webp/jumpers.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/jumpers.png")) {
    .gnb-jumpers {
        background-image:url(/img/jumpers.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-fleeces {
    background: url(/img/fleeces.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/fleeces.png")) {
    .gnb-fleeces {
        background-image:url(/img/fleeces.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-down-jumpers {
    background: url(/asset/icons/gnb/webp/down-jumpers.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/down-jumpers.png")) {
    .gnb-down-jumpers {
        background-image:url(/img/down-jumpers.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-sweatshirts {
    background: url(/asset/icons/gnb/webp/sweatshirts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/sweatshirts.png")) {
    .gnb-sweatshirts {
        background-image:url(/img/sweatshirts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-hoodies {
    background: url(/asset/icons/gnb/webp/hoodies.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/hoodies.png")) {
    .gnb-hoodies {
        background-image:url(/img/hoodies.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-long-sleeved-t-shirts {
    background: url(/asset/icons/gnb/webp/long-sleeved-t-shirts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/long-sleeved-t-shirts.png")) {
    .gnb-long-sleeved-t-shirts {
        background-image:url(/img/long-sleeved-t-shirts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-knits {
    background: url(/asset/icons/gnb/webp/knits.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/knits.png")) {
    .gnb-knits {
        background-image:url(/img/knits.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-t-shirts {
    background: url(/img/t-shirts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/t-shirts.png")) {
    .gnb-t-shirts {
        background-image:url(/img/t-shirts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-camis {
    background: url(/asset/icons/gnb/webp/camis.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/camis.png")) {
    .gnb-camis {
        background-image:url(/img/camis.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-denims {
    background: url(/asset/icons/gnb/webp/denims.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/denims.png")) {
    .gnb-denims {
        background-image:url(/img/denims.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-cotton-pants {
    background: url(/img/cotton-pants.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/cotton-pants.png")) {
    .gnb-cotton-pants {
        background-image:url(/img/cotton-pants.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-slacks {
    background: url(/asset/icons/gnb/webp/slacks.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/slacks.png")) {
    .gnb-slacks {
        background-image:url(/img/slacks.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-wide {
    background: url(/asset/icons/gnb/webp/wide.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/wide.png")) {
    .gnb-wide {
        background-image:url(/img/wide.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-shorts {
    background: url(/asset/icons/gnb/webp/shorts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/shorts.png")) {
    .gnb-shorts {
        background-image:url(/img/shorts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-jogger-pants {
    background: url(/asset/icons/gnb/webp/jogger-pants.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/jogger-pants.png")) {
    .gnb-jogger-pants {
        background-image:url(/img/jogger-pants.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-shirts {
    background: url(/img/shirts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/shirts.png")) {
    .gnb-shirts {
        background-image:url(/img/shirts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-outers {
    background: url(/asset/icons/gnb/webp/outers.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/outers.png")) {
    .gnb-outers {
        background-image:url(/img/outers.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-tops {
    background: url(/asset/icons/gnb/webp/tops.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/tops.png")) {
    .gnb-tops {
        background-image:url(/img/tops.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-pants {
    background: url(/asset/icons/gnb/webp/pants.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/pants.png")) {
    .gnb-pants {
        background-image:url(/img/pants.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-skirts {
    background: url(/img/skirts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/skirts.png")) {
    .gnb-skirts {
        background-image:url(/img/skirts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-mini-dresses {
    background: url(/img/mini-dresses.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/mini-dresses.png")) {
    .gnb-mini-dresses {
        background-image:url(/img/mini-dresses.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-long-dresses {
    background: url(/asset/icons/gnb/webp/long-dresses.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/long-dresses.png")) {
    .gnb-long-dresses {
        background-image:url(/img/long-dresses.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-two-pieces {
    background: url(/img/two-pieces.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/two-pieces.png")) {
    .gnb-two-pieces {
        background-image:url(/img/two-pieces.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-mini-skirts {
    background: url(/asset/icons/gnb/webp/mini-skirts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/mini-skirts.png")) {
    .gnb-mini-skirts {
        background-image:url(/img/mini-skirts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-mid-long-skirts {
    background: url(/asset/icons/gnb/webp/mid-long-skirts.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/mid-long-skirts.png")) {
    .gnb-mid-long-skirts {
        background-image:url(/img/mid-long-skirts.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-pants-skirt {
    background: url(/asset/icons/gnb/webp/pants-skirt.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/pants-skirt.png")) {
    .gnb-pants-skirt {
        background-image:url(/img/pants-skirt.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-etc {
    background: url(/img/etc.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/etc.png")) {
    .gnb-etc {
        background-image:url(/img/etc.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-socks {
    background: url(/asset/icons/gnb/webp/socks.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/socks.png")) {
    .gnb-socks {
        background-image:url(/img/socks.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-cross-tote-bags {
    background: url(/asset/icons/gnb/webp/cross-tote-bags.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/cross-tote-bags.png")) {
    .gnb-cross-tote-bags {
        background-image:url(/img/cross-tote-bags.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-backpacks {
    background: url(/asset/icons/gnb/webp/backpacks.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/backpacks.png")) {
    .gnb-backpacks {
        background-image:url(/img/backpacks.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-hair {
    background: url(/asset/icons/gnb/webp/hair.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/hair.png")) {
    .gnb-hair {
        background-image:url(/img/hair.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-skirts-sets {
    background: url(/asset/icons/gnb/webp/skirts-sets.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/skirts-sets.png")) {
    .gnb-skirts-sets {
        background-image:url(/img/skirts-sets.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-one-piece-sets {
    background: url(/img/one-piece-sets.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/one-piece-sets.png")) {
    .gnb-one-piece-sets {
        background-image:url(/img/one-piece-sets.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-shorts-sets {
    background: url(/asset/icons/gnb/webp/shorts-sets.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/shorts-sets.png")) {
    .gnb-shorts-sets {
        background-image:url(/img/shorts-sets.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-pants-sets {
    background: url(/asset/icons/gnb/webp/pants-sets.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/pants-sets.png")) {
    .gnb-pants-sets {
        background-image:url(/img/pants-sets.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-tops-pants-sets {
    background: url(/img/tops-pants-sets.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/tops-pants-sets.png")) {
    .gnb-tops-pants-sets {
        background-image:url(/img/tops-pants-sets.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-blouses {
    background: url(/asset/icons/gnb/webp/blouses.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/blouses.png")) {
    .gnb-blouses {
        background-image:url(/img/blouses.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-pants-length {
    background: url(/img/pants-length.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/pants-length.png")) {
    .gnb-pants-length {
        background-image:url(/img/pants-length.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-jewelry {
    background: url(/img/jewelry.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/jewelry.png")) {
    .gnb-jewelry {
        background-image:url(/img/jewelry.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-training-sets {
    background: url(/img/training-sets.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/training-sets.png")) {
    .gnb-training-sets {
        background-image:url(/img/training-sets.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.gnb-sweatpants {
    background: url(/asset/icons/gnb/webp/sweatpants.webp) no-repeat 50% 50%/80% #f9f9f9
}

@supports (background-image: url("/asset/icons/gnb/png/sweatpants.png")) {
    .gnb-sweatpants {
        background-image:url(/img/sweatpants.png) no-repeat 50% 50%/80% #f9f9f9
    }
}

.managing-review {
    position: relative
}

.managing-review .review-popup-guide {
    padding: .5rem 1.8rem 1.8rem;
    box-sizing: border-box;
    font-size: 1rem;
    color: #7f7f7f;
    border: .1rem solid #f2f2f2;
    border-radius: .7rem;
    text-align: center;
    margin-top: 1rem;
    margin-left: 1rem;
    position: absolute;
    max-width: 35rem;
    background: #fff;
    z-index: 20;
    display: none
}

.managing-review .review-popup-guide.on {
    display: inline-block
}

.managing-review .review-popup-guide button {
    display: block;
    margin: 2rem auto 0;
    font-size: 1.2rem;
    padding: .5rem 3rem;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    color: #7f7f7f
}

.managing-review .review-popup-guide .close-popup {
    font-size: 3.5rem;
    display: inline-block;
    margin-bottom: 1rem;
    float: right;
}

.managing-review .review-popup-guide p {
    clear: both
}

.managing-review .title {
    border-bottom: .1rem solid #f8f8f7;
    padding: 1.4rem 2rem;
    box-sizing: border-box;
    font-size: 1.1rem;
    font-weight: 600;
    color: #343434;
    margin-top: 1.1rem;
    display: block
}

.managing-review .title .guide-title em {
    color: #ff41a2;
    font-size: 1.1rem;
    font-weight: 600
}

.managing-review .title img {
    width: 1.2rem;
    display: inline-block;
    margin-left: .3rem
}

.managing-review .title .guide-1 {
    font-weight: 700;
    font-size: 1.3rem;
    width: 100%;
    display: block
}

.managing-review .title .guide-2 {
    margin-top: .5rem;
    font-size: 1.1rem;
    color: #888;
    display: block
}

.managing-review .review-write-guide {
    padding: 1rem 1.1rem;
    font-size: 1.2rem;
    color: #ff41a2;
    padding: 0;
    margin: 1rem 0
}

.managing-review .review-list-tab {
    width: 100%;
    display: flex;
}

.managing-review .review-list-tab li {
    display: inline-block;
    width: 50%;
    height: 4.2rem;
    text-align: center;
    font-size: 1.3rem;
    color: #939393;
    line-height: 4.2rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #e7e7e7;
}

.managing-review .review-list-tab li.on {
    border-bottom: .25rem solid #040404;
    font-weight: 600;
    color: #040404;
}

.managing-review .review-list-guide {
    padding: 2rem 1.1rem 0;
    box-sizing: border-box;
    margin-top: 2rem;
    border-top: .1rem solid #ececec
}

.managing-review .review-list-guide p {
    padding: 0 1.5rem;
    background: #ff41a2;
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: .5rem
}

.managing-review .review-list-guide p em {
    color: #fffca7
}

.managing-review .unwritten-review-list,.managing-review .written-review-list {
    display: none;
    position: relative
}

.managing-review .unwritten-review-list.on,.managing-review .written-review-list.on {
    display: block
}

.managing-review .unwritten-review-list>ul {
    padding: 1.6rem 1.6rem 8rem;
    box-sizing: border-box
}

.managing-review .unwritten-review-list>ul>li {
    padding: 1.1rem 1.2rem 1.6rem;
    box-sizing: border-box;
    border: .1rem solid #eee;
    border-radius: .75rem;
    margin-bottom: 1.2rem
}

.managing-review .unwritten-review-list>ul>li .review-goods-info {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.managing-review .unwritten-review-list>ul>li .review-goods-info:after {
    content: "";
    position: absolute;
    bottom: .1rem;
    width: calc(80% - 1.2rem);
    height: .1rem;
    background: #eee;
    right: 0
}

@media (max-width: 460px) {
    .managing-review .unwritten-review-list>ul>li .review-goods-info:after {
        width:calc(100% - 9.2rem)
    }
}

.managing-review .unwritten-review-list>ul>li .review-goods-info a {
    position: relative;
    width: 20%;
    padding-top: 20%;
    display: block;
    border-radius: .75rem;
    overflow: hidden
}

.managing-review .unwritten-review-list>ul>li .review-goods-info a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 460px) {
    .managing-review .unwritten-review-list>ul>li .review-goods-info a {
        width:8rem;
        padding-top: 8rem
    }
}

.managing-review .unwritten-review-list>ul>li .review-goods-info .goods_info {
    width: calc(80% - 1.2rem);
    margin-left: 1.2rem;
    padding-bottom: 1rem;
    box-sizing: border-box
}

@media (max-width: 460px) {
    .managing-review .unwritten-review-list>ul>li .review-goods-info .goods_info {
        width:calc(100% - 9.2rem)
    }
}

.managing-review .unwritten-review-list>ul>li .review-goods-info .goods_info p:first-child {
    font-size: .9rem;
    color: #888
}

.managing-review .unwritten-review-list>ul>li .review-goods-info .goods_info p:nth-child(2) {
    margin-top: .4rem;
    font-size: 1.1rem;
    color: #343434;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.managing-review .unwritten-review-list>ul>li .review-goods-info .goods_info p:last-child {
    margin-top: .2rem;
    font-size: 1rem;
    color: #888
}

.managing-review .unwritten-review-list>ul>li .review-info {
    margin-top: 1.6rem;
    display: flex;
    align-items: center
}

.managing-review .unwritten-review-list>ul>li .review-info span {
    display: inline-block;
    width: 20%;
    text-align: center
}

@media (max-width: 460px) {
    .managing-review .unwritten-review-list>ul>li .review-info span {
        width:8.8rem;
        text-align: left
    }
}

.managing-review .unwritten-review-list>ul>li .review-info span p:first-child {
    font-size: 1rem;
    color: #888
}

.managing-review .unwritten-review-list>ul>li .review-info span p:last-child {
    font-size: 1rem;
    color: #ff41a2;
    margin-top: .4rem;
    font-weight: 700
}

.managing-review .unwritten-review-list>ul>li .review-info a {
    width: calc(80% - 1.2rem);
    margin-left: auto;
    border-radius: .4rem;
    color: #ff41a2;
    border: .1rem solid #ff41a2;
    font-size: 1.2rem;
    padding: 1rem 0;
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 460px) {
    .managing-review .unwritten-review-list>ul>li .review-info a {
        width:calc(100% - 9.2rem)
    }
}

.managing-review .written-review-list>ul {
    padding: 1.6rem;
    box-sizing: border-box
}

.managing-review .written-review-list>ul>li>.review-info-wrap {
    padding: 1.1rem 1.2rem 1.6rem;
    box-sizing: border-box;
    border: .1rem solid #eee;
    border-radius: .75rem;
    margin-bottom: 1.2rem
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-header {
    display: flex;
    align-items: center
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-header .score {
    position: relative;
    font-size: 0;
    display: inline-block;
    width: 7.5rem
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-header .score img {
    width: 1.5rem;
    display: inline-block;
    position: relative;
    z-index: 1
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-header .score .star-wrap {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: #ff41a2;
    z-index: 0
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-header>span:last-child {
    font-size: 1rem;
    color: #888;
    margin-left: auto
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content {
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>a {
    position: relative;
    width: 20%;
    padding-top: 20%;
    overflow: hidden;
    border-radius: .7rem;
    display: inline-block
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span {
    width: calc(80% - 1.2rem);
    margin-left: auto;
    display: block
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span p:first-child {
    color: #343434;
    font-size: 1.1rem;
    font-weight: 500
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span .option {
    margin-top: .5rem;
    font-size: 1rem;
    color: #888;
    display: flex;
    align-items: center
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span .option em {
    padding: .3rem .5rem;
    box-sizing: border-box;
    color: #888;
    font-size: 1rem;
    font-weight: 500;
    margin-left: .6rem;
    border: .1rem solid #eee;
    border-radius: .2rem
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span .option.on em {
    color: #fff;
    background: #b4b4b4;
    border: .1rem solid #aaa
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span .comment-input {
    display: none
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span .comment-input+label {
    width: 3rem;
    height: 3rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAVBAMAAADcCFGjAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTKCgoJiYmJiYmKSkpJiYmJmZmZiYmJeXl52dnZiYmJmZmZiYmJeXl4Pk7qIAAAANdFJOUwAQxpwH2HeHtBtlJ/c9Z3MeAAAAmklEQVQY02Ng2M2AAqQdGJjvmiCLcJ0NZNh794YDktDau9eAQndbkBTdBQox30VWtvbu3UAGFlskZUBFVycwMDgjKcu9ezcSSCEpY4MoYgCZdskBWREQAJWpoCiCKBNAUQRWpsjAwA5UJAATYgcrqwW5CQ6APEV2qHYkZRDdKMpQFYGVoSkCOwBVEdiZaIoYGHJQQhIMGCfAWACF1VcTcy82DwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 1.5rem auto;
    background-position: 100%;
    margin-left: auto
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content>span .comment-input:checked+label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAVBAMAAADcCFGjAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTKSkpJ6enpiYmJiYmJiYmJiYmJubm5iYmJiYmJmZmZiYmJeXlwOkH8wAAAAMdFJOUwAHF92xocYkdIxb+W+8UFwAAAClSURBVBjTXdA9DoIwGMbxR6MJdGIwMXEiHsHFmd1Bdxc8gQfwCAwegBvg5sqGEIbnUL6lJX1px39+/XgL+LV+Il7VkEUlJR9Rqskhj1HMaps6zbayTepJpTtZJuQ3X6AMlWaCCiBRpwn62XcGtnLIMTfWziPgQ54ndPEIOHgW0Mwsus1Xm4ltyD68ubGXvshrSKblKKnX8zeSUr51Mm0JHJd/uccfNlVQz8Z2LzcAAAAASUVORK5CYII=)
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-memo {
    padding-top: 1.4rem;
    margin-top: 1.4rem;
    border-top: .1rem solid #f8f8f8;
    width: 100%;
    display: none
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-memo .write-review-photo {
    width: 100%;
    font-size: 0
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-memo .write-review-photo>li {
    display: inline-block;
    width: calc(25% - .375rem);
    position: relative;
    padding-top: calc(25% - .375rem);
    overflow: hidden;
    border-radius: .5rem
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-memo .write-review-photo>li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-memo .write-review-photo li+li {
    margin-left: .5rem
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .option-wrap:has(.comment-input:checked)+.comment-memo {
    display: block
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-goods-detail {
    padding: .8rem 0 1.3rem;
    box-sizing: border-box;
    width: 100%;
    color: #888;
    font-size: 1.1rem;
    border-bottom: .1rem solid #f8f8f7
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-goods-detail span {
    display: block;
    width: 100%;
    margin-bottom: .3rem
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .comment-goods-memo {
    padding: 1.4rem 0 1.6rem;
    box-sizing: border-box;
    color: #343434;
    font-size: 1.1rem;
    border-bottom: .1rem solid #f8f8f7;
    font-weight: 500;
    word-break: break-all
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .button-wrap {
    margin: 1.3rem 0 .7rem;
    display: flex;
    align-items: center
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .button-wrap a,.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .button-wrap button {
    font-size: 1.1rem;
    color: #343434
}

.managing-review .written-review-list>ul>li>.review-info-wrap .review-content .button-wrap a:first-of-type {
    margin-left: auto;
    margin-right: .84rem;
    border-right: .1rem solid #eee;
    padding-right: .84rem
}

.managing-review .written-review-list>ul>li>.review-reply {
    margin: 1rem 0;
    padding: 2rem 1.7rem;
    box-sizing: border-box;
    border: .1rem solid #ffb8dd;
    border-radius: .75rem
}

.managing-review .written-review-list>ul>li>.review-reply .review-reply-header {
    display: flex;
    align-items: center
}

.managing-review .written-review-list>ul>li>.review-reply .review-reply-header em:first-of-type {
    width: .67rem;
    height: .7rem;
    border: .1rem solid #979797;
    display: inline-block;
    border-right: none;
    border-top: none;
    margin-right: .63rem;
    box-sizing: border-box
}

.managing-review .written-review-list>ul>li>.review-reply .review-reply-header em:nth-of-type(2) {
    width: 4rem;
    color: #343434;
    font-weight: 500;
    text-align: center;
    background: #ffeaf5;
    height: 1.8rem;
    line-height: 1.8rem;
    margin-right: .8rem;
    border: .1rem solid #ffdcee;
    border-radius: .2rem
}

.managing-review .written-review-list>ul>li>.review-reply .review-reply-header em:last-child {
    color: #343434;
    font-size: 1.1rem
}

.managing-review .written-review-list>ul>li>.review-reply .review-replay-content {
    display: block;
    margin-top: 1rem;
    font-size: 1.1rem;
    line-height: 1.82;
    color: #343434;
    margin-left: 1.3rem
}

.review-write-popup {
    z-index: 100;
    width: 100%;
    top: 0
}

.review-write-popup .button-wrap {
    margin-top: 2rem;
    font-size: 0;
}

.review-write-popup .button-wrap button {
    width: calc(50% - .4rem);
    height: 4.2rem;
    font-size: 1.2rem;
    font-weight: 600;
    background: #fff;
    border: .1rem solid #bababa;
    color: #7d7d7d;
    border-radius: .5rem
}

.review-write-popup .button-wrap button:last-child {
    background: #ff41a2;
    color: #fff;
    margin-left: .8rem;
    border: .1rem solid #ff41a2
}

.review-write-popup.on {
    display: block
}

.review-write-popup .popup {
    padding: 2rem 1rem 5rem;
    background: #f5f5f5
}

.review-write-popup .popup .image-preview {
    width: 100%;
    margin-top: 2.5rem
}

.review-write-popup .popup .image-preview li {
    width: calc(25% - .75rem);
    padding-top: calc(25% - .75rem);
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-right: 1rem;
    border-radius: .75rem
}

.review-write-popup .popup .image-preview li:last-child {
    margin-right: 0
}

.review-write-popup .popup .image-preview li .preview-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    filter: brightness(80%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.review-write-popup .popup .image-preview li .play-button {
    width: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.review-write-popup .popup .image-preview li video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    filter: brightness(80%);
    width: 100%
}

.review-write-popup .popup .image-preview li img:last-child {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.3rem
}

@media (max-width: 500rem) {
    .review-write-popup .popup .image-preview li img:last-child {
        width:1.3rem
    }
}

.review-write-popup .popup .file-upload {
    border-radius: .5rem;
    width: 100%;
    height: 4.5rem;
    text-align: center;
    background: #000;
    color: #fff
}

.review-write-popup .popup .file-upload input {
    display: none
}

.review-write-popup .popup .file-upload label {
    color: #fff;
    font-size: 1.6rem;
    line-height: 4.5rem;
    width: 100%
}

.review-write-popup .popup .page-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    padding: 0;
    margin: 0
}

.review-write-popup .popup .review-write-guide {
    background: #ff41a2;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: .5rem;
    margin: 2rem 0;
    padding: 1rem 2rem;
    box-sizing: border-box
}

.review-write-popup .popup .review-write-guide em {
    color: #fffca7
}

.review-write-popup .popup .review-text {
    text-align: center;
    padding: 4.5rem 0 1rem;
    font-weight: 700;
    font-size: 1.2rem
}

.review-write-popup .popup .review-text .review-memo-box {
    position: relative
}

.review-write-popup .popup .review-text .review-memo-box span {
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

.review-write-popup .popup .review-text p {
    font-size: 1.5rem;
    font-weight: 500
}

.review-write-popup .popup .review-text textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    margin-top: 1.2rem;
    height: 20rem;
    border-radius: .5rem;
    padding: 2rem;
    box-sizing: border-box
}

.review-write-popup .popup .review-item {
    padding: 1rem 1.1rem;
    background: #fff;
    border-radius: .5rem;
    border: .1rem solid #eee;
    display: flex;
    align-items: center
}

.review-write-popup .popup .review-item a {
    width: 25%;
    position: relative;
    padding-top: 25%;
    border-radius: .5rem;
    overflow: hidden
}

.review-write-popup .popup .review-item a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.review-write-popup .popup .review-item div {
    margin-left: 1rem
}

.review-write-popup .popup .review-item div .title {
    font-weight: 600;
    color: #000;
    font-size: 1.2rem
}

.review-write-popup .popup .review-item div .option {
    font-size: 1.2rem;
    color: #484848
}

.review-write-popup .popup .user-name-nik {
    font-size: 1.2rem;
    margin-top: 2rem;
    margin-bottom: .5rem;
    font-weight: 600;
    display: block;
    padding: 0 1.1rem;
    box-sizing: border-box
}

.review-write-popup .popup .user-name-input {
    padding: 0 2rem;
    background: #fff;
    margin: 0 0 2rem 0;
    border-radius: .5rem;
    height: 4.7rem;
    line-height: 4.7rem;
    display: flex;
    align-items: center;
    border: .1rem solid #eee;
    box-sizing: border-box
}

.review-write-popup .popup .user-name-input em {
    font-size: 1.2rem;
    font-weight: 600
}

.review-write-popup .popup .user-name-input input {
    border: none;
    flex: 1;
    padding: 0!important
}

.review-write-popup .popup .user-size-input {
    background: #fff;
    margin: .6rem 0;
    border-radius: .5rem;
    overflow: hidden;
    border: .1rem solid #eee;
    font-size:0;
}

.review-write-popup .popup .user-size-input span {
    padding: .6rem 2%;
    display: inline-flex;
    align-items: center;
    width: 50%;
    box-sizing: border-box;
    position: relative
}

.review-write-popup .popup .user-size-input span:first-child:after {
    content: "";
    position: absolute;
    width: .2rem;
    height: 100%;
    background: #eee;
    right: 1.5%;
    transform: translateX(-50%)
}

.review-write-popup .popup .user-size-input span em:first-child {
    font-size: 1.2rem;
    font-weight: 600;
    width: 2.5rem
}

.review-write-popup .popup .user-size-input span em:last-child {
    font-size: 1.2rem;
    width: 2rem
}

.review-write-popup .popup .user-size-input span input {
    padding: 0;
    border: none;
    width: calc(100% - 5rem);
    text-align: right
}

.review-write-popup .popup .user-score li {
    max-width: 8.3rem;
    width: 12%;
    margin-right: 6%!important
}

.review-write-popup .popup .user-score li:last-child {
    margin-right: 0!important
}

.review-write-popup .popup .user-score li img {
    width: 100%!important
}

.review-write-popup .popup .user-body-type,.review-write-popup .popup .user-color,.review-write-popup .popup .user-score,.review-write-popup .popup .user-size {
    padding: 2rem 0 4.5rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #eee
}

.review-write-popup .popup .user-body-type>span,.review-write-popup .popup .user-color>span,.review-write-popup .popup .user-score>span,.review-write-popup .popup .user-size>span {
    font-size: 1.3rem;
    display: block;
    margin-bottom: 2.5rem;
    color: #494949
}

.review-write-popup .popup .user-body-type p,.review-write-popup .popup .user-color p,.review-write-popup .popup .user-score p,.review-write-popup .popup .user-size p {
    font-weight: 900;
    font-size: 2rem;
    color: #494949;
    text-align: center
}

.review-write-popup .popup .user-body-type ul,.review-write-popup .popup .user-color ul,.review-write-popup .popup .user-score ul,.review-write-popup .popup .user-size ul {
    margin-top: 2rem;
    text-align: center
}

.review-write-popup .popup .user-body-type ul li,.review-write-popup .popup .user-color ul li,.review-write-popup .popup .user-score ul li,.review-write-popup .popup .user-size ul li {
    display: inline-block;
    margin-right: 2rem
}

.review-write-popup .popup .user-body-type ul li.body-type.body-1 label,.review-write-popup .popup .user-color ul li.body-type.body-1 label,.review-write-popup .popup .user-score ul li.body-type.body-1 label,.review-write-popup .popup .user-size ul li.body-type.body-1 label {
    background: url(/asset/icons/review/s_off.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li.body-type.body-1 label,.review-write-popup .popup .user-color ul li.body-type.body-1 label,.review-write-popup .popup .user-score ul li.body-type.body-1 label,.review-write-popup .popup .user-size ul li.body-type.body-1 label {
        width:6rem;
        height: 6rem
    }
}

.review-write-popup .popup .user-body-type ul li.body-type.body-1 input:checked+label,.review-write-popup .popup .user-color ul li.body-type.body-1 input:checked+label,.review-write-popup .popup .user-score ul li.body-type.body-1 input:checked+label,.review-write-popup .popup .user-size ul li.body-type.body-1 input:checked+label {
    background: url(/asset/icons/review/s.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li.body-type.body-1 input:checked+label,.review-write-popup .popup .user-color ul li.body-type.body-1 input:checked+label,.review-write-popup .popup .user-score ul li.body-type.body-1 input:checked+label,.review-write-popup .popup .user-size ul li.body-type.body-1 input:checked+label {
        width:6rem;
        height: 6rem
    }
}

.review-write-popup .popup .user-body-type ul li.body-type.body-2 label,.review-write-popup .popup .user-color ul li.body-type.body-2 label,.review-write-popup .popup .user-score ul li.body-type.body-2 label,.review-write-popup .popup .user-size ul li.body-type.body-2 label {
    background: url(/asset/icons/review/w_off.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li.body-type.body-2 label,.review-write-popup .popup .user-color ul li.body-type.body-2 label,.review-write-popup .popup .user-score ul li.body-type.body-2 label,.review-write-popup .popup .user-size ul li.body-type.body-2 label {
        width:6rem;
        height: 6rem
    }
}

.review-write-popup .popup .user-body-type ul li.body-type.body-2 input:checked+label,.review-write-popup .popup .user-color ul li.body-type.body-2 input:checked+label,.review-write-popup .popup .user-score ul li.body-type.body-2 input:checked+label,.review-write-popup .popup .user-size ul li.body-type.body-2 input:checked+label {
    background: url(/asset/icons/review/w.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li.body-type.body-2 input:checked+label,.review-write-popup .popup .user-color ul li.body-type.body-2 input:checked+label,.review-write-popup .popup .user-score ul li.body-type.body-2 input:checked+label,.review-write-popup .popup .user-size ul li.body-type.body-2 input:checked+label {
        width:6rem;
        height: 6rem
    }
}

.review-write-popup .popup .user-body-type ul li.body-type.body-3 label,.review-write-popup .popup .user-color ul li.body-type.body-3 label,.review-write-popup .popup .user-score ul li.body-type.body-3 label,.review-write-popup .popup .user-size ul li.body-type.body-3 label {
    background: url(/asset/icons/review/n_off.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li.body-type.body-3 label,.review-write-popup .popup .user-color ul li.body-type.body-3 label,.review-write-popup .popup .user-score ul li.body-type.body-3 label,.review-write-popup .popup .user-size ul li.body-type.body-3 label {
        width:6rem;
        height: 6rem
    }
}

.review-write-popup .popup .user-body-type ul li.body-type.body-3 input:checked+label,.review-write-popup .popup .user-color ul li.body-type.body-3 input:checked+label,.review-write-popup .popup .user-score ul li.body-type.body-3 input:checked+label,.review-write-popup .popup .user-size ul li.body-type.body-3 input:checked+label {
    background: url(/asset/icons/review/n.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li.body-type.body-3 input:checked+label,.review-write-popup .popup .user-color ul li.body-type.body-3 input:checked+label,.review-write-popup .popup .user-score ul li.body-type.body-3 input:checked+label,.review-write-popup .popup .user-size ul li.body-type.body-3 input:checked+label {
        width:6rem;
        height: 6rem
    }
}

.review-write-popup .popup .user-body-type ul li:last-child,.review-write-popup .popup .user-color ul li:last-child,.review-write-popup .popup .user-score ul li:last-child,.review-write-popup .popup .user-size ul li:last-child {
    margin: 0
}

.review-write-popup .popup .user-body-type ul li img,.review-write-popup .popup .user-color ul li img,.review-write-popup .popup .user-score ul li img,.review-write-popup .popup .user-size ul li img {
    width: 7.5rem
}

.review-write-popup .popup .user-body-type ul li input,.review-write-popup .popup .user-color ul li input,.review-write-popup .popup .user-score ul li input,.review-write-popup .popup .user-size ul li input {
    display: none
}

.review-write-popup .popup .user-body-type ul li label,.review-write-popup .popup .user-color ul li label,.review-write-popup .popup .user-score ul li label,.review-write-popup .popup .user-size ul li label {
    background: url(/asset/icons/review/review_chk_img_off.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li label,.review-write-popup .popup .user-color ul li label,.review-write-popup .popup .user-score ul li label,.review-write-popup .popup .user-size ul li label {
        width:5.5rem;
        height: 5.5rem
    }
}

.review-write-popup .popup .user-body-type ul li input:checked+label,.review-write-popup .popup .user-color ul li input:checked+label,.review-write-popup .popup .user-score ul li input:checked+label,.review-write-popup .popup .user-size ul li input:checked+label {
    background: url(/asset/icons/review/review_chk_img_active.png);
    width: 7.5rem;
    height: 7.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media (max-width: 450px) {
    .review-write-popup .popup .user-body-type ul li input:checked+label,.review-write-popup .popup .user-color ul li input:checked+label,.review-write-popup .popup .user-score ul li input:checked+label,.review-write-popup .popup .user-size ul li input:checked+label {
        width:5.5rem;
        height: 5.5rem
    }
}

.review-write-popup .popup .user-body-type ul li span,.review-write-popup .popup .user-color ul li span,.review-write-popup .popup .user-score ul li span,.review-write-popup .popup .user-size ul li span {
    display: block;
    width: 100%;
    margin-top: 1rem;
    font-size: 1.2rem;
    color: #c4c4c4
}

.review-summary {
    padding: 0 1rem;
    margin-bottom: 1.5rem
}

.review-summary .review-guide-popup {
    position: fixed;
    max-width: 750px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none
}

.review-summary .review-guide-popup.on {
    display: block
}

.review-summary .review-guide-popup div {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 85%
}

.review-summary .review-guide-popup div span {
    position: absolute;
    width: 10%;
    padding-top: 10%;
    right: 2.5%;
    top: 1.5%
}

.review-summary .review-information {
    display: flex;
    align-items: center;
    margin-top: 2rem
}

.review-summary .review-information .review-type {
    margin-left: 1rem;
    flex: 1
}

.review-summary .review-information .review-type li {
    display: flex;
    align-items: center;
    margin-bottom: .8rem
}

.review-summary .review-information .review-type li span {
    display: inline-block
}

.review-summary .review-information .review-type li span:first-child {
    font-size: 1.2rem;
    font-weight: 300;
    border: .1rem solid #c2c2c2;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 2rem;
    box-sizing: border-box
}

.review-summary .review-information .review-type li span:nth-child(2) {
    flex: 0.5;
    text-align: center;
    font-size: 1.2rem
}

.review-summary .review-information .review-type li .gauge {
    flex: 0.5;
    height: 1rem;
    border-radius: 2rem;
    border: .1rem solid #ddd;
    position: relative
}

.review-summary .review-information .review-type li .gauge>em {
    width: 50%;
    border-radius: 2rem;
    height: 1rem;
    background: #ff41a2;
    display: block
}

.review-summary .review-information .review-type li>em {
    margin-left: 1rem;
    font-size: 1.2rem
}

.review-summary .review-information .score {
    width: 7.5rem;
    padding: 0 1rem;
    border-right: .1rem solid #ddd
}

.review-summary .review-information .score p:first-child {
    text-align: center;
    font-size: 1.2rem;
    padding: 0 1rem
}

.review-summary .review-information .score p:nth-child(2) {
    padding: 1rem 0 .5rem;
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center
}

.review-summary .review-information .score .star {
    position: relative;
    font-size: 0;
    display: block
}

.review-summary .review-information .score .star img {
    width: 1.5rem;
    display: inline-block;
    position: relative;
    top: 0;
    z-index: 1
}

.review-summary .review-information .score .star p {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff41a2;
    top: 0;
    z-index: 0
}

.review-list b {
    font-weight: 700
}

.review-list .not-review {
    padding: 5rem 0;
    text-align: center;
    font-size: 1.3rem;
    color: #999
}

.review-list .user-review {
    padding: 1.5rem 1rem;
    border-bottom: .1rem solid #efeeee
}

.review-list .user-review .user-information {
    display: flex;
    align-items: center
}

.review-list .user-review .user-information .user-img {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    display: inline-block
}

.review-list .user-review .user-information .user-write-information {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

.review-list .user-review .user-information .user-write-information .my-size {
    display: inline-block;
    margin-left: .9rem;
    padding: 0 .7rem;
    box-sizing: border-box;
    background: #ff41a2;
    color: #fff;
    border-radius: 1.5rem;
    font-size: 1.2rem;
    height: 2rem;
    line-height: 2rem
}

.review-list .user-review .user-information .user-write-information .user-write-data {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    width: 100%
}

.review-list .user-review .user-information .user-write-information .user-write-data .country {
    width: 2.5rem
}

.review-list .user-review .user-information .user-write-information .user-write-data span {
    display: inline-block;
    margin-right: .5rem;
    font-size: 1.2rem;
    color: #656565
}

.review-list .user-review .review-photo {
    margin: 1.5rem 0;
    font-size: 0
}

.review-list .user-review .review-photo li {
    display: inline-block;
    width: calc(25% - .75rem);
    padding-top: 25%;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    margin-right: 1rem
}

.review-list .user-review .review-photo li:last-child {
    margin-right: 0
}

.review-list .user-review .review-photo li div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: cover!important
}

.review-list .user-review .review-option {
    margin-top: 1rem;
    border: .1rem solid #eee;
    border-radius: .5rem;
    padding: 1.5rem;
    box-sizing: border-box
}

.review-list .user-review .review-option li span {
    display: block;
    font-size: 1.2rem;
    margin-bottom: .5rem
}

.review-list .user-review .review-option li span:last-child {
    margin-bottom: 0;
    color: #ff41a2
}

.review-list .user-review .review-content {
    font-size: 1.2rem;
    margin-top: 2rem
}

.review-list .user-review .review-content>div {
    word-wrap: break-word
}

.review-list .user-review .review-content .review-translate {
    margin-top: 2rem;
    padding: 2rem 1.1rem 1.1rem;
    box-sizing: border-box;
    background: #eee;
    position: relative;
    display: none
}

.review-list .user-review .review-content .review-translate.on {
    display: block
}

.review-list .user-review .review-content .review-translate button {
    background: url(/img/icon_review_change_le.png) no-repeat 50% 50%/1.5rem auto;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: .5rem;
    right: .5rem
}

.review-list .user-review .review-content .review-translate .translate-type {
    margin-top: 3rem
}

.review-list .user-review .review-content .review-translate .translate-type img {
    width: 5.5rem;
    display: inline-block;
    margin-left: 1rem
}

.review-list .user-review .review-content .translate-button {
    margin-top: 2rem;
    font-weight: 700
}

.review-list .user-review .review-content .help-wrap {
    margin-top: 2rem;
    display: flex;
    align-items: center
}

.review-list .user-review .review-content .help-wrap button {
    margin-left: auto;
    border: .1rem solid #ff41a2;
    padding: 0 1.5rem;
    height: 3rem;
    border-radius: .5rem;
    color: #ff41a2
}

.review-list .user-review .review-content .help-wrap button.on {
    background: #ff41a2;
    color: #fff
}

.review-list .star {
    position: relative;
    font-size: 0;
    display: inline-block;
    width: 7.5rem
}

.review-list .star img {
    width: 1.5rem;
    display: inline-block;
    position: relative;
    top: 0;
    z-index: 1
}

.review-list .star p {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff41a2;
    top: 0;
    z-index: 0
}

.review-filter {
    padding: 0 1rem
}

.review-filter .body-filter {
    margin: 2rem 0 3rem;
    display: flex;
    align-items: center
}

.review-filter .body-filter button {
    height: 4.4rem;
    border: .1rem solid #c2c2c2;
    color: #303030;
    font-size: 1.3rem;
    font-weight: 600;
    background: #fafafa;
    border-radius: .5rem;
    flex: 1
}

.review-filter .body-filter button.on {
    border: .1rem solid #e8e8e8;
    color: #d2d2d2
}

.review-filter .body-filter button:last-child {
    width: 7rem;
    margin-left: .5rem;
    flex: initial
}

.review-filter .review-filter-wrap {
    margin-top: 1.5rem;
    padding-bottom: .5rem;
    display: flex;
    align-items: center;
    border-bottom: .1rem solid #ddd
}

.review-filter .review-filter-wrap input+label {
    background: url(/asset/icons/common/ico-checkbox.png) no-repeat 0 100%/2rem auto!important
}

.review-filter .review-filter-wrap label {
    padding-left: 2.5rem
}

.review-filter .review-filter-wrap select {
    margin-left: auto;
    width: 8.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/asset/icons/review/reviewFilter.png) no-repeat 0 50%/auto 1.4rem;
    padding-left: 1.2rem
}

.review-detail-popup .swiper-button-next,.review-detail-popup .swiper-button-prev {
    color: #a5a5a5!important
}

.review-detail-popup .review-popup {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 75rem;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 202;
    display: none
}

.review-detail-popup .review-popup.on {
    display: block
}

.review-detail-popup .review-popup .review-popup-list {
    width: 70%;
    height: 80%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background: #000
}

.review-detail-popup .review-popup .review-popup-list .page-number {
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: auto;
    height: 3rem;
    line-height: 3rem;
    background: transparent!important
}

.review-detail-popup .review-popup .review-popup-list .page-number.on:before {
    content: "+";
    position: absolute;
    display: block;
    color: #fff;
    font-size: 1.2rem;
    left: 59%
}

.review-detail-popup .review-popup .review-popup-list>img {
    position: absolute;
    width: 8%;
    z-index: 10;
    right: 1.5rem;
    top: 1.5rem
}

.review-detail-popup .review-popup .review-popup-list ul li:before {
    content: "";
    display: inline-block;
    background: url(/img/review_background.png);
    width: 100%;
    height: 24%;
    position: absolute;
    bottom: 0;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.review-detail-popup .review-popup .review-popup-list ul li img {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail {
    color: #fff;
    font-size: 1.3rem;
    position: absolute;
    bottom: 0;
    z-index: 11;
    padding: 5%;
    box-sizing: border-box;
    width: 100%
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail>p {
    color: #d7d4d4
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail>p:nth-child(4) {
    color: #ff41a2
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail>p>em {
    color: #fff
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail div {
    margin-top: 1rem;
    max-height: 4rem;
    overflow-y: auto;
    width: 100%;
    word-wrap: break-word
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail div::-webkit-scrollbar {
    width: 5px
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail div::-webkit-scrollbar-thumb {
    background: hsla(0,0%,100%,.5);
    border-radius: 5px
}

.review-detail-popup .review-popup .review-popup-list .review-write-detail div::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

@media (max-width: 600px) {
    .review-detail-popup .review-popup-list {
        width:100%!important;
        height: 100%!important
    }
}

.review-preview {
    position: fixed;
    max-width: 75rem;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
    display: none
}

.review-preview.on {
    display: block
}

.review-preview>div {
    background: #fff;
    width: 75%;
    height: 55%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.review-preview>div .review-preview-head {
    height: 4rem;
    text-align: center;
    border-bottom: 1px solid #eee;
    position: relative
}

.review-preview>div .review-preview-head em {
    font-size: 1.5rem;
    line-height: 4rem
}

.review-preview>div .review-preview-head img {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%
}

.review-preview .review-photo-wrap {
    font-size: 0;
    padding: .5rem .4rem;
    height: calc(100% - 4rem);
    overflow-y: auto;
    box-sizing: border-box
}

.review-preview .review-photo-wrap li:not(.more-button) {
    width: calc(33.333% - .8rem);
    display: inline-block;
    padding-top: calc(33.333% - .8rem);
    box-sizing: border-box;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    margin: 1.2rem .4rem 0;
    border-radius: .5rem;
    position: relative
}

.review-preview .review-photo-wrap li:not(.more-button).on {
    box-shadow: inset 0 0 0 .3rem #ff41a2
}

.review-preview .review-photo-wrap li:not(.more-button) em {
    display: block;
    font-size: 1.2rem;
    position: absolute;
    bottom: 5%;
    width: 2rem;
    height: 2rem;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    right: 5%;
    line-height: 2rem
}

.review-preview .review-photo-wrap .more-button {
    width: 100%!important;
    padding: 0 .4rem!important;
    box-sizing: border-box!important;
    position: relative!important
}

.review-preview .review-photo-wrap .more-button button {
    width: 100%;
    height: 4.5rem;
    margin: 2rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #898989;
    border-radius: .5rem;
    border: .1rem solid #e4e4e4
}

@media (max-width: 600px) {
    .review-preview>div {
        width:100%!important;
        height: 100%!important
    }
}

.review-photo-list {
    padding: 0 .5rem
}

.review-photo-list .title {
    display: flex;
    align-items: center;
    margin: 3rem 0 1.5rem;
    padding: 0 .5rem;
    box-sizing: border-box
}

.review-photo-list .title h2 {
    font-size: 1.6rem;
    font-weight: 700
}

.review-photo-list .title img {
    width: 4rem;
    margin-right: .5rem;
    margin-left: auto
}

.review-photo-list>ul {
    padding: 0 .6rem;
    box-sizing: border-box;
    margin-bottom: 2rem
}

.review-photo-list li.swiper-slide {
    max-width: 14rem;
    padding: 0 .5rem;
    box-sizing: border-box
}

.review-photo-list li.swiper-slide .profile {
    padding-top: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: .5rem;
    background-size: cover!important;
    background-repeat: no-repeat!important
}

.review-photo-list li.swiper-slide .write {
    margin-top: .5rem
}

.review-photo-list li.swiper-slide .write span {
    display: flex;
    align-items: center
}

.review-photo-list li.swiper-slide .write span span:first-child {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%
}

.review-photo-list li.swiper-slide .write span b {
    font-size: 1rem;
    font-weight: 400;
    color: #585858
}

.review-photo-list li.swiper-slide .write span em {
    margin-left: auto;
    display: inline-block;
    font-size: 1rem;
    color: #999
}

.review-photo-list li.swiper-slide .content {
    width: 100%;
    margin-top: .5rem;
    font-weight: 300;
    color: #434343;
    font-size: 1rem
}

.review-photo-list li.swiper-slide .content div {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.review-body-size-popup {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    max-width: 75rem;
    background: rgba(0,0,0,.5);
    z-index: 100;
    display: none
}

.review-body-size-popup.on {
    display: block
}

.review-body-size-popup>div {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 29rem;
    background: #fff;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    box-sizing: border-box
}

.review-body-size-popup>div img {
    width: 2.4rem;
    height: 2.4rem;
    float: right;
    margin-bottom: 1rem
}

.review-body-size-popup>div span {
    display: block;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    clear: both
}

.review-body-size-popup>div ul {
    width: 100%
}

.review-body-size-popup>div ul li {
    margin-top: 1.5rem
}

.review-body-size-popup>div ul li>* {
    width: 100%;
    height: 4.5rem
}

.review-body-size-popup>div ul li input {
    text-align: center;
    border: .1rem solid #dbdbdb;
    border-radius: .5rem;
    background: #fafafa;
    font-size: 1.6rem!important;
    padding: 0!important
}

.review-body-size-popup>div ul li button {
    color: #fff;
    background: #000;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: .5rem
}

.address-manager.popup-wrap>.address-manager-wrapper {
    bottom: 0;
    height: 100%;
    max-height: 70vh;
    position: absolute
}

.address-manager.popup-wrap>.address-manager-wrapper .address-list {
    height: calc(70vh - 12rem);
    overflow-y: scroll
}

.address-manager.popup-wrap>.address-manager-wrapper .no-address {
    height: 16vh
}

.address-manager .address-editor {
    padding: 0 2rem
}

.address-manager .address-manager-wrapper {
    width: 100%;
    background-color: #fff;
    display: block
}

.address-manager .address-manager-wrapper .btn-close {
    right: 1rem;
    top: 1rem;
    position: absolute;
    z-index: 1
}

.address-manager .address-manager-wrapper h2 {
    width: 100%;
    text-align: center;
    border-bottom: thin solid #eee;
    display: inline-block;
    line-height: 4rem;
    font-size: 1.75rem;
    color: #3a3a3a;
    font-weight: 700
}

.address-manager .address-manager-wrapper ul {
    overflow-y: scroll
}

.address-manager .address-manager-wrapper ul li {
    position: relative;
    padding: 2rem 1.5rem;
    font-size: 1.5rem;
    box-shadow: inset 0 0 0 2px #eee;
    margin: 1rem;
    border-radius: .5rem
}

.address-manager .address-manager-wrapper ul li.default {
    box-shadow: inset 0 0 0 2px #ff41a2
}

.address-manager .address-manager-wrapper ul li .buttons {
    margin: 1.5rem 0 0 0
}

.address-manager .address-manager-wrapper ul li .buttons button:first-child {
    margin-right: 1rem
}

.address-manager .address-manager-wrapper ul li .buttons .btn-select {
    float: right
}

.address-manager .address-manager-wrapper>div:first-child {
    padding: 2rem
}

.address-manager .address-manager-wrapper>div:first-child>img {
    width: 4.5rem;
    display: initial;
    border-radius: .5rem
}

.address-manager .address-manager-wrapper>div:first-child>span {
    margin: 1rem
}

.address-manager .address-manager-wrapper>div:first-child>a {
    position: absolute;
    right: 2rem;
    top: 2.8rem
}

.address-manager .address-manager-wrapper .no-address {
    width: 100vh;
    height: calc(50vh - 12.5rem);
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.address-manager .address-manager-wrapper .notice {
    margin: 2rem 1.5rem 10.5rem 1.5rem;
    padding: 2rem;
    background: #eee;
    font-size: 1.1rem
}

.address-manager .address-manager-wrapper .notice li {
    font-size: 1rem;
    color: #3a3a3a;
    white-space: break-spaces;
    list-style: initial;
    margin: 0 0 .5rem 0;
    padding: initial
}

.address-manager .address-manager-wrapper .notice li:first-child {
    font-weight: 600;
    font-size: 1.1rem;
    list-style: none;
    margin-left: -.75rem
}

.address-manager .address-manager-wrapper .bottom {
    display: flex;
    padding: .9rem 1.6rem 1.7rem 1.6rem;
    background: #fff;
    box-shadow: 0 -.5rem 1rem rgba(0,0,0,.08);
    position: fixed;
    width: 100%;
    max-width: 750px;
    z-index: 10;
    box-sizing: border-box;
    bottom: calc(58px + env(safe-area-inset-bottom))
}

.address-manager .address-manager-wrapper .bottom button {
    width: 100%;
    padding: 1.434rem 1rem !important;
}

.popup-wrap>.address-editor {
    padding: 0!important
}

.address-editor.page {
    padding-top: 1rem;
    box-sizing: border-box;
    overflow-y: scroll;
    margin-bottom: 11rem
}

.address-editor.page .popup-head {
    left: 4.2px!important;
    top: 1.32px!important;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 750px;
    position: absolute;
    z-index: 100
}

.address-editor .popup-head>.btn-back {
    display: inline-grid;
    position: absolute;
    top: 1.3rem;
    left: 1rem
}

.address-editor .address-input li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.address-editor .address-input li.find-postcode>div {
    display: flex;
    flex: 1;
    width: 100%
}

.address-editor .address-input li.find-postcode>div button {
    margin-bottom: 1rem;
    width: 6rem;
    height: 4.2rem;
    margin-left: 1rem
}

.address-editor .address-input li div {
    width: calc(100% - 6.8rem)
}

.address-editor .address-input li span {
    display: inline-block;
    color: #3a3a3a;
    font-size: 1.2rem;
    width: 6.3rem;
    text-align: left;
    position: relative;
    top: 1.1rem
}

.address-editor .address-input li span:first-child {
    top: auto
}

.address-editor .address-input input {
    display: inline-flex;
    width: 100%;
    height: 4.2rem;
    padding: 0 1.6rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    font-size: 1.1rem!important
}

.address-editor .address-input .setting-default-address>div {
    text-align: left
}

.address-editor .address-input .setting-default-address>div label {
    color: #3a3a3a;
    font-size: 1.3rem;
    position: relative;
    padding-left: 2.5rem;
    margin: 0;
    top: 0;
    left: 0
}

input[type=checkbox].default+label {
    display: inline-block;
    height: 2rem;
    background: url('/asset/icons/common/ico-checkbox.png') no-repeat 0 100% / 2rem auto;
    z-index: 1;
    top: 1rem;
    left: 1rem;
    line-height: 1.8rem;
}

input[type=checkbox].default {
    display: none;
}

input[type=checkbox].default:checked+label {
    background-position: 0 0 !important;
}

.address-editor .bottom {
    display: flex;
    padding: .9rem .9rem 1.7rem .9rem;
    background: #fff;
    box-shadow: 0 -.5rem 1rem rgba(0,0,0,.08);
    position: fixed;
    width: 100%;
    max-width: 750px;
    z-index: 10;
    box-sizing: border-box;
    /* bottom: calc(58px + env(safe-area-inset-bottom)); */
    bottom: calc(0px + env(safe-area-inset-bottom));
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.address-editor .bottom button {
    width: 100%
}

.order-layout.my-cart .product-wrap>li a {
    margin-left: 1.2rem
}

.order-layout .product-wrap {
    padding: 0 1.3rem 1.6rem;
    border-bottom: .9rem solid #eee
}

.order-layout .product-wrap>li:last-child {
    border-bottom: none
}

.order-layout .product-wrap>li {
    width: 100%;
    display: flex;
    align-items: start;
    position: relative;
    padding: 2.5rem 0;
    border-bottom: .1rem solid #eee
}

.order-layout .product-wrap>li .remove-goods {
    width: 2.5rem;
    height: 2.5rem;
    position: relative
}

.order-layout .product-wrap>li .remove-goods:after,.order-layout .product-wrap>li .remove-goods:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .1rem;
    height: 1.7rem;
    border-radius: .1rem;
    background: #b7b7b7;
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg)
}

.order-layout .product-wrap>li .remove-goods:before {
    transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg)
}

.order-layout .product-wrap>li .check-box {
    width: 2.1rem;
    height: 6rem;
    display: inline-flex;
    align-items: center
}

.order-layout .product-wrap>li .check-box label {
    width: 100%;
    height: 2.1rem;
    background-size: 2.1rem
}

.order-layout .product-wrap>li a {
    display: inline-block;
    width: 6rem;
    position: relative;
    padding-top: 6rem;
    overflow: hidden;
    border-radius: .4rem
}

.order-layout .product-wrap>li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.order-layout .product-wrap>li ul {
    flex: 1;
    margin-left: 1.7rem;
    text-align: left;
    width: calc(100% - 7.7rem)
}

.order-layout .product-wrap>li ul .shop-name {
    font-size: 1.1rem;
    color: #8d8d8d
}

.order-layout .product-wrap>li ul .goods-name {
    font-size: 1.3rem;
    color: #000
}

.order-layout .product-wrap>li ul .goods-option {
    font-size: 1.2rem;
    color: #8c8c8c
}

.order-layout .product-wrap>li ul .goods-price {
    color: #000;
    font-weight: 600;
    font-size: 1.3rem;
    margin-top: .2rem
}

.order-layout .product-wrap>li .goods-change-option {
    display: flex;
    margin-top: .5rem
}

.order-layout .product-wrap>li .goods-change-option .add,.order-layout .product-wrap>li .goods-change-option .remove {
    width: 2.8rem;
    height: 2.8rem;
    color: #545454;
    border-radius: .4rem 0 0 .4rem;
    border: .1rem solid #dfdfdf;
    font-size: 1.2rem
}

.order-layout .product-wrap>li .goods-change-option .add {
    border-radius: 0 .4rem .4rem 0
}

.order-layout .product-wrap>li .goods-change-option em {
    width: 2.8rem;
    border-top: .1rem solid #dfdfdf;
    border-bottom: .1rem solid #dfdfdf;
    color: #545454;
    font-size: 1.2rem;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    height: 2.8rem;
    line-height: 2.6rem
}

.order-layout .product-wrap>li .goods-change-option .change-option-button {
    margin-left: .4rem;
    width: 13rem;
    color: #343434;
    text-align: center;
    border: .1rem solid #ddd;
    border-radius: .4rem
}

.order-layout .product-wrap>li .goods-change-option .change-option-button.on {
    color: #ff41a2;
    border-color: #ff41a2
}

.order-layout .product-wrap>li .goods-change-option-wrap {
    margin-top: .9rem
}

.order-layout .product-wrap>li .goods-change-option-wrap select {
    height: 2.6rem;
    font-size: 1rem;
    color: #6c6c6c;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    padding: .5rem 1.7rem .5rem .5rem;
    margin-right: .3rem
}

.order-layout .product-wrap>li .goods-change-option-wrap button {
    width: 4.4rem;
    height: 2.6rem;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: .4rem;
    background: #000
}

.order-layout .user-price {
    padding: 1.6rem 1.3rem 0;
    border-bottom: .9rem solid #eee
}

.order-layout .user-price li {
    margin-bottom: 1.6rem;
    display: flex
}

.order-layout .user-price li span {
    display: inline-block;
    color: #666;
    font-size: 1.3rem
}

.order-layout .user-price li span:last-child {
    margin-left: auto;
    color: #121212;
    font-weight: 700;
    font-size: 1.5rem
}

.order-layout .user-price li:last-child {
    padding: 2rem 0;
    border-top: .1rem solid #f3f3f3;
    margin: 0
}

.order-layout .user-price li:last-child span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #343434
}

.order-layout .user-price li:last-child span:last-child {
    color: #ff41a2
}

.order-list .dan4 {
    padding: 1rem 2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3
}

.order-list .dan4 img {
    width: 3rem;
    display: inline-block
}

.order-list .dan4 em {
    font-size: 1rem;
    color: #000;
    margin-left: 1rem
}

.order-list select {
    font-size: 1rem;
    color: #3e3e3e;
    text-align: center;
    height: 3.25rem;
    width: calc(100% - 2.6rem);
    border: .1rem solid #eee;
    border-radius: .5rem;
    font-weight: 600;
    margin: 2rem auto;
    display: block
}

.order-list option,.order-list select {
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center
}

.order-list ul li {
    padding: 1.3rem;
    box-sizing: border-box;
    border-top: .9rem solid #eee
}

.order-list ul li .order-state {
    font-size: 1.5rem;
    font-weight: 700;
    width: 100%;
    margin-bottom: 1.6rem;
    position: relative
}

.order-list ul li .order-state b {
    width: 100%
}

.order-list ul li .order-state:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    background: url(data:image/webp;base64,UklGRogAAABXRUJQVlA4THsAAAAvH8AEEIcwr/M6r2oCAE2zuNxwEoAMkwCcIEAUFowG4WOAOEAkBAQFjSQ1R+/w/vU+cO8gov8CkoTyDD655GAqTJnBZInICjZqi2veY95pR0+rqNc0PGY953xmfP8j/iH3D9we/UY+0C/sA37KLuAqW6YHXI5gi9nBHgAA) no-repeat 0 0/1.4rem auto;
    width: 1.4rem;
    height: .7rem;
    transform: rotate(90deg) translateY(-50%)
}

.order-list ul li .order-state em {
    color: #ff41a2;
    font-weight: 700
}

.order-list ul li>.order-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 3rem
}

.order-list ul li>.order-info>a {
    width: 7.6rem;
    padding-top: 7.6rem;
    position: relative;
    overflow: hidden;
    border-radius: .4rem
}

.order-list ul li>.order-info>a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.order-list ul li>.order-info div {
    margin-left: 1.4rem;
    width: calc(100% - 9rem);
    font-size: 0
}

.order-list ul li>.order-info div .product-state {
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.order-list ul li>.order-info div .product-price {
    display: flex;
    align-items: center
}

.order-list ul li>.order-info div p {
    color: #3e3e3e;
    font-size: 1.2rem;
    width: calc(100% - 1.4rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-list ul li>.order-info div p .ico-today-shipping:before {
    top: 0
}

.order-list ul li>.order-info div p:nth-child(3) {
    color: #b8b8b8
}

.order-list ul li>.order-info div p:nth-child(4) {
    font-weight: 700
}

.order-list ul li>.order-info div p:nth-child(4) em {
    color: #fff;
    background: #ff4658;
    display: inline-block;
    width: 3rem;
    border-radius: .3rem;
    height: 1.8rem;
    padding: 0 .6rem;
    font-weight: 700;
    margin-left: .5rem;
    line-height: 1.8rem;
    font-size: 1rem;
    text-align: center;
    margin-right: .3rem
}

.order-list ul li .dan4 {
    margin-bottom: 2rem
}

.order-list ul li .button-wrap {
    display: flex;
    flex-wrap: wrap;
}

.order-list ul li .button-wrap .detail-button,.order-list ul li .button-wrap button {
    width: 100%;
    height: 4.2rem;
    font-size: 1.5rem;
    text-align: center;
    box-sizing: border-box;
    border: .1rem solid #eee;
    border-radius: .5rem;
    line-height: 4rem;
    margin-bottom: 1.1rem
}

.order-list .empty-area {
    padding: 5% 0;
    width: 30rem;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
    position: relative
}

.order-list .empty-area img {
    width: 5rem;
    display: block;
    padding: 2rem 12rem
}

.order-list .empty-area p:nth-child(3) {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600
}

.order-list .empty-area p {
    padding: .25rem 1rem
}

.order-list .empty-area a {
    width: 66%;
    height: 4rem;
    display: block;
    background: #ff41a2;
    border-radius: .75rem;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 4.3rem;
    margin: 2rem auto
}
/* #order-list li .delivery-status .status>div.now::after{background-color:#ffd9ec !important; border:0;} */
ul#order-list li .order-state:before, .order-list-list li .order-state:before{display:none;}
ul#order-list li .delivery-status, .order-list-list li .delivery-status{position:relative;width:80%; margin:0 auto;  margin-bottom:2.7rem;}
ul#order-list li .delivery-status .status, .order-list-list li .delivery-status .status{ width:100%;  display:flex; justify-content: space-between;}
ul#order-list li .delivery-status .status>div, .order-list-list li .delivery-status .status>div{margin-top:.8rem; position:relative;}
ul#order-list li .delivery-status .status>div p, .order-list-list li .delivery-status .status>div p{position:absolute; top:0; white-space: nowrap; font-size:10px; color:#B0B0B0; font-weight:400; }
ul#order-list li .delivery-status .status>div.on p, .order-list-list li .delivery-status .status>div.on p{color:#FF41A2; font-weight:500;}
ul#order-list li .delivery-status .status>div.on.fonton p, .order-list-list li .delivery-status .status>div.on.fonton p{color:#B0B0B0;}
ul#order-list li .delivery-status .status>div.ready p, .order-list-list li .delivery-status .status>div.ready p{right:40%; }
ul#order-list li .delivery-status .status>div.ready.fonton p, .order-list-list li .delivery-status .status>div.ready.fonton p{color:#B0B0B0 }
ul#order-list li .delivery-status .status>div.complite p, .order-list-list li .delivery-status .status>div.complite p{left:25%;}
ul#order-list li .delivery-status .status>div::after, .order-list-list li .delivery-status .status>div::after{content:""; display:block; width:.8rem; height:.8rem; background-color:#fff; position:absolute; top:-1.2rem; border-radius: .8rem; border:1px solid #DCDCDC;}
ul#order-list li .delivery-status .status>div.on::after, .order-list-list li .delivery-status .status>div.on::after{background-color:#FF41A2; border:0;}
ul#order-list li .delivery-status .status>div.now::after, .order-list-list li .delivery-status .status>div.now::after{background-color:#FF41A2 !important; border:0; width:1rem; height:1rem;}
ul#order-list li .delivery-status .status>div.ing::after, .order-list-list li .delivery-status .status>div.ing::after{left:50%; transform:translateX(-50%);}
ul#order-list li .delivery-status .status>div.complite::after, .order-list-list li .delivery-status .status>div.complite::after{right:0;}
ul#order-list li .delivery-status .status-line, .order-list-list li .delivery-status .status-line{width:98%; position:absolute; height: 0.05rem; display:flex;}
ul#order-list li .delivery-status .status-line>div, .order-list-list li .delivery-status .status-line>div{background-color: #E8E8E8; width:50%; }
ul#order-list li .delivery-status .status-line>div.on, .order-list-list li .delivery-status .status-line>div.on{background-color: #FF41A2;}
ul#order-list li, .order-list-list li { border:0; background-color: #fff; border-radius: 0.8rem; margin-bottom:1.6rem;}
ul#order-list li:last-child, .order-list-list li:last-child {margin-bottom:0;}
ul#order-list li .order-state span , .order-list-list li .order-state span{color:#848484; font-size:1.3rem; font-weight: 400;}
ul#order-list li:last-child , .order-list-list li:last-child {margin-bottom:0;}
ul#order-list , .order-list-list{padding:1.6rem; background-color:#f4f4f4;}
ul#order-list li .topline , .order-list-list li .topline{ background-color: #f4f4f4; height: 0.05rem; width: calc(100% + 3rem); position: relative; left: -1.5rem; margin-bottom:1.2rem; }
ul#order-list li .danstatus, .order-list-list li .danstatus{color:#FF41A2; font-size:1.4rem; font-weight: 600; margin-bottom:1.2rem;}
ul#order-list li>.order-info, .order-list-list li>.order-info {align-items: normal; margin-bottom:2.7rem;}
ul#order-list li>.order-info div p.product-price, .order-list-list li>.order-info div p.product-price {font-size:1.4rem; font-weight: 600; color:#000;}
ul#order-list li>.order-info div p.product-price em, .order-list-list li>.order-info div p.product-price em {color: #fff; background: #ff4658; display: inline-block; width: 3rem; border-radius: .3rem; height: 1.8rem; padding: 0 .6rem; font-weight: 700; margin-left: .5rem; line-height: 1.8rem; font-size: 1rem; text-align: center; margin-right: .3rem;}
ul#order-list li>.order-info div p.product-cnt, .order-list-list li>.order-info div p.product-cnt {font-size:1.2rem; font-weight:500; color: #1E68FF;}
ul#order-list li>.order-info .goodscnt, .order-list-list li>.order-info .goodscnt {position:absolute; right:0; bottom:0; padding: 0.1rem 0.5rem; background:rgba(0, 0, 0, 0.4); color:white; font-size:12px; font-weight: 500; }
ul#order-list li .button-wrap.bt2, .order-list-list li .button-wrap.bt2 {justify-content: space-between; position:relative; gap:5px;}
ul#order-list li .button-wrap.bt2 a.detail-button, .order-list-list li .button-wrap.bt2 a.detail-button {flex:1;}
ul#order-list li .button-wrap.bt2 a.detail-button.goToReview, .order-list-list li .button-wrap.bt2 a.detail-button.goToReview, .order-list ul#order-list li .button-wrap.bt2 a.detail-button.goToconfirm{background-color: #000; color:white; position:relative;}
ul#order-list .reviewcntbtn, .order-list-list .reviewcntbtn{background-color: #FF41A2; color:white; border-radius:.8rem; position:absolute; top:-2.8rem; right:-3%;  padding:5px 8px; font-size:10px; line-height: normal; white-space: nowrap;z-index:1;}
ul#order-list .reviewcntbtn::after, .order-list-list .reviewcntbtn::after{background-color: #FF41A2; width:1.5rem; height:1.5rem; content:""; display:block; position:absolute; bottom:0; left:50%; top:1.5rem; transform: translateX(-50%) rotate(45deg); z-index:-1;}
.order-list .filter{padding:0;}
.order-list .filter ul{background-color: inherit; padding:0;}
.order-list .filter ul li{margin-bottom:0;}
.order-list .order-list-search{padding:1.5rem 1.6rem; background-color:#fff ;}
.order-list .order-list-search .searcharea{display:flex; align-items: center;}
.order-list .order-list-search .searchbtn{border:1px solid #dcdcdc; padding:0.8rem; border-radius: 50%; cursor: pointer;}
.order-list .order-list-search .searchbtn::after{content:""; display:block;width:2rem; height:2rem; background: url(/asset/icons/header/ico_search.png) no-repeat .2rem .2rem / 1.7rem auto;   }
.order-list .filter-option-wrapper > ul > li{border:0;}
.order-list .filter-option-wrapper .calender, .top-filter .filter-option-wrapper .calender{display:flex; align-items: center; justify-content: space-between;}
.order-list .filter-option-wrapper .calender div, .top-filter .filter-option-wrapper .calender div{width:calc(50% - 1rem); display:inline-block; text-align:center;}
.order-list .filter-option-wrapper .calender div:nth-child(2), .top-filter .filter-option-wrapper .calender div:nth-child(2){width:2rem;}
.order-list .filter-option-wrapper .calender input, .top-filter .filter-option-wrapper .calender input{padding:.8rem 1.2rem; white-space: nowrap; width:100%; background-color:#F4F4F4; text-align:center; font-size:13px; color:#000; font-weight:500;appearance: none; /* 기본 스타일 제거 */
    -webkit-appearance: none; /* 사파리 호환 */}
.order-list .filter-option-wrapper .calenderbtn, .top-filter .filter-option-wrapper .calenderbtn{margin-top:1.6rem;}
.order-list .filter-option-wrapper .calenderbtn li, .top-filter .filter-option-wrapper .calenderbtn li{display:inline-block; margin-right:1rem; cursor: pointer; border:1px solid #dcdcdc; border-radius: .8rem; padding:.5rem 1.2rem; font-size:1.3rem; }
.order-list .filter-option-wrapper .calenderbtn li.on, .top-filter .filter-option-wrapper .calenderbtn li.on{ border-color:black; color:black;}

.order-list .searchkeyword{margin-top:1.2rem; display:none;}
.order-list .searchkeyword input[type=text]::placeholder { color: #b0b0b0; }
.order-list .searchkeyword input[type=text]{width:100%; background-color: #f4f4f4; border-radius:9.9rem;border:0;padding:.8rem 1.6rem; color:#616161; font-weight:500; font-size: 1.2rem;}
.order-list ul li>.order-info div p {color: #3e3e3e;font-size: 1.2rem;width: calc(100% - 1.4rem);white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.order-list ul#order-list li .order-state .bnpl-area {background-color: #f4f4f4;border-radius: 6px;font-size: 1rem;color: #585858;font-weight: 500;padding: 0.5rem;margin-left: 1rem;}

.popup-wrap.order-payment-popup>div {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 50rem;
    background: #fff;
    padding: 3rem 2.5rem;
    box-sizing: border-box;
    border-radius: 1.5rem
}

.popup-wrap.order-payment-popup>div .title {
    text-align: center;
    margin-bottom: 2rem;
    line-height: 3rem;
    font-size: 1.45rem;
    display: block!important
}

.popup-wrap.order-payment-popup>div ul {
    margin-bottom: 2rem
}

.popup-wrap.order-payment-popup>div ul li {
    margin-bottom: 1rem;
    font-size: 1.2rem
}

.popup-wrap.order-payment-popup>div .close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1rem;
    right: 1rem
}

.popup-wrap.order-payment-popup>div .close:after,.popup-wrap.order-payment-popup>div .close:before {
    content: "";
    width: .2rem;
    height: 2rem;
    background: #535353;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.popup-wrap.order-payment-popup>div .close:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.popup-wrap.order-payment-popup>div .close:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.popup-wrap.order-payment-popup>div .btn-popup-wrap {
    margin-top: 2rem;
    display: flex;
    justify-content: center
}

.popup-wrap.order-payment-popup>div .btn-popup-wrap button {
    width: 10rem;
    border: .1rem solid #000;
    border-radius: .7rem;
    padding: 1.2rem 0;
    box-sizing: border-box;
    font-size: 1.2rem
}

.popup-wrap.order-payment-popup>div .btn-popup-wrap button+button {
    margin-left: 1rem;
    background: #000;
    color: #fff
}

.popup-wrap.guide-popup .popup-title {
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 1.3rem;
    padding: 1.5rem 0;
    font-weight: 600;
    border-bottom: .1rem solid #eee
}

.popup-wrap.guide-popup .popup-title .close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.popup-wrap.guide-popup .popup-title .close:after,.popup-wrap.guide-popup .popup-title .close:before {
    content: "";
    width: .2rem;
    height: 2rem;
    background: #535353;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.popup-wrap.guide-popup .popup-title .close:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.popup-wrap.guide-popup .popup-title .close:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.popup-wrap.guide-popup>div {
    position: relative;
    left: 5%;
    top: 17.5%;
    background: #fff;
    width: 90%;
    height: 65%
}

.popup-wrap.guide-popup>div .content {
    color: #535353;
    line-height: 2.2rem;
    font-size: 1.2rem;
    padding: 2rem;
    box-sizing: border-box;
    height: calc(100% - 7rem);
    overflow-y: auto
}

.popup-wrap.guide-popup>div .content a {
    color: blue;
    text-decoration: underline
}

.popup-wrap.guide-popup>div .content p {
    font-weight: 600;
    font-size: 1.1rem
}

.promo-event {
    font-size: 1.2rem!important;
    font-weight: 600;
    color: #ff41a2
}

.order-layout .product-wrap {
    padding: 0;
    box-sizing: border-box;
    border-bottom: none
}

.request-wrap {
    padding: 2.4rem 1.6rem;
    box-sizing: border-box;
    border-bottom: .9rem solid #eee
}

.order-product-list {
    border-top: .9rem solid #eee
}

.agree-payment-term {
    border-bottom: none
}

.accordion-wrap>li:last-child {
    padding-bottom: 0
}

input[type=radio] {
    display: none!important
}

input[type=radio]+label, .terms-wrap input[type=checkbox]+label {
    background: url(/asset/icons/common/ico_radio.webp) no-repeat 0 0/2rem auto;
    height: 2rem;
    padding-left: 2.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.8rem
}

input[type=radio]:checked+label, .terms-wrap input[type=checkbox]:checked+label {
    background-position: 0 94%
}

.coupon-list-wrapper input[type=radio]+label {
    background: none!important;
    padding: 0!important
}

.accordion-title>label {
    width: 100%;
    height: 2.5rem;
    color: #343434;
    font-size: 1.6rem;
    font-weight: 700;
    position: relative
}

.accordion-toggle {
    display: none
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center
}

.accordion-button em {
    position: absolute;
    right: 2.5rem;
    color: #b7b7b7
}

.accordion-button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    right: 0;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    border-top: .2rem solid #b7b7b7;
    border-right: .2rem solid #b7b7b7;
    box-sizing: border-box
}

.accordion-wrap {
    height: 0;
    overflow: hidden
}

.accordion-toggle:checked~.accordion-wrap {
    height: 100%
}

.accordion-toggle:checked+.accordion-button:before {
    transform: translateY(-50%) rotate(315deg)
}

.free-gift-wrap {
    padding: 0 1.2rem;
    box-sizing: border-box
}

.free-gift em {
    font-size: 1.2rem;
    display: inline-block;
    margin-left: .6rem;
    font-weight: 600;
}

.free-gift img {
    display: inline-block;
    width: 3rem;
}

.free-gift {
    width: 100%;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    border: none;
}

.button-box {
    border: none!important
}

.order-request .first-purchase-event-notice {
    background-color: #eee;
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    padding: 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem
}

@media (max-width: 414px) {
    .order-request .first-purchase-event-notice {
        font-size:1rem!important
    }
}

.order-request .first-purchase-event-notice mark {
    background: none;
    font-weight: bolder;
    color: #ff41a2;
    -webkit-text-stroke: .25px #ff41a2
}

.order-request .title {
    color: #343434;
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.order-request .product-wrap li {
    line-height: 1.5rem
}

.order-request .product-wrap li.shop-name {
    font-size: 1.1rem;
    color: #8d8d8d
}

.order-request .product-wrap li.product-name>span:first-child {
    font-size: 1.3rem;
    color: #000;
    display: block;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-request .product-wrap li.product-option {
    font-size: 1.2rem;
    color: #8c8c8c
}

.order-request .product-wrap li.product-price {
    font-weight: 600;
    font-size: 1.3rem
}

.order-request .product-wrap li.product-price span:first-child {
    color: #b7b7b7;
    font-size: 1rem;
    text-decoration: line-through
}

.order-request .product-wrap li.product-price em {
    padding: .3rem .6rem;
    margin: 0 .5rem;
    line-height: 1.8rem;
    position: relative
}

.order-request .product-wrap li.product-price span:last-child {
    color: #b7b7b7;
    font-size: 1rem;
    line-height: .5rem
}

.order-request .benefit-wrap .guide {
    color: #747474;
    font-size: 1rem
}

.order-request .benefit-wrap ul li {
    display: flex;
    margin-bottom: 1.3rem
}

.order-request .benefit-wrap ul li>em {
    width: 6.2rem;
    color: #737373;
    font-size: 1.2rem;
    line-height: 3.9rem
}

.order-request .benefit-wrap ul li div {
    margin: 0 .4rem;
    flex: 1
}

.order-request .benefit-wrap ul li div input {
    width: 100%;
    height: 4.1rem;
    color: #222;
    font-size: 1.2rem;
    border: .1rem solid #e5e5e5;
    box-sizing: border-box;
    text-align: right;
    padding: 0 1.3rem
}

.order-request .benefit-wrap ul li div p {
    width: 100%;
    text-align: right;
    color: #222;
    margin-top: .3rem
}

.order-request .benefit-wrap ul li div p em {
    color: #ff41a2
}

.order-request .benefit-wrap ul li button {
    color: #343434;
    font-weight: 700;
    border: .1rem solid #e5e5e5;
    border-radius: .4rem;
    box-sizing: border-box;
    height: 4.1rem;
    width: 9rem
}

.order-request .total-price .user-price {
    padding: 0;
    border-bottom: none
}

.order-request .total-price .user-price li:last-child {
    padding-bottom: 0
}

.order-request .total-price div {
    text-align: right;
    color: #5d5d5d;
    font-size: 1.2rem;
    line-height: 1.4
}

.order-request .orderer-info ul>li {
    display: flex;
    align-items: center;
    margin-bottom: .7rem
}

.order-request .orderer-info ul>li p {
    display: inline-block;
    font-size: 1.3rem;
    color: #121212;
    font-weight: 500;
}

.order-request .orderer-info ul>li input, .order-request .orderer-info ul>li select  {
    margin-left: auto;
    width: calc(100% - 6.5rem);
    height: 4.1rem;
    border: .1rem solid #e5e5e5;
    padding: 0 1.3rem;
    border-radius: .5rem;
}

.order-request .address-wrap button {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    margin-left: auto;
    padding:6px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
}

.order-request .address-wrap ul li {
    color: #121212;
    font-size: 1.3rem
}

.order-request .address-wrap ul li:nth-child(2),.order-request .address-wrap ul li:nth-child(4) {
    margin-bottom: 1rem
}

.order-request .address-wrap .add-shipping-address {
    width: 100%;
    height: 4.2rem;
    margin: 3rem 0 3rem 0;
    border-radius: .4rem;
    position: relative
}

.order-request .payment-type>li {
    margin-bottom: 1.8rem
}

.order-request .payment-type>li:last-child {
    margin-bottom: 0
}

.order-request .payment-type>li label {
    font-weight: 500;
    color: #535353;
    font-size: 1.2rem
}

.order-request .payment-type>li label em {
    font-size: 1rem
}

.order-request .payment-type>li .payment-type-img {
    align-items: center;
    flex-wrap: wrap;
    margin-left: 2.5rem;
    margin-top: .7rem;
    display: none
}

.order-request .payment-type>li .payment-type-img.on {
    display: flex
}

.order-request .payment-type>li .payment-type-img img {
    width: 100%;
    max-width: 55rem
}

.order-request .payment-type>li .payment-type-guide {
    margin-left: 2.5rem;
    margin-top: .7rem;
    padding: 1.5rem 2rem;
    border-radius: .5rem;
    box-sizing: border-box;
    background: #f7f7f7;
    display: none
}

.order-request .payment-type>li .payment-type-guide.on {
    display: block
}

.order-request .payment-type>li .payment-type-guide li {
    margin-bottom: .4rem;
    font-size: 1rem;
    color: #535353;
    line-height: 1.7rem
}

.order-request .payment-type>li .payment-type-guide li .point {
    color: red;
    display: block
}

.order-request .payment-type>li .payment-type-guide li:last-child {
    text-align: right;
    color: #ff41a2;
    font-weight: 600
}

.order-request .payment-type .add-card {
    width: 100%;
    height: 4.2rem;
    margin: 3rem 0 3rem 0;
    color: #3e3e3e;
    border: .1rem solid #c3c3c3;
    border-radius: .4rem;
    font-weight: 700;
    position: relative
}

.order-request .order-terms .sold-out li {
    margin-top: 1.8rem
}

.order-request .order-terms .sold-out li div {
    margin-left: 2.5rem;
    background: #f7f7f7;
    color: #535353;
    font-size: 1rem;
    padding: 1.5rem 2rem;
    border-radius: .5rem;
    box-sizing: border-box;
    margin-top: .7rem;
    display: none
}

.order-request .order-terms .sold-out li div.on {
    display: block
}

.order-request .order-terms .sold-out li label {
    font-weight: 500;
    color: #121212;
    font-size: 1.3rem
}

.order-request .order-terms .refund-type {
    padding: 2.3rem 1rem;
    border: .1rem solid #ededed;
    border-radius: .5rem;
    text-align: center;
    margin: 1.5rem 0
}

.order-request .order-terms .refund-type span {
    display: inline-block;
    padding: 1.3rem 0
}

.order-request .order-terms .refund-type span:nth-child(2) {
    margin: 0 12%
}

@media (max-width: 414px) {
    .order-request .order-terms .refund-type span:nth-child(2) {
        margin:0 5%!important
    }
}

.order-request .order-terms .payment-terms {
    background: #f7f7f7;
    padding: 1.5rem;
    font-size: 1rem;
    color: #535353;
    border-radius: .5rem;
    white-space: pre-wrap
}

.order-request .agree-payment-term {
    color: #535353
}

.order-request .agree-payment-term input[type=checkbox] {
    display: none
}

.order-request .agree-payment-term input[type=checkbox]+.accordion-button {
    background: url(/asset/icons/common/ico_radio.webp) no-repeat 0 0/2rem auto;
    height: 2rem;
    padding-left: 2.5rem;
    color: #343434;
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center
}

.order-request .agree-payment-term input[type=checkbox]:checked+.accordion-button {
    background-position: 0 94%
}

.order-request .agree-payment-term ul {
    margin-top: .8rem;
    background: #f7f7f7;
    border-radius: .5rem;
    margin-left: 2.5rem
}

.order-request .agree-payment-term ul li {
    padding: 0 2rem;
    color: #535353;
    margin-bottom: .3rem;
    font-size: 1rem;
    box-sizing: border-box
}

.order-request .agree-payment-term ul li:first-child {
    padding-top: 1.5rem
}

.order-request .agree-payment-term ul li:last-child {
    padding-bottom: 1.5rem
}

.order-request .button-wrap {
    padding: .9rem 1.6rem 1.7rem 1.6rem;
    background: #fff;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
}

.order-request .button-wrap .order-request-button {
    background: #ff41a2;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: .5rem;
    height: 4.8rem;
    width: 100%
}

.order-request .button-wrap .order-request-button.off {
    color: #fff!important;
    background-color: #b7b7b7!important
}

.popup-wrap {
    position: fixed;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 100
}

.popup-wrap,.popup-wrap .popup-box {
    left: 50%;
    width: 100%;
    transform: translateX(-50%)
}

.popup-wrap .popup-box {
    background: #fff;
    position: absolute;
    bottom: 0;
    max-width: 750px;
    height: 70vh;
    border-radius: .8rem .8rem 0 0;
    color: #222;
    font-size: 1.7rem;
    text-align: center
}

.popup-wrap .popup-box .popup-head {
    position: relative;
    height: 5.3rem;
    font-weight: 600;
    line-height: 5.1rem;
    border-bottom: .1rem solid #eee
}

.popup-wrap .popup-box ul {
    overflow-y: auto;
    height: calc(100% - 13.9rem);
    padding: 1.8rem 1rem 0;
    box-sizing: border-box
}

.popup-wrap .popup-box ul.coupon {
    height: calc(100% - 20.1rem)
}

.popup-wrap .popup-box ul.coupon p {
    text-align: left;
    margin-bottom: 1.4rem;
    font-size: 1.3rem;
    color: #5b5b5b
}

.popup-wrap .popup-box ul.coupon li {
    margin-bottom: 1.7rem
}

.popup-wrap .popup-box ul.coupon li input {
    display: none
}

.popup-wrap .popup-box ul.coupon li input:checked+label {
    border: .1rem solid #ff41a2;
    background: #fff2fb
}

.popup-wrap .popup-box ul.coupon li label {
    width: 100%;
    padding: 2.3rem 2.5rem;
    border: .1rem solid #d2d2d2;
    border-radius: .6rem;
    text-align: left;
    font-size: 0
}

.popup-wrap .popup-box ul.coupon li label.off {
    color: #5b5b5b!important
}

.popup-wrap .popup-box ul.coupon li label.off em,.popup-wrap .popup-box ul.coupon li label.off span {
    color: #c7c7c7!important
}

.popup-wrap .popup-box ul.coupon li label span {
    display: block
}

.popup-wrap .popup-box ul.coupon li label .p1 {
    color: #ff41a2;
    font-weight: 700;
    font-size: 1.8rem
}

.popup-wrap .popup-box ul.coupon li label .p2 {
    margin: 1rem 0 1.2rem;
    font-size: 1.2rem;
    color: #000;
    font-weight: 700
}

.popup-wrap .popup-box ul.coupon li label .p3,.popup-wrap .popup-box ul.coupon li label .p4,.popup-wrap .popup-box ul.coupon li label .p5,.popup-wrap .popup-box ul.coupon li label .p6 {
    font-size: 1rem;
    color: #919191;
    height: 1.5rem
}

.popup-wrap .popup-box ul.coupon li label .p3 em,.popup-wrap .popup-box ul.coupon li label .p4 em,.popup-wrap .popup-box ul.coupon li label .p5 em,.popup-wrap .popup-box ul.coupon li label .p6 em {
    color: red
}

.popup-wrap .popup-box ul .address-input li {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e4e4e4
}

.popup-wrap .popup-box .address-list li {
    padding: 2.2rem 1.7rem;
    border: 1px solid #d7d7d7;
    border-radius: .4rem;
    font-size: 0;
    margin-bottom: 1.2rem
}

.popup-wrap .popup-box .address-list li p {
    text-align: left;
    font-size: 1.5rem
}

.popup-wrap .popup-box .address-list li .p1,.popup-wrap .popup-box .address-list li .p2 {
    color: #4e4e4e;
    font-weight: 700
}

.popup-wrap .popup-box .address-list li .p3,.popup-wrap .popup-box .address-list li .p4 {
    margin-top: .3rem
}

.popup-wrap .popup-box .address-list li .p5 {
    margin-top: .5rem;
    font-size: 1.2rem;
    color: #676767
}

.popup-wrap .popup-box .address-list li>div {
    display: flex;
    align-items: center;
    margin-top: 1.1rem
}

.popup-wrap .popup-box .address-list li>div>button {
    margin-left: auto;
    color: #fff!important;
    border: none!important;
    background: #ff41a2
}

.popup-wrap .popup-box .address-list li>div button {
    width: 4.8rem;
    height: 2.6rem;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    border: .1rem solid #ddd;
    border-radius: .5rem
}

.popup-wrap .popup-box .address-list li>div>div>button {
    margin-right: .5rem
}

.order-sheet .shipping-inquiry-button {
    background: #000!important;
    border: .1rem solid #000!important;
    color: #fff!important
}

.order-sheet .today-shipping-wrap span {
    padding: 0 .5rem!important;
    width: auto!important
}

.order-sheet .order-state {
    font-size: 1rem;
    color: #ff41a2;
    font-weight: 800;
    display: flex!important;
    align-items: center;
    position: relative
}

.order-sheet .order-state .delivery-guide-icon {
    padding: 0!important;
    width: 2rem!important;
    height: 2rem
}

.order-sheet .order-state .delivery-guide-icon img {
    width: 1.7rem;
    margin-left: .4rem;
    line-height: 2rem;
    margin-top: .1rem
}

.order-sheet .order-state .delivery-guide-wrap {
    position: absolute;
    top: calc(100% - 1rem);
    width: 23rem!important;
    left: 0;
    z-index: 100;
    background: #fff;
    padding: 1.8rem 1.1rem!important;
    box-sizing: border-box;
    border-radius: 1.5rem;
    border: .1rem solid #d0d0d0;
    display: none!important
}

.order-sheet .order-state .delivery-guide-wrap.on {
    display: block!important
}

.order-sheet .order-state .delivery-guide-wrap>div {
    width: 100%;
    text-align: left;
    font-size: 1.1rem;
    color: #626060;
    padding: 0;
    box-sizing: border-box;
    font-weight: 600
}

.order-sheet .order-state .delivery-guide-wrap>div:last-child {
    margin-top: 1rem
}

.order-sheet .order-state .delivery-guide-wrap>div b {
    width: 100%;
    display: block;
    color: #000
}

.order-sheet .order-state .delivery-guide-wrap>div span {
    display: block;
    width: 100%!important;
    padding: 0!important;
    text-align: left!important;
    color: #626060!important
}

.order-sheet .order-state .delivery-guide-wrap>i {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    display: block;
    cursor: pointer
}

.order-sheet .order-state .delivery-guide-wrap>i:after,.order-sheet .order-state .delivery-guide-wrap>i:before {
    content: "";
    width: .2rem;
    height: 2rem;
    background: #d0d0d0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-right: 1.5rem
}

.order-sheet .order-state .delivery-guide-wrap>i:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.order-sheet .order-state .delivery-guide-wrap>i:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.order-sheet .order-data {
    padding: 1.2rem 1.65rem;
    box-sizing: border-box;
    border-top: .9rem solid #eee;
    font-size: 1.2rem;
    letter-spacing: normal;
    color: #000;
    display: flex;
    align-items: center
}

.order-sheet .order-data span {
    display: inline-block;
    font-weight: 600
}

.order-sheet .order-data span:last-child {
    margin-left: auto
}

.order-sheet .order-goods-list {
    border-collapse: collapse;
    border-spacing: 0;
    width: calc(100% - 2.4rem);
    margin: 0 auto
}

.order-sheet .order-goods-list li:first-child {
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center
}

.order-sheet .order-goods-list li:first-child span {
    display: inline-block;
    padding: 1.6rem 0;
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 1rem
}

.order-sheet .order-goods-list li:first-child span:first-child {
    text-align: left;
    font-size: 1.4rem
}

.order-sheet .order-goods-list li span em {
    height: 1.8rem;
    width: 3rem;
    display: block;
    font-size: 1rem;
    margin: .8rem auto 0 auto;
    background: #ff4658;
    padding: 0 .6rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.8rem;
    border-radius: .4rem
}

.order-sheet .order-goods-list li span:first-child {
    width: 50%
}

.order-sheet .order-goods-list li span:nth-child(2),.order-sheet .order-goods-list li span:nth-child(3) {
    width: 15%
}

.order-sheet .order-goods-list li span:nth-child(4) {
    width: 20%
}

.order-sheet .order-goods-list li:nth-child(n+2) {
    display: flex;
    align-items: center;
    border-bottom: .1rem solid #dddfde;
    flex-wrap: wrap
}

.order-sheet .order-goods-list li:nth-child(n+2) span {
    padding: 1.4rem 0;
    display: inline-block
}

.order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(2),.order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(3),.order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(4) {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600
}

.order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(3) {
    color: #ff41a2
}

.order-sheet .order-goods-list li:nth-child(n+2) button {
    width: 100%;
    margin-top: 1.2rem;
    height: 4.2rem;
    color: #000;
    border: .1rem solid #e3e3e3;
    border-radius: .5rem;
    cursor: pointer
}

.order-sheet .order-goods-list li:last-child {
    border: none
}

.order-sheet .button-wrap {
    padding: 0 1.2rem;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1.2rem
}

.order-sheet .button-wrap button {
    width: 100%;
    margin-top: 1.2rem;
    height: 4.2rem;
    color: #000;
    border: .1rem solid #e3e3e3;
    border-radius: .5rem;
    font-size: 1.5rem
}

.order-sheet .product-wrap {
    display: flex;
    align-items: center
}

.order-sheet .product-wrap a {
    width: 5.2rem;
    padding-top: 5.2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: .5rem
}

.order-sheet .product-wrap a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.order-sheet .product-wrap div {
    margin-left: .8rem;
    width: calc(100% - 6rem)
}

.order-sheet .product-wrap div .goods-name {
    display: flex;
    width: 100%;
    height: 13px;
    margin: .3rem 0;
    color: #000;
    font-size: .9rem;
    font-weight: 600;
    text-align: left
}

.order-sheet .product-wrap div .goods-name span {
    padding: 0
}

.order-sheet .product-wrap div .goods-name span:first-child {
    width: 90%;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.order-sheet .product-wrap div .goods-option {
    color: #3a3a3a;
    font-size: .9rem
}

.order-sheet .title-toggle {
    position: relative;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.order-sheet .title-toggle label {
    font-weight: 700;
    display: inline-block
}

.order-sheet .title-toggle input {
    display: none
}

.order-sheet .title-toggle button {
    color: #ff41a2;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: auto
}

.order-sheet .additional-payment,.order-sheet .payment-address,.order-sheet .payment-details,.order-sheet .payment-information {
    border-top: .9rem solid #eee
}

.order-sheet .additional-payment,.order-sheet .payment-details,.order-sheet .payment-information {
    padding: 1.2rem 1.6rem;
    box-sizing: border-box;
    margin-top: 1.2rem
}

.order-sheet .additional-payment ul,.order-sheet .payment-details ul,.order-sheet .payment-information ul {
    margin-top: 2.2rem
}

.order-sheet .additional-payment ul li,.order-sheet .payment-details ul li,.order-sheet .payment-information ul li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: .7rem 1.1rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    color: #777
}

.order-sheet .additional-payment ul li span,.order-sheet .payment-details ul li span,.order-sheet .payment-information ul li span {
    display: inline-block
}

.order-sheet .additional-payment ul li span:last-child,.order-sheet .payment-details ul li span:last-child,.order-sheet .payment-information ul li span:last-child {
    margin-left: auto
}

.order-sheet .additional-payment ul li span:last-child.point,.order-sheet .payment-details ul li span:last-child.point,.order-sheet .payment-information ul li span:last-child.point {
    color: #ff41a2
}

.order-sheet .additional-payment ul li.payment-method,.order-sheet .payment-details ul li.payment-method,.order-sheet .payment-information ul li.payment-method {
    border-top: .1rem solid #eee;
    margin-top: 1.1rem;
    padding-top: 1.1rem
}

.order-sheet .additional-payment p {
    margin: 1.5rem 1.5rem 0 1.5rem;
    padding: 2rem;
    background: #eee;
    font-size: 1.1rem;
    word-break: break-all;
    white-space: pre-wrap
}

.order-sheet .payment-details ul li.total-payment {
    padding: 1.4rem 1.1rem;
    color: #ff41a2;
    background: #fff3f8;
    border-radius: .5rem;
    margin-bottom: .7rem;
    box-sizing: border-box
}

.order-sheet .payment-details ul li.total-payment span {
    font-weight: 700
}

.order-sheet .payment-information ul:not(:last-child) {
    border-top: .1rem solid #eee;
    margin-top: 1.1rem;
    padding-top: 1.1rem
}

.order-sheet .payment-address {
    padding: 1.2rem 1.6rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #eee
}

.order-sheet .payment-address ul {
    padding: 1rem 1.1rem;
    box-sizing: border-box;
    font-size: 0
}

.order-sheet .payment-address ul li {
    font-size: 1.2rem;
    margin-bottom: .4rem
}

.order-sheet .order-goods-list li:nth-child(n+2) button {
    margin-top: 0;
}

.order-sheet .order-goods-list li:first-child span:first-child {
    font-size: 1rem;
}

.order-sheet .order-goods-list li:first-child {
    padding: 0 1rem;
    border-bottom: 0;
}

.order-sheet .button-wrap {
    width: 100%;
    padding: 0;
    display: flex;
    gap: 2rem;
}

.order-sheet .order-info-line {
    border: solid 1px #dddfdc;
    padding: 0rem 1rem;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    position: relative;
}

.order-sheet .order-goods-list li span:nth-child(2) {
    width: 16.5%;
}

.order-sheet .order-goods-list li span:nth-child(3), .order-sheet .order-goods-list li span:nth-child(4) {
    width: 19%;
}

.order-sheet .order-info-line .goods-line {
    width: 100%;
    display: flex;
    align-items: center;
}

.order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(3) {
    color: black;
}

.order-sheet .order-state {
    color: black;
}

.order-sheet .order-goods-list li:first-child span {
    font-weight: 100;
}

.order-sheet .payment-details ul li.total-payment {
    padding: 1.4rem 0;
    border-radius: .5rem;
    font-size: 1.4rem;
    margin-bottom: .7rem;
    box-sizing: border-box;
    color: black;
    background: none;
}

.order-sheet .payment-details ul li.total-payment span {
    font-weight: 500;
}

.order-sheet .payment-details ul span:nth-child(2) {
    color: black;
}

.order-sheet .additional-payment ul li, .order-sheet .payment-details ul li, .order-sheet .payment-information ul li {
    padding: .7rem 0;
}

.order-sheet .payment-address ul li {
    display: flex;
    justify-content: space-between;
    padding: .7rem 0;
    font-size: 1.2rem;
    color: #777;
}

.order-sheet .payment-address ul span:nth-child(2) {
    color: black;
    text-align: end;
}

.order-sheet .payment-address ul {
    padding: 1rem 0;
}

.order-sheet .title-toggle button {
    color: black;
    font-size: 1.3rem;
    font-weight: 500;
    margin-left: auto;
    border: solid 1px #dddfde;
    border-radius: 6px;
    padding: 0.5rem 1.2rem;
}

.order-sheet .title-toggle {
    margin-bottom: -1rem;
    position: relative;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.order-sheet .additional-payment, .order-sheet .payment-details, .order-sheet .payment-information {
    padding: 2.2rem 1.6rem;
    box-sizing: border-box;
    margin-top: 1.2rem;
}

.order-sheet .payment-address {
    padding: 2.2rem 1.6rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #eee;
}

.order-sheet .order-data {
    padding: 1.2rem 1.65rem;
    box-sizing: border-box;
    border-top: 0;
    font-size: 1.2rem;
    letter-spacing: normal;
    color: #000;
    display: flex;
    align-items: center;
}

.order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(2), .order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(3), .order-sheet .order-goods-list li:nth-child(n+2) span:nth-child(4) {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
}

.order-detail .title {
    padding: 3.7rem 0;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    border-bottom: .9rem solid #eee
}

.order-detail .title p:last-child {
    margin-top: 0.8rem;
    color: #545454
}

.order-detail .product-wrap>li a {
    width: 7.6rem;
    padding-top: 7.6rem
}

.order-detail .payment-details {
    padding: 1.6rem .8rem
}

.order-detail .payment-details p {
    color: #343434;
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: .9rem
}

.order-detail .payment-details ul li {
    display: flex;
    align-items: center;
    padding: .6rem 1rem;
    box-sizing: border-box;
    font-size: 1.2rem
}

.order-detail .payment-details ul li.point-box {
    color: #fc8bbd;
    background: #fff3f8;
    border-radius: .5rem
}

.order-detail .payment-details ul li.point-box span {
    color: #ff41a2;
    font-weight: 700
}

.order-detail .payment-details ul li span {
    display: inline-block;
    color: #8a8888
}

.order-detail .payment-details ul li span:last-child {
    margin-left: auto
}

.order-detail .payment-details .payment-method {
    margin-top: 1.8rem;
    padding-top: 1.8rem;
    border-top: .1rem solid #efeeee
}

.order-completed .user-address {
    padding: 1.6rem .8rem;
    box-sizing: border-box;
    border-bottom: .9rem solid #eee
}

.order-completed .user-address p {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: .9rem
}

.order-completed .user-address ul {
    padding: 0 1.3rem;
    box-sizing: border-box
}

.order-completed .user-address ul li {
    display: flex;
    align-items: center;
    margin-bottom: 1.1rem
}

.order-completed .user-address ul li span {
    display: inline-block;
    font-size: 1.2rem
}

.order-completed .user-address ul li span:first-child {
    width: 9.6rem;
    color: #8a8888
}

.order-completed .user-address ul li span:last-child {
    color: #000
}

.order-completed .payment-guide {
    margin: 1.2rem auto 0 auto;
    padding: 1.7rem 2rem;
    box-sizing: border-box;
    background: #f7f7f7;
    color: #ff41a2;
    font-size: 1.1rem;
    width: calc(100% - 1.6rem);
    border-radius: .5rem
}

.order-completed .payment-guide li {
    list-style-type: "・"
}

.order-completed .button-wrap {
    display: flex;
    margin-top: 4.3rem;
    padding: .9rem .9rem 1.7rem .9rem;
    background: #fff;
    box-shadow: 0 -.5rem 1rem rgba(0,0,0,.08);
    position: sticky;
    width: 100%;
    z-index: 10;
    box-sizing: border-box;
    bottom: 0
}

.order-completed .button-wrap a {
    width: calc(50% - .4rem);
    font-size: 1.5rem;
    font-weight: 700;
    height: 4.2rem;
    box-sizing: border-box;
    line-height: 4rem;
    text-align: center;
    color: #000;
    border: .1rem solid #ddd;
    border-radius: .5rem
}

.order-completed .button-wrap a:last-child {
    margin-left: .8rem;
    background: #000;
    color: #fff;
    border-color: #000
}

.order-completed #a8sales {
    position: absolute;
    height: 0
}

.order-failed {
    margin: 0 auto;
    padding: 12rem 0 22rem 0;
    width: 25rem;
    text-align: center;
    font-weight: 600
}

.order-failed .order-failed-icon {
    width: 25%;
    margin: 2rem auto
}

.order-failed>p {
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    margin-top: 1rem;
    white-space: nowrap;
    color: #3a3a3a
}

.order-failed>a {
    margin: 4rem auto;
    width: 75%
}

.tracking-package {
    background: #f1f1f1;
    padding-bottom: 10%;
    box-sizing: border-box
}

.tracking-package .delivery-banner {
    width: 65%;
    margin: 0 auto;
    max-width: 33rem;
    padding-top: 5rem;
    box-sizing: border-box
}

.tracking-package .tracking-package-info {
    background: #fff;
    width: 96%;
    margin: 5rem auto 0;
    border-radius: .7rem;
    padding: 3rem 1.5rem;
    box-sizing: border-box
}

.tracking-package .title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.tracking-package .delivery-info {
    padding: 0 1.1rem;
    box-sizing: border-box
}

.tracking-package .delivery-info li {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0;
    margin-bottom: .4rem
}

.tracking-package .delivery-info li span:first-child,.tracking-package .delivery-info li span:last-child {
    font-size: 1.4rem;
    display: inline-block;
    position: relative
}

.tracking-package .delivery-info li span:first-child {
    width: 8.5rem;
    color: #737373
}

.tracking-package .delivery-info li span:last-child:before {
    content: ":";
    color: #000;
    margin-right: 1.5rem
}

.tracking-package .delivery-info li:nth-child(5),.tracking-package .delivery-info li:nth-child(6) {
    margin-bottom: 0
}

.tracking-package .deliver-line {
    width: 100%;
    height: .1rem;
    background-color: #f1f1f1;
    margin: 4rem 0
}

.tracking-package .delivery-status {
    padding: 0 1.1rem;
    box-sizing: border-box
}

.tracking-package .delivery-status li {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
    position: relative
}

.tracking-package .delivery-status li:before {
    content: "";
    position: absolute;
    width: .2rem;
    background: #dcdcdc;
    height: calc(100% + 2.5rem);
    top: 1.7rem;
    left: 5.7rem;
    display: block;
    z-index: 0
}

.tracking-package .delivery-status li span {
    font-size: 1.1rem;
    display: inline-block
}

.tracking-package .delivery-status li span:first-child {
    width: 5rem;
    color: #838383
}

.tracking-package .delivery-status li span:first-child p {
    font-size: 1.2rem
}

.tracking-package .delivery-status li span:first-child p:last-child {
    font-size: 1rem
}

.tracking-package .delivery-status li span:nth-child(2) {
    width: 1.5rem;
    margin-right: 1rem;
    position: relative;
    z-index: 1
}

.tracking-package .delivery-status li span:last-child {
    font-weight: 600;
    color: #343434;
    width: calc(100% - 7.5rem)
}

.tracking-package .delivery-status li span.on:nth-child(2) {
    width: 2.2rem;
    height: 2.2rem;
    margin-left: -.35rem;
    margin-right: .65rem
}

.tracking-package .delivery-status li span.on:last-child {
    font-weight: 600;
    color: #f43d96;
    width: calc(100% - 7.85rem)
}

.tracking-package .delivery-status li:last-child:before {
    content: normal
}

.content-box-article:has(.improvement-main) {
    padding: 0!important
}

.improvement #improvement_wrap {
    width: calc(100% - 1rem);
    margin: 2rem .5rem 0;
    box-sizing: border-box
}

.improvement #improvement_wrap ul {
    align-items: stretch
}

.improvement #improvement_wrap li+li {
    margin-left: 1.1rem
}

.improvement #improvement_wrap li {
    width: 90%;
    border-radius: 1.2rem;
    overflow: hidden;
    height: auto!important;
    background: #fafafa
}

.improvement #improvement_wrap li>a {
    width: 100%;
    padding: 2.2rem 1.6rem;
    box-sizing: border-box;
    display: flex;
    align-items: start
}

.improvement #improvement_wrap li div:first-of-type {
    width: 100%;
    margin-top: .3rem
}

.improvement #improvement_wrap li div:first-of-type p:first-of-type {
    font-size: 0
}

.improvement #improvement_wrap li div:first-of-type p:first-of-type em {
    font-size: 1rem;
    padding: .3rem .6rem;
    box-sizing: border-box;
    border-radius: .4rem;
    font-weight: 600
}

.improvement #improvement_wrap li div:first-of-type p:first-of-type em.new {
    color: #fff;
    background: #ff41a2;
    margin-right: .6rem
}

.improvement #improvement_wrap li div:first-of-type p:first-of-type em.update {
    color: #1681ff;
    background: rgba(22,129,255,.1)
}

.improvement #improvement_wrap li div:first-of-type span {
    margin-top: .8rem;
    color: #000;
    font-weight: 500;
    font-size: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.improvement #improvement_wrap li div:first-of-type span.sub-title {
    margin-top: .4rem;
    font-size: 1.2rem;
    color: #585858
}

.improvement #improvement_wrap li div:first-of-type.on {
    width: calc(100% - 9.2rem)
}

.improvement #improvement_wrap li .img-wrap {
    margin-left: auto;
    width: 7.2rem;
    padding-top: 7.2rem;
    background: #eaeaea;
    border-radius: .8rem;
    overflow: hidden;
    position: relative
}

.improvement #improvement_wrap li .img-wrap img {
    position: absolute;
    top: 0
}

.improvement .swiper-pagination-new {
    width: calc(100% - 1rem);
    height: .4rem;
    margin: 2.5rem auto 0;
    border-radius: .2rem;
    overflow: hidden;
    background: #f4f4f4!important;
    position: relative
}

.improvement .swiper-pagination-new .swiper-pagination-progressbar-fill {
    background: #dcdcdc!important;
    border-radius: .2rem;
    overflow: hidden
}

.improvement-list .tab,.improvement-main .tab,.improvement-update .tab {
    width: 100%;
    display: flex;
    align-items: center;
    position: sticky;
    top: 55px;
    background: #fff;
    z-index: 100
}

.improvement-list .tab a,.improvement-main .tab a,.improvement-update .tab a {
    padding: 1rem 1rem 1.1rem;
    box-sizing: border-box;
    font-size: 1.3rem;
    font-weight: 500;
    color: #848484;
    text-align: center;
    display: block;
    flex: 1
}

.improvement-list .tab a.on,.improvement-main .tab a.on,.improvement-update .tab a.on {
    color: #000;
    border-bottom: .2rem solid #000
}

.improvement-list .write-icon,.improvement-main .write-icon,.improvement-update .write-icon {
    background: #000;
    width: 13.6rem;
    height: 4.8rem;
    border-radius: 9.9rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    position: fixed;
    transition: .4s;
    top: calc(90% - env(safe-area-inset-bottom));
    right: 2rem;
    padding: 0 2.4rem;
    overflow: hidden;
    transform-origin: center center;
    z-index: 2
}

.improvement-list .write-icon.on,.improvement-main .write-icon.on,.improvement-update .write-icon.on {
    width: 4.8rem;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    justify-content: center;
    transform: scale(1.3);
    z-index: 2
}

.improvement-list .write-icon.on em,.improvement-main .write-icon.on em,.improvement-update .write-icon.on em {
    display: none!important
}

.improvement-list .write-icon.on img,.improvement-main .write-icon.on img,.improvement-update .write-icon.on img {
    margin: 0
}

.improvement-list .write-icon em,.improvement-main .write-icon em,.improvement-update .write-icon em {
    position: absolute;
    width: 13.6rem;
    left: 40%
}

.improvement-list .write-icon img,.improvement-main .write-icon img,.improvement-update .write-icon img {
    width: 2rem;
    margin-right: .8rem
}

.improvement-list .top-content {
    background: #121212;
    padding: 3.2rem 1.6rem 18.8rem 1.6rem;
    box-sizing: border-box;
    position: relative
}

.improvement-list .top-content .title {
    display: flex;
    align-items: center
}

.improvement-list .top-content .title p {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 150%
}

.improvement-list .top-content .title p b {
    color: #ff41a2
}

.improvement-list .top-content .title span {
    width: 6rem;
    height: 6rem;
    position: relative;
    margin-left: auto;
    margin-right: 1.6rem
}

.improvement-list .top-content .title span img {
    position: absolute
}

.improvement-list .top-content .content {
    margin-top: 2.4rem
}

.improvement-list .top-content .content p {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 150%
}

.improvement-list .top-content .content ul {
    margin-top: 1.2rem;
    padding: 2rem 2.4rem 2rem 1.6rem;
    box-sizing: border-box;
    border-radius: 1.2rem;
    border: .1rem solid #5e5e5e;
    background: #2c2c2c;
    width: 100%
}

.improvement-list .top-content .content ul li+li {
    margin-top: 1.4rem
}

.improvement-list .top-content .content ul li {
    display: flex;
    align-items: center
}

.improvement-list .top-content .content ul li em:first-of-type {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    width: 6.1rem
}

.improvement-list .top-content .content ul li span {
    height: .6rem;
    border-radius: 9.9rem;
    background: #e8e8e8;
    max-width: calc(100% - 9.7rem)
}

.improvement-list .top-content .content ul li em:nth-of-type(2) {
    margin-left: .8rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: #e8e8e8
}

.improvement-list .top-content .content ul li:nth-of-type(2) span {
    background: #ff41a2
}

.improvement-list .top-content .content ul li:nth-of-type(2) em:nth-of-type(2) {
    color: #ff41a2
}

.improvement-list .top-content .content ul li:nth-of-type(3) span {
    background: #1673ff
}

.improvement-list .top-content .content ul li:nth-of-type(3) em:nth-of-type(2) {
    color: #1673ff
}

.improvement-list .top-content #improvement-best {
    position: absolute;
    left: 0;
    margin-top: 6rem;
    width: 100%;
    padding-left: 1.6rem;
    box-sizing: border-box
}

.improvement-list .top-content #improvement-best p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1.6rem
}

.improvement-list .top-content #improvement-best ul {
    padding-bottom: .8rem;
    align-items: stretch
}

.improvement-list .top-content #improvement-best ul li+li {
    margin-left: 1.6rem
}

.improvement-list .top-content #improvement-best ul li {
    width: 72.427%;
    background: #fff;
    padding: 2rem;
    box-sizing: border-box;
    box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.06);
    border-radius: 1.2rem;
    height: auto!important
}

.improvement-list .top-content #improvement-best ul li>a {
    width: 100%
}

.improvement-list .top-content #improvement-best ul li p:first-of-type {
    color: #ff41a2;
    font-size: 2rem;
    font-weight: 600
}

.improvement-list .top-content #improvement-best ul li p:nth-of-type(2) {
    font-size: 1.4rem;
    font-weight: 500;
    margin: .8rem 0;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.improvement-list .top-content #improvement-best ul li p:nth-of-type(3) {
    color: #585858;
    font-size: 1.3rem;
    font-weight: 400;
    overflow: hidden;
    height: 3.8rem;
    word-break: break-all
}

.improvement-list .top-content #improvement-best ul li div {
    margin-top: 1.6rem;
    display: flex;
    align-items: center;
    color: #848484;
    font-size: 1.2rem
}

.improvement-list .top-content #improvement-best ul li div img {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .4rem
}

.improvement-list .top-content #improvement-best ul li div em:last-child {
    margin-left: auto
}

.improvement-list .improvement-list-wrap {
    margin-top: 16.7rem;
    padding: 0 1.6rem 3rem;
    box-sizing: border-box
}

.improvement-list .improvement-list-wrap p {
    font-size: 1.6rem;
    font-weight: 500
}

.improvement-list .improvement-list-wrap p em {
    margin-left: .8rem;
    color: #b0b0b0;
    font-weight: 600
}

.improvement-list .improvement-list-wrap .empty-list {
    flex-direction: column
}

.improvement-list .improvement-list-wrap ul:first-of-type {
    margin-top: 1.2rem
}

.improvement-list .improvement-list-wrap ul:first-of-type li+li {
    margin-left: .8rem
}

.improvement-list .improvement-list-wrap ul:first-of-type li {
    display: inline-block;
    padding: .55rem 1.6rem;
    border: .1rem solid #dcdcdc;
    font-size: 1.3rem;
    font-weight: 400;
    border-radius: 9.9rem;
    color: #848484
}

.improvement-list .improvement-list-wrap ul:first-of-type li.on {
    color: #000;
    border: .1rem solid #2c2c2c;
    font-weight: 500
}

.improvement-list .improvement-list-wrap>div {
    margin-top: 2.4rem;
    display: flex;
    align-items: center
}

.improvement-list .improvement-list-wrap>div label {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 400;
    color: #585858
}

.improvement-list .improvement-list-wrap>div label:before {
    content: "";
    width: 3.8rem;
    height: 2.2rem;
    background: #dcdcdc;
    display: block;
    border-radius: 9.9rem;
    margin-right: .4rem
}

.improvement-list .improvement-list-wrap>div label:after {
    content: "";
    background: #fff;
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    left: .3rem;
    transition: .2s
}

.improvement-list .improvement-list-wrap>div label:has(input:checked):after {
    left: 1.9rem
}

.improvement-list .improvement-list-wrap>div label:has(input:checked):before {
    background: #000
}

.improvement-list .improvement-list-wrap>div input {
    display: none
}

.improvement-list .improvement-list-wrap>div select {
    margin-left: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/asset/icons/improvement/selectbox.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 2rem 2rem;
    text-align: center;
    padding-left: 2.4rem
}

.improvement-list .improvement-list-wrap>div select::-ms-expand {
    display: none
}

.improvement-list .improvement-list-wrap .list-wrap,.improvement-list .improvement-list-wrap .list-wrap li+li {
    margin-top: 1.2rem
}

.improvement-list .improvement-list-wrap .list-wrap li {
    background: #fafafa;
    border-radius: 1.2rem
}

.improvement-list .improvement-list-wrap .list-wrap li .state em:first-child {
    background: rgba(88,88,88,.1);
    color: #585858
}

.improvement-list .improvement-list-wrap .list-wrap li .state em {
    padding: .3rem .6rem;
    box-sizing: border-box;
    font-size: 1rem;
    border-radius: .4rem;
    background: hsla(0,0%,52%,.1);
    font-weight: 600;
    text-align: center;
    color: #848484
}

.improvement-list .improvement-list-wrap .list-wrap li .state em.point {
    color: #ff41a2;
    background: rgba(255,65,162,.1)
}

.improvement-list .improvement-list-wrap .list-wrap li .state em.point2 {
    color: #1681ff;
    background: rgba(22,129,255,.1)
}

.improvement-list .improvement-list-wrap .list-wrap li .state em+em {
    margin-left: .6rem
}

.improvement-list .improvement-list-wrap .list-wrap li a {
    padding: 2rem 1.6rem;
    box-sizing: border-box;
    width: 100%
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) {
    margin-top: .8rem;
    display: flex;
    align-items: center
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:first-of-type {
    width: calc(100% - 8.4rem)
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:first-of-type p:first-of-type {
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:first-of-type p:nth-of-type(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.2rem;
    color: #585858;
    font-weight: 400;
    margin-top: .4rem
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:last-child {
    margin-left: 2.4rem;
    width: 6rem;
    height: 6rem;
    border-radius: .8rem;
    box-sizing: border-box;
    background: #fff;
    border: .1rem solid #dcdcdc
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:last-child.on {
    background: #ff41a2;
    border: .1rem solid #ff41a2
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:last-child.on em:first-child {
    background-image: url(/asset/icons/improvement/ThumbsUp_on.png)
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:last-child.on em:last-child {
    color: #fff
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:last-child img {
    width: 2rem;
    margin: .8rem auto 0
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:last-child em:first-child {
    background-image: url(/asset/icons/improvement/ThumbsUp_off.png);
    display: block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: 50%;
    margin: .8rem auto 0
}

.improvement-list .improvement-list-wrap .list-wrap li a>div:nth-of-type(2) div:last-child em:last-child {
    color: #848484;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    display: block;
    margin: .2rem auto 0
}

.improvement-list .improvement-list-wrap .list-wrap li div:nth-of-type(3) {
    margin-top: 1.6rem;
    font-size: 1.2rem;
    color: #b0b0b0
}

.improvement-list .improvement-list-wrap .list-wrap li div:nth-of-type(3) span+span {
    margin-left: .8rem
}

.improvement-update .title {
    display: flex;
    align-items: end;
    padding: 3.2rem 3.2rem 0 1.6rem;
    box-sizing: border-box
}

.improvement-update .title p {
    color: #000;
    font-size: 2rem;
    font-weight: 700
}

.improvement-update .title img {
    width: 4.8rem;
    margin-left: auto
}

.improvement-update .sub-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 1.2rem 1.6rem 0
}

.improvement-update .content {
    margin-top: 4rem;
    padding: 1.6rem;
    box-sizing: border-box
}

.improvement-update .content p {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.improvement-update .content ul li>a {
    margin-top: 1.2rem;
    padding: 2.2rem 1.6rem;
    box-sizing: border-box;
    background: #fafafa;
    border-radius: 1.2rem;
    display: flex;
    align-items: start
}

.improvement-update .content ul li>a .info {
    width: calc(100% - 9.2rem);
    margin-top: .3rem
}

.improvement-update .content ul li>a .info.non {
    width: 100%
}

.improvement-update .content ul li>a .info em {
    border-radius: .4rem;
    background: #ff41a2;
    padding: .3rem .6rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin-right: .6rem
}

.improvement-update .content ul li>a .info em.update {
    color: #1681ff;
    margin-right: 0;
    background: rgba(22,129,255,.1)
}

.improvement-update .content ul li>a .info p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-top: .8rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.improvement-update .content ul li>a div:nth-of-type(2) {
    width: 7.2rem;
    padding-top: 7.2rem;
    border-radius: .8rem;
    overflow: hidden;
    margin-left: auto;
    position: relative
}

.improvement-update .content ul li>a div:nth-of-type(2) img {
    position: absolute;
    top: 0
}

.improvement-view-info {
    margin-bottom: 13rem
}

.improvement-view-info .top_content {
    background: #000;
    color: #fff;
    padding: 2.4rem 2rem 4.8rem
}

.improvement-view-info .top_content .date {
    display: inline-block;
    padding: .4rem .8rem;
    border-radius: .4rem;
    background: #2c2c2c;
    color: #fff;
    font-size: 1.2rem;
    transform: translateX(-50%);
    position: relative;
    left: 50%
}

.improvement-view-info .top_content .state-title {
    display: block;
    margin-top: 1.2rem;
    font-weight: 700;
    font-size: 2rem;
    text-align: center
}

.improvement-view-info .top_content .state-gauge-wrap {
    margin-top: 2.7rem
}

.improvement-view-info .top_content .state-gauge {
    width: 79.2%;
    background: #2c2c2c;
    height: .2rem;
    margin: 0 auto;
    border-radius: 99px;
    position: relative
}

.improvement-view-info .top_content .state-gauge .point {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%)
}

.improvement-view-info .top_content .state-gauge .point:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .2
}

.improvement-view-info .top_content .state-gauge .point:after {
    content: "";
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.improvement-view-info .top_content .state-gauge .point.step2 {
    left: 50%
}

.improvement-view-info .top_content .state-gauge .point.step2:before {
    background: #ff41a2;
    opacity: .3
}

.improvement-view-info .top_content .state-gauge .point.step2:after {
    background: #ff41a2
}

.improvement-view-info .top_content .state-gauge .point.step3 {
    left: 100%
}

.improvement-view-info .top_content .state-gauge .point.step3:before {
    background: #1673ff;
    opacity: .3
}

.improvement-view-info .top_content .state-gauge .point.step3:after {
    background: #1673ff
}

.improvement-view-info .top_content .state-gauge .gauge {
    position: absolute;
    width: 0;
    height: .2rem;
    top: 0;
    left: 0;
    z-index: 1
}

.improvement-view-info .top_content .state-gauge .gauge.step2 {
    background: linear-gradient(90deg,#e8e8e8,#ff41a2);
    opacity: .9;
    width: 50%
}

.improvement-view-info .top_content .state-gauge .gauge.step3 {
    opacity: .9;
    background: linear-gradient(90deg,#e8e8e8,#ff41a2 50.66%,#1673ff 81.16%);
    width: 100%
}

.improvement-view-info .top_content .state-gauge-content {
    margin: 1.5rem auto 0;
    width: calc(79.2% + 3rem);
    display: flex;
    align-items: center
}

.improvement-view-info .top_content .state-gauge-content.step3 span:last-child {
    color: #1673ff
}

.improvement-view-info .top_content .state-gauge-content.step1 span:first-child {
    text-align: left;
    color: #fff
}

.improvement-view-info .top_content .state-gauge-content.step2 span:nth-of-type(2) {
    color: #ff41a2
}

.improvement-view-info .top_content .state-gauge-content span {
    font-size: 1.2rem;
    font-weight: 700;
    width: 33.33%;
    text-align: center;
    color: #e8e8e8
}

.improvement-view-info .top_content .state-gauge-content span:first-child {
    text-align: left;
    color: #585858
}

.improvement-view-info .top_content .state-gauge-content span:nth-of-type(2) {
    color: #585858
}

.improvement-view-info .top_content .state-gauge-content span:last-child {
    text-align: right;
    color: #585858
}

.improvement-view-info .detail-list {
    box-shadow: 0 .4rem 1.6rem 0 rgba(26,7,16,.08);
    background: #fff;
    width: calc(100% - 4rem);
    margin: -2.8rem auto 3rem;
    border-radius: 1.2rem;
    padding: 2.1rem 1.6rem 1.6rem;
    box-sizing: border-box
}

.improvement-view-info .detail-list .icon-sona {
    background: #ff41a2;
    border-radius: 50%;
    position: relative
}

.improvement-view-info .detail-list .icon-sona:before {
    content: "S";
    position: absolute;
    color: #fff;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.1rem
}

.improvement-view-info .detail-list .profile {
    display: flex;
    align-items: center;
    position: relative
}

.improvement-view-info .detail-list .profile .profile-icon {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-block
}

.improvement-view-info .detail-list .profile .profile-info {
    margin-left: .8rem;
    width: calc(100% - 4.4rem)
}

.improvement-view-info .detail-list .profile .profile-info em:first-child {
    font-size: 1.3rem;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center
}

.improvement-view-info .detail-list .profile .profile-info em:first-child button {
    margin-left: auto;
    font-size: 1.1rem;
    font-weight: 600;
    color: #848484
}

.improvement-view-info .detail-list .profile .profile-info em:last-child {
    font-size: 1.2rem;
    color: #848484
}

.improvement-view-info .detail-list .profile .write-cate {
    position: absolute;
    top: -.2rem;
    display: inline-block;
    right: 0;
    padding: .3rem .8rem;
    border-radius: .4rem;
    background: #efefef;
    color: #848484;
    font-size: 1.1rem;
    font-weight: 600
}

.improvement-view-info .detail-list>.content .info {
    margin-top: 2rem
}

.improvement-view-info .detail-list>.content .info p:first-of-type {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 150%;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.improvement-view-info .detail-list>.content .info p:nth-of-type(2) {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 150%;
    color: #000;
    margin-top: 1.2rem;
    word-break: break-all
}

.improvement-view-info .detail-list>.content .info img {
    margin-top: 1rem
}

.improvement-view-info .detail-list>.content .content-feedback {
    margin-top: 6rem;
    display: flex;
    align-items: center
}

.improvement-view-info .detail-list>.content .content-feedback img {
    width: 1.6rem;
    height: 1.6rem
}

.improvement-view-info .detail-list>.content .content-feedback em {
    font-size: 1.2rem;
    color: #848484;
    margin-left: .4rem
}

.improvement-view-info .detail-list>.content .content-feedback img:nth-child(n+3) {
    margin-left: 1.2rem
}

.improvement-view-info .detail-list>.content .content-feedback span {
    margin-left: auto;
    padding: .7rem 1.2rem .7rem 2.8rem;
    box-sizing: border-box;
    border-radius: 9.9rem;
    border: .1rem solid #dcdcdc;
    background-image: url(/asset/icons/improvement/ThumbsUp.png);
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    background-position: 1.2rem
}

.improvement-view-info .detail-list>.content .content-feedback span em {
    font-size: 1.3rem;
    font-weight: 500;
    color: #848484
}

.improvement-view-info .detail-list>.content .content-feedback span.on {
    border: .1rem solid #ff41a2;
    background-image: url(/asset/icons/improvement/ThumbsUp_active.png)
}

.improvement-view-info .detail-list>.content .content-feedback span.on em {
    color: #ff41a2
}

.improvement-view-info .detail-list>.content .content-feedback a {
    border: .1rem solid #2c2c2c;
    border-radius: 9.9rem;
    box-sizing: border-box;
    padding: 0 1.2rem;
    height: 3.2rem;
    color: #2c2c2c;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 3.2rem;
    margin-left: 1.2rem
}

.improvement-view-info .detail-list .reply-wrap {
    margin-top: 2rem;
    width: calc(100% + 3.2rem);
    margin-left: -1.6rem;
    border-top: .8rem solid #f4f4f4
}

.improvement-view-info .detail-list .reply-wrap>span {
    padding: 2.15rem 1.6rem 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #585858;
    font-size: 1.2rem;
    font-weight: 700
}

.improvement-view-info .detail-list .reply-wrap>span em {
    color: #b0b0b0;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    margin-left: .4rem
}

.improvement-view-info .detail-list .reply-wrap .replay {
    width: 100%
}

.improvement-view-info .detail-list .reply-wrap .replay li {
    margin-top: 1.8rem;
    border-bottom: .1rem solid #dcdcdc
}

.improvement-view-info .detail-list .reply-wrap .replay li .profile {
    padding: 0 1.6rem;
    box-sizing: border-box
}

.improvement-view-info .detail-list .reply-wrap .replay li .info {
    color: #000;
    font-size: 1.2rem;
    font-weight: 400;
    padding: .4rem 1.2rem 1.6rem 6rem;
    box-sizing: border-box;
    word-break: break-all
}

.improvement-view-info .detail-list .reply-wrap .replay li:last-child {
    border: none
}

.improvement-view-info .reply-txt-wrap {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 10;
    bottom: 0;
    display: flex;
    padding: 1.8rem 1.6rem calc(env(safe-area-inset-bottom) + 1.8rem);
    box-sizing: border-box;
    border-radius: 1.2rem 1.2rem 0 0;
    box-shadow: 0 .2rem 1.2rem 0 rgba(0,0,0,.16);
    max-width: 750px;
    left: 50%;
    transform: translateX(-50%)
}

.improvement-view-info .reply-txt-wrap img {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    bottom: calc(env(safe-area-inset-bottom) + 2.8rem)
}

.improvement-view-info .reply-txt-wrap div {
    border-radius: .8rem;
    border: .1rem solid #dcdcdc;
    background: #fff;
    padding: .95rem;
    box-sizing: border-box;
    width: calc(100% - 11.4rem);
    margin-left: 4rem
}

.improvement-view-info .reply-txt-wrap textarea {
    font-size: 1.4rem;
    font-weight: 500;
    resize: none;
    width: 100%;
    height: 1.8rem;
    max-height: 5.4rem
}

.improvement-view-info .reply-txt-wrap button {
    margin-left: .8rem;
    background: #000;
    color: #fff;
    padding: 0 1.6rem;
    border-radius: .8rem;
    font-size: 1.4rem;
    font-weight: 500;
    height: 4.2rem;
    position: absolute;
    right: 1.6rem;
    bottom: calc(env(safe-area-inset-bottom) + 1.85rem)
}

.improvement-view-update .top_content {
    background: #fafafa;
    padding: 3.1rem 1.6rem 9.1rem;
    box-sizing: border-box
}

.improvement-view-update .top_content .state {
    display: flex;
    align-items: center
}

.improvement-view-update .top_content .state em {
    font-size: 1.2rem;
    font-weight: 600;
    padding: .3rem .8rem;
    box-sizing: border-box;
    border-radius: .4rem
}

.improvement-view-update .top_content .state em.new {
    background: #ff41a2;
    color: #fff;
    margin-right: .6rem
}

.improvement-view-update .top_content .state em.update {
    color: #1681ff;
    background: rgba(22,129,255,.1)
}

.improvement-view-update .top_content p {
    margin-top: .8rem;
    color: #000;
    font-size: 2rem;
    font-weight: 500
}

.improvement-view-update .top_content .info {
    margin-top: .8rem;
    color: #848484;
    font-size: 1.2rem;
    font-weight: 400
}

.improvement-view-update .top_content .info b {
    margin-left: .4rem
}

.improvement-view-update .content {
    width: calc(100% - 3.2rem);
    display: block;
    margin: -6.9rem 1.6rem 3rem;
    box-shadow: 0 .4rem 1.6rem 0 rgba(26,7,16,.08);
    border-radius: 1.2rem;
    padding: 2rem 1.6rem 4rem;
    box-sizing: border-box;
    background: #fff
}

.improvement-view-update .content .content-view-update img {
    display: initial!important
}

.improvement-view-update .content>p:first-child {
    color: #000;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 150%
}

.improvement-view-update .content .img-box {
    margin-top: 2rem
}

.improvement-view-update .content a {
    margin-top: 2rem;
    width: 100%;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #2c2c2c;
    border-radius: .8rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #2c2c2c
}

.improvement-view-update .content a img {
    width: 1.6rem;
    margin-left: .4rem
}

.improvement-view-update .content .like-title {
    margin-top: 4rem;
    font-weight: 700;
    font-size: 1.4rem;
    color: #ff41a2;
    text-align: center
}

.improvement-view-update .content .like-content {
    margin: 1.2rem auto 0;
    font-size: 1.2rem;
    color: #848484;
    font-weight: 400;
    text-align: center;
    width: 74.64%;
    max-width: 232px
}

.improvement-view-update .content .like-content .like-button-wrap {
    margin-top: 2rem;
    font-size: 0
}

.improvement-view-update .content .like-content .like-button-wrap img {
    display: inline-block;
    width: calc(50% - .4rem)
}

.improvement-view-update .content .like-content .like-button-wrap img+img {
    margin-left: .8rem
}

.improvement-view-update .back_link {
    width: calc(100% - 3.2rem);
    background: #000;
    color: #fff;
    padding: 1.4rem 0;
    margin: 0 1.6rem 4.7rem;
    border-radius: .8rem;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center
}

.improvement-write {
    padding: 2rem 1.6rem 0;
    box-sizing: border-box
}

.improvement-write>.write-wrap {
    min-height: 90vh
}

.improvement-write input {
    height: 4rem
}

.improvement-write .modify_wrap {
    display: flex;
    align-items: center;
    width: 100%
}

.improvement-write .modify_wrap button {
    width: calc(50% - .35rem)!important;
    height: 4.8rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    border: .1rem solid #000;
    border-radius: .8rem
}

.improvement-write .modify_wrap button:last-child {
    margin-left: auto;
    background: #000;
    color: #fff
}

.improvement-write .img_box {
    width: 12rem;
    height: 12rem;
    border-radius: .8rem;
    background: #f4f4f4;
    position: relative;
    overflow: hidden;
    margin-bottom: 5rem
}

.improvement-write .img_box label {
    width: 100%;
    height: 100%
}

.improvement-write .img_box label:after,.improvement-write .img_box label:before {
    content: "";
    width: .2rem;
    height: 2rem;
    border-radius: 9.9rem;
    display: block;
    background: #d9d9d9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.improvement-write .img_box label:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

.improvement-write .img_box .img_preview {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%
}

.improvement-write .img_box .img_preview video {
    width: 100%
}

.improvement-write .img_box .img_preview .play-button {
    position: absolute;
    width: 3rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.improvement-write .img_box .img_preview .close_btn {
    position: absolute;
    width: 2rem;
    top: .6rem;
    right: .6rem
}

.improvement-write input[type=file] {
    display: none
}

.improvement-write .write-wrap>p:first-of-type {
    color: #000;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 150%
}

.improvement-write ul {
    margin-top: 4rem
}

.improvement-write ul li+li {
    margin-top: 3.2rem
}

.improvement-write ul li p {
    font-size: 1.4rem;
    color: #000;
    font-weight: 400;
    position: relative;
    display: inline-block
}

.improvement-write ul li p.point:before {
    content: "";
    position: absolute;
    width: .4rem;
    height: .4rem;
    background: #ff41a2;
    border-radius: 50%;
    right: -.8rem
}

.improvement-write ul li p~* {
    margin-top: 1.2rem;
    display: block;
    width: 100%
}

.improvement-write ul li.name input {
    border: .1rem solid #dcdcdc;
    padding: 1.4rem 1.6rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    border-radius: .8rem
}

.improvement-write ul li.type>div {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .6rem
}

.improvement-write ul li.type>div span {
    display: inline-block;
    flex: 1;
    height: 4.2rem;
    text-align: center;
    font-size: 1.4rem;
    color: #848484;
    border-radius: .8rem;
    border: .1rem solid #dcdcdc;
    box-sizing: border-box;
    line-height: 4.2rem
}

.improvement-write ul li.type>div span.on {
    color: #000;
    border: .1rem solid #000;
    font-weight: 500
}

.improvement-write ul li.title input,.improvement-write ul li.title textarea {
    border: .1rem solid #dcdcdc;
    padding: 1.4rem 1.6rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    border-radius: .8rem
}

.improvement-write ul li.title input::-moz-placeholder,.improvement-write ul li.title textarea::-moz-placeholder {
    color: #b0b0b0
}

.improvement-write ul li.title input::placeholder,.improvement-write ul li.title textarea::placeholder {
    color: #b0b0b0
}

.improvement-write ul li.title textarea {
    height: 16rem
}

.improvement-write ul li.title em {
    color: #848484;
    font-size: 1.1rem
}

.improvement-write ul li.url input {
    border: .1rem solid #dcdcdc;
    padding: 1.4rem 1.6rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    border-radius: .8rem
}

.improvement-write ul li.url input::-moz-placeholder {
    color: #b0b0b0
}

.improvement-write ul li.url input::placeholder {
    color: #b0b0b0
}

.improvement-write .submit {
    background: #fff;
    max-width: 750px;
    width: 100%;
    margin-left: -1.6rem;
    padding: 1.2rem 1.6rem calc(env(safe-area-inset-bottom) + 1.2rem);
    position: fixed;
    z-index: 10;
    margin-top: 6.4rem;
    box-sizing: border-box;
    bottom: 0;
    display: flex;
    border-radius: 1.2rem 1.2rem 0 0;
    box-shadow: 0 .4rem 1.6rem 0 rgba(0,0,0,.16)
}

.improvement-write .submit>button {
    width: 100%;
    color: #fff;
    background: #000;
    border-radius: .8rem;
    padding: 1.4rem 0;
    font-size: 1.5rem;
    font-weight: 500
}

.improvement-write .submit>button.off {
    background: #dcdcdc;
    color: #fff
}

.icon-new {
    position: relative;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.1rem;
    background-color: #fff;
    border-radius: 100%;
    border: .5px solid #b7b7b7
}

.icon-new:before {
    content: "N";
    position: absolute;
    color: #b7b7b7;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.icon-silver {
    position: relative;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.1rem;
    background-color: #b7b7b7;
    border-radius: 100%
}

.icon-silver:before {
    content: "S";
    position: absolute;
    color: #fff;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.icon-gold {
    position: relative;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.1rem;
    background-color: #fdc23e;
    border-radius: 100%
}

.icon-gold:before {
    content: "G";
    position: absolute;
    color: #fff;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.icon-vip {
    position: relative;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.1rem;
    background-color: #f22f54;
    border-radius: 100%
}

.icon-vip:before {
    content: "V";
    position: absolute;
    color: #fff;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.icon-diamond {
    position: relative;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.1rem;
    background-color: #000;
    border-radius: 100%
}

.icon-diamond:before {
    content: "D";
    position: absolute;
    color: #fff;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.icon-admin {
    position: relative;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.1rem;
    background-color: #000;
    border-radius: 100%
}

.icon-admin:before {
    content: "D";
    position: absolute;
    color: #fff;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.empty-list {
    width: 100%;
    text-align: center;
    margin: 6rem 0 8rem 0
}

.empty-list img {
    width: 9.6rem!important;
    height: 9.6rem!important;
    display: block!important;
    margin: 0 auto
}

.empty-list p:first-of-type {
    margin-top: 2rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: #848484
}

.empty-list p:nth-of-type(2) {
    margin-top: .4rem;
    color: #b0b0b0;
    font-size: 1.2rem;
    font-weight: 400
}

.empty-list a {
    margin-top: 2rem!important;
    padding: .95rem 1.6rem!important;
    box-sizing: border-box!important;
    background: #000!important;
    color: #fff!important;
    border-radius: .8rem!important;
    font-size: 1.4rem!important;
    font-weight: 600!important
}

.empty-goods-list {
    border-top: .8rem solid #f4f4f4;
    box-sizing: border-box;
    padding-top: 2rem
}

.empty-goods-list p:first-child {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 1.1rem
}

* {
    margin: 0;
    list-style: none;
    text-decoration: none;
    padding: 0;
    border: none;
    /* font-family: Montserrat,M PLUS\ 1p,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; */
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    letter-spacing: normal
}

.swiper-horizontal {
    overflow: hidden;
    position: relative
}

body.offs {
    overflow-y: scroll!important
}

.only-sona-shop-benefit {
    padding: 0 .6rem;
    border-radius: 9.9rem;
    background: rgba(30,104,255,.1);
    color: #1e68ff;
    margin-left: .4rem;
    font-size: 1rem;
    font-weight: 500;
    height: 1.7rem;
    line-height: 1.7rem;
    display: inline-block
}

body.offs::-webkit-scrollbar-thumb,body.offs::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.2)
}

body.offs::-webkit-scrollbar-button {
    display: none
}

.content-box-article {
    padding-bottom: calc(6.1rem + env(safe-area-inset-bottom))
}

section.layout {
    min-height: calc(100vh - 9.6rem);
    padding-bottom: 3rem;
}

.guide-pre-tag {
    padding: 3rem 1rem;
    overflow: auto;
    white-space: pre-wrap;
    box-sizing: border-box
}

.loading {
    z-index: 200!important
}

.loading.postpaid-request:before {
    content: "";
    background: rgba(0,0,0,.5)!important;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute
}

.loading.postpaid-request:after {
    content: "승인대기중입니다. 잠시만 기다려 주세요.";
    width: auto;
    height: auto;
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    bottom: 40%;
    background: transparent
}

.dot-wave:after {
    content: "";
    background-image: url(/img/loding-image.gif);
    width: 35%;
    max-width: 25rem;
    position: absolute;
    padding-top: 9.72%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%)
}

.dot-wave>* {
    display: none
}

.swal2-icon.swal2-error.swal2-icon-show,.swal2-icon.swal2-info,.swal2-icon.swal2-warning.swal2-icon-show {
    display: none!important
}

.swal2-html-container {
    font-size: 1.4rem!important;
    margin: 2.5em 1.6em .3em!important
}

.swal2-styled:not([disabled]) {
    cursor: auto!important
}

:focus {
    outline: 0!important;
    box-shadow: none!important
}

.swal2-styled {
    transition: none!important
}

.swal2-styled.swal2-confirm {
    display: inline-block;
    color: #000!important
}

.swal2-styled.swal2-cancel,.swal2-styled.swal2-confirm {
    padding: .5rem 2.5rem;
    font-size: 1.4rem!important;
    border-radius: 0!important
}

.swal2-styled.swal2-cancel {
    background: initial;
    background-color: #6e7881;
    color: #fff;
    box-sizing: border-box;
    border: .1rem solid #6e7881!important
}

strong {
    font-weight: 600
}

em {
    font-style: normal
}

button,input,label,select,textarea {
    box-sizing: border-box;
    background: transparent;
    border: none;
    color: #000
}

html {
    font-size: 62.5%!important
}

img {
    width: 100%;
    vertical-align: middle;
    display: block;
    height: auto
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    display: inline-block
}

b {
    font-weight: 700
}

body {
    max-width: 750px;
    margin: 0 auto;
    touch-action: manipulation;
}

[class^=btn-l-] {
    width: 100%;
    height: 4.75rem;
    font-size: 1.4rem;
    font-weight: 600
}

[class^=btn-l-],[class^=btn-s-] {
    display: inline-block;
    text-align: center;
    border-radius: .4rem
}

[class^=btn-s-] {
    width: 96%;
    padding: .2rem .3rem;
    height: 2.5rem;
    line-height: 2.3rem;
    font-weight: 700;
    font-size: 1.1rem;
    box-sizing: border-box
}

.page-title {
    width: 100%;
    padding: 4rem 0 2rem;
    box-sizing: border-box;
    font-size: 2rem;
    color: #ff41a2;
    font-weight: 600;
    text-align: center
}

label {
    display: inline-block
}

button:focus,input:focus,label:focus,select:focus,textarea:focus {
    outline: none
}

.content-wrap {
    max-width: 750px
}

.hidden {
    display: none!important
}

.lock-scroll {
    left: 50%;
    transform: translateX(-50%);
    max-width: 750px;
    position: fixed;
    width: 100%;
    height: 100%;

}

h2 {
    padding: 0;
    border: 0;
    font-size: 1.6rem;
    line-height: 1.24;
    position: relative;
    vertical-align: baseline;
    white-space: nowrap
}

h3 {
    margin: .2rem 0 0 0;
    color: #ff41a2
}

select {
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center
}

.off-scroll {
    position: relative!important;
    top: 0!important
}

.loading.order-request {
    z-index: 100
}

.loading.order-request:after {
    background: rgba(0,0,0,.5)!important
}


.floating-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;

    background: #fff;
    z-index: 200;
    display: flex;
    flex-direction: column;
    border-top: .1rem solid #e8e8e8;
    padding-top: .9rem;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 1.1rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + 1.1rem);
}

.floating-bar ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.floating-bar ul li {
    width: 20%;
    font-size: 0;
    position: relative
}

.floating-bar ul li a{
	display:block;
	margin:0 auto;

}

.floating-bar ul li img {
    width: 2.4rem;
    margin: 0 auto
}

.floating-bar ul li em {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    color: #b0b0b0;
    margin-top: .3rem;
    font-weight: 500
}

.floating-bar ul li em.on {
    color: #000;
    font-weight: 600
}

.floating-bar ul li span {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    border-radius: 50%;
    line-height: 1.6rem;
    display: block;
    background: #ff41a2;
    top: -.5rem;
    left: 50%
}

.floating-bar ul li span.more {
    width: 2.2rem;
    border-radius: .8rem
}


.floating-navigator {
    position: fixed;
    z-index: 200
}

.floating-navigator,.floating-navigator.not-floating {
    bottom: calc(58px + env(safe-area-inset-bottom))
}

.floating-navigator.floating {
    bottom: calc(58px + env(safe-area-inset-bottom) + 2rem)
}

.floating-navigator.floating-first {
    bottom: calc(58px + env(safe-area-inset-bottom) + 11vh)
}

.floating-navigator.right {
    right: 1.2rem
}

.floating-navigator.left {
    left: 1.2rem
}

.floating-navigator ul li {
    margin: 1rem 0 1rem 0;
    width: 4rem;
    cursor: pointer;
    /* opacity: .8 */
}
.floating-navigator ul li.go-top {

    opacity: .8
}

.floating-navigator ul .go-back,.floating-navigator ul .go-top {
    background: url(/asset/icons/common/up.png) no-repeat 0 0/4rem auto;
    height: 4rem
}

.floating-navigator ul .go-back {
    transform: rotate(-90deg)
}

.floating-navigator ul .share {
    background: url(/asset/icons/common/share.png) no-repeat 0 0/4rem auto;
    height: 4rem
}

.floating-navigator ul .guide {
    background: url(/asset/icons/common/guide.png) no-repeat 0 0/4rem auto;
    height: 4rem
}

.floating-navigator ul .guide a {
    height: 100%;
    width: 100%
}

.floating-navigator ul .channel-talk {
    background: url(/asset/icons/common/sona_cs.png) no-repeat 0 0/4rem auto;
    height: 4rem
}

.view-type-list .list {
    border-top: .0625rem solid #e8e8e8
}

.view-type-list .list a {
    width: 100%
}

.view-type-list .list .content {
    display: flex;
    position: relative;
    border-bottom: .0625rem solid #e8e8e8;
    padding: 1.5rem 2.5rem 1.5rem 1rem;
    align-items: center
}

.view-type-list .list .content:after {
    content: "";
    position: absolute;
    right: .9rem;
    width: 1rem;
    height: 1.4rem;
    top: 50%;
    transform: scaleX(-1) translateY(-50%);
    background: url(/img/icons.png) no-repeat -2rem -8rem/6rem auto
}

.view-type-list .list .title {
    color: #3a3a3a;
    font-size: 1.15rem;
    margin-bottom: .12rem;
    font-weight: 600;
    line-height: 1.4
}

.view-type-list .list .sub-info {
    color: #7d7d7d;
    height: auto;
    overflow: hidden;
    border-radius: .85rem;
    font-size: 1.05rem
}

.view-type-list .list .sub-info li {
    list-style: none;
    float: left;
    padding: 0 1rem
}

.view-type-list .list .sub-info:after {
    content: "|";
    float: right;
    color: #ccc;
    margin-right: -1rem
}

.view-type-list .list .sub-info:last-child:after {
    content: ""
}

.view-type-main .board-title {
    border-top: .0625rem solid #e8e8e8;
    border-bottom: .0625rem solid #e8e8e8;
    padding: 2rem 2rem;
    margin-bottom: 2rem
}

.view-type-main .title {
    margin: 0 0 .12rem;
    font-size: 1.85rem;
    color: #3a3a3a;
    font-weight: 600;
    line-height: 1.4
}

.board-article {
    font-size: 1.2rem;
    padding-bottom: 3rem;
}

.board-article .content {
    padding: 2rem
}

.board-article .content .image-area {
    width: 100%
}

.board-article .content a {
    cursor: unset
}

.board-article .content .link {
    cursor: pointer;
    color: blue
}

.board-article img {
    max-width: 100%;
    width: auto;
    height: auto
}

#share{
	display:none;
}

.modal-area {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 200;
    background-color: rgba(0,0,0,.4)
}

.modal-area .shares-area {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 15rem;
    width: auto;
    height: auto;
    padding: 1.5rem 2rem 1rem 2rem;
    text-align: center;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    transform: translateX(-50%) translateY(-50%)
}

.modal-area .shares-area .top-area {
    font-size: 1.65em;
    font-weight: 700;
    padding: 0 1rem 1rem 1rem;
    border-bottom: .2rem solid #d9d6d6;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.modal-area .shares-area .top-area .closePopup {
    background: url(/asset/icons/common/icons.png) no-repeat -3.7rem -8.9rem/22rem auto;
    position: absolute;
    cursor: pointer;
    height: 1.8rem;
    width: 1.8rem;
    right: 2rem
}

.popupBannerEventButton {
    position: absolute;
    padding-top: 29%;
    bottom: 3%
}

.popupBannerEventButton.left {
    width: 41%;
    left: 0
}

.popupBannerEventButton.right {
    width: 59%;
    right: 0
}

.popup-banner {
    position: fixed;
    display: flex;
    z-index: 1000;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    background: rgba(0,0,0,.66);
    left: 0;
    top: 0
}

.popup-banner .grade-popup-wrap {
    position: absolute;
    font-size: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    animation: blink .5s;
    border-radius: .5rem;
    background: #fff;
    box-sizing: border-box;
    width: 70%;
    max-width: 46rem;
    padding-top: 1.5rem;
    overflow: hidden
}

.popup-banner .grade-popup-wrap .close-btn {
    width: 2.2rem;
    height: 2.2rem;
    display: block;
    position: relative;
    float: right;
    margin-bottom: 1rem;
    margin-right: 4%
}

.popup-banner .grade-popup-wrap .close-btn:after,.popup-banner .grade-popup-wrap .close-btn:before {
    content: "";
    display: block;
    width: .2rem;
    height: 3rem;
    background: #eee;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    border-radius: .4rem
}

.popup-banner .grade-popup-wrap .close-btn:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.popup-banner .grade-popup-wrap>p {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 7%;
    clear: both
}

.popup-banner .grade-popup-wrap ul {
    height: 45vh;
    overflow-y: auto
}

.popup-banner .grade-popup-wrap ul::-webkit-scrollbar {
    width: .6rem;
    background-color: #fff
}

.popup-banner .grade-popup-wrap ul::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: .5rem
}

.popup-banner .grade-popup-wrap ul li {
    width: 80%;
    margin: 0 auto 1.4rem auto;
    position: relative;
    background-image: url(/asset/icons/common/coupon_background.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 35.8523725835%
}

.popup-banner .grade-popup-wrap ul li .coupon-detail-info {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    box-sizing: border-box;
    text-align: left;
    padding: 5% 6% 0
}

.popup-banner .grade-popup-wrap ul li .coupon-detail-info .title {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 1.5%
}

.popup-banner .grade-popup-wrap ul li .coupon-detail-info .detail {
    font-size: 1.2rem;
    color: #9c9c9c
}

.popup-banner .grade-popup-wrap ul li .coupon-detail-info .per {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ff41a2;
    display: inline;
    position: absolute;
    right: 7%;
    bottom: 24%
}

.popup-banner .grade-popup-wrap ul li .coupon-detail-info .date {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: .1em solid #c9c9c9;
    padding: 2.5% 0
}

.popup-banner .grade-popup-wrap button {
    width: 100%;
    padding: 6% 0;
    background: #ff41a2;
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup-banner .grade-popup-wrap button:after {
    content: "";
    background-image: url("/asset/icons/common/coupon_download.png");
    width: 1.25rem;
    height: 1.7rem;
    display: inline-block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-left: .5rem
}

.popup-banner .image-area {
    position: absolute;
    font-size: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    animation: blink .5s
}

.popup-banner .image-area img {
    border-radius: .5rem
}

.popup-banner .image-area .btn-close {
    position: absolute;
    right: 2%;
    top: 4.5%;
    width: 10%;
    height: 6%;
    transform: translateY(-50%);
    filter: invert(100%);
    cursor: pointer;
    background: none;
    font-size: 2rem;
    font-weight: bold;
    color: #B0B0B0;
}

.popup-banner .slide-btn {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 .7rem;
    box-sizing: border-box;
}

.popup-banner .slide-btn .right {
    margin-left: auto;
    background: url('/asset/icons/common/next.png') no-repeat -1.3rem -1rem/4rem
}

.popup-banner .slide-btn .left {
    background: url('/asset/icons/common/prev.png') no-repeat 0.3rem -1rem/4rem;
}

.popup-banner .slide-btn .left, .popup-banner .slide-btn .right {
    width: 3rem;
    height: 6rem;
}
.popup-banner .btn-close-bottom {
    font-size: 1.7rem;
    color: #fff;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.popup-banner .btn-close-bottom p {
    display: inline-block
}

.popup-banner .btn-close-bottom span {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    transform: translateY(0);
    background: url(/img/icons.png) no-repeat -15.04rem -10.66rem/18.75rem #000;
    border-radius: 2rem;
    margin-left: .5rem
}

@media (max-height: 950px) {
    .popup-banner .image-area {
        width:80%;
        max-width: 50rem
    }
}

@media (max-height: 760px) {
    .popup-banner .image-area {
        width:80%;
        max-width: 35rem
    }
}

@media (max-width: 750px) {
    .popup-banner .coupon-detail-info .title {
        font-size:2.5vw!important
    }

    .popup-banner .coupon-detail-info .detail {
        font-size: 1.3vw!important
    }

    .popup-banner .coupon-detail-info .per {
        font-size: 2.5vw!important
    }

    .popup-banner .coupon-detail-info .date {
        font-size: 1.3vw!important
    }
}

@media (max-width: 600px) {
    .popup-banner .grade-popup-wrap {
        width:80%
    }

    .popup-banner .coupon-detail-info .title {
        font-size: 3vw!important
    }

    .popup-banner .coupon-detail-info .detail {
        font-size: 2vw!important
    }

    .popup-banner .coupon-detail-info .per {
        font-size: 4vw!important
    }

    .popup-banner .coupon-detail-info .date {
        font-size: 2vw!important
    }

    .popup-banner .coupon-detail-info {
        padding: 5% 6% 0!important
    }
}

@media (max-width: 550px) {
    .popup-banner .grade-popup-wrap ul li {
        padding-top:40.3339191564%;
        width: 90%
    }
}

@media (max-width: 450px) {
    .popup-banner .coupon-detail-info .title {
        font-size:3.2vw!important
    }

    .popup-banner .coupon-detail-info .detail {
        font-size: 2.5vw!important
    }

    .popup-banner .coupon-detail-info .per {
        font-size: 5vw!important
    }

    .popup-banner .coupon-detail-info .date {
        font-size: 2.5vw!important
    }

    .popup-banner .grade-popup-wrap>p {
        font-size: 5.5vw!important
    }
}

.modal-area .shares-area ul {
    display: flex;
    align-items: center
}

.modal-area .shares-area ul li {
    width: 7rem;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 2rem
}


.top-banner {
    z-index: 99;
    position: sticky;
	display:none;
}

.top-banner.off {
    display: none
}

.top-banner .image-area {
    position: relative;
    font-size: 0
}

.top-banner .image-area .btn-close-banner {
    cursor: pointer;
    position: absolute;
    width: 5%;
    height: 50%;
    left: 1rem;
    top: 25%
}

.top-banner .image-area .btn-close-banner:before {
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg)
}

.top-banner .image-area .btn-close-banner:after,.top-banner .image-area .btn-close-banner:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.5rem;
    height: .27rem;
    border-radius: 1.1rem;
    background: #fff
}

.top-banner .image-area .btn-close-banner:after {
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-137deg)
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    box-sizing: border-box
}

.pagination ul li {
    padding: .6rem
}

.pagination button {
    width: 1.5rem
}

.pagination .number-area button {
    display: inline-block;
    font-size: 1.4rem;
    width: 2.5rem;
    height: 2rem;
    text-align: center;
    cursor: pointer;
}

.pagination .number-area.active button {
    font-size: 1.45rem;
    font-weight: 500;
    color: #ff43a3;
    display: inline-block;
    width: 2.5rem;
    height: 2rem;
    text-align: center;
    cursor: pointer;
}

.pagination .prev-btn {
    background: url(/img/icons.png) no-repeat -16rem -2.4rem/17rem auto;
    height: 1.7rem;
    cursor: pointer;
    margin-bottom: .69rem;
    margin-right: 1rem
}

.pagination .next-btn {
    background: url(/img/icons.png) no-repeat -16rem -4.06rem/17rem auto;
    height: 1.6rem;
    margin-left: 1rem;
    cursor: pointer
}

.pagination .first-btn {
    background: url(/img/icons.png) no-repeat -14rem -2.5rem/17rem auto
}

.pagination .first-btn,.pagination .last-btn {
    height: 1.6rem;
    cursor: pointer;
}

.pagination .last-btn {
    background: url(/img/icons.png) no-repeat -14rem -4.1rem/17rem auto
}

.pagination .current-btn {
    cursor: pointer
}

.font-partition :first-child:before {
    content: "";
    padding: 0;
    opacity: 0;
}

.font-partition :before {
    content: "|";
    padding: .5rem;
    opacity: .15;
}

.vertical-list {
    display: grid;
    grid-template-columns: calc(50% - .5rem) calc(50% - .5rem);
    gap: 3.5rem 1rem;
}

.horizontal-list {
    display: flex;
    flex-wrap: nowrap;
}


.horizontal-list .product-card {
    width: 41.7%;
}

.horizontal-list .product-card {
    margin-top:1.9rem;
}

.horizontal-list .product-card + .product-card {
    margin-left: 1.1rem;
}

.product-card > .thumbnail {
    display: block;
    width: 100%;
    padding-top: 100%;
    position: relative;
    border-radius: .75rem;
    overflow: hidden;
}

.product-card > .thumbnail > * {
    position: absolute;
}

.product-card > .thumbnail .thumbnail-image {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product-card > .thumbnail .save, .weekday_wrap .save {
    width: 3.2rem;
    height: 3.2rem;
    right: 0;
    bottom: 0;
    background: url("/asset/icons/product/empty-heart.png") no-repeat center / 2rem auto;
}

.product-card > .thumbnail .save.on, .weekday_wrap .save.on {
    background: url("/asset/icons/product/fill-heart.png") no-repeat center / 2rem auto;
}

.product-card > .thumbnail .rank {
    width: 2rem;
    height: 2rem;
    background: white;
    border-radius: 0.25rem;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    line-height: 2rem;
}

.product-card > .thumbnail .only_sona_icon {
    top: 0.7rem;
    right: 0.7rem;
    width: 17.22%;
    display: none;
}

.product-card > .thumbnail .today-deliver {
    font-size: 1rem;
    height: 2rem;
    left: 0.6rem;
    bottom: 0.8rem;
    padding: 0 0.4rem 0 2.2rem;
    background: #fff;
    border-radius: 0.4rem;
    background-image: url("https://img.sonyunara.com/2024/todaydelivery/icon_14.png");
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: .4rem center;
}

.product-card > .thumbnail .today-deliver::after {
    content: "제트배송";
    line-height: 2rem;
    margin-left: 0.3rem;
    font-size: 1rem;
    color: #ff5a00;
    font-weight: 700;
}

.product-card > .description {
    width: 100%;
}

.product-card > .description > * {
    display: block;
    font-size: 0;
}

.product-card > .description .shop-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #3a3a3a;
    margin-top: 0.8rem;
}

.product-card > .description .product-name {
    font-size: 1.3rem;
    font-weight: 500;
    color: #818181;
    margin-top: 0.4rem;
}

.product-card > .description .shop-name, .product-card > .description .product-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card > .description .price {
    margin-top: 0.4rem;
}

.product-card > .description .price > span {
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block
}

.product-card > .description .price > span:first-child {
    color: #ff41a2;
    margin-right: 0.15rem;
}

.product-card > .description .price > span:last-child {
    color: #000;
    margin-right: 0;
}

.product-card > .description .goods-info-wrap {
    display: flex;
    border-radius: 0.2rem;
}

.product-card > .description .goods-info-wrap > span.is_sona_only {
    background: #2c2c2c;
    color: #fff;
}
.product-card > .description .goods-info-wrap > span.is_sale {
    background: #DC3454;
    color: #fff;
    width:auto;
    padding:0 4px;
}

.product-card > .description .goods-info-wrap > span.is_half_price_sale {
    display: block;
    color: #f8f700;
    background-color: #ff0016;
    border-radius: 10px;
    margin-left: 0;
    width: 8rem;
    font-weight: 600;
}

.product-card > .description .goods-info-wrap > span.is_coupon_sale {
    font-size: 1rem;
    width: 8.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    background: #fff0f8;
    color: #ff5caf;
    margin-top: 0.6rem;
    margin-right: 5px;
}

.product-card > .description .goods-info-wrap > span {
    font-size: 1rem;
    width: 4.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    background: #f4f4f4;
    color: #585858;
    margin-top:0.8rem;
    display: none;
    margin-right: 3px;
}

.product-card > .description .goods-info-wrap > span:first-child{
    margin-right:0.4rem;
}

.product-card > .description .sales-volume {
    margin-top: .6rem;
    color: #969696;
    font-weight: 400;
    font-size: 1.1rem;
    align-items: center;
}
.product-card > .description .sales-volume:before {
    content: "";
    display: inline-block;
    position: relative;
    background: url(/asset/icons/product/fire.png) no-repeat 0 0/1.4rem auto;
    width: 1.4rem;
    height: 1.4rem
}

.swiper-wrapper .horizontal-list .product-card{
    width:34%;
}

.firstUser .product-card .thumbnail::after {
    content: "첫주문";
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 1rem;
    left: .8rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding: .3rem .6rem;
    background: #ff41a2;
    border-radius: .4rem;
}

.firstUser .product-card .today-deliver, .firstUser .product-card .sales-volume, .firstUser .product-card .rank{
    display: none;
}





.more-button {
    overflow: hidden;
    right: 1rem;
    font-size: 1.2rem;
    z-index: 1;
    font-weight: 600;
    color: #000000;
    position: absolute;
    top: 0.18rem;
}

.more-button:after {
    content: "";
    background-image: url(/asset/icons/header/ico_back.png);
    background-color: white;
    left: 37px;
    position: absolute;
    padding-top: 20%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    width: 6px;
    height: 9px;
    margin-top: 3px;
}

#first-user-benefit .product-card{
    width:34%
}



.filter-option-wrapper input[type=checkbox].default + label {
    background: none !important;
    left: 0 !important;
}
#filter-container {
    position: sticky;
    width: 100%;
    background: #fff;
    z-index: 150;
}
#filter-container #filter-wrap.category {
    top: 4.9rem;
    border-bottom: 0.1rem solid #f1f1f1;
}
#filter-container #filter-wrap.today {
    top: 5.4rem;
    border-bottom: 0.1rem solid #f1f1f1;
}
#filter-container #filter-wrap .swiper-slide {
    width: auto !important;
}
.slider-wrap {
    width: 30rem;
    margin: 0 auto;
}
.slider-wrap .vue-slider {
    padding: 0 !important;
}
.slider-wrap .vue-slider-dot-tooltip-text {
    display: none;
}
.slider-wrap .vue-slider-dot {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 50%;
    border: 0.1rem solid #e0e0e0;
    background: #fff !important;
}
.slider-wrap .vue-slider-dot::after {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #ff41a2;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slider-wrap .vue-slider-process {
    height: 1rem !important;
    background: #ff41a2;
}
.slider-wrap .vue-slider-rail {
    height: 1rem;
    background: #f3f3f3;
    border-radius: 1.5rem;
}
.filter {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
}
.filter ul:first-child li {
    cursor: pointer;
    box-sizing: border-box;
    padding: 0.7rem 2.5rem 0.7rem 1.2rem;
    border: 0.1rem solid #dcdcdc;
    margin-right: 0.5rem;
    border-radius: 1.6rem;
    font-size: 1.3rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    color: #848484;
    background: url('/asset/icons/common/icon_filter.png') no-repeat calc(100% - 1rem) 50% / 1rem auto;
    font-weight: 500;
}
.filter ul:first-child li.on {
    color: #000;
    font-weight: 700;
}
.filter ul:first-child li.today {
    background: url('https://img.sonyunara.com/2024/todaydelivery/icon_off.png') no-repeat 1rem 50% / 1.4rem auto;
    padding: 0.7rem 1.2rem 0.7rem 3rem;
}
.filter ul:first-child li.today.on {
    background: url('https://img.sonyunara.com/2024/todaydelivery/icon_14.png') no-repeat 1rem 50% / 1.4rem auto;
    font-weight: 600;
    color: #ff5a00;
    border: 0.1rem solid #ff5a00;
}
.filter ul:first-child li.favorite {
    background: initial;
    position: relative;
    padding: 0.7rem 1rem;
}
.filter ul:first-child li.favorite::before {
    content: "";
    width: 1.2rem;
    height: 1.3rem;
    background: url('/asset/icons/shop/favorite.png') no-repeat -2.8rem 0.2rem / 4.7rem auto;
    margin-right: 0.2rem;
    margin-top: -0.3rem;
    display: inline-block;
}
.filter ul:first-child li.favorite.on {
    font-weight: 600;
    color: #ff41a2;
}
.filter ul:first-child li.favorite.on::before {
    content: "";
    width: 1.2rem;
    height: 1.3rem;
    background: url('/asset/icons/shop/favorite.png') no-repeat -2.8rem -1.2rem / 4.7rem auto;
    margin-right: 0.2rem;
    margin-top: -0.3rem;
}
.filter-option-wrapper {
    position: absolute !important;
    width: 100%;
    background: #fff;
    transition: 0.5s;
    z-index: 100;
}
.filter-option-wrapper.on {
    bottom: 0;
}
.filter-option-wrapper .filter-option-menu {
    padding: 1.6rem;
    box-sizing: border-box;
}
.filter-option-wrapper .filter-option-menu button {
    width: auto;
    height: 2rem;
    margin-right: 1.6rem !important;
    font-size: 1.5rem;
    background: rgba(0, 0, 0, 0);
    font-weight: bold;
    border-radius: 0;
}
.filter-option-wrapper > ul {
    height: 33vh !important;
    box-sizing: border-box;
}
.filter-option-wrapper > ul ul.filter-wrap::-webkit-scrollbar {
    width: 0.4rem;
}
.filter-option-wrapper > ul ul.filter-wrap::-webkit-scrollbar-thumb {
    width: 0.4rem;
    height: 4.8rem;
    background: #aba9ab;
    border-radius: 0.2rem;
    margin-right: 0.4rem;
}
.filter-option-wrapper > ul ul.filter-wrap::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}
.filter-option-wrapper > ul > li {
    height: 100%;
    overflow-y: auto;
    padding: 0 1.6rem;
    box-sizing: border-box;
}
.filter-option-wrapper > ul > li.on {
    display: block;
}
.filter-option-wrapper > ul > li.sort span {
    display: block;
    padding: 1.1rem 0;
    border-bottom: 0.1rem solid #f5f6f8;
}
.filter-option-wrapper > ul > li.sort span input {
    display: none;
}
.filter-option-wrapper > ul > li.sort span label {
    background: url('/asset/icons/common/ico_checkbox3.webp') no-repeat 0 0 / 2rem auto;
    font-size: 1.5rem;
    height: 2rem;
    box-sizing: border-box;
    padding-left: 2.5rem;
    line-height: 1.8rem;
}
.filter-option-wrapper > ul > li.sort span input:checked + label {
    background-position: 0 96% !important;
}
.filter-option-wrapper > ul > li.option > div {
    margin-bottom: 2rem;
}
.filter-option-wrapper > ul > li.option > div p {
    font-size: 1.3rem;
    color: #555;
    font-weight: 600;
}
.filter-option-wrapper > ul > li.option > div span {
    display: inline-block;
    margin: 0.8rem 0.8rem 0 0;
    font-size: 1.2rem;
    height: 3.2rem;
    text-align: center;
    border-radius: 0.4rem;
}
.filter-option-wrapper > ul > li.option > div span input {
    display: none;
}
.filter-option-wrapper > ul > li.option > div span label {
    height: 100%;
    border: 0.1rem solid #e4e5e6;
    color: #555;
    padding: 0.7rem 1rem;
    border-radius: 0.4rem;
}
.filter-option-wrapper > ul > li.option > div span input:checked + label {
    background: #ff41a2 !important;
    color: #fff;
    border-color: #ff41a2;
}
.filter-option-wrapper > ul > li.option > div button {
    color: #ff41a2;
    margin: 1.5rem 0;
    font-size: 1.2rem;
    font-weight: 600;
}
.filter-option-wrapper > ul > li.color span {
    display: inline-block;
    position: relative;
    width: 4.5rem;
    padding-top: 4.5rem;
    margin: 1.3rem 2.5% 1.3rem 0;
    border: 0.1rem solid #eee;
    border-radius: 50%;
}
@media (max-width: 600px) {
    .filter-option-wrapper > ul > li.color span {
        width: 12%;
        padding-top: 12%;
        margin: 1.3rem 4% 1.3rem 0;
   }
}
.filter-option-wrapper > ul > li.color input {
    display: none;
}
.filter-option-wrapper > ul > li.color label {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.filter-option-wrapper > ul > li.color input:checked + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0);
    border: 0.15rem solid #ff41a2;
    width: 115%;
    height: 115%;
    border-radius: 50%;
}
.filter-option-wrapper > ul > li.price {
    position: relative;
}
.filter-option-wrapper > ul > li.price > div {
    position: absolute;
    top: calc(50% - 1rem);
    left: 50%;
    transform: translate(calc(-50%), calc(-50%));
}
.filter-option-wrapper > ul > li.price .price-range {
    color: #000;
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
    margin: 0 0 1.7rem 0;
}
.filter-option-wrapper > ul > li.price img {
    width: 30rem;
    margin: 0 auto;
}
.filter-option-wrapper .filter-apply {
    padding: 1rem 1rem calc(env(safe-area-inset-bottom) + 1rem) 1rem;
    border-top: 0.1rem solid #f5f6f8;
    display: flex;
    align-items: center;
}
.filter-option-wrapper .filter-apply button:first-child {
    background: url('/asset/icons/common/ico_reset.png') no-repeat 0 50% / 2.1rem auto;
    padding-left: 2.6rem;
    color: #a6a6a6;
    font-size: 1.4rem;
    margin-left: 0.8rem;
}
.filter-option-wrapper .filter-apply button:last-child {
    flex: 0.9;
    margin-left: auto;
    background: #000;
    color: #fff;
    border-radius: 0.7rem;
    padding: 1.1rem 1rem;
    font-size: 1.4rem;
    font-weight: bold;
}
@media (max-width: 75rem) {
    .filter-option-wrap > ul > li.color span {
        width: 12%;
        padding-top: 12%;
        margin: 1.3rem 4.666% 1.3rem 0;
   }
}


.round-text-banner {
    position: sticky;
    background-color: #fff;
    top: 4.9rem;
    padding: 0 1rem;
    box-sizing: border-box
}

.round-text-banner .swiper-slide {
    display: inline-block;
    width: auto;
    font-size: 1.2rem;
    font-weight: 700;
    position: relative;
    color: #b9b9b9;
    cursor: pointer
}

.round-text-banner .style-underscore-highlight {
    padding: 0 1.4rem;
    font-weight: 700;
    height: 4.2rem;
    line-height: 4.2rem
}

.round-text-banner .style-underscore-highlight.on {
    color: #000
}

.round-text-banner .style-underscore-highlight.on:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background: #000
}

.round-text-banner .style-fill-highlight {
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.round-text-banner .style-fill-highlight.on {
    color: #fff;
    background: #000;
    border-radius: 9.9rem
}

/* 검색필터 최소~최대가격부분 */
li.price .irs--flat .irs-line{border-radius: 1.5rem;}
li.price .irs .irs-from,li.price .irs .irs-to, li.price .irs .irs-min, li.price .irs .irs-max, li.price .irs .irs-single {display:none;}
li.price .irs .irs-to{display:none;}
li.price .irs .irs-bar{background-color:#ff41a2;}
li.price .irs-handle {width: 2rem !important;height: 2rem !important; border-radius: 50%; border: .1rem solid #e0e0e0; background: #fff !important; top:-5px;}
li.price  .irs--flat .irs-handle>i:first-child{width: .9rem; height: .9rem; border-radius: 50%; background: #ff41a2; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
li.price .irs--flat .irs-line{height:1rem;top:0; }
li.price .irs .irs-bar{height:1rem;top:0;}

.user-person .product-card.swiper-slide{
    width:30%;
}


.weekly-sales .product-card{
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 4% 1.1rem;
    width: 100%;
    box-sizing: border-box;
}

.weekly-sales .product-card > .thumbnail{
    padding-top:0 !important;
}

.weekly-sales .product-card > .thumbnail::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}

.weekly-sales .product-card > .thumbnail .save{
    display: none;
}


.weekly-sales .product-card .description{
    padding-left:3%;
    width: calc(100% - 34%) !important;
}


.swiper-horizontal {
    overflow: hidden;
    position: relative
}

.product-card .price_info_wrap_box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
}

.product-card .price_info_wrap_box .low_price {
    padding: .5rem .6rem;
    background: #ff41a2;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .8rem 0;
    display: flex;
    align-items: center
}

.product-card .price_info_wrap_box .low_price img {
    display: inline-block;
    width: 1.2rem;
    margin-left: .2rem
}

.product-card .price_info_wrap_box .on_check {
    display: inline-block;
    padding: .5rem .6rem;
    background: #f4f4f4;
    font-size: 1rem;
    color: #848484;
    font-weight: 600;
    border-radius: .8rem 0
}

.product-card .price_info_wrap_box:has(.low_price) .on_check {
    border-radius: 0 0 .8rem 0
}

.product-card .price_info_wrap_box:has(.on_check) .low_price {
    border-radius: .8px 0 0 0
}

.shop .goods_list_wrap .empty-list{
    display: none;
}

.head-bar {
    margin-bottom: 5px;
    padding: 1.4rem 1.5rem .5rem 1.5rem;
    display: flex;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1000;
}

.head-bar {
    margin-bottom: 5px;
    padding: 1.4rem 1.5rem .5rem 1.5rem;
    display: flex
}

.head-bar span {
    display: inline-flex;
    align-items: center;
    flex: 1
}

.head-bar span .gnb-btn {
    content: url('/asset/icons/header/ico_allmenu_line.png')
}

.head-bar span .app_set {
    display: inline-block;
    width: 2.4rem
}

.head-bar span .search {
    content: url('/asset/icons/header/ico_search.png')
}

.head-bar span .home {
    content: url('/asset/icons/header/logo_sona.png');
    width: 8.2rem;
    display: inline-block;
    margin: .3rem auto 0 auto
}

.head-bar span.top-title {
    position: relative;
    font-weight: 600;
    font-size: 1.8rem;
    align-items: center;
    justify-content: center;
    flex: 1;
    display: flex;
    text-align: center;
    white-space: nowrap
}

.head-bar span .mypage-ico {
    content: url('/asset/icons/header/ico_mypage.png')
}

.head-bar span .signup-promotion {
    display: inline-block;
    position: absolute;
    content: url(/img/ico_signup_promotion.gif);
    width: 5rem;
    top: 3.6666rem;
    right: 2.8rem
}

.head-bar span .cart {
    content: url('/asset/images/product-detail/cart.png');
    margin-left: 1rem;
    width: 2.4rem;
}

.head-bar span .cart-count {
    position: absolute;
    font-weight: 600;
    right: 1rem;
    top: 1.4rem;
    width: 1.6rem!important;
    height: 1.6rem;
    line-height: .36rem;
    text-indent: 0;
    font-size: 1rem;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    display: inline-grid;
    color: #fff;
    background: #ff41a2;
    /* transform: scale(.76); */
    /* -webkit-transform: scale(.76) */
}

.head-bar span a {
    width: 1.8rem
}

.head-bar span a+a {
    margin-left: 10px
}

.head-bar span:last-child>:first-child {
    margin-left: auto
}

.today-shipping .sub-cate {
    position: sticky;
    background-color: #fff;
    top: 4.9rem;
    z-index: 98;
    margin-bottom: 0!important
}

#cate-best-swiper .price_info_wrap_box, #shop-best-swiper .price_info_wrap_box, #buy-together-list .price_info_wrap_box{
    display: none;
}

.sale-products .product-card > .thumbnail .rank{
    display: none !important;
}

.search-result .rank{
    display: none !important;
}

.wishlist .rank{
    display: none !important;
}

.handling-bar{ height:25px;  display:flex; align-items:center; justify-content: center;}
.handling-bar-bar {height:4px; width:40px; border-radius:99px; background-color:#dcdcdc}


/* 스와이퍼 패딩 범위넘어가게 바꿈*/
#product_list_wrap{overflow:hidden;}
.swiperhiddenWrap, .new-arrivals .product-slider, .shop .goods_rank_list, #content3 {overflow:hidden;}
#cateBestRank, #new-rank-1, #new-rank-2, #person-swiper, #rank-1, #muse-rank-1, #styling-goods,#join-goods, #cate-best-swiper, #buy-together-swiper, #shop-best-swiper,#reopen-best-goods,[id^="reopen-best-goods"], .main-muse-swiper, .main-muse-shop-list,#only-sona-goods,#recent-goods, .gwrp, #rel-goods-list, [id^="custom-"]{
    overflow:initial !important;
}
/* 스와이퍼 패딩 범위넘어가게 바꿈*/


/* 체험단 */
.trial-date{border: 1px solid #DCDCDC; padding:16px; border-radius: 8px;}
.trial-date-list{margin-bottom:12px; display:flex;}
.trial-date-list:last-child{margin-bottom:0;}
.trial-date-list > div:nth-child(1){color:#848484; font-size:12px; width:30%;}
.trial-date-list > div:nth-child(2){color:#000; font-size:13px; flex:1;}
.trial-detail-content{padding:1.1rem; text-align: center; border-bottom:.9rem solid #f4f4f4;}
.trial-detail-stepwrap{margin-top:30px;}
.trial-detail-step{padding:8px 16px; border:1px solid black; border-radius: 20px; font-size:16px; font-weight:700; display:inline-block; }
.trial-detail-step-title{margin-top:15px; font-size:13px; font-weight: 400;}
.trial-detail-step-stitle{color:#848484; font-size:12px; margin-top:10px;}
.trial-detail-step-in{padding:12px 16px; background-color: #F4F4F4; border-radius: 16px; text-align: left; margin-top:13px;}
.trial-detail-in-title{padding-left:32px;font-size:13px; font-weight: 600; color:#000;margin-bottom:8px; background: url(/asset/icons/review/trialPenNewSquare2.png) no-repeat; background-position:0 50%; background-size: 24px; }
.trial-detail-step-in + .trial-detail-step-in .trial-detail-in-title{ background: url(/asset/icons/review/trialCamera2.png) no-repeat; background-position:0 50%; background-size: 24px; }
.trial-detail-in-stitle{font-size:12px; font-weight: 400; color:#000; }
.trial-detail-example{display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px 10px; margin-top:10px; padding-bottom: 16px; }
.trial-detail-example img{border-radius: 8px;}
.trial-detail-example-title{margin-top:10px; font-size: 11px; text-align:center;}
.trial-top-swiper{margin-top:15px;}
.trial-top-swiper li{aspect-ratio:10/12; overflow:hidden; border-radius:8px;}
.trial-top-swiper a{height:100%; width:100%; display:block; position:relative;}

.trial-top-swiper li img{height:100%; width:100%;object-fit:cover; object-position:center;}
.leftday{position:absolute; top:0; left:0; color:white; background-color: #2C2C2C; font-weight:600; border-radius:8px 0 8px 0; padding:3px 6px; font-size:10px; }
.trial-bot-area { font-size: 11px; background-color: #f4f4f4; padding: 2rem 1.6rem; color: #000; display: grid; gap: 1.5rem; }
.trial-bot-area ul li{ margin-bottom:10px; font-size: 11px; list-style: inside; }

.trial-list{padding:1.6rem;}
.trial-timer{display:flex; justify-content:space-between; align-items:center;}
.trial-timer *{font-weight:700; font-size:15px;}
.trial-top-swiper{margin-top:15px;}
.trial-top-swiper li{aspect-ratio:10/10; overflow:hidden; border-radius:8px;}
.trial-top-swiper li img{height:100%; width:100%;object-fit:cover; object-position:center;}
.trial-goods-wrap{box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15); border-radius: 8px; overflow: hidden; margin-bottom:30px;}
.trial-goods-con{padding:2rem 0 1.1rem 0;}
.trial-goods-timer{padding-left:25px; background:url(/asset/icons/review/trialTimer.png) no-repeat; background-size:20px; background-position:0%; font-size:16px; color:#ff41a2; font-weight: 600;}
.trial-goods-timebar{border-radius: 8px; height:8px; background-color: #FFF0F8;}
.trial-goods-timebar-remain{height: 100%; background-color: #ff41a2; border-radius: 8px;}
.trial-goods-text {margin-top:12px;}
.trial-goods-text p:nth-child(1){font-size:12px; font-weight:500;}
.trial-goods-text p:nth-child(2){font-size:13px; font-weight:400; color:#585858; margin-top:4px;}
.trial-goods-btn{margin-top:8px; display:flex; justify-content:space-between; align-items:center; border-radius:8px; background-color: #FAFAFA; padding:8px; margin-bottom:16px;}
.trial-goods-btn > div{width: 50%; text-align: center; position:relative }
.trial-goods-btn > div:nth-child(1){color:black;}
.trial-goods-btn > div:nth-child(1)::after{ content: "|"; display:block; color:#84848440; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); font-weight: 200; font-size:12px;}
.trial-goods-btn > div:nth-child(1) span{color:#ff41a2;}
.trial-goods-btn *{font-size:13px; font-weight: 600; color:#848484;}
.trial-goods-con-wrap{padding:0 1.1rem;}

.trial-top{background-color: #FEB5FF; text-align: center; padding:80px 0 57px 0;}
.trial-mid{padding:54px 28px 54px 28px; }

.trial-box-area{margin-top:50px; position:relative;}
.trial-box-area::after{content:""; position:absolute; width:5%; background-color:#FE97FB ; height:95%; top:2.5%; left:12.5%; z-index:-1;}
.trial-box-area .trial-box{display:flex; align-items: center; margin-bottom:40px;}
.trial-box-area .trial-box:list-child{margin-bottom:0;}
.trial-box-area .trial-icon{width:30%; background-color: #ffffff; border-radius: 50%;border-radius: 50%; border:1px solid #FEB5FF;}
.trial-box-area .trial-icon > div{ display:flex; justify-content: center; align-items: center; overflow: hidden; }
.trial-box-area .trial-text{flex:1; padding-left:20px;}
.trial-box-area .trial-text > div:nth-child(1){font-weight:700; font-size:18px; }
.trial-box-area .trial-text > div:nth-child(2){font-weight:500; font-size:12px; margin-top:5px; }

.trial-box-area2{background-color:#DCDCDC; padding:32px 24px 32px 24px; margin-top:50px;}
.trial-box-text2{display:flex; margin-top:30px; }
.trial-box-text2-icon{width:20%; text-align: center;}
.trial-box-text2-icon > div{background-color:#ffffff; font-weight:700; font-size:14px; border-radius: 50%;  display:flex; justify-content: center; align-items: center; aspect-ratio:1/1; width:70%; margin:auto;}
.trial-box-text2-text{flex:1; padding-left: 10px;}
.trial-box-text2-text > div:nth-child(1){font-weight:700; font-size:14px; }
.trial-box-text2-text > div:nth-child(2){font-weight:400; font-size:13px; margin-top:5px; }

/* 체험단 */


/*한국로그인 번호인증*/
.cp-input-wrap{display:flex; gap:5px;}
.cp-numbtn{width:20%; border:1px solid black; border-radius:5px; height:4.2rem; margin-top:.4rem; display:flex; align-items: center; justify-content: center; font-weight:bold;}
.certimer{position:absolute; right:10px; top:50%; transform: translateY(-50%); color:#1E68FF;}

a.btn-black{background-color:black; color:white; border-radius:8px; font-size:1.5rem;font-weight:600; width:100%; padding:12px; width:90%; text-align:center;}
a.btn-gray{background-color:#dcdcdc; color:white; border-radius:8px; font-size:1.5rem;font-weight:600; width:100%; padding:12px; width:90%; text-align:center;}
.find-bf{font-size:2.4rem; font-weight:700;}
.find-mf{font-size:1.4rem; color:#848484; font-weight:500; margin-top:20px;}
.findpwstep {padding:1.6rem;}
.findidstep > div:first-child {margin-top:20px; margin-bottom:40px;}
.findpwstep > div:first-child {margin-top:20px; margin-bottom:40px;}
.findidstep .findid-list{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-top:15px;
}
.findidstep .findid-list li{
    
    height:4.4rem;
    border:1px solid #DCDCDC;
    border-radius:8px;
    display:flex;
    align-self: center;
    width:100%;
}
.findidstep .findid-list li a{
    width:100%;
    padding:0 16px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.findidstep .findid-list li a .id{color:#969696; font-weight:400; margin-top:2px;}
.findidstep .more-button-title{margin-top:0;}
/*한국로그인 번호인증*/


/* 20250716 카트,주문페이지 */
.request-coupon-wrap{ border:1px solid #dcdcdc; border-radius: 8px; margin-bottom:10px; }
.request-coupon-wrap *{font-size:13px;}
.request-coupon-wrap .inwrap1{ font-weight:500; width:20%; max-width:70px; }
.request-coupon-wrap .inwrap input{text-align: right; width:95%;}
.request-coupon-wrap .inwrap2{flex:1; text-align:center;}
.request-coupon-wrap .inwrap3{width:25%; text-align: right; max-width:90px; white-space:nowrap; padding-left:3px;}
.request-coupon-wrap .inwrap3 button{padding:9px 12px; border:1px solid black; border-radius: 8px; font-weight:500; white-space: nowrap;}
.request-coupon-wrap  .avacnt{font-weight:600;}
.request-coupon-wrap .inwrap{ display:flex; justify-content: space-between; padding:12px 16px; align-items: center; }
.request-coupon-wrap .havebenefitacc{ text-align:right; font-size:11px; color:#969696; padding-right:16px; position:relative; top:-8px; }
.request-coupon-wrap .havebenefitacc em{font-size:11px;}
.request-coupon-wrap .couponstate_y{color:#FF41A2; font-weight:600; font-size:14px;}

input[type=radio]+label{background: url(/asset/icons/common/ico_radio2.png) no-repeat 0 0 / 2rem auto;}
.order-request .payment-type>li{margin-bottom:8px;}
.order-request .payment-type>li label{background: none; padding-left:0; padding:12px 16px; border:1px solid #dcdcdc; border-radius: 8px; height:auto; width:100%;}
.order-request .payment-type>li input[type=radio]:checked+label{border:1px solid #FF41A2; position:relative;}
.order-request .payment-type>li input[type=radio]:checked+label:after{
content:"";
position:absolute;
top:50%;
right:8px;
width:25px;
height:25px;
background:url(/asset/icons/order/ordertypecheck.svg) no-repeat center center / cover;
transform:translateY(-50%);
}
.order-request .payment-badge {display:flex; align-items: center;}
.order-request .payment-badge li img{width:120px;margin-left:-3px;}
.order-request .payment-badge li {display:inline-block; margin-right:4px;}
.order-request .title{justify-content: space-between; color:#121212;}
.order-request .title span.total_account, .order-request .title span.total_reward{font-weight:600; color:#FF41A2; font-size:16px;}
.order-layout .user-price li:last-child{border-top:inherit; padding:inherit}
.order-layout .user-price li span:last-child{font-weight:500; font-size:1.3rem;}
.order-layout .user-price li:last-child span{font-weight:400; color:#666; font-size:1.3rem;}
.order-layout .user-price li:last-child span:last-child{color:#121212;}
.order-layout .user-price li.sale_receipt_list .user-price{width:100%; }
.order-layout .user-price li.sale_receipt_list .user-price li span:last-child{color:#FF41A2; font-weight:500;}
/* 20250716 카트,주문페이지 */

.best-sellings-of-categories-swiper .is_sona_only + .is_coupon_sale {display:none !important; }