/* 컨텐츠 공통 */
.col-group {display:flex;}
.row-group {display:flex; flex-flow: column;}
.container { margin: 0 auto; width: 100%; max-width: 1440px; }
.lf { font-family: "LeferiPointWhite", sans-serif; }
.bs { font-family: "BelgianoSerif", sans-serif; }
.blue { color: #3171ef; }
.red { color: #ff0000; }
.img-container { width: 100%; position: relative; }
.img-container img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; object-position: center; }
.video-container { width: 100%; padding-top: 56.25%; position: relative; }
.video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #e4e4e4; }
::-webkit-scrollbar-thumb { background: #484848; border-radius: 4px;}
.null-txt { font-size: 20px; font-weight: 300; text-align: center; color: #9f9b9b; padding: 96px 0; }


@media screen and (max-width: 1440px) {
    .container { padding: 0 24px; }
}
@media screen and (max-width: 1280px) {
    .null-txt { font-size: 14px; padding: 64px; }
}

/* 팝업 */
.pop-parent {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 99;
    transition: all .2s;
}

.pop-parent .m-ratioBox-wrap {width:100%; padding-top:100%; position:relative; overflow:hidden;}
.pop-parent .m-ratioBox-wrap .m-ratioBox {position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center;}
/*
.m-ratioBox-wrap .m-ratioBox:after {content:""; width:83px; height:28px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url("../img/logo.png") no-repeat; background-size:100%; opacity:0.4;}
 */
.pop-parent .m-ratioBox-wrap img {display:block; width:100%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;}
.pop-parent .m-ratioBox-wrap iframe {width:105%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;}

.pop-parent .swiper {
    overflow:hidden;
}
.pop-parent .swiper-container {
    overflow:visible;
}
.pop-parent .swiper-pagination {
    display:flex;
}
.pop-parent .pop {width:400px; position:relative;}
.pop-parent .pop .btn-toggle {width:40px; height:40px; position:relative; background-color:black;
    cursor:pointer;
}
.pop-parent .pop .btn-toggle img {
    width:auto;
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg);
    transition:all .3s;
}
.pop-parent .pop-btns {display:flex; position:absolute; top:80px; left:-120px; background-color:#3c3c3c; opacity:1;
    transform:rotate(90deg);
}
.pop-parent .pop-btns a {color: #fff; padding: 7px 14px;}
.pop-parent .pop-btns #oneday_check {position: absolute; clip: rect(0,0,0,0);}
.pop-parent .pop-btns #oneday_check + label {display:flex; align-items:center; padding:0 10px; font-size:14px; color:#fff; cursor:pointer;}
.pop-parent .pop-btns #oneday_check + label:before {content:""; display:inline-block; width:12px; height:12px; margin-right:10px;  border:1px solid #fff;}
.pop-parent .pop-btns #oneday_check:checked + label .icon {position:absolute; left:7px; top:7px; display:inline-block; width:20px; height:20px; background:url('/img/check_checked.png') no-repeat center center}

.pop-parent .pop .swiper-btn-control {width:8px; height:11px; margin-left:16px; position:relative; top:2px;}
.pop-parent .swiper-control {display:flex; align-items:center; position:absolute; top:21px; right:20px; z-index:2;}
.pop-parent .swiper-control .swiper-pagination {position:static;}
.pop-parent .swiper-pagination-bullet {flex:0 0 auto; width:10px; height:10px; margin:0 5px; border-radius:0; border:1px solid white; opacity:0.5; background-color:transparent;}
.pop-parent .swiper-pagination-bullet-active {background-color:#fff; opacity:1;}
.pop-parent.active {right:-400px;}
.pop-parent.active .btn-toggle {transform:rotate(180deg);}

.pop-parent .pop .btn-close { display: none; width:40px; height:40px; position:relative; background-color:black; }

@media screen and (max-width:1200px) {
    .pop-parent .pop {width:310px;}
    .pop-parent.active {
        right:-310px;
    }
}

@media screen and (max-width:768px) {
    .pop-parent { top: 50%; right: unset; left: 50%; transform: translate(-50%, -50%); }
    .pop-parent .pop-btns { transform: translateY(100%); top: unset; bottom: 0; left: 0; width: 100%; justify-content: space-between; }
    .pop-parent .pop .btn-toggle { display: none; }
    .pop-parent .pop .btn-close { display: block; }
}

/* 공통 컴포넌트 ====================== */

/* [ 버튼 ] */
.default-btn { display: flex; justify-content: center; align-items: center; width: 100%;}
.user-btn { height: 56px;}
.btn-bk { background-color: #000; color: #fff; font-weight: bold;  }
.btn-wh { background-color: #fff; color: #373948; font-weight: bold;  border:1px solid #373948; }

/* --- [ 스위치버튼 ] */
.switch-wrap { display: flex; max-width: 88px; }
.switch-wrap .switch-icon { width: 88px; height: 40px; border-radius: 20px; background: #e4e4e4; position: relative; }
.switch-wrap .switch-core { width: 32px; height: 32px; border-radius: 50%; background: #fff; position: absolute; left: 4px; top: 4px; transition: .2s; }
.switch-wrap input:checked + .switch-icon { background: #f8e00e; }
.switch-wrap input:checked + .switch-icon .switch-core { transform: translateX(47px); background-color: #373948; }
#switchTitle { transition: color .2s; }
@media screen and (max-width:1280px) {
    .switch-wrap .switch-icon { width: 44px; height: 20px; border-radius: 10px; }
    .switch-wrap .switch-core { width: 16px; height: 16px; left: 2px; top: 2px;}
    .switch-wrap input:checked+.switch-icon .switch-core { transform: translateX(24px); }
}

/* 택스트  */
.txt-bold { font-weight: bold; }
.point-style1 { color: #ffb500 !important; font-weight: bold; }
.point-style2 { color: #ff3e3e; font-weight: bold; }
.star-mark { font-size: 17px; color: #f00; margin-left: 4px;}
.limit-time-style { color:  #ff3e3e !important; }

/*  input 스타일  */
.input-default { width: 100%; height: 52px; border: 1px solid #e4e4e4; background-color: #fff; padding: 0 16px; }
.input-default::placeholder { font-size: 17px; font-weight: 300; color: #aeaeae;}
.input-disabled { width: 100%; height: 52px; padding: 0 16px; background-color: #f5f5f5; font-size: 17px; font-weight: 300; color: #373948;  }
.textarea-default { width: 100%; border: 1px solid #e4e4e4; background-color: #fff; padding: 16px;  }
.textarea-default::placeholder { font-size: 17px; font-weight: 300; color: #aeaeae;}
@media screen and (max-width: 1280px) {
    .input-default { height: 44px; padding: 0 12px; }
    .input-default::placeholder { font-size: 14px;}
    .input-disabled { height: 44px; }
    .textarea-default { font-size: 14px; padding: 12px; }
    .textarea-default::placeholder { font-size: 14px;}
}
/* 체크박스 */
input[type="checkbox"] {  display: none; }
.checkbox-wrap { display: flex; width: 100%; }
.checked-item { display: flex; align-items: center; gap: 8px;  }
.checked-item .check-icon { width: 24px; height: 24px; border: 0.5px solid #aeaeae; display: flex;  justify-content: center; }
.checked-item .check-icon i { font-size: 16px; color: #aeaeae; font-weight: bold; margin-left: 2px; margin-top: 2px; }
.checked-item .check-title { font-size: 16px; color: #949599; font-weight: 600; }
.form-checkbox:checked + .check-icon { border: 2px solid #373948; background: #373948; }
.form-checkbox:checked + .check-icon i { color: #fff;  font-weight: bold;}
.form-checkbox:checked ~ .check-title { color:#373948; }
@media screen and (max-width: 1280px) {
    .checked-item { gap: 4px; }
    .checked-item .check-title { font-size: 13px; }
    .checked-item .check-icon { width: 16px; height: 16px; }
    .checked-item .check-icon i { font-size: 12px; margin: unset; font-weight: normal; line-height: 14px; }
    .form-checkbox:checked + .check-icon { border: 1px solid #373948; background: #373948; }
}

/* 라디오버튼 */
.radio-item input[type="radio"]:checked+.radio-title {  opacity: unset; font-weight: bold; }
.checked-item .radio-icon { border: 1px solid #373948; background: #fff; position: relative; width: 20px; height: 20px; border-radius: 50%; }
.checked-item .radio-icon::after { content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background: #373948; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.form-checkbox:checked + .radio-icon { border: 1px solid #373948; background: #fff; }
.form-checkbox:checked + .radio-icon::after { display: block; }
@media screen and (max-width: 1280px) {
    .checked-item .radio-icon { width: 16px; height:16px; }
    .checked-item .radio-icon::after { width: 8px; height: 8px; }
}

/* 셀레트 */
.form-select { width: 100%; height: 52px; padding: 0 16px; font-size: 17px; font-weight: 300; border: 1px solid #E4E4E4; }
.form-select option[value=""][disabled] { display: none; }
.form-select option { font-size: 17px; }
@media screen and (max-width: 1280px) {
    .form-select { height: 44px; padding: 0 12px; font-size: 14px; }
    .form-select option { font-size: 14px; }
}

/* [ 결과페이지 ] */
.routeBox { background-color: #373948; }
.routeBox .container { display: flex; justify-content: space-between; padding-top: 40px; padding-bottom: 24px;}
.routeBox .route-check-icon {width: 40px; height: 40px;} 
.routeBox .le-wrap { display: flex; gap: 16px;}
.routeBox .le-wrap .title { font-size: 40px; color: #fff; }
.routeBox .ri-wrap { display: flex; gap: 8px; padding-top: 27px; }
.routeBox .ri-wrap p { font-size: 18px; font-weight: 300; color: #fff; }
.routeBox .ri-wrap .route-icon { font-size: 18px; color: #fff; }
.routeBox .route-title.now { font-weight: bold; }
@media screen and (max-width: 1280px) {
    .routeBox { display: none; }
}

/* 공통 컴포넌트 ====================== */

/* 로그인 login.html [ user-section ] */
.user-section { padding-bottom: 120px; }
.user-section .user-wrap { width: 520px;  margin: 0 auto;  padding-top: 40px; }
.user-section .user-wrap .title { text-align: center; font-size: 40px; font-weight: bold; color: #373948; padding-bottom: 30px; border-bottom: 1px solid #373948; margin-bottom: 30px; }
.user-section .user-wrap .input-wrap { display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px;}
.user-section .login-btn { font-size: 17px; font-weight: bold; color: #fff; margin-bottom: 24px; }
.user-section .user-link-wrap { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.user-section .user-link-wrap .div-mark { width: 1px; height: 19px; background-color: #e4e4e4; margin: 0 15.5px; }
.user-section .user-link-wrap .find-btn { font-size: 17px; font-weight: 300; color: #949599; }
.user-section .login-sns-wrap { display: flex; flex-direction: column; gap: 16px;  padding-bottom: 40px; border-bottom: 1px solid #202020; margin-bottom: 40px; }
.user-section .user-wrap .sub { text-align: center; font-size: 18px; font-weight: 500; color: #373948; margin-bottom: 24px; }
.user-section .join-btn {  font-size: 17px; color: #000; border: 2px solid #202020; background-color: #fff; margin-bottom: 24px; }
.user-section .order-link-wrap { display: flex; gap: 80px; margin-bottom: unset;}
.user-section .nonMember-order-btn { position: relative; }
.user-section .nonMember-order-btn::before { position: absolute; top: 0; right: -35%;  content: ""; width: 1px; height: 100%; background-color: #e4e4e4; }

@media screen and (max-width: 768px) {
    .user-section { padding-bottom: 40px; padding-top: 24px; }
    .user-section .user-wrap { padding-top: unset; width: 90%; }
    .user-section .user-wrap .title { border-bottom: unset; padding-bottom: unset; margin-bottom: 45px; }
    .user-section .user-wrap .input-wrap { gap: 10px;  margin-bottom: 20px; }
    .user-section .login-btn { margin-bottom: 20px; }
    .user-section .user-link-wrap .find-btn { font-size: 14px; }
    .user-section .user-link-wrap .div-mark { margin: 0 20px; height: 12px; }
    .user-section .login-sns-wrap { gap: 10px; padding-bottom: 24px; margin-bottom: 20px; }
    .user-section .login-sns-wrap .user-btn img { object-fit: cover; height: 100%; }  /* 이미지 버튼 */
    .user-section .user-wrap .sub { font-size: 14px; margin-bottom: 20px; }
}

/* 약관동의 agree.html [ user-section ] */
.user-section .user-agree-wrap { padding-top: 80px; }
.user-section .user-agree-wrap .title { text-align: start; font-size: 24px; font-weight: bold; line-height: 1.33; margin-bottom: 16px; }
.policy-chk-wrap { flex-direction: column; gap: 0.5px; margin-bottom: 40px; }
.policy-chk-wrap .chk-item-wrap { display: flex; justify-content: space-between; align-items: center; height: 48px; padding: 0 24px 0 16px;}
.policy-chk-wrap .chk-item-wrap .checked-item { width: calc( 100% - 36px ); align-items: flex-start; }
.policy-chk-wrap .chk-item-wrap .checked-item .check-icon { transform: translateY(2px); }
.policy-chk-wrap .chk-item-wrap .checked-item .check-title { line-height: 1.5; word-break: keep-all; }
.policy-chk-wrap .all-chk-wrap { background-color: #f5f5f5; }
.policy-chk-wrap .view-title { font-size: 14px; font-weight: 500; color: #373948; padding-bottom: 0.5px; border-bottom: 1px solid #373948; }
.user-section .user-agree-wrap .agree-btn { font-size: 17px; font-weight: bold; }

/* 회원가입 signIn.html  [user-sign-wrap ] */
.user-sign-wrap .inner-wrap { display: flex; align-items: center; gap: 8px; }
.user-sign-wrap .inner-wrap.col-wrap { flex-direction: column;}
.user-sign-wrap .input-wrap:not(:last-child) { margin-bottom: 32px; }
.user-sign-wrap .input-title { font-size: 17px; font-weight: bold; color: #333333;}
.user-sign-wrap .code-btn { width: 100%; max-width: 154px; height: 52px; background-color: #373948; font-size: 17px; font-weight: bold; color: #fff; }
.user-sign-wrap input[type="date"] { max-width: 230px; display: block; width: 100%; min-width: 95%; line-height: 50px; text-align: left; font-size: 16px; }

@media screen and (max-width: 1280px) {
    .user-sign-wrap input[type="date"] { max-width: unset; line-height: 42px; font-size: 14px; }
    .user-sign-wrap .input-title { font-size: 15px; }
}

@media screen and (max-width: 768px) {
    .user-sign-wrap .inner-wrap { flex-direction: column; width: 100%; align-items: flex-start; }
    .user-sign-wrap .code-btn { max-width: unset; }
    .user-sign-wrap .input-wrap:not(:last-child) { margin-bottom: 16px; }
    .user-sign-wrap .title { display: none; }
}

/* 비밀번호 찾기 findPwd.html [user-find-wrap] */
.user-section .user-find-wrap .title { padding-bottom: unset; border: unset;  margin-bottom: unset; }
.user-section .user-find-wrap .sub { text-align: center; font-size: 18px; font-weight: 300; color: #202020; padding-top: 16px; padding-bottom: 30px; border-bottom: 1px solid #373948; margin-bottom: 30px; }
@media screen and (max-width: 768px) {
.user-section .user-find-wrap .title { display: none;}
.user-section .user-find-wrap .sub { text-align: left; font-weight: bold; font-size: 16px; padding: 0; border-bottom: 0; margin-bottom: 16px; }
}

/* 비회원 주문조회 nonMemberOrder */
.user-sign-wrap .join-link { font-size: 17px; font-weight: 300; color: #949599; text-align: center; margin-top: 24px; }

/* 결과페이지 resultOrder.html [ result-section ] */
.result-section { margin-top: 165px;  padding-bottom: 260px; }
.result-section .mb { display: none;}

@media screen and (max-width: 1280px) {
    .result-section { margin-top: unset; padding-bottom: unset; height: calc(100vh - 50px - 64px ); }
    .result-section .mb { display: block;} 
}

.result-section .result-wrap { width: 100%; margin: 0 auto;  padding-top: 120px; text-align: center; }
.result-section .result-wrap i { font-size: 48px; color: #ffb500; }
.result-section .result-title { font-size: 48px; font-weight: 500; color: #373948; margin-top: 16px; }
.result-section .result-wrap .info-wrap { display: flex; justify-content: center; align-items: center; gap: 16px; width: 100%; max-width: 463px; margin: 32px auto 0; padding: 17px 0 18px 0;  background-color: #f5f5f5; border-radius: 28px; }
.result-section .result-wrap .inner-wrap { display: flex; align-items: center; gap: 4px; }
.result-section .result-wrap .info-txt { font-size: 18px; font-weight: 300; color: #373948; }
.result-section .div-mark { font-size: 18px; color: #aeaeae; }
.result-section .btn-wrap { display: flex; justify-content: center; gap: 16px; margin-top: 40px; }
.result-section .btn-wrap .btn-default { width: 100%; max-width: 240px; padding: 22px 0; font-size: 18px; font-weight: bold; }
.result-section .btn-wrap .bg-white-btn {  background-color: #fff; color: #373948; border: 2px solid #373948; }
.result-section .btn-wrap .bg-black-btn {  background-color: #373948;; border: 2px solid #373948; color: #fff; }
.result-section .guide-title { font-size: 18px; font-weight: 300; color: #373948; margin-top: 24px; }
@media screen and (max-width: 1280px) {
    .result-section .result-wrap .info-wrap { margin: 30px auto 0; padding: 8px 0; gap: 18px; }
    .result-section .result-wrap .info-txt  { font-size: 14px; }
    .result-section .div-mark { font-size: 13px; }
    .result-section .guide-title { font-size: 14px; line-height: 1.43; }
    .result-section .order-result-wrap .btn-wrap { margin-top: 44px;  gap: 5px; }
}

/* 결과페이지 - 회원가입 resultJoin.html [ result-section ] */
.result-section .result-wrap .sub-wrap { margin-top: 32px; }
.result-section .result-wrap .sub-wrap .sub { font-size: 18px; font-weight: 300; color: #949599; line-height: 1.44; }
.result-section .result-wrap .txt-bold { color: #949599; }
.result-section .user-result-title { display: flex; flex-direction: column; }
.result-section .user-result-title i { margin-bottom: 24px; }
.result-section .user-result-title .user-name { display: contents; }
.result-section .result-wrap .reset-pwd-btn { font-size: 18px; color: #373948; text-decoration: underline; margin-top: 32px; }

@media screen and (max-width: 1280px) {
    .result-section .user-result-title .mb { display: block; }
    .result-section .result-wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; }
    .result-section .container { height: 100%; }
    .result-section .result-title { font-size: 24px; margin-top: 24px; line-height: 1.3; }
    .result-section .result-wrap i { font-size: 36px; }
    .result-section .result-wrap .result-inner-wrap { display: flex; flex-direction: column; }
    .result-section .result-wrap .reset-pwd-btn{ margin-top: 16px; font-size: 14px; }
    .result-section .btn-wrap { margin-bottom: 24px; margin-top: 32px; }
    .result-section .result-wrap .sub-wrap { margin-top: unset;}
    .result-section .btn-wrap .btn-default  { max-width: unset; padding: 16px 0;}
    .result-section .result-wrap .sub-wrap { margin-top: 16px; }
    .result-section .result-wrap .sub-wrap .sub { font-size: 14px; }
    .result-section .order-result-wrap i { font-size: 29px; }
    .result-section .order-result-wrap .result-title { margin-top: 15px; }
    .result-section .order-result-wrap .btn-default { padding: 12px 0; font-size: 18px;}
}

/* index */
.index-wrap { margin-top: 162px; }
.section { padding: 168px 0; }
.section .title-wrap { margin-bottom: 40px; gap: 40px; }
.section .title-wrap .title { font-size: 56px; font-weight: 500; }

@media screen and (max-width: 1280px) {
    .index-wrap { margin-top: 0; }
    .section { padding: 40px 0; }
    .section .title-wrap { margin-bottom: 24px; gap: 40px; }
    .section .title-wrap .title { font-size: 20px; font-weight: 500; }
}

/* 제품 */
.prod-item-list { flex-flow: wrap; gap: 48px; }
.prod-item-list-4 .prod-item { width: calc( ( 100% - 48px * 3 ) / 4 ); }
.prod-item { cursor: pointer; position: relative; }
.prod-item-num { position: absolute; left: 16px; top: 0; width: 56px; height: 56px; background: #000; color: #fff; text-align: center; line-height: 56px; font-size: 18px; font-weight: bold; z-index: 1; }
.prod-item .prod-item-img-box { margin-bottom: 24px; overflow: hidden; position: relative; }
.prod-item .prod-item-img-box .img-container { padding-top: 130%; }
.prod-item .prod-item-img-box.square .img-container { padding-top: 100%; }
.prod-item-box { gap: 12px; }
.prod-item-top-group { gap: 16px; align-items: baseline; }
.prod-item-label { font-size: 16px; font-weight: bold; color: #aeaeae; }
.prod-item-like { width: 32px; height: 32px; background-image: url(../images/icon_heart_off.svg); background-size: contain; background-position: center; position: absolute; top: 16px; right: 16px; z-index: 1; }
.prod-item-like.active { background-image: url(../images/icon_heart_on.svg); }
.prod-item-detail-list { gap: 24px; }
.prod-item-detail { font-size: 12px; font-weight: 300; color: #949599; position: relative; }
.prod-item-detail:not(:last-child)::after { content: ''; display: block; position: absolute; width: 1px; height: 10px; background: #aeaeae; top: 50%; transform: translateY(-50%); right: -12px; }
.prod-item-title { font-size: 20px; font-weight: bold; line-height: 1.25; }
.prod-item-price-group { gap: 8px; }
.prod-item-price { font-size: 20px; font-weight: bold; }
.prod-item-price-before { font-size: 20px; font-weight: 300; color: #aeaeae; text-decoration: line-through; }
.prod-item-cart-group { position: absolute; width: 100%; bottom: 0; transform: translateY(100%); transition: .3s; z-index: 1; }
.prod-item:hover .prod-item-cart-group { transform: translateY(0); }
.prod-item-cart-btn { width: 100%; height: 48px; align-items: center; justify-content: center; gap: 8px; font-size: 16px; font-weight: 300; color: #fff; background: rgba(0, 0, 0, 0.4); }
.prod-item-cart-btn:not(:last-child) { border-right: 1px solid #fff; }
.prod-item-cart-btn .icon { font-size: 24px; color: #fff; }

.prod-item-more-wrap { position: relative; }
.prod-item-more-wrap::after { content: ''; display: block; position: absolute; bottom: 0; height: 124px; width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }
.prod-item-more-wrap.hide { max-height: 1800px; overflow: hidden; }
.prod-item-more-btn { margin-top: 40px; width: 100%; height: 64px; align-items: center; justify-content: center; gap: 16px; font-size: 20px; font-weight: 300; background: #fff; border: 1px solid #202020; cursor: pointer; }

.prod-item.soldout .prod-item-img-box::after { content: 'Sold Out'; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; text-align: center; color: #fff; font-size: 40px; font-weight: 500; }
.prod-item.soldout .prod-item-img-box::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 8; }
.prod-item.soldout:hover .prod-item-cart-group { transform: translateY(100%); }

@media screen and (max-width: 1280px) {
    .prod-item-list { gap: 24px 8px; }
    .prod-item-list-4 .prod-item { width: calc( ( 100% - 8px ) / 2 ); }
    .prod-item-num { left: 8px; width: 24px; height: 24px; line-height: 24px; font-size: 12px; }
    .prod-item .prod-item-img-box { margin-bottom: 12px; }
    .prod-item .prod-item-img-box .img-container { padding-top: 100%; }
    .prod-item-box { gap: 6px; }
    .prod-item-top-group { gap: 4px 8px; flex-flow: wrap; }
    .prod-item-label { font-size: 12px; }
    .prod-item-like { width: 20px; height: 20px; top: 8px; right: 8px; }
    .prod-item-detail-list { gap: 12px; }
    .prod-item-detail { font-size: 10px; }
    .prod-item-detail:not(:last-child)::after { height: 8px; right: -6px; }
    .prod-item-title { font-size: 12px; }
    .prod-item-price-group { gap: 4px; align-items: center; }
    .prod-item-price { font-size: 14px; }
    .prod-item-price-before { font-size: 12px; }
    .prod-item-cart-group { display: none; }
    
    .prod-item-more-wrap::after { display: none; }
    .prod-item-more-wrap.hide { max-height: 1200px; }
    .prod-item-more-btn { margin-top: 24px; height: 40px; gap: 8px; font-size: 14px; }
    
    .prod-item.soldout .prod-item-img-box::after { font-size: 20px; }
}

/* index - 메인슬라이드 */
.index-slide .swiper-slide { width: 100%; height: 100vh; max-height: 760px; position: relative; z-index: 0; overflow: hidden; }
.index-slide .swiper-slide::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: -1;}
.index-slide .swiper-slide .bg-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; object-position: center; filter: blur(25px); transform: scale(1.2); z-index: -2;}
.index-slide .swiper-slide .bg-img.mb { display: none; }
.index-slide .swiper-slide .img-box { position: absolute; height: 100%; width: 31.25%; right: 16.667%; }
.index-slide .swiper-slide .img-box .img { height: 100%; object-fit: cover; object-position: center; }
.index-slide .swiper-slide .txt-box { position: absolute; top: 50%; transform: translateY(-50%); max-width: 36.25%; width: 100%; left: calc( ( 100% - 1440px ) / 2 ); gap: 24px; padding-bottom: 80px; }
.index-slide .swiper-slide .txt-box .sub-title { font-size: 17px; font-weight: 300; letter-spacing: 3.4px; line-height: 1.45; word-break: keep-all; color: #fff; }
.index-slide .swiper-slide .txt-box .title { font-size: 56px; line-height: 1.3; word-break: keep-all; color: #fff; }
.index-slide .swiper-slide .txt-box .txt { font-size: 20px; font-weight: 300; line-height: 1.5; word-break: keep-all; color: #fff; }

.index-slide .index-pagination { bottom: 120px; left: calc( ( 100% - 1440px ) / 2 ); display: flex; gap: 8px; }
.index-slide .index-pagination .swiper-pagination-bullet { width: unset; height: unset; background: none; margin: 0; font-size: 20px; font-weight: 300; opacity: 0.4; position: relative; color: #fff; }
.index-slide .index-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 0; height: 2px; background: #fff; left: calc( 100% - 200px ); top: 50%; transform: translateY(-50%);}
.index-slide .index-pagination .swiper-pagination-bullet-active { opacity: 1; padding-right: 210px;}
.index-slide .index-pagination .swiper-pagination-bullet-active::after { content: ''; display: block; position: absolute; width: 200px; height: 2px; background: #fff; opacity: 0.2; right: 0; top: 50%; transform: translateY(-50%); }
.index-slide .index-pagination .swiper-pagination-bullet-active::before { animation: pagi_ani 6.5s ease; }

@keyframes pagi_ani {
    0% { width: 0; }
    100% { width: 200px; }
}

@media screen and (max-width: 1440px) {
    .index-slide .swiper-slide .txt-box { left: 24px; }
}
@media screen and (max-width: 1280px) {
    .index-slide .swiper-slide { max-height: 480px; }
    .index-slide .swiper-slide::after { display: none; }
    .index-slide .swiper-slide .bg-img { display: none;}
    .index-slide .swiper-slide .img-box { position: static; height: 100%; width: 100%; }
    .index-slide .swiper-slide .txt-box { position: absolute; top: unset; bottom: 0; transform: none; max-width: calc( 100% - 48px ); gap: 16px; padding-bottom: 48px; }
    .index-slide .swiper-slide .txt-box .sub-title { font-size: 12px; letter-spacing: 2px; }
    .index-slide .swiper-slide .txt-box .title { font-size: 24px; }
    .index-slide .swiper-slide .txt-box .txt { font-size: 14px; }

    .index-slide .index-pagination { top: unset; left: 50%; transform: translateX(-50%); bottom: 16px; justify-content: center; }
    .index-slide .index-pagination .swiper-pagination-bullet { font-size: 10px; }
    .index-slide .index-pagination .swiper-pagination-bullet::before { left: calc( 100% - 120px );}
    .index-slide .index-pagination .swiper-pagination-bullet-active { padding-right: 130px;}
    .index-slide .index-pagination .swiper-pagination-bullet-active::after { width: 120px; }

    @keyframes pagi_ani {
        0% { width: 0; }
        100% { width: 120px; }
    }
}

/* index - today best */
.index-best .title-wrap { padding-left: calc( ( 100% - 1440px ) / 2 ); }
.index-best .title-wrap .btn-wrap { gap: 8px; align-items: flex-end; }
.best-prev-btn, .best-next-btn { width: 48px; height: 48px; background: #f5f5f5; text-align: center; line-height: 48px; font-size: 30px; cursor: pointer; }
.best-slide { padding-left: calc( ( 100% - 1440px ) / 2 ); }
.best-slide .swiper-slide:first-child .prod-item-num { background: #f8e00e; color: #202020; }

@media screen and (max-width: 1440px) {
    .index-best .title-wrap { padding-left: 24px; }
    .best-slide { padding-left: 24px; }
}
@media screen and (max-width: 1280px) {
    .index-best .title-wrap .btn-wrap { display: none; }
}

.index-specail-event img.pc { display: block; }
.index-specail-event img.mb { display: none; }
@media screen and (max-width: 1280px) {
    .index-specail-event img.pc { display: none; }
    .index-specail-event img.mb { display: block; }
}

/* index - New Arrival */
.newarrival-slide-wrap { padding: 0 calc( ( 100% - 1440px ) / 2 ); position: relative; }
.newarrival-slide { overflow: hidden; }
.newarrival-slide-btn { display: block; font-size: 48px; color: #aeaeae; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.newarrival-prev-btn { left: calc( ( ( 100% - 1440px ) / 2 ) - 72px ); }
.newarrival-next-btn { right: calc( ( ( 100% - 1440px ) / 2 ) - 72px ); }

@media screen and (max-width: 1440px) {
    .newarrival-slide-wrap { padding: 0; }
    .newarrival-slide { padding: 0 24px; }
    .newarrival-prev-btn { display: none; }
    .newarrival-next-btn { display: none; }
}

/* index - recommended */
.index-recommended { padding: 120px 0; background: #f0ece9; }
.recommended-slide-wrap { padding: 0 calc( ( 100% - 1440px ) / 2 ); position: relative; }
.recommended-slide { overflow: hidden; }
.recommended-slide-btn { display: block; font-size: 48px; color: #aeaeae; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.recommended-prev-btn { left: calc( ( ( 100% - 1440px ) / 2 ) - 72px ); }
.recommended-next-btn { right: calc( ( ( 100% - 1440px ) / 2 ) - 72px ); }

@media screen and (max-width: 1440px) {
    .recommended-slide-wrap { padding: 0; }
    .recommended-slide { padding: 0 24px; }
    .recommended-prev-btn { display: none; }
    .recommended-next-btn { display: none; }
}
@media screen and (max-width: 1280px) {
    .index-recommended { padding: 40px 0; }
}

/* index - instagrem */
.index-instagram { padding: 0; }
.index-instagram .title-wrap { align-items: flex-end; }
.index-instagram .insta-tag { height: 48px; border: 1px solid #202020; background: #fff; padding: 0 16px; width: fit-content; line-height: 46px; }
.insta-slide .img-container { padding-top: 100%; }
.insta-slide .hover-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: .3s; }
.insta-slide .hover-box .icon { position: absolute; font-size: 80px; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.insta-slide .swiper-slide:hover .hover-box { opacity: 1; }

@media screen and (max-width: 1280px) {
    .index-instagram .insta-tag { display: none; }
    .insta-slide .hover-box { display: none; }
}

/*/////// subpage /////////*/
.subpage { margin-top: 162px; min-height: calc( 100vh - 162px - 324px ); }
@media screen and (max-width: 1280px) {
    .subpage { margin-top: 50px; min-height: calc(100vh - 50px - 64px); }
}

/* sub01 - best */
.best-top { background: #f0ece9; padding: 80px 0; }
.best-top .title-wrap .title { text-align: center; }
.best-top .prod-item:first-child .prod-item-num { background: #f8e00e; color: #202020; }

@media screen and (max-width: 1280px) {
    .best-top { padding: 74px 0 40px; }
}

/* sub0200 - 상품 목록 */
.product-container { padding: 80px 40px 120px 80px; gap: 64px; align-items: flex-start; position: relative; justify-content: space-between; }
.product-wrap { width: calc( 100% - 240px - 64px ); }
.product-top-wrap { justify-content: space-between; margin-bottom: 40px; align-items: flex-end; }
.product-title-wrap { gap: 8px; align-items: flex-end; }
.product-title { font-size: 40px; font-weight: 500; }
.product-amount { font-size: 17px; font-weight: 300; }
.product-tab-wrap { position: relative; }
.product-tab-list { gap: 16px; }
.product-tab-default { display: none; }
.product-tab { font-size: 14px; font-weight: 300; opacity: 0.5; cursor: pointer; }
.product-tab.active { opacity: 1; font-weight: bold; }
.product-tab-wrap .icon { position: absolute; bottom: 0; left: -20px; }
.product-wrap .prod-item-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width: 1280px) {
    .product-container { padding: 74px 24px 40px; gap: 0; }
    .product-wrap { width: 100%; }
    .product-top-wrap { margin-bottom: 8px; align-items: center; }
    .product-title-wrap { gap: 4px; }
    .product-title { font-size: 18px; }
    .product-amount { font-size: 12px; }
    .product-tab-wrap { position: relative; }
    .product-tab-wrap .product-tab-list { flex-flow: column; position: absolute; gap: 12px; background: #fff; z-index: 9; padding: 8px; border-radius: 4px; display: none; }
    .product-tab-wrap.active .product-tab-list { display: flex; }
    .product-tab-default { display: flex; gap: 4px; font-size: 14px; font-weight: 500; padding: 8px; }
    .product-tab-wrap.active .product-tab-default i { transform: rotate(180deg); }
    .product-tab-wrap .icon { display: none; }
    .product-tab-list { gap: 8px; }
}

/* 상품 필터 */
.prod-filter { position: sticky; top: 144px; width: 240px; }
.prod-filter-title-wrap { justify-content: space-between; align-items: center; padding: 16px 0; border-top: 1px solid #202020; cursor: pointer; }
.prod-filter-title-wrap .icon { position: relative; width: 20px; height: 20px; }
.prod-filter-title-wrap .icon span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 20px; height: 1px; background: #202020; transition: .2s; }
.prod-filter-title { font-size: 24px; font-weight: bold; text-transform: uppercase; }
.prod-filter-list { gap: 16px; padding: 8px 0 40px; overflow: hidden; transition: .3s; }
.prod-filter-list.col-group { flex-flow: wrap; gap: 8px; padding-bottom: 16px; }
.prod-filter-item { gap: 8px; opacity: .5; align-items: center; }
.prod-filter-item .icon { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #202020; position: relative; }
.prod-filter-item .icon::after { content: ''; display: block; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #202020; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.prod-filter-item .txt { font-size: 17px; font-weight: 500; }
.prod-filter-input:checked ~ .prod-filter-item { opacity: 1; }
.prod-filter-input:checked ~ .prod-filter-item .icon::after { display: block; }
.prod-filter-price { height: 36px; border: 1px solid #202020; padding: 0 12px; width: fit-content; background: #fff; font-size: 17px; font-weight: 500; opacity: .5; line-height: 34px; }
.prod-filter-input:checked ~ .prod-filter-price { opacity: 1; background: #202020; color: #fff; }
.prod-filter-price-item { align-items: center; }
.prod-filter-price-item .item-default { font-size: 17px; font-weight: 500; margin-right: 8px; white-space: nowrap;}
.prod-filter-price-input-wrap { width: 100%; position: relative; }
.prod-filter-price-input { width: 100%; height: 44px; border: 1px solid #f0ece9; padding-right: 32px; text-align: right; font-size: 17px; font-weight: 500; }
.prod-filter-price-input::placeholder { color: #949599; }
.prod-filter-price-input-wrap .sticker-txt { font-size: 17px; font-weight: bold; color: #949599; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
.prod-filter-price-btn { width: 44px; height: 44px; border: 1px solid #f0ece9; border-left: 0; background: #f5f5f5; font-size: 18px; }
.prod-filter-clear-btn { width: 100%; height: 56px; border: 2px solid #202020; background: #fff; font-size: 17px; font-weight: bold; }
.prod-filter-search-btn { width: 100%; height: 56px; border: 2px solid #202020; background: #202020; color:#fff; font-size: 17px; font-weight: bold; }
.prod-filter-wrap.hide .prod-filter-title-wrap .icon span:last-child { transform: translate(-50%, -50%) rotate(90deg); }
.prod-filter-wrap.hide .prod-filter-list { height: 0; padding: 0; }
.prod-filter .btns.pc {
    flex-wrap:wrap;
    padding:0;
}
.prod-filter .btns.pc .btn-wrap {
    width: 100%;
    flex:auto; padding:4px 0;
}
.prod-filter .btns {
    display: flex; width: 100%;
    padding:0 12px;
}
.prod-filter .btn-wrap {
    flex:1; padding:4px;
}
.prod-filter .btn-wrap > button {
    width: 100%;
}

.mb-prod-filter { display: none; }

@media screen and (max-width: 1280px) {
    .prod-filter { position: fixed; top: 50px; left: 0; width: 100%; background: #fff; z-index: 99999; display: flex; flex-flow: wrap; overflow: auto; height: 0; visibility: hidden; transition: .3s;}
    .prod-filter::-webkit-scrollbar { display: none; }
    .prod-filter.active { height: calc( 100vh - 50px - 64px ); visibility: visible; }
    .prod-filter-title-wrap { padding: 16px 16px 8px; background: #fff; border-top: 0; border-bottom: 1px solid #f5f5f5; }
    .prod-filter-title-wrap .icon { display: none; }
    .prod-filter-wrap.half { width: 50%; border-right: 1px solid #f5f5f5;; }
    .prod-filter-title { font-size: 14px; }
    .prod-filter-list { gap: 0; padding: 0; max-height: 220px; overflow-y: auto }
    .prod-filter-list.col-group { gap: 4px; padding: 0 16px 16px; }
    .prod-filter-item { height: 40px; padding: 0 16px; gap: 0; background: #fff; border-bottom: 1px solid #f5f5f5; }
    .prod-filter-sub-wrap .prod-filter-item { background: #f5f5f5; }
    .prod-filter-item .icon { display: none; }
    .prod-filter-item .txt { font-size: 14px; }
    .prod-filter-input:checked ~ .prod-filter-item { background: #f8e00e; }
    .prod-filter-sub-wrap .prod-filter-input:checked ~ .prod-filter-item { background: #e4e4e4; }
    .prod-filter-price { font-size: 14px; }
    .prod-filter-price-item { padding: 0 16px; margin-bottom: 8px; }
    .prod-filter-price-item .item-default { font-size: 14px; white-space: nowrap;}
    /*.prod-filter-price-input-wrap { width: calc( 100% - 34px - 40px ); }*/
    .prod-filter-price-input-wrap { width: 100%;}
    .prod-filter-price-input { height: 40px; font-size: 14px; }
    .prod-filter-price-input-wrap .sticker-txt { font-size: 14px; right: 8px; }
    .prod-filter-price-btn { width: 40px; height: 40px; font-size: 16px; }
    .prod-filter-clear-btn { height: 48px; width: calc( 100% - 48px ); margin: 0 auto; }
    .prod-filter-search-btn { height: 48px; width: calc( 100% - 48px ); margin: 0 auto; }

    .mb-prod-filter { display: flex; height: calc( 100vh - 50px - 64px ); transform: translateX(-100%); }
    .mb-prod-filter.active { transform: translateX(0%); }
}

/* sub02-01-01 상품상세 */
.product-detail { padding: 80px 0 120px; }
.product-detail-top-wrap { gap: 120px; flex-flow: wrap; }
.product-detail-slide-group { width: calc( 50% - 60px ); gap: 16px; align-items: flex-start; }
.product-detail-slide-group .img-container { padding-top: 100%; }
.prod-img-slide { width: calc( 100% - 80px - 16px ); }
.prod-img-pagination { width: fit-content; left: unset; right: 24px; bottom: 16px; }
.prod-thumb-slide { width: 80px; }
.prod-thumb-slide .swiper-slide { height: 80px; }
.product-detail-txt-group { width: calc( 50% - 60px ); }

@media screen and (max-width: 1280px) {
    .product-detail { padding: 0; padding-bottom: 64px; }
    .product-detail .container { padding: 0; }
    .product-detail-top-wrap { padding: 0 24px; gap: 12px; flex-flow: wrap; }
    .product-detail-slide-group { width: 100%; gap: 8px; flex-flow: wrap; }
    .prod-img-slide { width: 100%; }
    .prod-img-pagination { font-size: 14px; right: 8px; bottom: 8px; }
    .prod-thumb-slide { width: 100%; }
    .prod-thumb-slide .swiper-slide { height: auto; }
    .product-detail-txt-group { width: 100%; }
}

/* 상품상세 - 상단 제품 구매 섹션 */
.prod-detail-code-group { justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
.prod-item-btn-group { gap: 16px; }
.prod-item-btn-group .prod-item-like { position: static; }
.prod-detail-top-group { display: flex; flex-flow: column; gap: 16px; padding-bottom: 24px; }
.product-detail-txt-group .prod-item-label { font-size: 24px; font-weight: 500; color: #202020; }
.product-detail-txt-group .prod-item-title { font-size: 24px; font-weight: bold; }
.product-detail-txt-group .prod-item-price-wrap { justify-content: space-between; align-items: center; }
.product-detail-txt-group .prod-item-price-group { align-items: center; }
.product-detail-txt-group .prod-item-sale-percent { font-size: 32px; font-weight: 300; color: #df1818 }
.product-detail-txt-group .prod-item-price { padding: 0 8px; font-size: 32px; font-weight: 300; }
.product-detail-txt-group .prod-item-price-info { width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 1px solid #aeaeae; text-align: center; line-height: 18px; color: #aeaeae; font-size: 12px; }
.product-detail-txt-group .prod-item-detail { font-size: 14px; }
.prod-item-coupon { width: 102px; height: 32px; background: #202020; color: #fff; font-size: 14px; font-weight: 300; }
.prod-item-coupon i { color: #fff; }

.prod-detail-wrap { border-top: 1px solid #aeaeae; position: relative; }
.prod-detail-group { padding: 24px 0; border-bottom: 1px solid #aeaeae; gap: 16px; }
.prod-detail-item { align-items: baseline; }
.prod-detail-item .item-default { width: 96px; font-size: 17px; font-weight: 600; }
.prod-detail-item .item-user { width: calc( 100% - 96px ); }
.prod-detail-item .item-user-txt { font-size: 17px; font-weight: 300; line-height: 1.4; }
.prod-detail-item .item-user-sub-txt { display: block; font-size: 14px; font-weight: 300; color: #aeaeae; line-height: 1.4; }
.prod-detail-select { width: 100%; height: 52px; border: 1px solid #d8d8d8; padding: 0 16px; font-size: 16px; font-weight: 300; }

.sale-detail-wrap { position: absolute; top: -48px; background-color: #fff; max-width: 480px; width: 100%; right: 0; padding: 24px; border-radius: 4px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #e4e4e4; display: none; }
.sale-detail-wrap .close-btn { position: absolute; font-size: 24px; top: 16px; right: 16px; cursor: pointer; }
.sale-detail-wrap .prod-detail-item .item-default { width: 100%; padding-bottom: 16px; border-bottom: 1px solid #e4e4e4; font-weight: bold; font-size: 18px; margin-bottom: 16px; }
.sale-detail-wrap .item-user-wrap { gap: 12px; }
.sale-detail-wrap .prod-detail-item .item-user { width: 100%; justify-content: space-between; }
.sale-detail-wrap .prod-detail-item .item-user.total { padding-top: 16px; border-top: 1px solid #202020; }
.sale-detail-wrap .prod-detail-item .item-user.total * { font-weight: bold; }

.prod-option-list { border-bottom: 1px solid #202020; }
.prod-option-item { padding: 24px 0; gap: 24px; position: relative; }
.prod-option-item .del-btn { cursor: pointer; position: absolute; top: 24px; right: 0; font-size: 16px; color: #aeaeae; }
.prod-option-title { max-width: calc( 100% - 24px ); font-size: 17px; font-weight: bold; line-height: 1.25; }
.prod-option-group { justify-content: space-between; align-items: flex-end; }
.prod-option-amount-btn { width: 40px; height: 40px; background: #fcfcfc; border: 1px solid #e4e4e4; text-align: center; }
.prod-option-amount-btn i { line-height: 38px; font-size: 16px; }
.prod-option-amount-count { display: block; width: 80px; height: 40px; border: 1px solid #e4e4e4; border-right: 0; border-left: 0; line-height: 38px; text-align: center; }
.prod-option-price { font-size: 24px; font-weight: 300; }

.prod-total-price-wrap { margin-top: 32px; justify-content: space-between; }
.prod-total-price-txt { font-size: 16px; font-weight: 600; }
.prod-total-price-group { gap: 32px; align-items: center; }
.prod-total-amount { font-size: 16px; font-weight: 300; color: #707070; }
.prod-total-price { font-size: 32px; color: #ff3e3e; font-weight: 300; }
.prod-total-price strong { color: #ff3e3e; }

.prod-detail-btn-group { margin-top: 32px; gap: 16px; }
.prod-detail-btn { width: calc( 50% - 8px ); height: 64px; font-size: 18px; font-weight: bold; text-align: center; line-height: 60px; }
.prod-detail-btn.cart-btn { background: #fff; border: 2px solid #202020; color: #202020;}
.prod-detail-btn.buy-btn { background: #373948; border: 2px solid #373948; color: #fff; }

@media screen and (max-width: 1280px) {
    .prod-detail-code-group { align-items: flex-end; margin-bottom: 12px; }
    .prod-item-code { font-size: 12px; }
    .prod-item-btn-group { gap: 8px; }
    .prod-detail-top-group { gap: 8px; padding-bottom: 16px; }
    .product-detail-txt-group .prod-item-price-wrap { align-items: flex-end; }
    .product-detail-txt-group .prod-item-price-group { flex-flow: wrap; }
    .product-detail-txt-group .prod-item-label { font-size: 14px; }
    .product-detail-txt-group .prod-item-title { font-size: 16px; }
    .product-detail-txt-group .prod-item-sale-percent { font-size: 22px; order: 2; }
    .product-detail-txt-group .prod-item-price { padding: 0; font-size: 22px; order: 3; }
    .product-detail-txt-group .prod-item-price-before { order: 1; width: 100%; }
    .product-detail-txt-group .prod-item-price-info { display: none; }
    .product-detail-txt-group .prod-item-detail { font-size: 12px; }
    
    .prod-detail-group { padding: 16px 0; }
    .prod-detail-item { flex-flow: wrap; gap: 8px; }
    .prod-detail-item .item-default { width: 100%; font-size: 15px; }
    .prod-detail-item .item-user { width: 100%; }
    .prod-detail-item .item-user-txt { font-size: 14px; }
    .prod-detail-item .item-user-sub-txt { font-size: 12px; }
    .prod-detail-select { height: 40px; padding: 0 8px; font-size: 14px; }

    .sale-detail-wrap { position: static; max-width: unset; padding: 16px 0; border-radius: 0; box-shadow: none; border: 0; display: block; border-bottom: 1px solid #aeaeae; }
    .sale-detail-wrap .close-btn { display: none; }
    .sale-detail-wrap .prod-detail-item .item-default { padding-bottom: 8px; border-bottom: 0; font-size: 15px; margin-bottom: 0; }
    .sale-detail-wrap .item-user-wrap { gap: 8px; }
    .sale-detail-wrap .prod-detail-item .item-user.total * { font-size: 15px; }
    .sale-detail-wrap .prod-detail-item .item-user .item-title { font-size: 14px; }
    .sale-detail-wrap .prod-detail-item .item-user .item-txt { font-size: 14px; }
    
    .product-detail-top-wrap .prod-detail-group.pc { display: none; }
    .product-detail-top-wrap .prod-option-list { display: none; }
    .product-detail-top-wrap .prod-total-price-wrap { display: none; }
    .product-detail-top-wrap .prod-detail-btn-group { display: none; }
}

/* 상품상세 - 추천상품 */
.product-detail-recomended { padding: 40px 0; }
.product-detail-title-wrap { padding-bottom: 24px; border-bottom: 1px solid #aeaeae; margin-bottom: 40px; }
.product-detail-title { font-size: 32px; font-weight: 500; }

@media screen and (max-width: 1280px) {
    .product-detail-recomended { padding: 40px 24px; }
    .product-detail-title-wrap { padding-bottom: 0; border-bottom: 0; margin-bottom: 12px; }
    .product-detail-title { font-size: 18px; }
}

/* 상품상세 - 상세컨텐츠 */
.product-detail-container { padding-top: 40px; gap: 48px; align-items: flex-start; }
.product-detail-wrap { width: calc( 100% - 360px - 48px ); }
.prod-detail-tab-list { border-bottom: 2px solid #e4e4e4; position: sticky; top: 64px; background: #fff; z-index: 9; }
.prod-detail-tab { width: 100%; text-align: center; height: 56px; justify-content: center; font-size: 20px; font-weight: 600; position: relative; cursor: pointer; }
.prod-detail-tab.active::after { content: ''; display: block; width: 100%; height: 2px; background: #202020; position: absolute; bottom: -2px; }

@media screen and (max-width: 1280px) {
    .product-detail-container { padding-top: 0; gap: 0; }
    .product-detail-wrap { width: 100%; }
    .prod-detail-tab-list { border-bottom: 1px solid #e4e4e4; top: 50px; }
    .prod-detail-tab { height: 40px; font-size: 14px; }
    .prod-detail-tab.active::after { height: 1px; bottom: -1px; }
}

/* 상품상세 - 상세컨텐츠 - 스티키박스 */
.prod-detail-sticky-container { width: 360px; position: sticky; top: 120px; }
.prod-detail-sticky-wrap { width: 100%; }
.prod-detail-sticky-wrap .prod-detail-top-box { gap: 12px; }
.prod-detail-sticky-wrap .prod-detail-img { width: 80px; height: 80px; overflow: hidden; }
.prod-detail-sticky-wrap .prod-detail-img img { height: 100%; object-fit: cover; object-position: center; }
.prod-detail-sticky-wrap .prod-detail-top-group { width: calc( 100% - 80px - 12px ); gap: 12px; }
.prod-detail-sticky-wrap .prod-detail-top-group .prod-item-label { font-size: 12px; }
.prod-detail-sticky-wrap .prod-detail-top-group .prod-item-title { font-size: 16px; }
.prod-detail-sticky-wrap .prod-item-price-wrap { flex-flow: wrap; gap: 16px 0; }
.prod-detail-sticky-wrap .prod-item-sale-percent { font-size: 16px; }
.prod-detail-sticky-wrap .prod-item-price { font-size: 20px; padding: 0; }
.prod-detail-sticky-wrap .prod-item-price-before { font-size: 16px; }
.prod-detail-sticky-wrap .prod-item-coupon { width: 80px; height: 24px; font-size: 12px; }
.prod-detail-sticky-wrap .prod-detail-group { padding: 16px 0; gap: 16px; }
.prod-detail-sticky-wrap .prod-detail-item { flex-flow: wrap; gap: 8px; }
.prod-detail-sticky-wrap .prod-detail-item .item-default { width: 100%; font-size: 14px; }
.prod-detail-sticky-wrap .prod-detail-item .item-user { width: 100%; }
.prod-detail-sticky-wrap .prod-detail-select { height: 40px; font-size: 14px; padding: 0 12px; }
.prod-detail-sticky-wrap .prod-option-item { padding: 16px 0; gap: 16px; }
.prod-detail-sticky-wrap .prod-option-title { font-size: 16px; }
.prod-detail-sticky-wrap .prod-option-item .del-btn { top: 16px; }
.prod-detail-sticky-wrap .prod-option-amount-btn { width: 32px; height: 32px; }
.prod-detail-sticky-wrap .prod-option-amount-btn i { line-height: 30px; }
.prod-detail-sticky-wrap .prod-option-amount-count { width: 64px; height: 32px; line-height: 30px; }
.prod-detail-sticky-wrap .prod-option-price { font-size: 20px; }
.prod-detail-sticky-wrap .prod-total-price-wrap { margin-top: 16px; }
.prod-detail-sticky-wrap .prod-total-price-txt { font-size: 14px; }
.prod-detail-sticky-wrap .prod-total-price { font-size: 24px; }
.prod-detail-sticky-wrap .prod-detail-btn-group { gap: 8px; }
.prod-detail-sticky-wrap .prod-detail-btn { width: calc( 50% - 4px ); height: 48px; font-size: 14px; line-height: 44px; }
.prod-detail-sticky-wrap .hide-btn { display: none; }

.prod-detail-btn-group.mb { display: none; }

@media screen and (max-width: 1280px) {
    .prod-detail-sticky-container { width: 100%; height: 100vh; position: fixed; top: unset; bottom: 0;  z-index: 999999; background: rgba(0, 0, 0, 0.5); transition: .1s; opacity: 0; visibility: hidden; }
    .prod-detail-sticky-container.active { opacity: 1; visibility: visible; }
    .prod-detail-sticky-wrap { position: absolute; bottom: 0; background: #fff; padding: 0 16px; padding-top: 32px; padding-bottom: 80px; transform: translateY(100%); transition: .4s; transition-delay: .2s; }
    .prod-detail-sticky-container.active .prod-detail-sticky-wrap { transform: translateY(0); }
    .prod-detail-sticky-wrap .prod-detail-wrap { border-top: 0; }
    .prod-detail-sticky-wrap .prod-detail-top-box { display: none; }
    .prod-detail-sticky-wrap .prod-detail-group.pc { display: none; }
    .prod-detail-sticky-wrap .prod-option-list { max-height: 240px; overflow-y: auto; }
    .prod-detail-sticky-wrap .prod-option-list::-webkit-scrollbar { display: none; }
    .prod-detail-sticky-wrap .prod-option-title { font-size: 14px; }
    .prod-detail-sticky-wrap .prod-option-price { font-size: 18px; }
    .prod-detail-sticky-wrap .prod-total-price-wrap { margin-top: 16px; }
    .prod-detail-sticky-wrap .prod-total-price-txt { font-size: 14px; }
    .prod-detail-sticky-wrap .prod-total-price { font-size: 20px; }
    .prod-detail-sticky-wrap .prod-detail-btn-group { gap: 8px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 16px; background: #fff; align-items: center; }
    .prod-detail-sticky-wrap .hide-btn { display: block; width: 100%; height: 32px; position: absolute; top: 0; left: 0; }
    .prod-detail-sticky-wrap .hide-btn::after { content: ''; display: block; position: absolute; width: 40px; height: 4px; border-radius: 2px; background: #e4e4e4; left: 50%; top: 4px; transform: translateX(-50%); }

    .prod-detail-btn-group.mb { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px 16px; background: #fff; align-items: center; z-index: 99999; margin-top: 0; }
    .prod-detail-btn-group.mb .prod-detail-btn { width: calc( 100% - 8px - 32px ); height: 48px; font-size: 14px; line-height: 44px; }
    .prod-detail-btn-group.mb .prod-item-like { width: 32px; height: 32px; display: block; position: static; }
}

/* 상품상세 - 상세컨텐츠 */
.prod-detail-con { display: none; }
.prod-detail-con.active { display: block; }
.prod-detail-con .couponContent .cp-top-wrap {
    max-width:100%;
}
@media screen and (max-width: 1280px) {
    .prod-detail-con { padding: 0 24px; }
}

/* 상품상세 - 상세컨텐츠 - 후기 */
.review-preveiw-wrap { padding-top: 40px; }
.review-preview-title { font-size: 24px; font-weight: bold; margin-bottom: 16px; }
.review-preview-list { flex-flow: wrap; gap: 8px; }
.review-preview-item { width: calc( ( 100% - 8px * 5 ) / 6 ); border: 1px solid #e4e4e4; cursor: pointer; }
.review-preview-item .img-container { padding-top: 100%; }
.review-preview-more { width: 100%; height: 100%; background: #f5f5f5; text-align: center; justify-content: center; gap: 12px; font-size: 17px; font-weight: 300; }
.review-preview-more .icon { display: block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; border: 1px solid #e4e4e4; background: #fff; font-size: 18px; margin: 0 auto; }

.review-wrap { padding-top: 40px; }
.review-wrap .product-tab-list { padding-bottom: 16px; border-bottom: 1px solid #202020; }
.review-item { padding: 16px 0; border-bottom: 1px solid #e4e4e4; gap: 16px; }
.review-item .img-wrap { width: calc( ( 100% - 8px * 5 ) / 6 ); }
.review-item .img-wrap .img-container { padding-top: 100%; }
.review-item .txt-wrap { gap: 16px; }
.review-item.photo .txt-wrap { width: calc( 100% - ( ( 100% - 8px * 5 ) / 6  ) - 16px ); }
.review-item .txt-group { gap: 24px; }
.review-item .txt-group> * { position: relative; }
.review-item .txt-group> *:not(:last-of-type)::after { content: ''; display: block; position: absolute; width: 1px; height: 16px; background: #e4e4e4; right: -12px; top: 50%; transform: translateY(-50%); }
.review-item .name { font-size: 17px; font-weight: bold; line-height: 1.25; }
.review-item .date { font-size: 17px; font-weight: 300; line-height: 1.25; }
.review-txt, .review-txt * { font-size: 17px; font-weight: 300; line-height: 1.5; white-space: pre-line; }

@media screen and (max-width: 1280px) {
    .review-preveiw-wrap { padding-top: 24px; }
    .review-preview-title { font-size: 16px; margin-bottom: 8px; }
    .review-preview-list { gap: 4px; }
    .review-preview-item { width: calc( ( 100% - 4px * 2 ) / 3 ); }
    .review-preview-more { font-size: 12px; }
    .review-preview-more .icon { width: 32px; height: 32px; line-height: 30px; font-size: 14px; }
    
    .review-wrap { padding-top: 40px; }
    .review-wrap .product-tab-list { padding-bottom: 8px; }
    .review-item { flex-flow: column-reverse; }
    .review-item .img-wrap { width: 200px; }
    .review-item .txt-wrap { gap: 8px; }
    .review-item.photo .txt-wrap { width: auto; }
    .review-item .txt-group { justify-content: space-between; }
    .review-item .txt-group> *:not(:last-of-type)::after { display: none; }
    .review-item .name { font-size: 15px; }
    .review-item .date { font-size: 15px; }
    .review-txt, .review-txt * { font-size: 15px; }
}

/* 상품상세 - 상세컨텐츠 - 배송/반품/교환안내 */
.prod-guide-wrap { padding-top: 40px; gap: 40px; }
.prod-guide-title-wrap { padding-bottom: 16px; border-bottom: 1px solid #202020; }
.prod-guide-title { font-size: 24px; padding-left: 12px; position: relative; }
.prod-guide-title::after { content: ''; display: block; width: 4px; height: 28px; background: #f8e00e; position: absolute; left: 0; top: -2px; }
.prod-guide-detail-item { padding: 16px 0; border-bottom: 1px solid #e4e4e4; }
.prod-guide-detail-item .item-default { padding-right: 24px; width: 196px; font-size: 17px; font-weight: bold; line-height: 1.5; word-break: keep-all; }
.prod-guide-detail-item .item-user {
    width: calc( 100% - 196px );
    font-size: 17px; font-weight: 300; line-height: 1.5; word-break: keep-all; white-space: pre-line;
}

@media screen and (max-width: 1280px) {
    .prod-guide-wrap { padding-top: 24px; }
    .prod-guide-title { font-size: 16px; }
    .prod-guide-title::after { width: 4px; height: 18px; }
    .prod-guide-detail-wrap { gap: 16px; padding: 16px 0; }
    .prod-guide-detail-item { flex-flow: wrap; padding: 0; border-bottom: 0; }
    .prod-guide-detail-item .item-default { padding-right: 0; width: 100%; font-size: 14px; }
    .prod-guide-detail-item .item-user { width: 100%; font-size: 14px; }
}

/* 모달 */
.modal-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999999; }
.modal-wrap { padding: 40px 24px 24px; width: 100%; max-width: 768px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; }
.modal-wrap.w400 { max-width: 400px; }
.modal-title-wrap { gap: 16px; position: relative; align-items: baseline; margin-bottom: 24px; }
.modal-title-wrap.border { padding-bottom: 24px; border-bottom: 1px solid #202020; }
.modal-title-wrap.center { justify-content: center; text-align: center; }
.modal-wrap> .close-btn { font-size: 32px; color: #707070; position: absolute; right: 8px; top: 8px; cursor: pointer; }
.modal-title { font-size: 24px; }
.modal-sub-title { font-size: 17px; font-weight: 500; color: #ffb500; }
.modal-con-wrap { max-height: 480px; overflow-y: auto; }
.modal-btn-wrap { gap: 8px; padding-top: 24px; justify-content: center; }
.modal-btn { width: 100%; max-width: 200px; height: 64px; text-align: center; border: 2px solid #202020; background: #fff; line-height: 60px; font-size: 18px; font-weight: bold; }
.modal-btn.submit-btn { background: #373948; border: 2px solid #373948; color: #fff; }

/* 231220 */
.modal-tab-list { border-bottom: 2px solid #e4e4e4; position: sticky; top: 0; z-index: 1; background: #fff; }
/* //231220 */

.modal-tab { width: 100%; text-align: center; height: 36px; font-size: 17px; font-weight: 600; position: relative; cursor: pointer; }
.modal-tab.active::after { content: ''; display: block; width: 100%; height: 2px; background: #202020; position: absolute; bottom: -2px; }

@media screen and (max-width: 1280px) {
    .modal-container { background: none; }
    .modal-wrap { padding: 0; height: 100%; position: relative; max-width: unset; }
    .modal-wrap.w400 { max-width: unset; }
    .modal-title-wrap { padding: 16px 0; margin-bottom: 0; border-bottom: 1px solid #707070; justify-content: center; text-align: center; }
    .modal-title-wrap.border { padding-bottom: 16px; border-bottom: 1px solid #707070; }
    .modal-wrap> .close-btn { font-size: 20px; right: 16px; top: 14px; z-index: 1; }
    .modal-title { font-size: 15px; }
    .modal-sub-title { font-size: 15px; }
    .modal-con-wrap { max-height: calc( 100vh - 136px ); padding: 16px; }
    .modal-btn-wrap { gap: 8px; padding-top: 24px; justify-content: center; width: calc( 100% - 32px ); position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); }
    .modal-btn { height: 48px; border: 1px solid #202020; line-height: 46px; font-size: 14px; }
    .modal-btn.submit-btn { border: 1px solid #373948; }
    
    .modal-tab-list { border-bottom: 1px solid #e4e4e4; }
    .modal-tab { font-size: 15px; justify-content: center; align-items: center; }
    .modal-tab.active::after { height: 1px; bottom: -1px; }

    .modal-wrap .modal-mb-inner { padding: 0 16px; }
    .modal-wrap .modal-mb-inner .modal-con-wrap { padding-left: 0; padding-right: 0; }
}

/* 모달 - alert */
.modal-alert .modal-title-wrap { flex-flow: column; gap: 8px; text-align: center; justify-content: center; align-items: center; }
.modal-alert .modal-title-wrap .icon { font-size: 24px; color: #ffb500; }
.modal-alert .modal-btn { height: 48px; line-height: 44px; font-size: 16px; }
.modal-alert-txt { text-align: center; font-size: 17px; font-weight: 300; line-height: 1.5; }
.modal-alert.warning .modal-title, .modal-alert.warning .modal-title-wrap .icon { color: #ff3e3e; }
@media screen and (max-width: 1280px) {
    .modal-alert { display: flex; flex-flow: column; justify-content: center; }
    .modal-alert .modal-title-wrap { border-bottom: 0; }
    .modal-alert .modal-title-wrap .icon { font-size: 36px }
    .modal-alert .modal-title { font-size: 20px; }
    .modal-alert .modal-con-wrap { padding: 0; }
    .modal-alert-txt { font-size: 14px;; }
    .modal-alert.warning .modal-title, .modal-alert.warning .modal-title-wrap .icon { color: #ff3e3e; }
}

/* 포토후기 모달 */
.modal-wrap .review-preview-item { width: calc( ( 100% - 8px * 4 ) / 5 ); }
.review-detail-wrap { max-height: 70vh; overflow: auto; padding: 0; border-bottom: 0; }
.review-detail-wrap::-webkit-scrollbar { display: none; }
.review-detail-wrap .img-box { margin-bottom: 24px; }

@media screen and (max-width: 1280px) {
    .modal-wrap .review-preview-item { width: calc( ( 100% - 4px * 2 ) / 3 ); }
    .review-detail-wrap { max-height: calc( 100vh - 50px ); overflow: auto; padding: 0 16px 24px; margin-top: 16px; }

    /* 장바구니 모달 */
    .cart_modal { background: none; }
    .cart_modal .modal-wrap { position: absolute; flex-flow: row; width: calc( 100% - 36px ); top: unset; bottom: 80px; transform: translateX(-50%); padding: 0 16px; height: 48px; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: space-between; align-items: center; border-radius: 24px; }
    .cart_modal .modal-wrap> .close-btn { display: none; }
    .cart_modal .modal-title-wrap { flex-flow: row; margin-bottom: 0; gap: 4px; padding: 0; }
    .cart_modal .modal-title-wrap .icon { font-size: 18px; }
    .cart_modal .modal-title { font-size: 16px; font-weight: 500; color: #fff; }
    .cart_modal .modal-btn-wrap { padding: 0; width: fit-content; position: static; transform: none; }
    .cart_modal .modal-btn { width: auto; height: auto; background: none; border: 0; line-height: 1; font-size: 16px; font-weight: bold; color: #ffb500; }
    .cart_modal .modal-btn.submit-btn { display: none; }
}

/* 장바구니 */
.cart { padding-top: 40px; }
.cart .choice-group { justify-content: space-between; align-items: center; margin-bottom: 24px; }
.cart .choice-group .checked-item .check-title { font-size: 20px; }
.cart .choice-del-btn { width: 104px; height: 40px; text-align: center; line-height: 40px; background: #373948; color: #fff; font-size: 16px; font-weight: 300; }
.cart-table td:not(:nth-child(1), :nth-child(2)) { border-left: 1px solid #e4e4e4; }
.cart-table .checked-item { justify-content: center; }

.prod-table .prod-item-price-before { text-align: center; font-size: 17px; }
.prod-table .prod-item-price { text-align: center; }
.prod-table .prod-item-price .subtitle {
    display: block;
    width:100%;
    margin-bottom:4px;
    font-size:12px; color:#999;
}
.prod-table .prod-item-amount { text-align: center; font-size: 17px; line-height: 1.5; }
.prod-table .option-change-btn { display: block; width: 72px; height: 32px; border: 1px solid #e4e4e4; background: #fff; text-align: center; line-height: 30px; font-size: 14px; font-weight: 300; margin: 0 auto; }
.prod-table .option-change-btn:hover { background: #f5f5f5; }
.prod-table .prod-item-price-group { text-align: center; }
.prod-table .prod-total-price { color: #202020; font-size: 24px; text-align: center; }
.prod-table .prod-total-price strong { color: #202020; }
.prod-table .prod-item-option-price { font-size: 14px; font-weight: 300; }
.prod-table .prod-deli-group { text-align: center; gap: 8px; align-items: center; }
.prod-table .prod-deli-group .prod-total-price { font-size: 20px; }
.prod-table .prod-deli-txt { font-size: 14px; color: #999; line-height: 1.5; }
.prod-item-coupons {
    text-align: center;
}
.prod-item-coupons .order-coupon-btn {
    margin:8px 0;
}
@media screen and (max-width: 1280px) {
    .cart { padding-top: 0; }
    .cart .container { padding: 0; }
    .cart .choice-group { margin-bottom: 0; height: 48px; padding: 0 24px; }
    .cart .choice-group .checked-item .check-title { font-size: 15px; }
    .cart .choice-del-btn { width: auto; height: auto; line-height: 1; background: none; color: #373948; font-size: 15px; font-weight: 500; }
    .cart-table td:not(:nth-child(1), :nth-child(2)) { border-left: 0; }
    .cart-table .checked-item {  }
    
    .prod-table .prod-item-price-before { font-size: 14px; }
    .prod-table .prod-item-amount { font-size: 14px; line-height: 1; }
    .prod-table .option-change-btn { width: 64px; height: 24px; line-height: 22px; font-size: 12px; margin: 0; }
    .prod-table .prod-item-price-group { flex-flow: row; align-items: center; }
    .prod-table .prod-total-price { font-size: 16px; }
    .prod-table .prod-item-option-price { font-size: 14px; font-weight: 300; }
    .prod-table .prod-deli-group { gap: 4px; }
    .prod-table .prod-deli-group .prod-total-price { font-size: 14px; }
    .prod-table .prod-deli-price-group { width: 100%; padding: 16px; background: #f5f5f5; border-radius: 4px; }
    .prod-table .prod-deli-price-group .mb-prod-item-title { position: static; transform: none; display: inline-block; }
    .prod-table .prod-deli-txt { font-size: 12px; }
    .prod-table .prod-deli-txt br { display: none; }
}

/* 테이블 */
.prod-table-wrap { border-top: 2px solid #202020; }
.prod-table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.prod-table th { border-bottom: 1px solid #202020; padding: 16px 0; font-size: 16px; font-weight: 600; }
.prod-table td { border-bottom: 1px solid #e4e4e4; }
.prod-table td.hide { display: none; }
.prod-table-item { padding: 24px 0; padding-right: 24px; gap: 16px; }
.prod-table-item .img-box { width: 120px; height: 120px; border: 1px solid #e4e4e4; }
.prod-table-item .img-box img { height: 100%; object-fit: contain; object-position: center; }
.prod-table-item .txt-wrap { width: calc( 100% - 120px - 16px ); gap: 8px; }
.prod-table-item .txt-wrap .prod-item-label { font-size: 14px; font-weight: 300; color: #202020; }
.prod-table-item .txt-wrap .prod-item-title { font-size: 17px; font-weight: 600; }
.prod-table-item .prod-item-price { font-size: 14px; }
.prod-table-item-option-group { gap: 16px; }
.prod-table-item-option { font-size: 14px; position: relative; }
.prod-table-item-option:not(:last-child)::after { content: ''; display: block; position: absolute; width: 1px; height: 12px; background: #202020; right: -8px; top: 50%; transform: translateY(-50%); }
.prod-table-item-option-info {
    display: flex;
    position: relative;
    margin-top:12px;
}
.prod-table-item-option-info:first-of-type {
    margin-top:0;
}
.prod-table-item-option-info-title {
    flex: 0 0 auto; margin-right:8px;
    font-size:14px; font-weight:bold;
}
.prod-table-item-option-info-bodies-body {
    margin-top:4px;
    font-size:14px;
}
.prod-table-item-option-info-bodies-body:first-of-type {
    margin-top:0;
}

.mb-prod-item-title { display: none; }

@media screen and (max-width: 1280px) {
    .prod-table-wrap { border-top: 1px solid #e4e4e4; }
    .prod-table colgroup { display: none; }
    .prod-table tbody { display: flex; flex-flow: column-reverse; }
    .prod-table tbody tr { display: flex; width: 100%; flex-flow: column; padding: 16px 24px; gap: 12px; position: relative; border-bottom: 1px solid #e4e4e4; }
    .prod-table th { border-bottom: 0; padding: 0; font-size: 14px; display: none; }
    .prod-table td { border-bottom: 0; display: flex; justify-content: space-between; }
    .prod-table td.label { position: absolute; top: 16px; left: 24px; }
    .prod-table td.padding { padding-left: 104px; position: relative; justify-content: flex-end; align-items: center; gap: 4px; }
    .prod-table td.hide { display: flex; }
    .prod-table-item { padding: 0; padding-left: 24px; }
    .prod-table-item .img-box { width: 80px; height: 80px; }
    .prod-table-item .txt-wrap { width: calc( 100% - 80px - 16px ); gap: 4px; }
    .prod-table-item .txt-wrap .prod-item-label { font-size: 12px; }
    .prod-table-item .txt-wrap .prod-item-title { font-size: 14px; font-weight: 500; }
    .prod-table-item-option-group { gap: 8px; }
    .prod-table-item-option { font-size: 10px; }
    .prod-table-item-option:not(:last-child)::after { height: 8px; right: -4px; }

    .mb-prod-item-title { display: block; position: absolute; font-size: 14px; font-weight: 600; left: 24px; top: 50%; transform: translateY(-50%); }

    .prod-table-item-option-info-title {
        font-size:12px; word-break: keep-all;
    }
    .prod-table-item-option-info-bodies-body {
        word-break: keep-all; font-size:12px;
    }
    .prod-table .prod-item-price {
        font-size:12px;
    }
}

/* 장바구니 - 주문금액 */
.cart-total-price-wrap  { border-top: 1px solid #484848; border-bottom: 1px solid #484848; padding: 40px 24px; justify-content: space-between; align-items: center; }
.cart-total-amount { font-size: 14px; font-weight: 600; }
.cart-total-amount strong { display: inline-block; font-size: 24px; padding: 0 8px; }
.cart-total-price-group { align-items: center; gap: 72px; }
.cart-total-price-calc-group { gap: 48px; align-items: center; }
.cart-total-price-calc-group .icon { display: block; width: 32px; height: 32px; border-radius: 50%; background: #f5f5f5; text-align: center; line-height: 32px; font-size: 16px; }
.cart-total-price-calc-item { gap: 8px; }
.cart-total-price-calc-item .item-title { font-size: 14px; font-weight: 600; }
.cart-total-price-calc-item .prod-item-price { font-size: 24px; font-weight: 300; }
.cart-total-price-calc-item .prod-item-price.sale { color: #ff3e3e; }
.cart-total-price-calc-item .prod-item-price.sale strong { color: #ff3e3e; }
.cart-total-price-box { gap: 8px; align-items: center; }
.cart-total-price { font-size: 32px; color: #0088ff; font-weight: 300; }
.cart-total-price strong { color: #0088ff; }
.cart-total-price-txt { font-size: 18px; font-weight: 600; }

@media screen and (max-width: 1280px) {
    .cart-total-price-wrap  { border-top: 1px solid #e4e4e4; border-bottom: 0; padding: 24px; flex-flow: column; gap: 16px; align-items: flex-start; }
    .cart-total-amount { font-size: 18px; }
    .cart-total-amount strong { font-size: 18px; padding: 0; }
    .cart-total-price-group { align-items: flex-start; flex-flow: column; gap: 16px; width: 100%; }
    .cart-total-price-calc-group { align-items: flex-start; flex-flow: column; gap: 8px; width: 100%; }
    .cart-total-price-calc-group .icon { display: none; }
    .cart-total-price-calc-item { width: 100%; flex-flow: row; justify-content: space-between; align-items: center; }
    .cart-total-price-calc-item .item-title { font-weight: 300; }
    .cart-total-price-calc-item .prod-item-price { font-size: 14px; }
    .cart-total-price-box { width: 100%; flex-flow: row; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid #202020; }
    .cart-total-price { font-size: 18px; }
}

/* 장바구니 - 안내텍스트 */
.cart-guide-wrap { padding: 24px; background: #f5f5f5; border-radius: 4px; margin: 40px 0; gap: 8px; }
.cart-guide-txt { line-height: 1.5; padding-left: 16px; font-size: 17px; position: relative; font-weight: 300; }
.cart-guide-txt::after { content: ''; display: block; position: absolute; width: 6px; height: 6px; background: #202020; border-radius: 50%; left: 0; top: 10px; }

@media screen and (max-width: 1280px) {
    .cart-guide-wrap { border-radius: 0; margin: 0; gap: 4px; }
    .cart-guide-txt { padding-left: 12px; font-size: 12px; }
    .cart-guide-txt::after { width: 4px; height: 4px; top: 7px; }
}

/* 장바구니 - 하단 주문 */
.orderBox { background-color: #f8e00e; }
.orderBox .container { justify-content: flex-end; padding: 16px 0; align-items: center; gap: 40px; }
.orderBox .cart-total-price-box { gap: 16px; }
.orderBox .cart-total-price { font-size: 40px; color: #373948; }
.orderBox .cart-total-price strong { color: #373948; }
.orderBox .cart-total-price-txt { font-size: 20px; }
.cart-order-btn { width: 260px; height: 64px; align-items: center; justify-content: center; gap: 16px; background: #373948; font-size: 20px; font-weight: bold; color: #f8e00e; }
.cart-order-amount { width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; background: #f8e00e; color: #373948; font-size: 14px; font-weight: 500; }

@media screen and (max-width: 1280px) {
    .orderBox { background-color: #373948; position: fixed; bottom: 72px; left: 50%; transform: translateX(-50%); z-index: 9999; width: calc( 100% - 36px ); }
    .orderBox .container { justify-content: space-between; padding: 16px 24px; gap: 0; }
    .orderBox .cart-total-price-box { padding: 0; border-top: 0; }
    .orderBox .cart-total-price { font-size: 18px; color: #f8e00e; }
    .orderBox .cart-total-price strong { color: #f8e00e; }
    .orderBox .cart-total-price-txt { display: none; }
    .cart-order-btn { width: auto; height: auto; gap: 16px; background: none; font-size: 18px; font-weight: normal; white-space: nowrap; }
}

/* 장바구니 - 옵션 변경 */
.option_modal .prod-detail-sticky-wrap { width: 100%; }
.option_modal .prod-total-price, .option_modal .prod-total-price strong { color: #202020; }

@media screen and (max-width: 1280px) {
    .option_modal .prod-detail-sticky-wrap { position: static; transform: none; }
    .option_modal .prod-detail-sticky-wrap .prod-detail-top-box { display: flex; } 
}

/* 주문/결제 */
.order { padding: 40px 0 120px; gap: 48px; align-items: flex-start; }
.order-wrap { gap: 56px; width: calc( 100% - 360px - 48px ); }
.order-sec-title-wrap { padding-bottom: 16px; gap: 16px; align-items: baseline; }
.order-sec-title { font-size: 32px; }
.order-sec-title-txt-group { gap: 24px; }
.order-sec-title-txt { font-size: 17px; font-weight: 300; position: relative; }
.order-sec-title-txt:not(:last-child)::after { content: ''; display: block; position: absolute; width: 1px; height: 15px; background: #202020; right: -12px; top: 0; }

.order-detail-list { border-top: 2px solid #373948; border-bottom: 1px solid #373948; }
.order-detail-item { padding: 16px 0; }
.order-detail-item:not(:last-child) { border-bottom: 1px solid #e4e4e4; }
.order-detail-item .item-default { width: 180px; font-size: 17px; font-weight: bold; line-height: 1.5; padding-left: 24px; }
.order-detail-item .item-user { width: calc( 100% - 180px ); font-size: 17px; font-weight: 300; line-height: 1.5; }
.order-detail-item .item-user .label-group { gap: 24px; }
.order-detail-item .item-user .form-select { max-width: 440px; }
.order-detail-txt-group { gap: 24px; }
.order-detail-txt { position: relative; }
.order-detail-txt:not(:last-child)::after { content: ''; display: block; position: absolute; width: 1px; height: 15px; background: #202020; right: -12px; top: 0; }
.order .prod-table-wrap { border-bottom: 1px solid #373948; }
.order .prod-table td:not(:nth-child(1)) { border-left: 1px solid #e4e4e4; }
.order .prod-table-item { padding-left: 24px; }

@media screen and (max-width: 1280px) {
    .order { padding: 24px 0 40px; gap: 24px; flex-flow: wrap; }
    .order-wrap { gap: 24px; width: 100%; }
    .order-sec-title-wrap { border-bottom: 2px solid #202020; }
    .order-sec-title { font-size: 20px; }
    .order-sec-title-txt-group { gap: 16px; }
    .order-sec-title-txt { font-size: 14px; }
    .order-sec-title-txt:not(:last-child)::after { height: 12px; right: -8px; }
    
    .order-detail-list { border-top: 0; border-bottom: 0; }
    .order-detail-item { padding: 12px 0; flex-flow: wrap; gap: 8px; }
    .order-detail-item:last-child { padding-bottom: 0; }
    .order-detail-item .item-default { width: 100%; font-size: 14px; line-height: 1; padding-left: 0; }
    .order-detail-item .item-user { width: 100%; font-size: 14px; }
    .order-detail-item .item-user .label-group { gap: 16px; }
    .order-detail-item .item-user .form-select { max-width: unset; }
    .order-detail-txt-group { gap: 16px; }
    .order-detail-txt:not(:last-child)::after { height: 12px; right: -8px; }
    .order .prod-table-wrap { border-bottom: 1px solid #373948; }
    .order .prod-table tbody tr { padding-left: 0; padding-right: 0; }
    .order .prod-table td:not(:nth-child(1)) { border-left: 0; }
    .order .prod-table-item { padding-left: 0; }
    .order .prod-table-item .txt-wrap { width: 100%; }
    .order .mb-prod-item-title { left: 0; }
}

/* 주문/결제 - 쿠폰할인 */
.order-coupon-list { border-top: 2px solid #373948; border-bottom: 1px solid #373948; }
.order-coupon-item { justify-content: space-between; padding: 24px 0; align-items: center; }
.order-coupon-item:not(:last-child) { border-bottom: 1px solid #e4e4e4; }
.order-coupon-item .item-default { padding-left: 24px; font-size: 20px; font-weight: 600; }
.order-coupon-group { gap: 16px; align-items: center; }
.order-coupon-amount {font-size: 14px; font-weight: 300; text-align: center; }
.order-coupon-btn { width: 102px; height: 32px; border: 1px solid #e4e4e4; background: #f5f5f5; text-align: center; line-height: 30px; font-size: 14px; font-weight: 500; color: #aeaeae; }
.order-coupon-price { font-size: 20px; font-weight: bold; color: #aeaeae; }

.order-coupon-group.active .order-coupon-btn { background: #fff; color: #373948; }
.order-coupon-group.active .order-coupon-price { color: #ff3e3e; }

.order-coupon-guide-group { margin-top: 24px; gap: 8px; }
.order-coupon-guide-txt { padding-left: 16px; font-size: 14px; font-weight: 300; color: #949599; line-height: 1.5; position: relative; }
.order-coupon-guide-txt::after { content: ''; display: block; position: absolute; width: 6px; height: 6px; background: #949599; border-radius: 50%; left: 0; top: 7.5px; }

.order-coupon-item .non-member-txt { padding-left: 24px; font-size: 17px; font-weight: 300; line-height: 1.5; }
.order-coupon-item .non-member-btn { width: 185px; height: 48px; background: #f8e00e; justify-content: space-between; align-items: center; padding: 0 16px; font-size: 14px; font-weight: bold; }

@media screen and (max-width: 1280px) {
    .order-coupon-list { border-top: 0; }
    .order-coupon-item { padding: 16px 0; align-items: flex-start; flex-flow: wrap; gap: 8px; }
    .order-coupon-item .item-default {width: 104px; padding-left: 0; font-size: 14px; }
    .order-coupon-item .item-user { width: calc( 100% - 104px - 8px ); }
    .order-coupon-group { flex-flow: wrap; gap: 4px 8px; justify-content: flex-end; }
    .order-coupon-amount { width: auto; font-size: 12px; text-align: right; }
    .order-coupon-btn { height: 24px; line-height: 22px; }
    .order-coupon-price { font-size: 16px; }
    
    .order-coupon-guide-group { margin-top: 16px; gap: 4px; }
    .order-coupon-guide-txt { padding-left: 12px; font-size: 12px; }
    .order-coupon-guide-txt::after { width: 4px; height: 4px; top: 7px; }
    
    .order-coupon-item .non-member-txt { padding-left: 0; font-size: 14px; }
    .order-coupon-item .non-member-btn { height: 40px; padding: 0 12px; }
}

/* 주문/결제 - 결제 방법 */
.payment-method-group { gap: 16px; flex-flow: wrap; }
.payment-method { width: calc( ( 100% - 16px * 3 ) / 4 ); }
.payment-method-title { width: 240px; height: 72px; border: 1px solid #e4e4e4; background: #fff; text-align: center; justify-content: center; font-size: 18px; font-weight: 500; }
.form-checkbox:checked ~ .payment-method-title { color:#fff; background: #373948; border: 1px solid #373948; }

@media screen and (max-width: 1280px) {
    .payment-method-group { gap: 8px; margin-top: 16px; }
    .payment-method { width: calc( ( 100% - 8px * 2 ) / 3 ); }
    .payment-method-title { width: 100%; height: 40px; font-size: 13px; font-weight: 600; }
}

/* 주문/결제 - 최종 결제(스티키박스) */
.order-sticky-wrap { width: 360px; position: sticky; top: 104px; border: 2px solid #373948; background: #fff; padding: 24px; }
.order-price-wrap { margin-bottom: 24px; }
.order-price-group { border-bottom: 1px solid #e4e4e4; gap: 16px; padding: 16px 0; }
.order-price-item { justify-content: space-between; }
.order-price-item .item-default { font-size: 17px; font-weight: 300; color: #707070; }
.order-price-item .item-default strong { color: #707070; }
.order-price-item .item-user { font-size: 17px; font-weight: 300; color: #707070; }
.order-total-price-group { border-top: 1px solid #373948; }
.order-total-price-group .order-price-item .item-default { font-size: 16px; font-weight: 600; color: #202020; }
.order-total-price-group .order-price-item .item-user { font-size: 24px; font-weight: 600; color: #0088ff; }
.order-sticky-wrap .policy-agree-wrap { gap: 8px; margin-bottom: 24px; }
.order-sticky-wrap .policy-agree-wrap .checked-item .check-title { font-size: 14px; font-weight: 500; gap: 8px; }
.order-sticky-wrap .policy-agree-wrap .checked-item .check-title .link { text-decoration: underline; }
.order-sticky-wrap .policy-agree-wrap .checked-all-item { margin-bottom: 8px; }
.order-sticky-wrap .policy-agree-wrap .checked-all-item .check-title { font-size: 17px; font-weight: bold; color: #373948; }

.order-sticky-wrap .submit-btn { width: 100%; height: 48px; line-height: 48px; text-align: center; background: #373948; font-size: 14px; color: #fff; font-weight: bold; transition: .3s; }
.order-sticky-wrap .order-sec-title { display: none; }

@media screen and (max-width: 1280px) {
    .order-sticky-wrap { width: 100%; position: static; border: 0; background: none; padding: 0; }
    .order-price-wrap { margin-bottom: 24px; }
    .order-price-group { gap: 8px; padding: 12px 0; }
    .order-price-item .item-default { font-size: 14px; }
    .order-price-item .item-user { font-size: 14px; }
    .order-total-price-group .order-price-item .item-default { font-size: 18px; }
    .order-total-price-group .order-price-item .item-user { font-size: 18px; }
    .order-sticky-wrap .policy-agree-wrap .checked-item .check-title { font-size: 12px; }
    .order-sticky-wrap .policy-agree-wrap .checked-all-item { margin-bottom: 4px; }
    .order-sticky-wrap .policy-agree-wrap .checked-all-item .check-title { font-size: 15px; }
    
    .order-sticky-wrap .order-sec-title { display: block; margin-bottom: 8px; }
}

/* 주문/결제 - 쿠폰 조회 */
.modal-wrap .coupon-table .prod-table-item { padding: 16px 0; margin-bottom: 0; border-bottom: 0; }
.coupon-table .prod-table-item .txt-wrap { width: 100%; }
.coupon-table .prod-table-item .txt-wrap .prod-item-title { font-size: 14px; }
.coupon-table .prod-table-item-coupon { font-size: 12px; font-weight: 300; color: #0088ff; }
.coupon-table .prod-item-price { font-size: 14px; }

.order_coupon_modal .order-coupon-guide-group { gap: 4px; }
.order_coupon_modal .order-coupon-guide-txt { font-size: 12px; padding-left: 12px; }
.order_coupon_modal .order-coupon-guide-txt::after { width: 4px; height: 4px; }
.modal-coupon-list { gap: 16px; }

.order-price-calc-wrap { gap: 12px; justify-content: center; align-items: center; }
.order-price-calc-item { gap: 4px; text-align: center; }
.order-price-calc-item .item-default { font-size: 11px; font-weight: 300; }
.order-price-calc-item .item-user { font-size: 14px; font-weight: 300; }
.prod-table-btn-wrap { justify-content: center; }
.prod-table-btn { height: 32px; padding: 0 16px; background: #fff; border: 1px solid #e4e4e4; text-align: center; line-height: 30px; font-size: 12px; font-weight: 500; }
.prod-table-btn.disable { opacity: .5; cursor: auto; }

@media screen and (max-width: 1280px) {
    .coupon-table tbody tr { align-items: center; padding: 16px 0; }
    .coupon-table td { width: 100%; justify-content: center; }
    .coupon-table td:nth-child(3) { order: 4; }
    .coupon-table td:nth-child(4) { order: 3; }
    .coupon-table .prod-table-item { padding-left: 0; width: 100%; }
    .coupon-table .prod-item-price { font-size: 14px; }
    .order_coupon_modal .order-coupon-guide-group { padding: 0 16px; }
    
    .order-price-calc-wrap { width: 100%; flex-flow: column; justify-content: center; align-items: flex-start; }
    .order-price-calc-wrap i { display: none; }
    .order-price-calc-item { width: 100%; flex-flow: row; justify-content: space-between; align-items: center; text-align: left; }
    .order-price-calc-item .item-default { font-size: 14px; }
    .order_coupon_modal .mb-prod-item-title { left: 0; }
    .prod-table-btn-wrap { justify-content: center; }
    .prod-table-btn { min-width: 120px; font-size: 14px; }
}


/*/////마이페이지/////*/
/* 마이페이지 공통  mypage.html [ myPage-section ] */
.myPage-section { padding-bottom: 120px; }
.myPage-section .inner-container { display: flex; gap: 56px; }

@media screen and (max-width: 1280px) {
    .myPage-section { padding-bottom: 40px; }
    .myPage-section .container { padding:unset; }
    .myPage-section .inner-container { display: block; }
}

/* [ 마이페이지 - 상단상태박스 ] */
.stateBox { background-color: #373948; }
.stateBox .container { display: flex; justify-content: space-between; padding:24px; padding-bottom: 24px;}
.stateBox .route-check-icon {width: 40px; height: 40px;} 
.stateBox .le-wrap { display: flex; gap: 16px; align-items: end;}
.stateBox .le-wrap .title { font-size: 40px; color: #fff; }
.stateBox .le-wrap .sub { font-size: 17px; color: #fff; padding-top: 28px; margin-left: 16px; }
.stateBox .le-wrap .sub .txt-bold { font-size: 17px; color: #fff; }
.stateBox .ri-wrap p { font-size: 18px; font-weight: 300; color: #fff; }
.stateBox .status-board { display: flex; }
.stateBox .status-board .title { font-size: 17px; font-weight: 300; color: #fff; min-width: 60px; margin-bottom: 11px; }
.stateBox .status-item { padding-right: 72px;}
.stateBox .status-board .state-num { font-size: 40px; font-weight: 300; color: #fff; }
@media screen and (max-width:1280px) {
    .stateBox { display: none;}
    .mypage_index .stateBox { display: block; }
    .stateBox { background-color: #fff; }
    .stateBox .container { flex-flow: column; gap: 16px; }
    .stateBox .route-check-icon { background-color: #373948; border-radius: 50%; padding: 8px; } 
    .stateBox .le-wrap { flex-flow: column; gap: 8px; align-items: center;}
    .stateBox .le-wrap .title { display: none; }
    .stateBox .le-wrap .sub { font-size: 16px; color: #202020; padding-top: 0; margin-left: 0; text-align: center; line-height: 1.5; }
    .stateBox .le-wrap .sub .txt-bold { font-size: 16px; color: #202020; }
    .stateBox .ri-wrap p { font-size: 18px; font-weight: 300; color: #202020; }
    .stateBox .status-board { display: flex; }
    .stateBox .status-board .title { font-size: 14px; color: #202020; min-width: unset; margin-bottom: 0; }
    .stateBox .status-item { width: 100%; padding: 16px 0; background: #f5f5f5; display: flex; flex-flow: column-reverse; justify-content: center; align-items: center; text-align: center; gap: 8px; border-right: 1px solid #fff; }
    .stateBox .status-board .state-num { font-size: 16px; font-weight: 500; color: #202020; }
}

/* 마이페이지 - 왼쪽 메뉴  myPageMenu ================= */
.myPageMenu { width: 224px; padding: 40px 0 55px; }
.myPageContent { width: 100%; max-width: calc(100% - 224px - 56px); padding-top: 54px; }
.myPageMenu .mp-title { font-size: 20px; font-weight: 600; color: #373948; margin-bottom: 16px; }
.myPageMenu .mp-list { display: flex; flex-direction: column; gap: 16px; }
.myPageMenu .mp-item { font-size: 17px; font-weight: 300; color: #373948; opacity: 0.5; }
.myPageMenu .mp-inner-wrap:not(:last-child) { margin-bottom: 32px; }
.myPageMenu .logOut-btn { gap: 35px; width: 144px; height: 52px; border: 1px solid #e4e4e4; background-color: #fff; border-radius: 4px;}
.myPageMenu .logOut-btn .btn-title { font-size: 17px; font-weight: 300; color: #a4a4a4; }
.myPageMenu .logOut-btn i { font-size: 20px;  color: #a4a4a4; }
.myPageMenu-wrap .btn-toggle {
    display: none;
    align-items: center; justify-content: center;
    width:40px; height:40px;
    position: fixed; top:56px; left:23px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    border:1px solid #e1e1e1;
    transition: all .3s; z-index:2; background-color:#fff;
}
.myPageMenu-wrap .btn-toggle .active {
    display: none;
}
.myPageMenu-wrap.active .btn-toggle .inactive {
    display: none;
}
.myPageMenu-wrap.active .btn-toggle .active {
    display: block;
}
.myPageMenu-wrap.active .btn-toggle {
    left:260px
}
@media screen and (max-width:1280px) {
    .myPageMenu-wrap .btn-toggle {
        display: flex;
    }
    .myPageMenu {
        display: block;
        height:100vh;
        padding:80px 0 80px;
        position: fixed; top:0; left:-260px;
        box-shadow:0px 3px 6px rgba(0,0,0,0.16);
        z-index: 2; background-color:#fff; border-right:1px solid #e1e1e1;
        transition: all .3s;
        overflow-y:auto; overflow-x:visible;;
    }
    .myPageMenu-wrap.active .myPageMenu {
        left:0;
    }
    .mypage_index .container { padding-left: 24px; padding-right: 24px; }
    .mypage_index .myPageMenu { display: block; padding: 0; width: 100%; }
    .myPageMenu .mp-title { font-size: 17px; padding: 0 8px; padding-bottom: 16px; border-bottom: 1px solid #373948; margin-bottom: 0; }
    .myPageMenu .mp-list { gap: 0; }
    .myPageMenu .mp-item { font-size: 14px; height: 48px; justify-content: space-between; opacity: 1; border-bottom: 1px solid #e4e4e4; align-items: center; display: flex; padding: 0 8px; }
    .myPageMenu .mp-inner-wrap:not(:last-child) { margin-bottom: 32px; }
    .myPageMenu .logOut-btn { gap: 8px; width: 100%; padding: 0 8px; height: 48px; border: 0; border-bottom: 1px solid #e4e4e4; border-radius: 0; justify-content: flex-start; margin-top: -32px;}
    .myPageMenu .logOut-btn .btn-title { font-size: 14px; color: #373948; }
    .myPageMenu .logOut-btn i { font-size: 16px; color: #373948; }

    .myPageContent { max-width: unset; padding-top: 0; }
    .myPageContent .user-btn { height: 48px; }
}

/* 마이페이지 - 오른쪽메뉴 myPageContent ================  */
.mp-section-title { font-size: 32px; font-weight: bold; color: #373948; padding-bottom: 28px; }
.mp-section-title.line-title { border-bottom: 2px solid #373948; }
.mp-section-title.mb { display: none; }
@media screen and (max-width:1280px) {
    .mp-section-title { height: 42px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #e4e4e4; padding-bottom: 0; align-items: center; }
    .mp-section-title.line-title { display: none; }
    .mp-section-title.pc { display: none; }
    .mp-section-title.mb {
        display: flex; align-items: center;
        width: 100%; padding: 26px 0px; padding-left:80px; gap: 2px;
    }
}

/* 마이페이지 - section 상단 */
.mp-section-top-wrap { margin-bottom: 24px; }
.mp-section-title-wrap { margin-bottom: 24px; justify-content: space-between; }
.mp-section-title-wrap .mp-section-title { padding: 0; gap: 16px; align-items: baseline; }
.mp-section-title-wrap .mp-section-title .link { font-size: 17px; font-weight: 300; text-decoration: underline; }
.mp-search-wrap { position: relative; }
.mp-search-input { width: 348px; height: 36px; border-bottom: 1px solid #202020; font-size: 17px; }
.mp-search-input::placeholder { font-weight: 300; }
.mp-search-btn { width: 24px; height: 24px; position: absolute; right: 0; top: 0; background-image: url(/images/icon_search.svg); background-size: contain; background-position: center; }
.mp-date-search-wrap { background: #f5f5f5; padding: 16px 24px; align-items: center; justify-content: space-between; }
.mp-date-search-item { gap: 8px; align-items: center; }
.mp-date-search-txt { font-size: 17px; font-weight: 600; }
.mp-date-search-group { gap: 4px; align-items: center; }
.mp-month-item .mp-month-title { width: 72px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 38px;font-size: 14px; font-weight: 500; color: #bcbcbc; background: #fff; }
.form-checkbox:checked ~ .mp-month-title { color:#373948; border: 1px solid #373948; }
.mp-date-search-btn { width: 78px; height: 40px; text-align: center; line-height: 40px; background: #373948; color: #fff; font-size: 14px; font-weight: 300; }
.mp-date-input { width: 132px; height: 40px; border: 1px solid #e4e4e4; padding: 0 12px; background: #fff; font-size: 14px; font-weight: 300; color: #373948; }
@media screen and (max-width:1280px) {
    .mp-section-title-wrap { margin-bottom: 0; }
    .mp-section-title-wrap .mp-section-title { padding:26px 0; padding-left: 80px; align-items: center; width: 100%; gap: 2px; }
    .mp-search-wrap { display: none; }
    .mp-section-top-wrap { margin-bottom: 0; }
    .mp-date-search-wrap { flex-flow: wrap; gap: 4px; padding: 8px 24px; background: #fff; }
    .mp-date-search-txt { display: none; }
    .mp-month-item .mp-month-title { width: 56px; height: 32px; line-height: 30px; font-size: 14px; border: 1px solid #e4e4e4  }
    .mp-date-search-group { width: 100%; }
    .mp-date-search-btn { width: 48px; height: 32px; line-height: 32px; font-size: 14px;; }
    .mp-date-input { min-width: 120px; width: calc( ( 100% - 16px ) / 2 ); height: 32px; padding: 0 8px; font-size: 14px; }
}

/* =========
   마이페이지 - 나의 쿠폰함 
===========*/
/* -- 마이페이지 탭 */
.myPageContent .prod-detail-tab-list { position: unset; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; background: #fff; }
.myPageContent .prod-detail-tab { width: 100%; text-align: center; height: 72px; justify-content: center; font-size: 20px; font-weight: 600; position: relative; cursor: pointer; }
.myPageContent .prod-detail-tab.active::after { content: ''; display: block; width: 100%; height: 2px; background: #202020; position: absolute; bottom: -2px; }
.myPageContent .prod-detail-con { display: none; }
.myPageContent .prod-detail-con.active { display: flex;  flex-direction: column; }
@media screen and (max-width: 1280px) {
    .myPageContent .prod-detail-tab { height: 50px; font-size: 14px; color: #aeaeae;}
    .myPageContent .prod-detail-tab.active { color: #373948;  }
}

/* -- 쿠폰 필터/등록 컴포넌트 mp-set-wrap */
.mp-set-wrap { width: 100%; display: flex; justify-content: space-between; align-items: end; padding: 16px 0; }
.mp-set-wrap .filter-icon { font-size: 14px; color: #373948; }
.mp-set-wrap .set-le-wrap .sub { font-size: 14px; color: #373948; opacity: 0.5;}
.mp-set-wrap .set-le-wrap .latest-sub { margin: 0 16px 0 8px; }
.mp-set-wrap .set-le-wrap .now { opacity: unset; font-weight: bold; }
.mp-set-wrap .set-ri-wrap { display: flex; gap: 8px; width: 38%; justify-content: end; }
.mp-set-wrap .set-ri-wrap .input-default { width: 100%; max-width: 320px;}
.mp-set-wrap .set-ri-wrap .coupon-enter-btn { max-width: 128px; font-size: 17px; }
@media screen and (max-width: 1280px) {
    .mp-set-wrap { padding: 24px 0;}
    .mp-set-wrap .set-le-wrap { display: none; }
    .mp-set-wrap .set-ri-wrap { width: 100%;}
    .mp-set-wrap .set-ri-wrap .input-default { max-width: unset;}
    .mp-set-wrap .set-ri-wrap .coupon-enter-btn { max-width: 100px; font-size: 14px; font-weight: 300; }
    /* 다운가능 쿠폰 */
    #tab_2 .mp-set-wrap .set-ri-wrap { padding: unset; }
    #tab_2 .mp-set-wrap .set-le-wrap { display: block; }
    #tab_2 .mp-set-wrap { display: flex; flex-direction: column-reverse; gap: 24px; align-items: start; padding: 24px 0 8px;}
    .mp-set-wrap .filter-icon { font-size: 12px; }
    .mp-set-wrap .set-le-wrap .sub { font-size: 12px;}
    .mp-set-wrap .set-le-wrap .latest-sub { margin: 0 8px;}
}

/* -- 다운가능 쿠폰 */
.mp-set-wrap .coupon-download-btn { max-width: 200px; height: 52px; display: flex; justify-content: center; align-items: center; gap: 8px; }
.mp-set-wrap .coupon-download-btn .btn-title { font-size: 17px; font-weight: bold; color: #fff; line-height: 52;}
.mp-set-wrap .coupon-download-btn i { font-size: 20px; color: #fff; line-height: 52; }
@media screen and (max-width: 1234px) {
  .mp-set-wrap .coupon-download-btn { max-width: unset; height: 42px; }
  .mp-set-wrap .coupon-download-btn .btn-title { font-size: 14px;}
  .mp-set-wrap .coupon-download-btn i { font-size: 16px; }
}

/* -- 쿠폰 콘텐트 mp-contents-wrap */
.mp-contents-wrap { width: 100%; display: flex; flex-wrap: wrap; gap: 24px; }
.mp-contents-wrap .coupon-wrap { width: calc((100% - 24px * 2) / 3); } 
@media screen and (max-width: 1234px) {
    .mp-contents-wrap { margin-bottom: 16px; }
    .mp-contents-wrap .mb-container { width: 100%; }
    .mp-contents-wrap .coupon-wrap { width: calc((100% - 24px * 1) / 2); } 
}
@media screen and (max-width: 560px) {
    .mp-contents-wrap .coupon-wrap { width: 100%; } 
}

/* 쿠폰 안내 couponGuide-wrap */
.couponGuide-wrap { margin-top: 80px; }
.couponGuide-wrap .cg-title { font-size: 24px; font-weight: bold; color: #373948; line-height: 1; padding-bottom: 16px; border-bottom: 1px solid #373948; margin-bottom: 16px; } 
.couponGuide-wrap .cg-info-wrap { display: flex; flex-direction: column; gap: 16px; width: 100%; padding: 27px 24px; background-color: #fcfcfc; border: 1px solid #e4e4e4; }
.couponGuide-wrap .list-item-wrap { display: flex; gap: 8px; }
.couponGuide-wrap .circle-mark { display: flex; align-items: start; font-size: 8px; font-weight: 300; color: #949599; padding-top: 4px; }
.couponGuide-wrap .list-txt { font-size: 14px; font-weight: 300; color: #949599; }
@media screen and (max-width: 1280px) {
    .couponGuide-wrap { margin-top: 40px; }
    .couponGuide-wrap .list-txt { font-size: 12px; line-height: 1.54;}
    .couponGuide-wrap .cg-info-wrap { border: unset; padding: unset; padding-left: 7px; font-size: 12px; line-height: 1.67; gap: 0; }
    .couponGuide-wrap .cg-title { font-size: 25px; }
    .couponGuide-wrap .circle-mark { padding-top: 7px; font-size: 6px; }
}

/* 쿠폰 스타일 */
.coupon-wrap { overflow: hidden; min-width: 300px; }
.couponContent { position: relative; display: flex; flex-direction: column; gap: 40px;  border: 1px solid #e4e4e4; padding: 32px; background-color: #fff; }
.couponContent::after { position: absolute; top: 50%; left: -16px; transform: translateY(-50%); content: ""; width: 32px; height: 32px; background-color: #fff; border-radius: 50%; border: 1px solid #e4e4e4; }
.couponContent::before { position: absolute; top: 50%; right: -16px; transform: translateY(-50%); content: ""; width: 32px; height: 32px; background-color: #fff; border-radius: 50%; border: 1px solid #e4e4e4; }
.couponContent .cp-top-wrap {position: relative; display: flex; flex-direction: column; gap: 15px; max-width: calc( 100% - 72px );}
.couponContent .cp-top-wrap::after { position: absolute; content: ""; bottom: -50%; left: 50%; transform: translate(-50%,50%); width: 100%; max-width: 291px; height: 1px; background-color: #e4e4e4; }
.couponContent .cp-top-wrap .cp-sub { font-size: 14px; color: #373948; font-weight: 300; }
.couponContent .cp-top-wrap .cp-sub { font-size: 14px; color: #373948; font-weight: 300; }
.couponContent .point-style1 { font-weight: 300; }
.couponContent .cp-type-wrap { display: flex; gap: 4px; }
.couponContent .cp-title { font-size: 17px; font-weight: 600; color: #373948; }
.couponContent .cp-percent { align-items: center; gap: 8px; font-family: 'RegularBoldCelloGX'; font-size: 32px; font-weight: 900; }
.couponContent .cp-percent .cp-price { font-size: 14px; font-weight: 300; font-family: "Pretendard", sans-serif; }
.couponContent .cp-price { font-family: 'RegularBoldCelloGX'; font-size: 32px; font-weight: 900; color: #373948; }
.couponContent .cp-info-wrap { display: flex; gap: 8px; margin-top: 8px; }
.couponContent .cp-info-wrap .cp-sub { font-size: 12px; font-weight: 300; color: #373948; }
.couponContent .cp-info-wrap .cp-min { font-size: 12px; color: #949599; } 
.couponContent .cp-btn { position: absolute; width: 64px; height: 32px; background: #fff; border: 1px solid #e4e4e4; top: 8px; right: 8px; }
.couponContent.disabled {
    opacity:0.3;
}
.couponContent.active {
    background-color:rgba(255,181,0, 0.1);
}
/* 231220 */
.couponContent .cp-download-btn { width: 32px; height: 32px; background: none; border: 0; top: unset; bottom: 20px; right: 20px; font-size: 24px; }
.couponContent .cp-download-btn.cp-top {
    bottom:auto; top:20px;
}

.couponContent .cp-download-btn.cp-top i {
    color:#ccc;
    transition: all .3s;
}
.couponContent.active .cp-download-btn.cp-top i {
    color:#000;
}
.couponContent:hover .cp-download-btn.cp-top i {
    color:#000;
}
/* //231220 */

@media screen and (max-width: 1280px) {
    .couponContent { padding: 16px 32px; gap: 32px; }
    .couponContent::after { width: 30px; height: 30px;}
    .couponContent::before { width: 30px; height: 30px;}
    .couponContent .cp-top-wrap { gap: 10px; }
    .couponContent .cp-top-wrap .cp-sub { font-size: 13px; }
    .couponContent .cp-title { font-size: 16px; }
    .couponContent .cp-price { font-size: 30px; }
    .couponContent .cp-info-wrap { font-size: 12px; }
    .couponContent .cp-top-wrap::after {max-width: unset;}
}

/* 마이페이지 - 주문내역 조회 */
.mp-section-wrap { gap: 80px; }
.prod-item-order-group { justify-content: center; align-items: center; text-align: center; gap: 16px; }
.prod-item-order-number { font-size: 17px; font-weight: 500; text-decoration: underline; }
.prod-item-order-number i { display: none; }
.prod-item-order-state { font-weight: bold; font-size: 17px; }
.prod-item-order-btn { width: fit-content; background: #373948; color: #fff; font-size: 14px; font-weight: 300; }
.myPage-section .prod-table-btn { font-size: 14px; min-width: 96px; border: 1px solid #373948; }
.myPage-section .prod-table-btn-black { background: #373948; color: #fff; }
.mp-section-sub-title { font-size: 24px; padding-bottom: 16px; }
.mp-section-sub-title.line-title { border-bottom: 1px solid #373948; }
.mp-table td:not(:nth-child(1)) { border-left: 1px solid #e4e4e4; }
@media screen and (max-width:1280px) {
    .mp-section-wrap { gap: 40px; }
    .mp-section.padding { padding: 0 24px; }
    .mypage_order .prod-table tbody tr { padding: 0; padding-bottom: 16px; gap: 8px; border-bottom: 0; }
    .mypage_order .prod-table td:nth-child(1) { order: 2; }
    .mypage_order .prod-table td:nth-child(2) { order: 1; }
    .mypage_order .prod-table td:nth-child(3) { order: 3; padding-left: 120px; padding-right: 24px; }
    .mypage_order .prod-table td:nth-child(4) { order: 4; justify-content: flex-end; padding-right: 24px; }
    .mypage_order .prod-table td:nth-child(5) { order: 5; }
    .mypage_order .prod-table-item { padding-right: 24px; }
    .prod-item-order-group { width: 100%; flex-flow: row-reverse; justify-content: space-between; padding: 12px 24px; background: #f5f5f5;}
    .prod-item-order-date { font-size: 12px; }
    .prod-item-order-number { font-size: 12px; }
    .prod-item-order-number i { display: inline-block; }
    .prod-item-order-state { font-size: 14px; white-space: nowrap; }
    .mypage_order .prod-table .prod-deli-group {
        flex-flow: row; gap: 8px;
        flex-wrap:wrap;
    }
    .mypage_order .prod-table .prod-deli-group .prod-item-price {
        width: 100%;
        margin:12px 0;
        text-align: right; font-size:18px;
    }
    .prod-table-btn-group { width: 100%; flex-flow: row; padding: 0 24px; }
    .myPage-section .prod-table-btn { font-size: 14px; min-width: unset; width: 100%; border: 1px solid #373948; }
    .mp-section .mp-section-sub-title { font-size: 20px; padding-bottom: 16px; padding-left: 0; }
    .mp-table td:not(:nth-child(1)) { border-left: 0; }
}

/* 마이페이지 - 주문/배송 단계 안내 */
.order-guide-wrap { margin-top: 16px; }
.order-guide-step { background: #f0ece9; padding: 24px 0; justify-content: center; align-items: center; gap: 24px; }
.order-guide-step .icon { font-size: 32px; }
.order-guide-step-item { width: 104px; text-align: center; align-items: center; gap: 16px; }
.order-guide-step-item .img { width: 40px; }
.order-guide-step-item .txt { font-size: 17px; font-weight: 500; }
.order-guide-txt-wrap { background: #fcfcfc; border: 1px solid #e4e4e4; padding: 24px; gap: 8px; margin-top: 16px; }
.order-guide-txt { padding-left: 12px; gap: 8px; position: relative; }
.order-guide-txt::after { content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #949599; border-radius: 50%; left: 0; top: 8.5px; }
.order-guide-txt .title { width: 64px; font-size: 14px; font-weight: 600; color: #949599; line-height: 1.5; }
.order-guide-txt.col-group .txt { width: calc( 100% - 64px - 8px ); }
.order-guide-txt .txt { font-size: 14px; font-weight: 300; color: #949599; line-height: 1.5; }
.order-guide-txt .sub-txt { font-size: 12px; font-weight: 300; color: #949599; line-height: 1.75; margin-top: 8px; }
.order-guide-txt .link { display: inline-block; font-weight: bold; }
@media screen and (max-width:1280px) {
    .order-guide-wrap { margin-top: 16px; }
    .order-guide-step { flex-flow: wrap; background: none; padding: 0; justify-content: flex-start; gap: 24px 0; }
    .order-guide-step .icon { font-size: 20px; }
    .order-guide-step-item { width: calc( ( 100% - 20px * 3 ) / 3 ); }
    .order-guide-step-item .img { width: 36px; }
    .order-guide-step-item .txt { font-size: 14px; }
    .order-guide-txt-wrap { background: none; border: 0; padding: 0; margin-top: 24px; }
    .order-guide-txt { padding-left: 8px; }
    .order-guide-txt::after { top: 7px; }
    .order-guide-txt .title { width: 58px; font-size: 12px; }
    .order-guide-txt.col-group .txt { width: calc( 100% - 58px ); }
    .order-guide-txt .txt { font-size: 12px; }
    .order-guide-txt .sub-txt { font-size: 11px; margin-top: 4px; }
}

.delivery_modal .modal-form-item .item-default {
    flex:0 0 auto;
    width:92px; margin-right:8px;
}

/* 마이페이지 - 주문내역 - 교환반품 모달 */
.modal-wrap .prod-table-item { padding: 0; padding-bottom: 16px; border-bottom: 1px solid #e4e4e4; margin-bottom: 16px; }
.modal-form-wrap { gap: 24px; }
.modal-form-title { font-size: 20px; font-weight: bold; }
.modal-form-item { gap: 16px; }
.modal-form-item .item-default { font-size: 14px; font-weight: 500; }
.modal-form-item .item-user { gap: 16px; }
.modal-form-item .textarea-default { height: 120px; }
.modal-form-item .textarea-default, .modal-form-item .textarea-default::placeholder { font-size: 14px; }
.review-file-upload-wrap { width: 100%; gap: 16px; flex-flow: wrap; align-items: flex-start; }
.review-file-upload-btn { display: flex; flex-flow: column; justify-content: center; gap: 8px; width: 112px; height: 112px; background-color: #f5f5f5; text-align: center; font-size: 14px; font-weight: bold; color: #a7a7a7; border: dashed 1px #a7a7a7; }
.review-file-upload-wrap .xi-plus { font-size: 24px; color: #a7a7a7; }
.review-file-preview-wrap { gap: 16px; flex-flow: wrap; max-width: calc( 100% - 112px - 16px ); }
.review-file-preview { width: 112px; height: 112px; border: 1px solid #e4e4e4; padding: 8px; position: relative; }
.review-file-preview-label { font-size: 12px; color: #fff; width: 36px; height: 18px; line-height: 18px; text-align: center; background: #0091f0; position: absolute; top: 0; left: 0; display: none; }
.review-file-preview:first-child .review-file-preview-label { display: block; }
.review-file-preview-img { height: 100%; object-fit: contain; object-position: center; }
.review-file-preview-wrap .xi-close { font-size: 18px; color: #0091f0; position: absolute; top: 0; right: 0; cursor: pointer; background: #fff; }
@media screen and (max-width:1280px) {
    .modal-form-wrap { gap: 16px; }
    .modal-form-title { font-size: 15px; }
    .modal-form-item { gap: 8px; }
    .modal-form-item .item-user { gap: 8px; }
    .modal-form-item .textarea-default { height: 80px; }
}

@media screen and (max-width:768px) {
    .review-file-upload-wrap { gap: 16px; }
    .review-file-upload-btn { width: 104px; height: 104px; font-size: 14px;}
    .review-file-upload-wrap .xi-plus { font-size: 24px; }
    .review-file-preview-wrap { gap: 16px; flex-flow: wrap; width: 100%; max-width: unset; }
    .review-file-preview { width: 104px; height: 104px; padding: 8px; }
    .review-file-preview-wrap .xi-close { font-size: 16px; }
}

/* 마이페이지 - 주문내역 상세 */
.mp-order-title-group { gap: 16px; align-items: baseline; }
.mp-order-title-date { font-size: 20px; font-weight: 600; }
.mp-order-title-number { font-size: 17px; font-weight: 300; }
.myPage-section .order-detail-list { border-top: 1px solid #373948; }
.order-detail-toggle-group .order-detail-item { cursor: pointer; }
.myPage-section .order-detail-sub-list { border-top: 0; border-bottom: 0; }
.order-detail-sub-list { border-top: 0; border-bottom: 0; background: #fcfcfc; height: 0; overflow: hidden; }
.order-detail-sub-item { padding: 8px 0; }
.order-detail-sub-item:not(:last-child) {  border-bottom: 0; }
.order-detail-sub-item .item-default { font-size: 14px; }
.order-detail-sub-item .item-user { font-size: 14px; }
.order-detail-toggle-group .order-detail-item .toggle-icon { font-size: 17px; display: inline-block; padding-left: 8px; }
.order-detail-total-price { line-height: 1.5; font-weight: bold; font-size: 24px; }
.prod-item-coupon-detail { font-size: 12px; font-weight: 300; line-height: 1.25; padding: 0 24px; }

.order-detail-toggle-group.active .toggle-icon { transform: rotateX(180deg); }
.order-detail-toggle-group.active .order-detail-sub-list { height: auto; border-bottom: 1px solid #e4e4e4; }
@media screen and (max-width:1280px) {
    .mypage_order_detail .mp-section-title-wrap { display: flex; margin-bottom: 0; }
    .mypage_order_detail .order-del-btn { display: none; }
    .mp-order-title-group { width: 100%; justify-content: space-between; padding: 12px 24px; background: #f5f5f5 }
    .mp-order-title-date { font-size: 12px; }
    .mp-order-title-number { font-size: 12px; }

    .mypage_order_detail .prod-table-wrap { border-top: 0; }
    .mypage_order_detail .prod-table tbody tr { padding: 16px 0; border-bottom: 1px solid #e4e4e4; }
    .mypage_order_detail .prod-table td:nth-child(2) { display: none; }
    .mypage_order_detail .prod-table td:nth-child(3) { padding-left: 96px; padding-right: 0; }
    .mypage_order_detail .prod-table td:nth-child(4) { padding-right: 0; }
    .mypage_order_detail .prod-table-item { padding-left: 0; padding-right: 0; }
    .mypage_order_detail .prod-table .prod-deli-group { padding: 0; }

    .mypage_order_detail .mp-section { padding: 0 24px; }
    .order-detail-toggle-group .order-detail-item { flex-flow: row; align-items: center; }
    .order-detail-sub-list { border-top: 0; border-bottom: 0; background: #fcfcfc; height: 0; overflow: hidden; }
    .order-detail-sub-item { padding: 8px 0; }
    .order-detail-sub-item:not(:last-child) {  border-bottom: 0; }
    .order-detail-sub-item:last-child { padding-bottom: 8px; }
    .order-detail-toggle-group .item-default { width: auto; }
    .order-detail-toggle-group .item-user { width: auto; }
    .order-detail-toggle-group .order-detail-item .toggle-icon { font-size: 17px; display: inline-block; padding-left: 8px; }
    .order-detail-total-price { font-size: 16px; }
    .prod-item-coupon-detail { font-size: 12px; font-weight: 300; line-height: 1.25; padding: 0 24px; }
    
    .order-detail-toggle-group.active .toggle-icon { transform: rotateX(180deg); }
    .order-detail-toggle-group.active .order-detail-sub-list { height: auto; border-bottom: 1px solid #e4e4e4; }

    /* 마이페이지 - 환불 상세 */
    .mypage_refund_detail .prod-table td { order: unset !important; }
    .mypage_refund_detail .mb-prod-item-title { left: 0; }
    .mypage_refund_detail .prod-table .prod-deli-group { justify-content: flex-end; text-align: right; width: 100%; }
    .mypage_refund_detail .prod-item-order-state.pc { display: none; }
}

/* 마이페이지 - 구매후기 */
.myPage-section .review-list { border-top: 2px solid #373948; }
.myPage-section .review-item { flex-flow: wrap; gap: 0 16px; padding: 0; border-bottom: 1px solid #373948; }
.mp-review-group { width: 100%; justify-content: space-between; align-items: center; padding: 16px; }
.mp-review-group:first-child { border-bottom: 1px solid #e4e4e4; }
.mp-review-group .prod-table-item { padding: 0; width: calc( 100% - 104px ); align-items: center; }
.mp-review-group .prod-table-item .img-box { width: 56px; height: 56px; }
.mp-review-group .prod-table-item .txt-wrap { width: calc( 100% - 56px - 12px ); }
.mp-review-group .prod-table-item .prod-item-title { width: calc( 100% - 56px - 12px ); font-size: 17px; }
.mp-review-btn-wrap { gap: 24px; align-items: center; }
.mp-review-btn { font-size: 17px; font-weight: 600; color: #0088ff; position: relative; }
.mp-review-btn:not(:last-child)::after { content: ''; display: block; position: absolute; width: 1px; height: 15px; background: #e4e4e4; right: -12px; top: 2.5px; }

@media screen and (max-width: 1280px) {
    .myPage-section .review-list { border-top: 1px solid #e4e4e4; }
    .myPage-section .review-item { border-bottom: 1px solid #e4e4e4; }
    .mp-review-group { flex-flow: column-reverse; gap: 16px; align-items: flex-start; position: relative; }
    .mp-review-group:first-child { padding-bottom: 40px; }
    .mp-review-group .prod-table-item { width: 100%; gap: 8px; }
    .mp-review-group .prod-table-item .txt-wrap { width: 100%; }
    .mp-review-group .prod-table-item .prod-item-title { width: calc( 100% - 56px - 8px ); font-size: 14px; }

    .review-item .mp-review-group .txt-group { justify-content: flex-start; gap: 8px; }

    .mp-review-btn-wrap { position: absolute; gap: 16px; right: 16px; bottom: 16px; }
    .mp-review-btn { font-size: 14px; font-weight: 300; }
    .mp-review-btn:not(:last-child)::after { height: 12px; right: -8px; top: 2.5px; }
}

/* 마이페이지 - 관심 상품 */
.myPage-section .prod-item-list { margin-top: 24px; }

/* 이벤트 event.html [ event-contents-wrap ] */
.notice-section { margin-top: 165px; padding-top: 80px;  padding-bottom: 120px; }
.notice-section .section-title { position: relative; font-family: 'RegularBoldCelloGX'; font-size: 56px; font-weight: 900; color: #373948; text-align: center; }
.notice-section .section-title::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%);  height: 16px; width: 100%; max-width: 234px; background-color: #f8e00e; z-index: -1; }
.notice-section .page-btn-wrap { display: flex; align-items: center; gap: 8px; justify-content: center; margin-top: 56px; }
.notice-section .page-btn-wrap .page-btn { width: 100%; max-width: 160px; border: 1px solid #e4e4e4; padding: 16px 0; }
.notice-section .page-btn-wrap .page-btn.active { background-color: #373948; color: #fff; border: 1px solid #373948; } 
.notice-section .event-contents-wrap { display: flex; flex-wrap: wrap; gap: 40px 24px; margin-top: 40px; margin-bottom: 50px; border-top: 2px solid #484848; border-bottom: 2px solid #484848; padding: 40px 0;}
.notice-section .event-contents-wrap .content { width: calc((100% - 24px * 2) / 3); }
.notice-section .event-contents-wrap .content-img-wrap { position: relative; margin-bottom: 13px; }
.notice-section .event-contents-wrap .content-img-wrap::before { width: 100%;  display: block;  content: "";  padding-top: 100%; }
.notice-section .event-contents-wrap .content-img-wrap img { position: absolute; left: 0;  top: 0;  width: 100%;  height: 100%; object-fit: cover; object-position: center; }
.notice-section .event-contents-wrap .content-title { font-size: 20px; font-weight: bold; color: #373948; margin-bottom: 8px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.notice-section .event-contents-wrap .content-date { font-size: 14px; font-weight: 300; color: #949599; }

@media screen and (max-width: 1280px) {
    .notice-section { margin-top: 0; padding: 24px 0 40px; }
    .notice-section .section-title { display: none; }
    .notice-section .page-btn-wrap { display: none; }
    .notice-section .event-contents-wrap {  gap: 32px 8px; border: unset; margin: unset; padding: 0 0 40px; }
    .notice-section .event-contents-wrap .content { width: calc((100% - 8px * 1) / 2);  }
    .notice-section .event-contents-wrap .content-img-wrap { margin-bottom: 16px; }
    .notice-section .event-contents-wrap .content-title { font-size: 15px; line-height: 1.5;}
    .notice-section .event-contents-wrap .content-date { font-size: 13px; }
}

/* 이벤트상세 eventDetail.html [ detail-section ] */
.detail-section { margin-top: 165px; padding-top: 80px;  padding-bottom: 120px; }
.detail-section .detail-title-wrap { text-align: center; border-top: 2px solid #373948; border-bottom: 1px solid #dedede; padding: 24px 0;  }
.detail-section .detail-title { font-size: 32px; font-weight: 600; color: #373948; margin-bottom: 16px; }
.detail-section .detail-date { font-size: 17px; font-weight: 300; color: #373948; }
.detail-section .content { padding: 40px 0; border-bottom: 1px solid #dedede; margin-bottom: 40px; }
.detail-section .prod-item-list { padding-bottom: 40px; border-bottom: 1px solid #dedede; margin-bottom: 40px; }
.detail-section .list-btn { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 56px; height: 56px; border-radius: 50%; border: 2px solid #e4e4e4; }
.detail-section .list-btn i { font-size: 24px; color: #484848; }
.detail-section .relation-product { margin-bottom: 40px;  padding: 40px 0; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }

@media screen and (max-width: 1280px) {
    .detail-section { margin-top: unset; padding:0 0 40px ; }
    .detail-section .detail-title-wrap { border-top: unset; border-bottom: 2px solid #373948; }
    .detail-section .detail-title { font-size: 18px; margin-bottom: 8px; }
    .detail-section .detail-date { font-size: 14px; }
    .detail-section .content { padding: 24px 0; margin-bottom: 24px; }
    .detail-section .prod-item-list { padding-bottom: 24px; margin-bottom: 24px; }
    .detail-section .relation-product { border-top: unset; padding: 0 0 24px; }
    .detail-section .list-btn { display: none; }
}


/* faq faq.html [ notice-section ] */
.notice-section .title-faq::after { max-width: 136px; }
.notice-section .faq-contents-wrap { display: flex; flex-wrap: wrap; margin-top: 40px; margin-bottom: 50px; border-top: 2px solid #484848; border-bottom: 2px solid #484848;}
.notice-section .faq-filter-wrap { display: flex; align-items: center; justify-content: center; margin-top: 56px; gap: 32px; }
.notice-section .faq-filter-wrap .faq-btn { position: relative; font-size: 17px; font-weight: 500; color: #373948; opacity: 0.5; }
.notice-section .faq-filter-wrap .active { opacity: unset; }
.notice-section .faq-filter-wrap .faq-btn:not(:last-child):after { position: absolute; content: ""; top: 50%; right: -16px; transform: translate(-50%, -50%); width: 1px; height: 20px; background-color: #e4e4e4; }

@media screen and (max-width: 1280px) {
    .notice-section .faq-filter-wrap { max-width: 768px; margin: 0 auto; flex-wrap: wrap; gap: 8px; }
    .notice-section .faq-filter-wrap .faq-btn { display: flex; justify-content: center; align-items: center; width: calc((100% - 8px * 2) / 3); height: 40px; border: 1px solid #e4e4e4; font-size: 13px; opacity: unset; }
    .notice-section .faq-filter-wrap .active { background-color:  #373948; color: #fff; border: 1px solid #373948; } 
    .notice-section .faq-filter-wrap .faq-btn:not(:last-child):after { display: none; }
    .notice-section .faq-contents-wrap { max-width: 768px; margin: 24px auto; border-bottom: unset; }
}

.faq-contents-wrap .que-wrap { width: 100%;  display: flex; align-items: center; padding: 20px 24px; cursor: pointer; border-bottom: 2px solid #e4e4e4; }
.faq-contents-wrap .tab-content { border-bottom: 2px solid #a8a8a8;  }
.faq-contents-wrap .content-wrap { display: flex; align-items: center; }
.faq-contents-wrap .row-item1 { width: 5%; width: 56px; height: 56px; background-color: #373948; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 32px; color: #fff; font-weight: bold; }
.faq-contents-wrap .row-item2 { width: 90%; }
.faq-contents-wrap .que-wrap i { width: 5%; text-align: center;}
.faq-contents-wrap .question-type { min-width: 115px; font-size: 20px; font-weight: bold; color: #202020; text-align: left; margin-right: 24px;  margin-left: 24px; }
.faq-contents-wrap .question-title { max-width: 1080px; font-size: 20px; font-weight: 300; color: #333; line-height: 1.3; }
.faq-contents-wrap  i { font-size: 32px; color: #333; }
.faq-contents-wrap .anw-wrap { display: none; overflow: hidden; width: 100%;  }
.faq-contents-wrap .anw-wrap .contents {  display: flex; align-items: center; padding: 32px 24px; border-top: 2px solid #e4e4e4; background-color: #f5f5f5; }
.faq-contents-wrap .anw-text {  width: 5%; width: 56px; height: 56px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 32px; color: #373948;; font-weight: bold; margin-right: 24px; }
.faq-contents-wrap .anw-content {width: 95%; font-size: 18px; font-weight: 300; color: #333;  line-height: 1.56; }

@media screen and (max-width: 1280px) {
    .faq-contents-wrap .row-item1 { display: none; }
    .faq-contents-wrap .que-wrap { padding: 16px 8px; border-top: unset;}
    .faq-contents-wrap .row-item2 { width: 100%; }
    .faq-contents-wrap .question-type { min-width: 80px; font-size: 14px; font-weight: 500; margin-left: unset; }
    .faq-contents-wrap .question-title { font-size: 14px; max-width: 573px; line-height: 1.54; }
    .faq-contents-wrap i { font-size: 16px; }
    .faq-contents-wrap .anw-wrap .contents { padding: 24px 8px; border-top:unset; border-top: 1px solid #e4e4e4;}
    .faq-contents-wrap .anw-content { font-size: 13px; line-height: 1.54; }
}

/* inquiry inquiry.html [ notice-section ] */
.notice-section .title-inquiry::after { max-width: 298px; }
.notice-section .inquiry-wrap { padding: 0 24px; margin: 40px 0; border-top: 2px solid #484848; border-bottom: 2px solid #484848;}
.notice-section input[type="radio"] {  display: block; width: 20px; height: 20px; accent-color: #373948;  }
.notice-section .input-wrap { display: flex;  gap: 80px; padding: 32px 0; align-items: center; }
.notice-section .input-wrap .input-title { min-width: 76px; font-size: 17px; font-weight: bold; color: #373948; }
.notice-section .input-wrap .radio-wrap { display: flex; gap: 40px;}
.notice-section .input-wrap .form-select { display: none; }
.notice-section .input-wrap .radio-item { display: flex; gap: 8px; align-items: center;}
.notice-section .input-wrap .star-mark { margin-left: 8px; }
.notice-section .input-wrap .radio-title { font-size: 17px; font-weight: 300; color: #373948; line-height: 1.41; }
.notice-section .input-wrap .inner-input { display: flex;  align-items: center; gap: 80px; width: 100%; }
.notice-section .input-default { width: 100%; max-width: 440px; }
.notice-section .textarea-default { height: 326px; }
.notice-section .po-wrap { align-items: start; }
.notice-section .po-wrap .input-title { padding-top: 16px; }
.notice-section .phone-input { width: 100%; display: flex; gap: 8px; }
.notice-section .phone-input .select-wrap { display: none;}
.notice-section .re-input-wrap .mb { display: none;}

@media screen and (max-width: 1280px) {
    .notice-section .inquiry-wrap { margin-top: 24px; border-top: unset; padding: 0; display: flex; flex-flow: column; gap: 16px; border-bottom: 0; }
    .notice-section .input-wrap { flex-direction: column; align-items: start; gap: 16px; padding: 0; }
    .notice-section .input-wrap .radio-wrap { display: none; }
    .notice-section .input-wrap .form-select { display: block; }
    .notice-section .re-input-wrap { padding: unset; padding-bottom: 16px; }
    .notice-section .re-input-wrap .pc { display: none;}
    .notice-section .re-input-wrap .mb { display: block;}
    .notice-section .re-input-wrap .select-wrap { width: 100%; }
    .notice-section .col-input-wrap { gap: 32px; }
    .notice-section .input-default { max-width: unset; }
    .notice-section .input-wrap .inner-input { flex-direction: column; align-items: start;  gap: 16px;}
    .notice-section .textarea-default { height: 176px; }
    .notice-section .input-wrap .input-title { font-size: 15px;}
    .notice-section .phone-input { width: 100%; display: flex; gap: 8px; }
    .notice-section .phone-input .prod-detail-select { width: 103px; height: 48px; border: 1px solid #e4e4e4; }
    .notice-section .phone-input .select-wrap { display: block;}
    .notice-section .po-wrap .input-title { padding-top: unset; }
}

.file-upload-btn { display: inline-block; width: 136px; height: 52px; background-color: #373948; text-align: center; line-height: 52px; font-size: 14px; font-weight: 300; color: #fff;  }
.file-upload-wrap { width: 100%; }
.file-upload-wrap .guide-txt { font-size: 17px; color: #aeaeae; display: inline-block; padding-left: 16px; }
.file-preview { margin-top: 16px; width: 100%; height: 52px; background: #f5f5f5; border-radius: 4px; padding: 0 16px; padding-right: 48px; border-radius: 4px; position: relative;  }
.file-preview .file-name { line-height: 52px; font-size: 16px; color: #373948; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.file-del-btn { font-size: 18px; color: #0091f0; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; cursor: pointer; }
.file-del-btn i { color: #0091f0;}
.notice-section .file-input-wrap { padding-bottom: 16px; }
.notice-section .btn-wrap { display: flex; justify-content: center;}
.notice-section .inquiry-add-btn { width: 100%; max-width: 240px;  height: 64px; background-color: #373948; color: #fff;  font-size: 18px; font-weight: bold; }
@media screen and (max-width:1280px) {
    .file-upload-btn { width: 102px; height: 32px; line-height: 32px; font-size: 14px; border-radius: 2px; }
    .file-upload-wrap .guide-txt { font-size: 14px; padding-left: 0; margin-top: 8px; }
    .file-preview { margin-top: 8px; height: 40px; border-radius: 2px; padding: 0 8px; padding-right: 48px; }
    .file-preview .file-name { line-height: 40px; font-size: 14px; }
    .file-del-btn { font-size: 16px; right: 8px;}
    .notice-section .inquiry-add-btn { max-width: unset; height: 48px; font-size: 14px; }
}

/* =========
   마이페이지 - 개인정보 관리  [ myInfoContent ]
===========*/
.myInfoContent .user-sign-wrap { max-width: 520px; margin-top: 40px; }
.myInfoContent .sns-wrap { display: flex; gap: 16px; margin-bottom: 32px; }
.myInfoContent .sns-wrap img { max-width: 51px; }
.myInfoContent .sns-img-item { background-position: center; background-repeat: no-repeat; background-size: contain; width: 51px; height: 51px; }
.myInfoContent .sns-img-item.kakao { background-image: url('/images/kakao-before.png'); }
.myInfoContent .kakao.on { background-image: url('/images/kakao-after.png'); }
.myInfoContent .sns-img-item.naver { background-image: url('/images/naver-before.png'); }
.myInfoContent .naver.on { background-image: url('/images/naver-after.png'); }
.myInfoContent .user-sign-wrap .input-title { margin-bottom: 16px; }
.myInfoContent .inner-wrap { display: flex; align-items: center; gap: 16px; }
.myInfoContent #switchTitle { font-size: 17px; font-weight: bold; color: #aeaeae; }
.myInfoContent .input-default { font-size: 17px; font-weight: 300; color: #373948; }
.myInfoContent .info-change-btn { width: 100%; max-width: 154px; height: 52px; font-size: 17px; font-weight: bold; color: #fff; background-color: #373948; text-align: center; line-height: 52px;}
.myInfoContent .chk-item-wrap {background-color: #f5f5f5; }
.myInfoContent .withdrawal-btn { font-size: 17px; font-weight: 500; color: #949599;  text-decoration: underline; margin-top: 24px; }
@media screen and (max-width:1280px) {
    .myInfoContent .user-sign-wrap { max-width: unset; display: flex; flex-direction: column; }
    .myInfoContent .sns-wrap { order: 8; gap: 7px; }
    .myInfoContent .switch-input-wrap { order: 7; }
    .myInfoContent .user-sign-wrap .input-title { margin-bottom: 8px; }
    .myInfoContent .inner-wrap { flex-direction: row; gap: 8px; }
    .myInfoContent .info-change-btn { max-width: 102px; height: 44px; line-height: 44px; font-size: 14px; font-weight: 300;; }
    .myInfoContent .code-btn { max-width: 102px; height: 44px; font-size: 14px; font-weight: 300; }
    .myInfoContent .sns-img-item { width: 35px; height: 35px; }
    .myInfoContent #switchTitle { font-size: 14px; font-weight: 500; }
    .myInfoContent .policy-chk-wrap { order: 9;  margin-bottom: 24px; }
    .myInfoContent .withdrawal-btn { order: 11; margin-top: 12px; font-size: 15px; }
    .myInfoContent .user-btn { order: 10;}
}
@media screen and (max-width:768px) {
    .mp-contents-wrap .coupon-wrap {  width: 100%; margin: 0 auto; }
}

/* ----- 회원탈퇴모달 withdrawal-modal */
.withdrawal-modal .modal-wrap {  max-width:464px; }
.withdrawal-modal .modal-title-wrap { display: flex; flex-direction: column; justify-content: center; gap: 24px; text-align: center; width: 100%;}
.withdrawal-modal .modal-title { text-align: center; width: 100%; }
.withdrawal-modal .sub { text-align: center; width: 100%; font-size: 17px; font-weight: 300; color: #373948; line-height: 1.41; }
.withdrawal-modal input[type="radio"] {  display: block; width: 20px; height: 20px; accent-color: #373948;  }
.withdrawal-modal .input-wrap { padding-bottom: 24px; border-bottom: 1px solid #373948;}
.withdrawal-modal .input-wrap .title { font-size: 20px; font-weight: bold; color: #373948; margin-bottom: 24px; }
.withdrawal-modal .radio-wrap { display: flex; flex-direction: column; gap: 16px; }
.withdrawal-modal .radio-item { display: flex; align-items:center; gap: 8px; }
.withdrawal-modal .radio-title { font-size: 17px; font-weight: 500; color: #373948; opacity: 0.5; }
.withdrawal-modal .etc-wrap { display: none;}
.withdrawal-modal .etc-wrap.open { display: block; }
.withdrawal-modal .etc-wrap textarea { width: 100%; height: 200px; }
.withdrawal-modal .guide-wrap { margin-top: 20px; display: flex; flex-direction: column; gap: 12px; }
.withdrawal-modal .list-item-wrap { display: flex; align-self: start; }
.withdrawal-modal .circle-mark { margin-right: 8px; padding-top: 6px; font-size: 8px; font-weight: 300; color: #949599; }
.withdrawal-modal .list-txt { font-size: 14px; font-weight: 300;  color: #949599; line-height: 1.5; }
.withdrawal-modal .point-style2 { font-weight: 500; }
.withdrawal-modal .checkbox-wrap { margin: 24px 0 16px; border: 1px solid #e4e4e4; padding: 12px 16px; }
.withdrawal-modal .modal-btn { height: 48px; line-height: 44px; font-size: 14px; }
@media screen and (max-width:1280px) {
    .withdrawal-modal .modal-wrap {  max-width:464px; }
    .withdrawal-modal .modal-title-wrap { gap: 16px; }
    .withdrawal-modal .sub { font-size: 13px; }
    .withdrawal-modal input[type="radio"] { width: 16px; height: 16px; }
    .withdrawal-modal .input-wrap { padding-bottom: 16px; }
    .withdrawal-modal .input-wrap .title { font-size: 16px; margin-bottom: 16px; }
    .withdrawal-modal .radio-wrap { gap: 12px; }
    .withdrawal-modal .radio-title { font-size: 13px; }
    .withdrawal-modal .etc-wrap textarea { height: 80px; }
    .withdrawal-modal .guide-wrap { margin-top: 20px; display: flex; flex-direction: column; gap: 12px; }
    .withdrawal-modal .list-item-wrap { display: flex; align-self: start; }
    .withdrawal-modal .circle-mark { margin-right: 8px; padding-top: 6px; font-size: 8px; font-weight: 300; color: #949599; }
    .withdrawal-modal .list-txt { font-size: 14px; font-weight: 300;  color: #949599; line-height: 1.5; }
    .withdrawal-modal .point-style2 { font-weight: 500; }
    .withdrawal-modal .checkbox-wrap { margin: 24px 0 16px; border: 1px solid #e4e4e4; padding: 12px 16px; }
    .withdrawal-modal .modal-btn { height: 48px; line-height: 44px; font-size: 14px; }
}
@media screen and (max-width:768px) {
    .withdrawal-modal .modal-wrap { max-height: unset; }
    .withdrawal-modal .modal-con-wrap { max-height: unset; }
}

/* =========
   마이페이지 - 배송지/ 계좌관리  [ myPageContent/ myDetailContent]
===========*/
.myDetailContent .mp-set-wrap { display: flex; justify-content: start; gap: 16px; padding: 24px 0; }
.myDetailContent .mp-set-wrap .default-btn { height: 52px; line-height: 48px;}
.myDetailContent .mp-set-wrap .btn-wh { width: 144px; }
.myDetailContent .mp-set-wrap .btn-bk { width: 128px; }
.myDetailContent input[type="radio"] {  display: block; width: 20px; height: 20px; accent-color: #373948;  }
.myDetailContent .adr-list { width: 100%; }
.myDetailContent .adr-item { width: 100%; display: flex; padding: 32px 24px; border-bottom: 1px solid #e4e4e4; }
.myDetailContent .adr-item:first-child { border-top: 1px solid #e4e4e4;}
.myDetailContent .adr-item .info-txt { font-size: 17px; font-weight: 300; color: #373948; }
.myDetailContent .adr-item .item-1 { min-width: 20px; margin-right: 16px; }
.myDetailContent .adr-item .item-2 { width: 10%; max-width: 183px; margin-right: 80px; }
.myDetailContent .adr-item .item-3 { width: calc(100% - 183px - 20px - 90px); }
.myDetailContent .adr-item .user-info-wrap { display: flex; width: calc(100% - 20px - 90px); }
.myDetailContent .adr-item .item-4 { width: 90px;}
.myDetailContent .adr-item .user-title-info { display: flex; flex-direction: column; gap: 16px; min-width: 104px; }
.myDetailContent .adr-item .name { font-size: 18px; font-weight: bold; color: #373948; }
.myDetailContent .adr-item .user-detail-info { display: flex; flex-direction: column; gap: 16px; }
.myDetailContent .adr-item .user-set-wrap { display: flex; gap: 20px; }
.myDetailContent .adr-item .set-btn { font-size: 17px; font-weight: 600; color: #08f; justify-content: end;} 
.myDetailContent .adr-item .del-btn { position: relative; }
.myDetailContent .adr-item .del-btn::after { position: absolute; content: ""; left: -10px; top: 50%; transform: translateY(-50%); width: 1px; height: 17px; background-color: #e4e4e4; }
@media screen and (max-width:1280px) {
    .myDetailContent .mp-set-wrap { padding: 24px 0 16px; }
    .myDetailContent .mp-set-wrap .btn-wh { width: 50%;  height: 40px; font-size: 14px; } 
    .myDetailContent .mp-set-wrap .btn-bk { width: 50%; height: 40px; font-size: 14px;}
    .myDetailContent .adr-item .item-1 { min-width: 16px; margin-right: 15px; }
    .myDetailContent .adr-item { position: relative; padding: 24px 5px; }
    .myDetailContent .adr-item:first-child { border-top: unset; }
    .myDetailContent input[type="radio"] { width: 16px; height: 16px; }
    .myDetailContent .adr-item .user-info-wrap { flex-direction: column; width: 100%;  }
    .myDetailContent .adr-item .item-2 {max-width: unset;}
    .myDetailContent .adr-item .user-title-info { display: flex; align-items: center; flex-direction: unset; gap: 17px; width: 100%; margin-bottom: 8px; }
    .myDetailContent .adr-item .name { position: relative; font-size: 15px; font-weight: 600;}
    .myDetailContent .adr-item .adr-type { font-size: 15px;}
    .myDetailContent .adr-item .name::before { position: absolute; content: ''; width: 1px; height: 17px; background-color: #373948; top: 50%; right: -8.5px; transform: translateY(-50%);}
    .myDetailContent .adr-item .user-detail-info { width: 100%; gap: 8px; }
    .myDetailContent .adr-item .item-4 { width: unset; position: absolute; right: 0; top: 25px;}
    .myDetailContent .adr-item .set-btn { font-size: 13px; }
    .myDetailContent .adr-item .info-txt { font-size: 13px; line-height: 1.3; }
}

/* ----- 배송지등록모달 add-adr-modal */
.add-adr-modal .modal-wrap { max-width: 464px; }
.add-adr-modal .inner-group { display: flex; flex-direction: column;  }
.add-adr-modal .inner-group.top { gap: 16px; border-bottom: 1px solid #373948; padding-bottom: 24px; margin-bottom: 24px;}
.add-adr-modal .inner-wrap { display: flex; gap: 8px;}
.add-adr-modal .code-btn { min-width: 120px; height: 52px; font-size: 14px; font-weight: 300; }
.add-adr-modal .inner-group.btm { gap: 8px;  }
.add-adr-modal .checkbox-wrap { margin-top: 16px;}
.add-adr-modal .modal-btn { max-width: unset; }
.add-adr-modal .modal-btn-wrap { margin-top: 42px; }
@media screen and (max-width:768px) {
    .add-adr-modal .inner-group.top { gap: 8px; }
    .add-adr-modal .modal-wrap { max-width: unset; height: 100%; }
    .add-adr-modal .inner-group.top { gap: 8px; padding-bottom: 16px; margin-bottom: 16px; }
    .add-adr-modal .modal-btn-wrap { margin-top: 24px; }
    .add-adr-modal .code-btn { height: 48px; }
}

/* ----- 우편번호 검색 모달 code-search-modal */
.code-search-modal .modal-wrap { max-width: 464px; }
.code-search-modal .input-wrap { display: flex; gap: 8px; }
.code-search-modal .search-btn { min-width: 96px; height: 52px; font-size: 14px; font-weight: 300; }
.code-search-modal .tip-wrap { margin-top: 20px; }
.code-search-modal .tip-wrap .title { font-size: 14px; font-weight: 500; color: #aeaeae; margin-bottom: 10px; }
.code-search-modal .tip-wrap .sub { font-size: 12px; font-weight: 200; color: #373948; line-height: 1.67; max-width: 330px; }
.code-search-modal .result-wrap { margin-top: 24px;}
.code-search-modal .title { display: flex; font-size: 14px; font-weight: 300; color: #373948;}
.code-search-modal .title .num { margin: 0 4px; font-size: 14px; font-weight: 300; color: #373948; }
.code-search-modal .scroll-wrap { height: 420px; overflow-y: scroll; -ms-overflow-style: none;  scrollbar-width: none; }
.code-search-modal .scroll-wrap::-webkit-scrollbar {  display: none; }
.code-search-modal .result-title-wrap { display: flex; border-top: 1px solid #373948; border-bottom: 1px solid #e4e4e4;  margin-top: 16px; padding: 16px 0; text-align: center; }
.code-search-modal .item-1 { width: 30%; min-width: 104px;}
.code-search-modal .item-2 { width: 70%; }
.code-search-modal .result-item { display: flex; padding: 15px 0; border-bottom: 1px solid #e4e4e4; }
.code-search-modal .result-item .code-num { text-align: center; }
.code-search-modal .result-item .info { font-size: 14px; font-weight: 300; color: #373948; line-height: 1.5;}
@media screen and (max-width:768px) {
    .code-search-modal .modal-wrap { max-width: unset; }
    .code-search-modal .tip-wrap .title { font-size: 12px; }
    .code-search-modal .tip-wrap .sub { font-size: 10px; }
    .code-search-modal .result-wrap { margin-top: 48px; border-bottom: 1px solid #e4e4e4; }
    .code-search-modal .title { font-size: 11px; }
    .code-search-modal .title .num { font-size: 11px; }
    .code-search-modal .result-title-wrap { margin-top: 14px; padding: 12px 0; }
    .code-search-modal .item-1 { font-size: 11px; line-height: 1.5; }
    .code-search-modal .item-2 { font-size: 11px;}
    .code-search-modal .result-item { padding: 14px 0;}
    .code-search-modal .result-item .info { font-size: 12px;}
    .code-search-modal .scroll-wrap { height: 357px; }
    .code-search-modal .search-btn { height: 48px; min-width: 103px; }
}

/* ----- 환불계좌 관리  user-account-wrap */
.user-account-wrap { margin-top: 40px; width: 100%; max-width: 520px; }
.user-account-wrap .input-title { margin-bottom: 16px; }
.user-account-wrap .bank-select { max-width: 230px;}
.user-account-wrap .policy-chk-wrap { margin-bottom: unset;}
.user-account-wrap .chk-item-wrap { background-color: #f5f5f5; }
.user-account-wrap .policy-guide-wrap { padding: 16px 8px 16px 16px; }
.user-account-wrap .policy-guide-wrap .info { font-size: 14px; font-weight: 300; color: #373948; line-height: 1.5; }
.user-account-wrap .policy-guide-wrap .info.top { margin-bottom: 20px;}
@media screen and (max-width:1280px) {
    .myPage-section .user-account-wrap .mb-container { width: 100%; }
    .user-account-wrap { max-width: unset; }
    .user-account-wrap .bank-select { max-width: unset; height: 48px;}
    .user-account-wrap .policy-guide-wrap .info { font-size: 12px; line-height: 1.5; }
    .user-account-wrap .input-title { margin-bottom: 8px; }
    .user-account-wrap .policy-guide-wrap { padding: 24px 16px; }
    .refund-detail-con { padding: 0 16px;}
    .user-account-wrap .input-wrap:not(:last-child) { margin-bottom: 32px;}
    .refund-detail-con .mp-contents-wrap { margin-bottom: unset; }
}

/* 검색 결과 */
.search-container .product-wrap { width: 100%; max-width: 1440px; margin: 0 auto; }
.search-brand-list { gap: 16px; flex-flow: wrap; }
.search-brand-item { width: 140px; height: 48px; border-radius: 24px; border: 1px solid #202020; text-align: center; line-height: 46px; background: #fff; font-size: 17px; }
.search-brand-item:hover { background: #f5f5f5; }
@media screen and (max-width:1280px) {
    .search-container { gap: 12px; background: #f5f5f5; padding: 0; }
    .search-container .product-wrap { background: #fff; padding: 24px; }
    .search-brand-list { gap: 8px; }
    .search-brand-item { width: calc( (100% - 8px * 2) / 3 ); height: 36px; border-radius: 18px; line-height: 34px; font-size: 14px; }
}