/* 키패드 */
.keypad-group  { display: none; flex-direction: column; align-self: center; gap: 0.625rem; padding: 1.5rem 0; margin:auto; }
.keypad-group .keypad-line  { display: flex; justify-content: center; gap: 0.625rem; margin: auto; }
.keypad-group .keypad-line:first-child  { position: relative; margin-bottom:1.0625rem; }
.keypad-group .keypad-line:first-child::after  { content: ''; position: absolute; left:0; bottom:-0.9375rem; width:100%; height:0.3125rem; background-color: rgba(51,51,51,0.15); border-radius: 0.1563rem; }
.keypad-group .keypad-item  { width:2.5rem; height:2.625rem; border: 2px solid #ebebf7; border-radius: 0.625rem; font-size: 1.5rem; color: var(--main-title-color1); overflow: hidden; }
.keypad-group .keypad-item .card-body  { display: flex; align-items: center; justify-content: center; white-space: nowrap; padding:0; }
.keypad-group .keypad-item.keypad-backspace,
.keypad-group .keypad-item.keypad-shift,
.keypad-group .keypad-item.keypad-domestic,
.keypad-group .keypad-item.keypad-global,
.keypad-group .keypad-item.keypad-space  { text-indent: 250%; }
.keypad-group .keypad-item.keypad-backspace,
.keypad-group .keypad-item.keypad-shift { width:2.7em; }
.keypad-group .keypad-item.keypad-domestic,
.keypad-group .keypad-item.keypad-global  { width:3.8em; }
.keypad-group .keypad-item.keypad-space { width:10em; }
.keypad-group .keypad-item.keypad-shift  { background: url(/assets/renewal_assets/images/keypad_shift.png) center center / auto 48% no-repeat #fff; }
.keypad-group .keypad-item.keypad-shift:active  { background-image: url(/assets/renewal_assets/images/keypad_shift_active.png); }
.keypad-group .keypad-item.keypad-backspace { background: url(/assets/renewal_assets/images/keypad_delete.png) center center / auto 38% no-repeat #fff; }
.keypad-group .keypad-item.keypad-backspace:active  { background-image: url(/assets/renewal_assets/images/keypad_delete_active.png); }
.keypad-group .keypad-item.keypad-domestic  { background: url(/assets/renewal_assets/images/keypad_kor.png) center center / auto 51% no-repeat #fff; }
.keypad-group .keypad-item.keypad-domestic:active  { background-image: url(/assets/renewal_assets/images/keypad_kor_active.png); }
.keypad-group .keypad-item.keypad-global  { background: url(/assets/renewal_assets/images/keypad_eng.png) center center / auto 51% no-repeat #fff; }
.keypad-group .keypad-item.keypad-global:active  { background-image: url(/assets/renewal_assets/images/keypad_eng_active.png); }
.keypad-group .keypad-item.keypad-space::after  { content: ''; position: absolute; top:27%; left:33.8%; width:32.4%; height:6.25%; border-radius: 0.0625rem; background-color: var(--main-title-color1); }
.keypad-group .keypad-item.keypad-space:active::after  { background-color: var(--main-white); }
.keypad-group .keypad-item.sup-type1::after,
.keypad-group .keypad-item.sup-type2::after  { position: absolute; top:5%; right:3%; font-size: 0.9375rem; color: var(--main-text-color); }
.keypad-group .keypad-item.sup-type1::after  { content:'ㅒ'; }
.keypad-group .keypad-item.sup-type2::after  { content:'ㅖ'; }
.keypad-group .keypad-item:active  { border-color: var(--main-purple); background-color: var(--main-purple); color:var(--main-white); }
    /* 모달에서 키패드 */
.modal-body .keypad-group .keypad-line  { gap: 0.4375rem; }
.modal-body .keypad-group .keypad-item  { height:2.1875rem; font-size:1.125rem; }
.modal-body .keypad-group .keypad-item:not(.keypad-shift, .keypad-backspace, .keypad-domestic, .keypad-global, .keypad-space)  { width:2.125rem; }


/* 고객정보조회 : 고객정보 없는 경우 */
.modal-body.modal-no-member { padding-left: 1.0625rem; padding-right: 1.0625rem; margin-bottom: 2.28125rem; }
.modal-no-member:before { content:''; display:block; width:8.28125rem; height:13.125rem; position: relative; left: 50%; transform:translate(-50%, -1.6875rem); background:url(/assets/renewal_assets/images/character/character_02.png)no-repeat center / cover; }
.modal-no-member .ttl-h2 { color:#3e465b; font-weight:500; letter-spacing: -1px; padding-bottom: 1.59375rem; }
.modal-no-member .ttl-h2+p { font-size: 1.25rem; line-height: 1.35; color:#8f95a4; }
.modal-no-member .ttl-h2+p .point { color:#3e465b; font-weight:700; }
.modal-no-member .btn-reserve{ position: relative; padding: 1.34375rem 1.3125rem; border-radius: 0.8125rem; color:var(--main-white); margin-top: 2.84375rem; }
.modal-no-member .btn-reserve:after { content: ''; display: block; position: absolute; right: 1.3125rem; bottom: 1.34375rem; width: 1rem; height: 0.84375rem; background-image: url(/assets/renewal_assets/images/arrow_main_4.png); }
.modal-no-member .procedure3 { color:#3e465b; text-align:left; background: var(--main-white); border:1px solid #f9c6c6; box-shadow: 0px 5px 40px 0px rgba(218, 218, 218, 0.5); }
.modal-no-member .btn-reserve .ttl-h5 { position: relative; margin-bottom: 1.28125rem; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); }
.modal-no-member .btn-reserve .ttl-h5:before { content: ''; position: absolute; bottom: -0.6rem; left: 0; width: 4.71875rem; height: 0.25rem; background-color:#f2a1c1; border-radius: 0.25rem; }
.modal-no-member .btn-reserve .ttl-h5+p { margin-bottom: 0.96875rem; font-size: 0.9375rem; line-height: 1.1875; line-height: 1.267; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); }
.modal-no-member .pt47 { display:block; padding-top: 1.46875rem; }



/* 고객등록 */
.join-member .text-bullet { margin: 1.3125rem 0 0.0625rem; }
.join-member .text-label .btn-label { text-decoration: underline; text-underline-position : under; color:inherit; }
.join-member .text-label .btn-label:visited,
.join-member .text-label .btn-label:focus { color:inherit; }
.join-member .check-block.depth2,
.modal-join-member .check-block.depth2 { margin-left: 1.5rem; }
.join-member .check-block .text-label{ font-size: 1.125rem; color:var(--main-title-color1); }
.modal-join-member .keypad-group  { padding-top:0.375rem; }
.modal-join-member .check-block { text-align: left; color:var(--main-title-color1); }
.modal-join-member .check-block a  { text-decoration:underline; text-underline-position:under; color:var(--main-title-color1); }

.modal-body .user-agreements .agreement-box { height: 30rem; border: 1px solid #dddee0; padding: 0.9375rem 0 0.9375rem 0.9375rem ; }
.modal-body .user-agreements .agreement-box .box-space { height:100%; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; font-size: 1.0625rem; color: var(--main-text-color); text-align:left; padding-right: 0.46875rem; margin-right: 0.46875rem; }
.modal-body .user-agreements .modal-h1 { font-size: 1.25rem; color:#333333; margin-bottom:1.65625rem; }
.modal-body .user-agreements .modal-h2 { font-size: 1.1875rem; color:#333333; text-align: left; padding-bottom:0.78125rem; }



/* 03 직접예약  */
    /* 예약방법선택  */
.reserve-menu .shop-logo-wrapper { margin-top: 5rem; margin-bottom: 5rem; }
.reserve-menu .btn-menu-card.use-history:after { background-image: url(/assets/renewal_assets/images/arrow_main_1.png); }
.reserve-menu .btn-menu-card.use-history { color: var(--main-white); background-color:#eb6fa0; box-shadow: 0 0.15625rem 1.25rem rgba(250, 141, 218, 0.5); margin-bottom: 1.5625rem; }
.reserve-menu .btn-menu-card.use-history .card-img { height: 2.625rem; margin-top: 0.5rem; }
.reserve-menu .btn-menu-card.use-history .card-img img { height:100%; object-position:center top; }
.reserve-menu .btn-menu-card.new-choice { background: var(--main-white) url(/assets/renewal_assets/images/character/brownhair_318.png)no-repeat 105% 29% / 9.9375rem 15.0625rem; box-shadow: 0 0.15625rem 1.25rem 0 rgba(218, 218, 218, 0.5); }
.reserve-menu .btn-menu-card.new-choice .ttl-h5  { color:#5c5c5c; }
.reserve-menu .btn-menu-card.new-choice .ttl-h5:before  { width:4.75em; background-color: #ffe6d1; }
.modal-reserve .btn-modal-wrap .btn-inner > .btn { font-size: 1.5rem; }
.modal-reserve .c-purple { font-weight:700;}
    /* 기존예약 없을때 , 있을때 */
.reserve-user .list-procedure .type2{ padding-top:2.8125rem; padding-bottom:2.5rem; text-align:center; }
.reserve-user .text-bullet { margin-top: 1.5rem; margin-bottom: 1.625rem; }
.keeping-msg  { font-weight: var(--font-medium); margin:0.5rem 0 2rem; }
.keeping-msg .icon  { width:1.5rem; height:1.5rem; vertical-align: text-bottom; }


/* modal */
.modal-prd-history { text-align: left; }
.modal-prd-history .modal-inner { min-height:32.5625rem; max-height:32.5625rem; overflow:hidden;}
.modal-prd-history .modal-prd-disigner{ position:relative; display:flex; align-items:center; justify-content:space-between; flex-direction:row; flex-wrap:nowrap; text-align:left; margin-bottom:1.3125rem; }
.modal-prd-history .modal-prd-disigner .photo{ flex: 0 0 5.0625rem; position:relative; width: 5.0625rem; height: 4.15625rem; border-radius: 0.625rem; overflow: hidden; }
.modal-prd-history .modal-prd-disigner .photo img{ width:100%; height:100%; object-fit: cover; object-position:center;}
.modal-prd-history .modal-prd-disigner .date { flex:0 1 auto; padding-left: 1.125rem; }
.modal-prd-history .modal-prd-disigner .date > span { display:block; }
.modal-prd-history .modal-prd-disigner .name { flex: 0 0 45%; max-width: 45%; padding-left: 1.6875rem; }
.modal-prd-history .modal-prd-disigner .name > span { display:block; }
.modal-prd-history .modal-prd-disigner .strong { font-size: 1.375rem; font-weight: 700; color: var(--main-title-color2); }
.modal-prd-history .modal-prd-disigner .c-purple { color: var(--main-purple); font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.modal-prd-history .modal-prd-list  { max-height:410px; margin-top:1.3125rem; overflow-x:hidden; overflow-y:auto;}
.modal-prd-history .modal-prd-list > .text-bullet {position:sticky;top:0;background-color:#fff;z-index:10;transition:all 2s ease-in-out;}
.modal-prd-history .modal-prd-list > .text-bullet:after {content:'';position: absolute; left:0; right:0;display:block;width:100%;height:1.0625rem;background-color:#fff;}
.modal-prd-history .modal-prd-list .sub-ttl { font-size:0.9375rem; }
.modal-prd-history .prd-list { display:table; width:100%; table-layout: fixed; margin-top: 1.0625rem; font-size: 1.0625rem; color: var(--main-title-color2); }
.modal-prd-history .prd-list li{ display:table-row; font-size:1.0625rem; }
.modal-prd-history .prd-list .list-left{ display:table-cell; width:70%; padding-bottom: 1rem; }
.modal-prd-history .prd-list .list-right{ display:table-cell; width:30%; position: relative; text-align:right; margin-left: auto; padding-bottom: 1rem; white-space:nowrap; padding-right:1.625rem; }
.modal-prd-history .prd-list .btn-del{ position:absolute; top:0.0625rem; right:0; }
.modal-prd-history .prd-list .prd-type,
.modal-prd-history .prd-list .pay em { color: #9e5eff; }
.modal-prd-history .prd-sum {position:sticky; bottom:56.39px; background-color:#fff;}
.modal-prd-history .prd-list .prd-sum > p  { border-top:1px solid #dfdfdf; border-bottom:0.1875rem solid #dfdfdf; font-size:1.0625rem; color: var(--main-title-color1); padding-top:1.125rem; }
.modal-prd-history .prd-list .prd-sum .pay em { font-weight: var(--font-bold); color:var(--main-purple); }
.modal-prd-history .prd-list .prd-prepay {position:sticky; bottom:0px; background-color:#fff;}
.modal-prd-history .prd-list .prd-prepay > p  { border-bottom:0.1875rem solid #dfdfdf; padding-top:1.0625rem; }
.modal-prd-history .prd-list .prd-prepay .list-left,
.modal-prd-history .prd-list .prd-prepay .pay em { color:#d225b1;}
.modal-prd-history .modal-prd-list .type-sum {position:sticky; bottom:0px; margin-top:0;}
.modal-prd-history .onShadow .text-bullet:after{box-shadow: 0px 4px 13px -5px #d1d1d1}

.modal-keeping-menu  { padding:0.25rem 0 0.5rem; }
.modal-keeping-menu .btn-menu-keeping  { display: flex; gap:1.6875rem; align-items: center; border:0.0625rem solid #FFAB8B; border-radius: 1.0625rem; box-shadow: 0 0.1875rem 1.25rem 0 rgba(175, 175, 175, 0.5); text-align: left; padding:1.1875rem; margin-top:1.875rem }
.modal-keeping-menu .btn-menu-keeping.buy-new  { border-color: #9ADEA5; }
.modal-keeping-menu .btn-menu-keeping .menu-img  { width:5.9375rem; height:5.9375rem; border-radius: 0.625rem; overflow: hidden; }
.modal-keeping-menu .btn-menu-keeping .menu-img > img  { width:100%; height:100%; object-fit: cover; }
.modal-keeping-menu .btn-menu-keeping.use-keep .point  { color:#FF6E37; }
.modal-keeping-menu .btn-menu-keeping.buy-new .point  { color:#32C343; }


/* 기존예약 : 예약 내역 */
.reserve-cart .text-bullet { margin-top: 1.625rem; margin-bottom: 1.625rem; }
.modal-body.modal-designer-alrim { padding:0 1rem; }
.modal-designer-alrim .no-prd { padding:0 .875rem; margin: 2.0625rem 0 4rem; }
.modal-designer-alrim .text-bullet { margin:0 .875rem; }
.modal-designer-alrim .designer-list .card-shadow .card-inner { padding: 0.78125rem; }
.modal-designer-alrim .designer-list .comment p { font-size:0.75rem; }
.modal-designer-alrim .designer-list { gap:1.1875rem; padding-top:1.03125rem; padding-bottom:1rem; margin:0 .875rem; }
.modal-designer-alrim .designer-list .tag-text { text-align:left; }
.modal-designer-alrim .designer-list .card-shadow { min-height:11.5809375rem; }
.modal-designer-alrim .designer-list .profile { padding-left:5.5rem; text-align:left; }
.modal-designer-alrim .designer-list .img-profile { width:5.0625rem; height:4.15625rem; margin-left:-5.5rem; }
.modal-designer-alrim .designer-list .summary { margin-top:0.34375rem; }
.modal-designer-alrim .designer-list .summary > p { text-align:left; font-size:0.75rem; }
.modal-designer-alrim .designer-list .summary > p span { display:block; font-size:1rem; text-align:left; }
.modal-designer-alrim .designer-list .card-shadow { box-shadow: 0 0.15625rem 0.4375rem 0 rgba(175, 175, 175, 0.5); }
.modal-designer-alrim .designer-list .card-shadow.active{ box-shadow: 0 0.15625rem 0.4375rem 0 rgba(160, 76, 239, 0.6); }
.modal-designer-alrim .designer-list .card-shadow.active .card-inner  { padding: 0.68125rem; }
.modal-designer-alrim .designer-list .card-shadow.active:not(.comment-view)::after { right: .5rem; }
.modal-designer-alrim .designer-list .card-shadow.comment-view .comment p { height: 9.6em; }



/* 디자이너 리스트 추천요청 */
.card-rcmd-designer  { min-height: 13rem; display: flex; flex-direction: column; border:0; background: url(/assets/renewal_assets/images/rcmd_designer_bg.png)left top no-repeat; background-size: 100% auto; padding:0.8125rem; }
.card-rcmd-designer .h3  { font-size: 1.875rem; color:#fff; text-shadow: 0px 2px 0.1em rgba(0, 0, 0, 0.24); padding-left:0.16em; margin-top: 31%; }  
.card-rcmd-designer .desc  { background-color: rgba(255,255,255,0.2); border-radius: 0.625rem; font-size: 0.8125rem; line-height: 1.35; color: var(--main-white); padding: 0.625rem 1em; margin-top:auto; }
.card-rcmd-designer.active   { border-color:var(--main-white); }
.card-rcmd-designer.active::before  { content: ''; position:absolute; top:0; left:0; width:100%; height:100%; border:0.15625rem solid var(--main-white); border-radius: 1.0625rem; }
.designer-list .card-shadow.card-rcmd-designer.active::after  { right:0.75rem; width:1.6875rem; background: url(/assets/renewal_assets/images/icon_card_check_2.png) center / contain no-repeat; }



/* 상담 후 예약 */
.counsel-info p  { font-size: 1.375rem; color: #863af8; text-align: center; margin-bottom: 0.25rem; }
.counsel-info .img-counsel  { display: flex; justify-content: center; align-items: center; height: 6.1875rem; background: url(/assets/renewal_assets/images/counsel_bg01.png) center top / auto 100% no-repeat; font-size: 1.125rem; color: #863af8; margin-bottom: 1.125rem; }
    /* 상담하기 버튼 */
.btn-confirm .icon-send { width:1.15em; height:1.05em; }
    /* 선결제내역 안내 */
.prepay-inform  { font-size:1rem; font-weight:var(--font-bold); text-align: center; padding:0.6875rem 0.5rem 0.75rem; margin-bottom: 1.3125rem; }
.designer-list + .prepay-inform  { margin-top:-0.375rem; }
.prepay-inform .price  { font-size:1.375rem; font-weight:var(--font-medium); color: var(--main-text-color); padding-left:0.25rem; }
.prepay-inform .date  { color: var(--main-text-color); font-weight:var(--font-medium); }
    /* 잠시만 기다려주세요 */
.waiting-msg  { font-size: 1.25rem; text-align: center; padding-bottom: 3rem; }
.waiting-msg .icon.icon-chair  { width:1.375em; height:1.25em; margin:0 0.25em 0.25em 0; }
    /* 상담시간선택 */
.date-today  { font-size:1.5rem; color:var(--main-title-color1); font-weight: var(--font-bold); line-height:1.875rem; margin-bottom:1.5625rem; }
.date-today:before  { content: ''; display: inline-block; width:1.875rem; height:1.875rem; background: url(/assets/renewal_assets/images/icon_today.svg) center no-repeat; background-size:contain; vertical-align: top; margin-right:0.75rem; }
.choice-time-work  { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:0.625rem; padding:0.9375rem 0 1.125rem; }
.choice-time-work .radio-card-type  { width:100%; position: relative; }
.choice-time-work .radio-card-type .text  { height:4.125rem; font-size:1rem; box-shadow: none; }
.choice-time-work .radio-card-type input:checked + .text  { box-shadow: none; }
.choice-time-work .radio-card-type input:checked + .text::after { content: ''; position: absolute; top: 0.5rem; right: 0.6875rem; width: 0.9375rem; height: 0.75rem; background: url(/assets/renewal_assets/images/icon_card_check.png) center / contain no-repeat; }
    


/* 결제 */
.pay-method-list  { display: grid; grid-template-columns: 1fr 1fr; gap:1.5rem; padding:1.25rem 0 1.875rem; }
.pay-method-list .card-shadow  { cursor: pointer; }
.pay-method-list .credit-check  { border-color:#d8bbff }
.pay-method-list .passover  { border-color:#a0c6ff }
.pay-method-list .appcard  { border-color:#fea952 }
.pay-method-list .cash  { border-color:#f795e6 }
.pay-method-list .naver-pay  { border-color:#77cf5c }
.pay-method-list .kakao-pay  { border-color:#f7d500 }
.pay-method-list .local-pay  { border-color:#2E92E4 }
.pay-method-list .easywell  { border-color:#0A9882 }
.pay-method-list .card-inner  { position: relative; padding:0.75rem 1.1875rem 0.8125rem; }
.pay-method-list .method-name,
.pay-method-view .method-name  { font-size: 1.1875rem; font-weight: var(--font-medium); color:#5c5c5c; padding-bottom: 0.8125rem; }
.pay-method-list .method-name::before,
.pay-method-view .method-name::before  { content: ''; position: absolute; left:1.1875rem; top:2.375rem; width:2.125rem; height:0.25rem; border-radius:0.125rem; }
.pay-method-list .desc  { font-size:0.75rem; color:var(--main-text-color); padding-bottom:1em; }
.pay-method-list .card-inner svg  {  position: absolute; bottom:1.375rem; right:0.6875rem; width:2rem; height:1.6875rem }
.pay-method-list .credit-check .card-inner svg,
.pay-method-view .credit-check .card-inner svg  { fill:#be8fff }
.pay-method-list .passover .card-inner svg,
.pay-method-view .passover .card-inner svg  { fill:#a0c6ff }
.pay-method-list .appcard .card-inner svg,
.pay-method-view .appcard .card-inner svg  { fill:#fea952 }
.pay-method-list .cash .card-inner svg,
.pay-method-view .cash .card-inner svg  { fill:#f795e6 }
.pay-method-list .naver-pay .card-inner svg,
.pay-method-view .naver-pay .card-inner svg  { fill:#2cb400 }
.pay-method-list .kakao-pay .card-inner svg,
.pay-method-view .kakao-pay .card-inner svg  { fill:#f7d500 }
.pay-method-list .local-pay .card-inner svg,
.pay-method-view .local-pay .card-inner svg  { fill:#2E92E4 }
.pay-method-list .easywell .card-inner svg,
.pay-method-view .easywell .card-inner svg  { fill:#0A9882 }
.pay-icon  { display: inline-block; width:4.25rem; height:2.8125rem; border-radius: 0.625rem; background: url(/assets/renewal_assets/images/icon_pay_method.png?v2) left top / 100% auto no-repeat; vertical-align: top; }
.passover .pay-icon  { background-position: left -2.8125rem; }
.appcard .pay-icon  { background-position: left -5.625rem; }
.cash .pay-icon  { background-position: left -8.4375rem; }
.naver-pay .pay-icon  { background-position: left -11.25rem; }
.kakao-pay .pay-icon  { background-position: left -14.0625rem; }
.local-pay .pay-icon  { background-position: left -16.875rem; }
.easywell .pay-icon  { background-position: left -19.6875rem; }
.pay-method-list .credit-check .method-name::before,
.pay-method-view .credit-check .method-name::before,
.credit-check .pay-icon  { background-color: #be8fff; }
.pay-method-list .passover .method-name::before,
.pay-method-view .passover .method-name::before,
.passover .pay-icon  { background-color: #a0c6ff; }
.pay-method-list .appcard .method-name::before,
.pay-method-view .appcard .method-name::before,
.appcard .pay-icon  { background-color: #fea952; }
.pay-method-list .cash .method-name::before,
.pay-method-view .cash .method-name::before,
.cash .pay-icon  { background-color: #f795e6; }
.pay-method-list .naver-pay .method-name::before,
.pay-method-view .naver-pay .method-name::before,
.naver-pay  .pay-icon  { background-color: #2cb400; }
.pay-method-list .kakao-pay .method-name::before,
.pay-method-view .kakao-pay .method-name::before,
.kakao-pay .pay-icon  { background-color: #f7d500; }
.pay-method-list .local-pay .method-name::before,
.pay-method-view .local-pay .method-name::before,
.local-pay .pay-icon  { background-color: #2E92E4; }
.pay-method-list .easywell .method-name::before,
.pay-method-view .easywell .method-name::before,
.easywell .pay-icon  { background-color: #0A9882; }

.pay-method-view  { padding-top:2rem; }
.pay-method-view .card-shadow  { margin-bottom:1.875rem; }
.pay-method-view .card-inner  { text-align: left; padding:1rem 1.1875rem 1.125rem }
.pay-method-view .method-name  { font-size: 1.375rem; padding-bottom:1.875rem; }
.pay-method-view .method-name::before  { width:2.4375rem; top:3rem; }
.pay-method-view .card-inner svg  {  position: absolute; bottom:2.6875rem; right:2.3125rem; width:3rem; height:3rem }
.pay-method-view + .btn-modal-wrap .btn:first-child  { flex-basis:60%; }

.pay-reserved-list  { display: grid; grid-template-columns: 1fr 1fr; gap:1.5rem; padding: 1.875rem 0; }
.pay-reserved-list .card-shadow  { height:100%; }
.pay-reserved-list .card-inner  { position: relative; font-weight: var(--font-medium); padding:0.90625rem 0.875rem 1.09375rem; }
.pay-reserved-list label  { display: block; font-size:0.625rem; color:#989898; padding-bottom:0.05em; }
.pay-reserved-list .customer-name  { font-size: 0.9375rem; margin-bottom:0.375rem; }
.pay-reserved-list .customer-name strong  { line-height:1.1; }
.pay-reserved-list .phone-num  { float:left; width:55%; color: var(--main-purple); }
.pay-reserved-list .time-service  { float:right; width:45%; }
.pay-reserved-list .provider  { clear:both; padding-top:0.34375rem; }
.pay-reserved-list .btn  { position: relative; overflow: hidden; width:100%; border:0; background-image:linear-gradient(to bottom, rgba(255,255,255,0.1) 0.05rem, rgba(255,255,255,0) 0.125rem); background-color: #aa52eb; box-shadow: inset 0 -0.05rem 0.0875rem rgba(0, 0, 0, 0.28), 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.4); border-radius: 0.5rem; font-size:1.0625rem; color:var(--main-white); line-height:1.35; text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.24); margin-top:0.8125rem; }
.pay-reserved-list .btn::after  { position: absolute; top:-0.875rem; right:-0.875rem; content: ''; width:1.625rem; height:1.625rem; background-color: #deb8f4; box-shadow: inset 0 -0.05rem 0.15rem rgba(0, 0, 0, 0.25); transform: rotate(45deg); }

.pay-detail-section  { text-align: left; }
.pay-detail-section .radio-block .text-label  { margin-right: 0.8125rem; }
.pay-detail-section .radio-block .text-label .name  { font-size:1.125rem; padding-left:0.1875rem }
.pay-detail-section .card-plan  { display: none; flex-wrap: wrap; gap:0.25rem; margin-top:1rem; }
.pay-detail-section .card-plan .card-item { display: inline-flex; align-items: center; justify-content: center; min-width: 5.25rem; height:1.875rem; border: 0.0625rem solid #aeb3c1; border-radius: 0.937rem; box-shadow: 0 0.0625rem 0.625rem rgba(175, 175, 175, 0.2); font-size: 1rem; color: var(--main-text-color); padding:0 1em; margin-right: 0.225rem; }
.pay-detail-section .card-plan .card-item.active { background-color: var(--main-gray); color: var(--main-white); }
.pay-detail-section .input-phone-section  { display: none; height:2.8125rem; border:0.0625rem solid #e0e0e0; background-color: var(--main-white); border-radius:0.625rem; padding-top:0.625rem; padding-bottom:0.625rem; margin-top:0.5rem; }
.pay-detail-section .input-phone-section input  { width:100%; height:100%; font-size:1.125rem; text-align: center; }

.ticket-list  { display: none; flex-direction: column; gap:0.46875rem; margin-top:3rem; }
.ticket-list .card-ticket  { position: relative; display: flex; min-height: 3.8125rem; flex-direction: row; overflow: hidden; }
.ticket-list .card-ticket label  { pointer-events: none; }
.ticket-list .card-ticket .item-info   { flex:1; display: flex; flex-direction: column; justify-content: center; border: 0.0625rem solid #e6eaf3; border-right: 0; border-top-left-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; padding-left:2.5625rem }
.card-ticket .radio-block  { margin-bottom:0; }
.card-ticket .text-label  { position: absolute; left:0.8125rem; }
.ticket-list .name  { font-size: 1.125rem; font-weight: var(--font-medium); color: var(--main-title-color1); }
.ticket-list .desc  { font-size: 0.9375rem; color: #8f95a4; letter-spacing: -0.03em; text-align: left; margin-top:0.2em; }
.ticket-list .card-ticket .text-dday  { flex-basis: 3.9375rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #aeb3c1; border-top-right-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; font-size: 0.9375rem; color:var(--main-white); line-height: 1.6; padding-bottom: 0.1875rem; }
.ticket-list .card-ticket .text-dday p  { font-size: 1.0625rem; }
.ticket-list .card-ticket .text-dday span  { color: #FFE247; }
.ticket-list .card-ticket.active .item-info  { background-color: #f6fafd; }
.ticket-list .card-ticket.active .text-dday  { background-color: #975ee0; }

.pay-info-table .title  { position:relative; height:3.375rem; align-items: center; justify-content: center; font-size:1.125rem; color:var(--main-white); }
.pay-info-table .title.pre-pay  { background:var(--main-purple); border-color:var(--main-purple); }
.pay-info-table .title.service-pay  { background:var(--main-orange); border-color:var(--main-orange); }
.pay-info-table .ticket-list .name,
.pay-info-table .ticket-list .desc  { padding-left:0.5rem; }
/*.pay-info-table .con  { padding-right:0; }*/

.pay-progress  { color:#8f95a4; }
.pay-progress img  { max-width:91%; }
.pay-progress .progress-code-wrap {margin-top:.5rem;}
.pay-progress .progress-code-wrap .form-control  { border-color:#e6eaf3; background-color:#f6fafd; border-radius: 0.4375rem; }
.pay-progress .info-box  { font-size:1.0625rem; color:#8f95a4; padding-left:0; padding-right:0; }
.pay-loading  { position: relative; background-color: #ededed; border-radius: 0.625rem; font-size:0.8125rem; color:#8f95a4; padding:2.5rem 0 0.75rem }
.cs-loader { position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding-left: 3rem; }
.cs-loader-inner { top: 0.75rem; position: absolute; width: calc(100% - 6rem); color: #863af8; letter-spacing: 0.125rem; padding: 0 3rem; text-align: center; }
.cs-loader-inner label { font-size: 0.625rem; opacity: 0; display:inline-block; }
.cs-loader-inner label:nth-child(3)  { color:#a547ee }
.cs-loader-inner label:nth-child(4)  { color:#c554e2 }
.cs-loader-inner label:nth-child(5)  { color:#f367d2 }
.cs-loader-inner label:nth-child(6)  { color:#f367d2 }
@keyframes lol {
    0% { opacity: 0; transform: translateX(-300px); }
    33% { opacity: 1; transform: translateX(0px); }
    66% { opacity: 1; transform: translateX(0px); }
    100% { opacity: 0; transform: translateX(300px); }
}
@-webkit-keyframes lol {
    0% { opacity: 0; -webkit-transform: translateX(-300px); }
    33% { opacity: 1; -webkit-transform: translateX(0px); }
    66% { opacity: 1; -webkit-transform: translateX(0px); }
    100% { opacity: 0; -webkit-transform: translateX(300px); }
}
.cs-loader-inner label:nth-child(6) { -webkit-animation: lol 2s infinite ease-in-out; animation: lol 2s infinite ease-in-out; }
.cs-loader-inner label:nth-child(5) { -webkit-animation: lol 2s 100ms infinite ease-in-out; animation: lol 2s 100ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(4) { -webkit-animation: lol 2s 200ms infinite ease-in-out; animation: lol 2s 200ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(3) { -webkit-animation: lol 2s 300ms infinite ease-in-out; animation: lol 2s 300ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(2) { -webkit-animation: lol 2s 400ms infinite ease-in-out; animation: lol 2s 400ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(1) { -webkit-animation: lol 2s 500ms infinite ease-in-out; animation: lol 2s 500ms infinite ease-in-out; }



/* 이벤트 */
.event-thumbnail-list  { width:100%; padding:0.9375rem 1.5625rem; }
.event-thumbnail-list li { width:3.4375rem; height:4.0625rem; border-radius: 0.4375rem; display: flex; justify-content: center; align-items: center; margin-right:0.78125rem; overflow: hidden; }
.event-thumbnail-list li:last-child  { margin-right:0; }
.event-thumbnail-list li img  { width:100%; height: auto; }
.event-thumbnail-list .swiper-slide-thumb-active  { background-origin: border-box; background-clip: content-box, border-box; border:0.125rem solid transparent; background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%); }
.event-thumbnail-list .swiper-button-prev.swiper-button-disabled, 
.event-thumbnail-list .swiper-button-next.swiper-button-disabled  { opacity: 0; }
.event-thumbnail-list .swiper-button-next, 
.event-thumbnail-list .swiper-button-prev { top:0; bottom:0; width:1.5625rem; height:auto; margin-top:0; background:url(/assets/renewal_assets/images/swiper-button-bg1.png) left top / auto 100% no-repeat; }
.event-thumbnail-list .swiper-button-next  { right:0;  }
.event-thumbnail-list .swiper-button-prev  { left:0; background-position:right top; }
.event-thumbnail-list .swiper-button-next::after, 
.event-thumbnail-list .swiper-button-prev::after  { content:''; width:50%; height:1.3125rem; background:url(/assets/renewal_assets/images/arrow_gray_1.png) left top / auto 1.3125rem no-repeat }
.event-thumbnail-list .swiper-button-next::after  { transform: rotate(180deg); }

.event-list  { padding:1.5625rem 0 1.5625rem 2.3125rem; }
.event-list .swiper-wrapper  { align-items: center; }
.event-list li { width:19.5rem; height:33.875rem; border-radius: 0.4375rem; margin-left:1.1563rem; margin-right:1.1563rem; box-shadow: 0 0.125rem 1.25rem 0 rgba(0, 0, 0, 0.2); overflow: hidden; }
.event-list li img  { object-fit: cover; width:100%; height:100%; }
.event-list .swiper-slide-active  { width:21.25rem; height:37rem; box-shadow: 0 0.125rem 2.125rem 0 rgba(0, 0, 0, 0.43); }



/* 제품구매 */
.product-menu .shop-logo-wrapper { margin-top: 3.5rem; margin-bottom: 3.75rem; }
.product-menu .btn-menu-card  { margin-bottom:1.5625rem; }
.product-menu .buy-member:after { background-image: url(/assets/renewal_assets/images/arrow_main_5.png); opacity: 0.55; }
.product-menu .buy-member .ttl-h5:before   { background-color: #c093ff; width:1.85em; }
.product-menu .buy-none-member:after { background-image: url(/assets/renewal_assets/images/arrow_main_4.png); opacity: 0.75; }
.product-menu .buy-none-member .ttl-h5:before   { width:2.75em; }
.product-menu .buy-member .card-img,
.product-menu .buy-none-member .card-img,
.product-menu .buy-choice .card-img { width:2.875rem; margin-left:-0.125rem; }
.product-menu .buy-member .card-img img,
.product-menu .buy-none-member .card-img img,
.product-menu .buy-choice .card-img img { margin-bottom:-0.15625rem; }
.product-menu .buy-quick .card-img  { width:6.15625rem; margin-left:-0.1875rem; }
.product-menu .buy-quick  { background-color: #ae75ff; color:var(--main-white); }
.product-menu .buy-quick:after { background-image: url(/assets/renewal_assets/images/arrow_main_1.png); }
.product-menu .buy-quick .ttl-h5:before   { background-color: #c093ff; width:3.75em; }
.product-menu .buy-choice  { background-image:url(/assets/renewal_assets/images/product_card_bg_4.jpg); background-repeat: no-repeat; background-position: right top; background-size: auto 100%; }
.product-menu .buy-choice:after { background-image: url(/assets/renewal_assets/images/arrow_main_6.png); }
.product-menu .buy-choice .ttl-h5:before   { background-color: #7ecea6; width:2em; }

.barcode-progress .img-barcode  { max-width:91%; }
.barcode-process1  { position: relative; margin-top:0.75rem; }
.barcode-process1 img  { width:100%; }
.barcode-process1 .step-wrap  { position: absolute; top:0.5rem; left:0; width:100%; display: flex; gap:0.625rem; }
.barcode-process1 .step  { flex:1; font-size:0.875rem; line-height:1rem; color:var(--main-white); text-shadow: 0 0.0625 0.1875rem rgba(0, 0, 0, 0.24); text-align: center; }
.barcode-simbol  { text-align: center; padding:1.625rem 0 3rem; }
.barcode-simbol img  { height:4.75rem; }


/* 서비스추가 */
    /* 티켓(회원권,선불권,키핑) 이미지 */
.ticket-type { position:relative; margin:-0.96875rem -1.0625rem 1.8125rem; }
.ticket-type img{ position:relative; width: 100%; max-height:14.3125rem; object-fit:cover; z-index:2; }
.ticket-type .ticket-title{ position:absolute; top:2.5rem; right:4.25rem; width:14.5rem; font-size:1.5625rem; color: var(--main-white); line-height:1.2; text-align: right; text-shadow: 0.0625rem 0.135rem 0 rgba(0, 0, 0, 0.26); z-index:3; }
.ticket-type.membership .ticket-title { top:42.5%; left:1.4%; right:0; width:auto; font-size:1.875rem; font-weight:var(--font-bold); line-height:1; text-align: center; }
.ticket-type.membership .name { position:absolute; left:3rem; bottom:3.375rem; color:#a9751d; font-size:0.9375rem; z-index:3; }
.ticket-type.membership .name > span { font-size:1.125rem; }
.ticket-type.membership .date { position:absolute; top:2.0625rem; right:2.3125rem; font-size: 0.8125rem; color:#a9751d; z-index:3; }
.modal-ticket .ticket-type:after { content:''; position:absolute; bottom:-0.5rem; left:1.0625rem; right:1.0625rem; height:0.1875rem; border-radius:.06375rem; background:#dfdfdf; box-shadow: inset 0rem 0.0625rem 0.0625rem rgba(0, 0 , 0, .18); }
    /* tbl */
.modal-ticket { min-height: 50vh; }
.modal-ticket .text-bullet + .tbl-list-wrap  { margin-top:0.75rem; }
.modal-ticket .tbl-scroll .tbl-list-inner { height:auto !important; }
.modal-ticket .tbl-list-wrap { position:relative; }
.modal-ticket .tbl-list-wrap .tbl-list-inner { overflow-x:hidden; overflow-y:auto; max-height:20.25rem; }
.modal-ticket .tbl-list-wrap .tbl-list-w ~ .tbl-list-w { margin-top:0.9375rem; }
.modal-ticket .tbl-list-w .ttl-li { flex:1 0 41.6%; display:flex; align-items:flex-start; background-color:#f6fafd; border-right:0.0625rem solid #e6eaf3; }
.modal-ticket .tbl-list-w .ttl-li strong{ color:var(--main-title-color1); }
.modal-ticket .tbl-list-w strong{ font-weight:var(--font-medium); }
.tbl-list-wrap .tbl-list-w .btn-aco{ position:absolute; top:.7rem; right:1rem; display:none; width:1rem; height:1rem; background:url(/assets/renewal_assets/images/ico_acodian_arrow.png)no-repeat center / 0.65625rem 0.34375rem; }
.modal-ticket .tbl-list-wrap .tbl-list-w .btn-aco.on { display:block; transition:all .5s; }
.modal-ticket .tbl-list-wrap .tbl-list-w .btn-aco.active{ transform:rotateX(-180deg); }
.modal-ticket .tbl-list-wrap + .notice-type{ margin-top:0.9375rem; }
.modal-ticket .tbl-list-wrap .txt-li .txt { width:100%; overflow: hidden; white-space: nowrap; }
.modal-ticket .tbl-list-wrap .txt-li.off .txt { display:block; text-overflow: ellipsis; word-break: break-all; width:88%; }
.modal-ticket .tbl-list-wrap .txt-li .txt.wide { overflow:inherit; white-space: pre-line; }
.modal-ticket .text-bullet.notice-type { text-align: left; padding-left:0.625rem; }
.modal-ticket .text-bullet.notice-type .text { font-size: 0.8125rem; line-height:1.45; color:#8f95a4; letter-spacing: -0.025rem; }
.modal-ticket .text-bullet.notice-type:before{ content:''; position:absolute; top:0; left:0; width:0.3125rem; height:100%; border-radius:0.34375rem; background-color:#e6eaf3; background-image:none; }



/* 메인화면 */
.main-bow  { font-size:1.5rem; font-weight: var(--font-medium); line-height:1.3; text-align: center; padding:1.125rem 0; margin-top:1.75rem; margin-bottom:1.675rem; }
.main-lead-btns  { display: grid; grid-template-columns: 1fr 1fr; gap:1.125rem 1.5rem; }
.main-lead-btns .card-shadow  { border:1px solid #efefef; background:url(/assets/renewal_assets/images/arrow_main_2.png) 91% center no-repeat #fff; background-size: 1rem auto; box-shadow: 0 0.25rem 1rem 0 rgba(218,218,218,0.6); padding:1.15625rem; cursor:pointer }
.main-lead-btns .counsel,
.main-lead-btns .reserve  { border-radius: 1.0625rem; background-image:url(/assets/renewal_assets/images/arrow_main_1.png); background-position: 91% 74%; background-repeat: no-repeat; background-size: 1rem auto; font-size:1rem; font-weight:var(--font-light); color:#fff; text-shadow: 0.0625rem 0 0.15625rem rgba(0, 0, 0, 0.24); padding:1.21875rem 1.25rem 1.125rem; cursor:pointer; }
.main-lead-btns .reserve  { background-color: #eb6fa0; box-shadow: 0 0.25rem 1rem 0 rgba(250,141,218,0.6); }
.main-lead-btns .counsel  { position: relative; background-color: #8091eb; box-shadow: 0 0.25rem 1rem 0 rgba(126,154,214,0.6); }
.main-lead-btns .counsel:after  { content: ''; position: absolute; top:-0.21875rem; right:6.23%; width:2.25rem; height:2.125rem; background: url(/assets/renewal_assets/images/main_counsel_new.png) right top no-repeat; background-size: auto 100%; }
.main-lead-btns .title  { font-size:1.25em; font-weight:var(--font-regular); margin:0.125rem 0 0.9375rem; }
.main-lead-btns .counsel .icon,
.main-lead-btns .reserve .icon  { width:2.625rem; height:2.625rem; }
.main-lead-btns .card-shadow .icon { float:left; width:2.625rem; height:2.625rem; border-radius: 0.625rem; background:url(/assets/renewal_assets/images/icon_main_menu03.png) no-repeat #5c5c5c; background-size: 2.625rem auto; margin-right:0.6875rem; }
.main-lead-btns .card-shadow.find .icon  { background-color:#eb6fa0 }
.main-lead-btns .card-shadow.pay .icon  { background-position:left -2.625rem; }
.main-lead-btns .card-shadow.service .icon  { background-position:left -5.25rem; }
.main-lead-btns .card-shadow.goods .icon  { background-position:left -7.875rem; }
.main-lead-btns .card-shadow.paysimple .icon  { background-position:left -10.5rem; }
.main-lead-btns .card-shadow.payamount .icon  { background-position:left -13.125rem; }
.main-lead-btns .discription  { font-size:0.6875rem; color:#bcbcbc; font-weight:var(--font-regular); margin:0.1875rem 0 0.125rem; }
.main-lead-btns .menu-name  { font-size:1.125rem; }
.main-logo  { display: flex; height:4.1875rem; justify-content: center; align-items: center; background-color: rgba(255,255,255,0.3); box-shadow: 0.25rem 0 1rem 0 rgba(218,218,218,0.6); }
.main-logo > img  { height: 2rem; }
    /* 메인 풀 슬라이드 배너 */
.event-cover{ z-index:999; position:fixed; top:0; left:50%; width:100%; max-width:1080px; height:100%; overflow:hidden; transform: translateX(-50%); }
.event-cover img { object-fit: cover; width:100%; height:100%; }
.event-cover::after  { content:''; position:absolute; bottom: 5vh; left: 53%; width: 44.44vw; padding-top:100%; background: url(/assets/renewal_assets/images/lead-touch-screen.png) center bottom no-repeat; background-size: contain; z-index: 2; animation: opacity 4s infinite; }
@keyframes opacity { 
    from {opacity:0.2}
    36% {opacity:1}
    50% {opacity:1}
    to {opacity:0.2}
}
.qr_wrap { position: absolute; z-index: 10; left:3vw; bottom: 14vh; padding: .4rem; background-color: #444444; }
.qr_wrap img#qr_img { width: 111px; height: 111px; }

.card-shadow.qr { width: 260px; margin-top: 20px; margin-bottom: 20px; }
.qr_wrap2 { text-align:center;  }
.qr_wrap2 img#qr_img2 { width: 111px; height: 111px; }

    /* 관리자 메인 */
/*.main-mng-bow  { font-size:1.375rem; font-weight: var(--font-medium); line-height:1.3; text-align: center; padding:1.125rem 0; margin-top:1.25rem; margin-bottom:1.375rem; }*/
.main-mng-btns  { display: grid; grid-template-columns: 1fr 1fr; gap:1.125rem 1.5rem; }
.main-mng-btns .card-shadow  { border:0; background: var(--main-white); border-radius: 0.75rem; box-shadow: 0 0.25rem 1rem 0 rgba(218,218,218,0.6); padding:1.0625rem 1.15625rem; cursor:pointer }
.main-mng-btns .card-shadow .icon { float:left; width:2.625rem; height:2.625rem; border-radius: 0.625rem; background:url(/assets/renewal_assets/images/icon_mng_menu.png?v3) left top / 2.625rem auto no-repeat #EB6FA0; background-size: 2.625rem auto; margin-right:0.6875rem; }
.main-mng-btns .card-shadow.dark .icon  { background-color: #5C5C5C; }
.main-mng-btns .icon.simple-pay  { background-position: left top; }
.main-mng-btns .icon.add-amount  { background-position: left -2.625rem; }
.main-mng-btns .icon.cancel-pay  { background-position: left -5.25rem; }
.main-mng-btns .icon.cancel-pay2  { background-position: left -26.25rem; }
.main-mng-btns .icon.service-ordering  { background-position: left -7.875rem; }
.main-mng-btns .icon.pro-manage  { background-position: left -10.5rem; }
.main-mng-btns .icon.payment  { background-position: left -13.125rem; }
.main-mng-btns .icon.setting-kiosk  { background-position: left -15.75rem; }
.main-mng-btns .icon.waiting-reserve  { background-position: left -39.375rem; }
.main-mng-btns .icon.log-out  { background-position: left -18.375rem; }
.main-mng-btns .discription  { font-size:0.6875rem; color:#bcbcbc; font-weight:var(--font-regular); margin:0.1875rem 0 0.125rem; }
.main-mng-btns .menu-name  { font-size:1.125rem; }
.mng-logo  { display: flex; height:3.125rem; justify-content: center; align-items: center; background-color: rgba(255,255,255,0.3); box-shadow: 0.25rem 0 1rem 0 rgba(218,218,218,0.6); }
.mng-logo > img  { height: 1.125rem; }


/* 관리자 화면 */
.login-mng .login-mng-top { font-size:1.71875rem; font-weight: var(--font-bold); text-align: center; padding:2.1875rem 0 1.875rem; }
.login-mng .login-mng-top .logo-img  { width:6.25rem; height:6.25rem; margin-bottom: 0.8125rem; }
.login-mng .login-mng-top .logo-txt  { height:1.1875rem; margin-bottom: 0.9375rem; }
.login-mng .login-wrap  { padding:0.125rem 1.25rem 0.3125rem; }
.login-mng .phone-input-wrapper .icon  { flex-basis:3.375rem; height:2rem; }
.login-mng .phone-input-wrapper .icon.icon-user  { background: url(/assets/renewal_assets/images/icon_mng_user.svg) 0.25rem center / 1.875rem 1.875rem no-repeat; }
.login-mng .phone-input-wrapper .icon.icon-lock  { background: url(/assets/renewal_assets/images/icon_mng_lock.svg) 0.25rem center / 1.875rem 1.875rem no-repeat; }
.login-mng .phone-input-wrapper .phone-input input  { text-align: left; }
.login-mng .btn-wrap  { margin-top:1.875rem; margin-bottom: 1.25rem; }
.login-mng .btn-wrap .btn-inner  { background: rgba(255,255,255,0.80); box-shadow: 0 0 0.625rem 0 rgba(0,0,0,0.12); padding: 0.9375rem 1.5625rem; }

.info-store-lock  { background: url(/assets/renewal_assets/images/img_store_lock.png) center 2.5rem / 4.75rem 4.75rem no-repeat; color:var(--main-text-color); padding-top:9.125rem; }
.modal-body .info-store-lock  { background-position:center 3.125rem; background-size: 5.375rem 5.375rem; padding:11.5625rem 0 2.5rem; }
.modal-body .info-store-lock .ttl-h2  { color:var(--main-title-color1); font-weight: var(--font-medium); margin-bottom: 1.25rem }
.modal-body .info-store-lock p  { font-size: 1.25rem; line-height:1.35; margin-bottom: 1.25rem }

.no-data  { font-size:1.25rem; font-weight: var(--font-medium); color:#A9AFC0; text-align: center; padding:11.5rem 0 2rem; }
.no-data .img  { width:4.84375rem; margin-bottom:1.5625rem; }

.btn-mng-pw  { border-radius:0.625rem; font-size:0.875rem; color:var(--main-white); line-height:1.2; padding:0.6875rem 0.8125rem; }
.btn-mng-pw .icon-store-lock  { width:1.0625rem; height:1.0625rem; background:url(/assets/renewal_assets/images/icon_store_lock_wh.svg) center center / contain no-repeat; margin-right:0.125rem; }

.page-briefing  { color:var(--main-text-color); text-align: center; padding:3.125rem 0; }
.page-briefing .img-area  { padding-bottom:3.125rem; }
.page-briefing .img-area img  { height:5.3125rem; margin:0 auto; }

    /* 아이디 비번 찾기 */
.find-idpw .intro  { font-size:1.375rem; font-weight:var(--font-medium); color:var(--main-text-color); text-align: center; padding:3.9375rem 0 1.875rem; }
.find-idpw .intro .img-lock > img  { width:4.75rem; height:4.75rem; margin-bottom:3rem; }
.find-idpw .auth-data-input  { padding:1.5625rem 0; }
.find-idpw .auth-data-input .row  { gap:0.625rem; margin:0; }
.find-idpw .auth-data-input .row + .row  { margin-top:1.25rem; }
.find-idpw .phone-input-wrapper  { flex:1; }
.find-idpw .phone-input-wrapper .phone-input input,
.find-idpw .phone-input-wrapper .phone-input input::placeholder  { font-size:1.0625rem; }
.find-idpw .auth-data-input .btn  { flex:0 0 8.125rem; box-shadow: 0 0 0.625rem 0 rgba(212, 66, 222, 0.2); border-radius:0.625rem; font-size:1.125rem; }
.find-idpw .info-box  { margin:1.25rem 0; }
.find-idpw .info-text-2  { line-height:1.5625; text-align: center; padding:1.5rem 0; }

    /* 서비스 추가,할인 */
.reserved-data-view.mng-mode:not(.future) .point { color: var(--main-purple); }
.reserved-data-view.mng-mode .amount  { flex-wrap: wrap; }
.reserved-data-view.mng-mode .price-before  { width:100%; }
.reserved-data-view.mng-mode .price-tune  { position: relative; }
.reserved-data-view.mng-mode .price-tune > span  { display: flex; align-items: center; height:1.375rem; border:0.0625rem solid #AEB3C1; border-radius: 0.3125rem; font-size:0.8125rem; color:#9D9E9F; padding:0 0.5625rem; }
.reserved-data-view.mng-mode .btn-cancel  { position: absolute; top:-0.5rem; right:-0.5rem; width:1.125rem; height:1.125rem; background: url(/assets/renewal_assets/images/icon_cancel.png) center no-repeat; background-size:0.9375rem 0.9375rem; }
.reserved-data-view.mng-mode .btn-amount-add,
.reserved-data-view.mng-mode .btn-amount-cut  { position: absolute; bottom:0.9375rem; width:3.75rem; height:1.375rem; border-radius: 0.6875rem; box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.2); font-size:0.65625rem; color:var(--main-white); text-align:center; }
.reserved-data-view.mng-mode .btn-amount-add  { right:5.1875rem; background:var(--main-blue); }
.reserved-data-view.mng-mode .btn-amount-cut  { right:1.1875rem; background:var(--main-pink); }
.amount-tune .radio-block  { font-size:0.875rem; margin-bottom:1.25rem }
.choice-tune-reason  { display: flex; gap: 0.5em; align-items: center; padding: 1.25rem 0 3.125rem; }
.choice-tune-reason label  { flex:1 1 auto; position: relative; font-size:inherit; }
.choice-tune-reason label input  { position: absolute; top:0; left:0; width:0; height:0; opacity: 0; }
.choice-tune-reason label span  { display: flex; width: 100%; height:2.1875rem; align-items: center; justify-content: center; border-radius: 0.625rem; border: 0.0625rem solid #DFDFDF; background-color: #F9FAFE; font-size: 0.875rem; }
.choice-tune-reason .name  { vertical-align: middle; }
.choice-tune-reason.discount label input:checked + span  { border:0.15625rem solid #F367D2; box-shadow: 0 0.0625rem 0.3125rem 0 rgba(243, 103, 210, 0.5); }
.choice-tune-reason.futher label input:checked + span  { border:0.15625rem solid #2580DE; box-shadow: 0 0.0625rem 0.3125rem 0 rgba(37, 128, 222, 0.5); }


    /* 카테고리 리스트 모달 */
.modal-category-choice  { text-align: left; }
.modal-category-choice .ttl-h5  { margin-bottom: 1.5625rem; }
.modal-category-choice .ttl-h5 .icon { width:1.375rem; height:1.375rem; vertical-align: top; margin-right:0.125rem; }
.modal-category-choice .select-wrapper  { margin-bottom:1.25rem; }
.modal-category-choice .select-wrapper select  { height:2.9375rem; padding-left:1.25em; }
.modal-category-choice .pro-type  { display: flex; gap: 0.78125em; padding: 0.5rem 0 1.5rem; }
.modal-category-choice .pro-type label  { flex:1; position: relative; height:1.875rem; }
.modal-category-choice .pro-type label input  { position: absolute; top:0; left:0; width:0; height:0; opacity: 0; }
.modal-category-choice .pro-type label span  { display: flex; width: 100%; height:100%; align-items: center; justify-content: center; border-radius: 0.9375rem; border: 0.0625rem solid #DFDFDF; background-color: #F9FAFE; font-size: 0.9375rem; }
.modal-category-choice .pro-type label input:checked + span  { background-color: var(--main-purple); border-color: transparent; color:var(--main-white); }
.modal-category-choice .category-list  { padding:0.5rem 1rem 1.25rem; margin:0.75rem -1rem 0; }
.modal-category-choice .category-list.passover  { max-height:20.5rem; overflow-y: auto; }


/* 결제 서비스, 취소 */
.payment-list  { margin:1.25rem 0; }
.payment-list > li { position: relative; border:0.0625rem solid #d8bbff; background-color: var(--main-white); padding:1.25rem; }
.payment-list > li:first-child  { border-top-left-radius: 1.0625rem; border-top-right-radius: 1.0625rem; }
.payment-list > li:last-child  { border-bottom-left-radius: 1.0625rem; border-bottom-right-radius: 1.0625rem; }
.payment-list > li + li  { margin-top:0.09375rem; }
.payment-list > li + li::before,
.payment-list > li + li::after  { content: ''; position: absolute; top:0; width:0.375rem; height: 0.9375rem; background: url(/assets/renewal_assets/images/img_ring.png)left top / cover no-repeat; transform: translateY(-55%); z-index:2; }
.payment-list > li + li::before  { left: 1.7%; }
.payment-list > li + li::after  { right: 1.7%; }
.payment-list > li.data-header  { display: flex; gap: 0.5rem; align-items: center; position: relative; border-top-color: #d8bbff; border-top-left-radius: 0.875rem; border-top-right-radius: 0.875rem; font-size: 1.125rem; font-weight: var(--font-medium); color:var(--main-title-color1); padding: 0.5625rem 1.21875rem; margin-bottom: 0.09375rem; }
.payment-list .from-icon  { display: inline-block; width:1.75rem; height:1.75rem; border-radius: 28.5%; margin-right:0.125rem; overflow: hidden; }
.payment-list .from-icon img  { width:100%; height:100%; object-fit: cover; }
.payment-list .info-time  { color: var(--main-purple); }
.payment-list .pay-info-table li  { font-size:1rem; }
.payment-list .pay-info-table .name  { flex-basis:29.5%; min-height:3.375rem; }
.payment-list .pay-info-table .title  { position: relative; height:3.375rem; align-items: center; justify-content: center; font-size:1.125rem; color:var(--main-white); }
.payment-list .pay-info-table .title.pre-pay  { background: var(--main-purple); border-color: var(--main-purple); }
.payment-list .pay-info-table .title.service-pay  { background: var(--main-orange); border-color: var(--main-orange); }
.payment-list .pay-info-table + .pay-info-table  { margin-top:0.9375rem; }
.payment-list .table-radius  { border-color:#DFDFDF; border-top:0; font-size:1rem; }
.payment-list .table-radius:last-child  { margin-bottom:0; }
.payment-list .table-radius tbody th, 
.payment-list .table-radius tbody td  { height:3.375rem; border-color:#DFDFDF; font-weight: var(--font-medium); text-align: left; padding-left:1.1875rem; vertical-align: middle; }
.payment-list .table-radius tbody th  { background: #F6FAFD; color:var(--main-text-color); }
.payment-list .btn  { height:1.5rem; background: #EDEDED; border-radius: 0.4375rem; font-size:0.75rem; color:var(--main-text-color); padding:0 0.4375rem; margin-left:0.4375rem; }
.payment-list .btn > .icon  { width:0.75rem; height:1.125rem; vertical-align: top; margin-left:0.125rem; }
.payment-list .btn.btn-cancel  { background-color: #EF4949; color:var(--main-white) }
.payment-list .btn.btn-detail  { background-color: var(--main-purple); color:var(--main-white) }
.payment-list .title .btn  { position: absolute; right:1.25rem; border:0.0625rem solid #fff; background:var(--main-orange); box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.15); color:var(--main-white); }

.modal-pay-detail.modal-body  { padding-top:0.4375rem }
.modal-pay-detail .ttl-h5  { margin-bottom:2.5rem; }
.modal-pay-detail .ttl-h5 .icon  { width:1.375rem;height:1.375rem; vertical-align: top; }
.modal-pay-detail .pay-info-table  { margin:0.625rem 0 1.5625rem; }
.modal-pay-detail .pay-info-table li  { font-size:1rem; }
.modal-pay-detail .pay-info-table .name  { flex-basis: 33%; }
.modal-pay-detail .pay-info-table .con  { justify-content: flex-start; padding-left:1.25rem; padding-right:1rem; }

.pay-detail-service  { margin-bottom: 1rem; }
.pay-detail-service li  { display: flex; align-items: center; gap:0.625rem; font-weight: var(--font-medium); margin-top:0.625rem; }
.pay-detail-service .type  { flex: 0 0 auto; }
.pay-detail-service .type-box  { width: 3.0625rem; height:1.6875rem; display: flex; align-items: center; justify-content: center; border:0.0625rem solid #D8BBFF; border-radius: 0.5rem; box-shadow: 0 0.09375rem 0.0625rem 0 rgba(0, 0, 0, 0.12); font-size:0.71875rem; color: var(--main-purple); }
.pay-detail-service .name  { flex:1; font-size:0.78125rem; text-align: left; }
.pay-detail-service .name .designer  { font-size:0.5625rem; color:var(--main-text-color); }
.pay-detail-service .amount  { flex-shrink: 0; font-size:1.0625rem; margin-left:auto; }
.pay-detail-service .point  { color:#D225B1; }
.pay-detail-service .total  { border-top:1px solid #DFDFDF; padding-top:0.8125rem; margin-top:0.9375rem; }
.pay-detail-service .total .type  { font-size:1.0625rem; color:#989898; }
.pay-detail-service .total .amount  { color:var(--main-title-color1) }

/*.product-view .pro-info  { min-height:5.125rem; padding-left:6.125rem; }
.product-view .img-pro  { float:left; width: 5.125rem; height: 5.125rem; border-radius: 0.625rem; margin-left: -6.1875rem; overflow: hidden; }
.product-view .img-pro > img  { width: 100%; height: 100%; object-fit: cover; }
.product-view .name-pro  { font-weight: var(--font-medium); margin-bottom: 0.375rem; }
.product-view .amount  { display: flex; align-items: center; gap:0.4375rem; font-size:1rem; color: #989898; }
.product-view .amount .price-before  { font-size:0.8125em; color: #ccc; text-decoration: line-through; }
.product-view .point  { color: #d225b1; }
.product-view .qty-amount  { font-size: 1.125rem; font-weight: var(--font-medium); color: #3e465b; line-height: 1; }
.product-view .detail-info .stit  { display: inline-block; background: #ededed; border-radius:0.9375rem; font-size:0.9375rem; font-weight: var(--font-medium); color:#3e465b; line-height:1.875rem; padding:0 1rem; margin-bottom:0.875rem; }
.product-view .detail-info .detail-con img  { max-width:100%; padding-bottom:1rem; }
*/
    /* 디자이너 순번지정 */
.ordering-con  { border-radius: 0.875rem; box-shadow: 0 0.25rem 0.75rem 0 rgba(134, 58, 248, 0.2); margin: 1.5625rem 0; }
.ordering-con + .ordering-con  { margin-top: 1.5625rem; }
.ordering-con > div  { position: relative; border: 0.0625rem solid #d8bbff; background-color: var(--main-white);}
.ordering-con > div:last-child  { border-bottom-left-radius: 0.875rem; border-bottom-right-radius: 0.875rem; }
.ordering-con .ordering-header  { height:3rem; display: flex; gap: 0.5rem; align-items: center; justify-content: flex-end; border-top-left-radius: 0.875rem; border-top-right-radius: 0.875rem;
    background: url(/assets/renewal_assets/images/icon_magic_wand.svg) 1.21875rem center / 1.375rem 1.375rem no-repeat var(--main-white);
    font-size: 1.125rem; padding: 0.5rem 1.21875rem 0.5rem 3.25rem; margin-bottom: 0.09375rem; }
.ordering-con .ordering-header .no  { font-weight: var(--font-bold); margin-right:auto; }
.ordering-con .ordering-header button  { border-radius: 0.625rem; font-size:0.875rem; line-height: 1.285; padding:0.375rem 1.1875rem; }
.ordering-con .order-con::before,
.ordering-con .order-con::after  { content: ''; position: absolute; top:0; width:0.375rem; height: 0.9375rem; background: url(/assets/renewal_assets/images/img_ring.png)left top / cover no-repeat; transform: translateY(-60%); z-index:2; }
.ordering-con .order-con::before  { left: 1.7%; }
.ordering-con .order-con::after  { right: 1.7%; }
.ordering-con .order-con li  { min-height:3.2rem; padding:0.96875rem 1.25rem 0.96875rem 9.0625rem; }
.ordering-con .order-con li + li { border-top:0.0625rem solid #d8bbff; }
.ordering-con .order-con .name  { float:left; width:7rem; border-right:0.09375rem solid #CBCBCB; font-weight: var(--font-bold); padding:1px 0; margin: -1px 0 -1px -7.9375rem; }
.ordering-con .order-con .con  { width:100%; }
.ordering-con .order-con .con.order-list  { display: grid; grid-template-columns: auto auto; gap:0.625rem 1.125rem; }
.ordering-con .order-con .designer-name  { position: relative; line-height:1.5625rem; white-space: nowrap; padding-left:2.1875rem; text-overflow: ellipsis; overflow: hidden; }
.ordering-con .order-con .designer-name::before  { content:attr(data-order); position: absolute; top:0; left:0; width:1.875rem; height:100%; background: var(--main-purple); border-radius: 0.3125rem; display: flex; align-items: center; justify-content: center; font-size:0.6875rem; font-weight:var(--font-medium); color: var(--main-white); }
.ordering-con .order-con .no-data  { text-align: center; padding:0.625rem }
.ordering-con .order-con .no-data button { height:2.5rem; border-radius: 0.625rem; font-size:0.875rem; padding:0 1.625rem; }
.ordering-btn-category  { text-align: center; padding-bottom:4.0625rem }
.ordering-btn-category button  { height: 3.125rem; border-radius: 0.625rem; font-size: 1.125rem; font-weight: var(--font-medium); padding:0 3rem; }
.ordering-list  { counter-reset: ordering; margin-top:0.9375rem; }
.ordering-list li  { counter-increment: ordering; position: relative; display: flex; gap:0.3125rem; margin-bottom:0.625rem; }
.ordering-list li > div { height:3.125rem; border: 0.0625rem solid #DFDFDF; border-radius: 0.3125rem; background-color: var(--main-white); box-shadow: 0 0.25rem 0.625rem 0 rgba(134, 58, 248, 0.2); }
.ordering-list .number  { flex:0 0 5.625rem; display: flex; align-items: center; justify-content: center; font-size: 1.375rem; font-weight: var(--font-bold); color:var(--main-pink); }
.ordering-list .number::before  { content: counter(ordering); }
.ordering-list .sortable-chosen .number::before  { content:'#' }
.ordering-list .designer  { flex:1; display: flex; align-items: center; gap:0.9375rem; font-size: 1.375rem; padding-left:1.5625rem; }
.ordering-list .designer::before,
.ordering-list .designer::after  { content: ''; position: absolute; left:5.625rem; width:0.375rem; height: 0.9375rem; background: url(/assets/renewal_assets/images/img_ring.png)left top / cover no-repeat; transform:rotate(90deg); opacity: 0.7; z-index:2; }
.ordering-list .designer::before  { top: 6%; }
.ordering-list .designer::after  { bottom: 5%; }
.ordering-list .check-btn-block  { display: inline-block; position: relative; }
.ordering-list .check-btn-block input  { position: absolute; top:0; left:0 }
.ordering-msg  { font-weight: var(--font-medium); margin:2.875rem 0 2rem; }
.ordering-msg .icon  { width:1.5rem; height:1.5rem; vertical-align:text-bottom; }
.btn-sort-check-before, .btn-sort-check-after  { display: inline-flex; align-items: center; justify-content: center; width: 5.625rem; height: 1.875rem; border-radius: 0.625rem; font-size: 0.875rem; color: var(--main-white); }
.btn-sort-check-before:hover, .btn-sort-check-after:hover  { color:var(--main-white); }
.btn-sort-check-before { background: var(--main-gray); }
.btn-sort-check-after  { background: var(--main-pink); }
.ordering-list .btn-sort-check-before, .ordering-list .btn-sort-check-after  { vertical-align: top; }
    /* 내수제품 관리 */
.mng-pro-menus  { display: grid; grid-template-columns: 1fr 1fr; gap:1.5625rem; }
.mng-pro-menus .btn-menu-card .ttl-h5 + p  { letter-spacing: -0.03em; margin-right:-0.5rem; }
.mng-pro-menus .btn-menu-card:after  { display: none; }
.mng-pro-menus .pro-quick .ttl-h5:before  { background-color: #F9C6C6; }
.mng-pro-menus .pro-direct .ttl-h5:before  { background-color: #7ECEA6; }
.mng-pro-menus .pro-cancel .ttl-h5:before  { background-color: #F2A1C1; width:7.25rem; }
.mng-pro-menus .pro-cancel  { grid-column-start: 1; grid-column-end: 3; border:0; background: linear-gradient(90deg, #EB6FA0 0%, #FF9EC5 100%); box-shadow: 0px 6px 20px 0px rgba(221, 84, 138, 0.4), inset 0px 4px 4px 0px rgba(255, 255, 255, 0.4); color: var(--main-white); padding-bottom:0.5625rem; }
.tbl-list-wrap.mng-pro  { margin-top:0.625rem; }
.tbl-list-wrap.mng-pro li  { background: var(--main-white); }
.tbl-list-wrap.mng-pro .ttl-li  { flex:0 0 6.25rem; background-color: #F6FAFD; border-right:0.0625rem solid #E6EAF3; text-align: center; padding:1rem 0.5rem; }
.tbl-list-wrap.mng-pro .txt-li + .ttl-li  { border-left:0.0625rem solid #E6EAF3; }
.tbl-list-wrap.mng-pro .txt-li  { flex:1; display: flex; align-items: center; padding-left:1.25rem; }
.tbl-list-wrap.mng-pro .txt-li.operator  { align-items: flex-end; padding-top:0.75rem; padding-bottom:0.75rem; }
.tbl-list-wrap.mng-pro .operator .name  { color:var(--main-purple); padding:0.25rem 0; }
.tbl-list-wrap.mng-pro .operator .img  { width:4.6875rem; height:4.375rem; border-radius: 0.625rem; padding:0; margin-right:0.9375rem; overflow: hidden; }
.tbl-list-wrap.mng-pro .operator .img > img  { width:100%; height:100%; object-fit: cover; }
.tbl-list-wrap.mng-pro .txt-li button  { height:1.5rem; border-radius: 0.4375rem; font-size:0.65625rem; padding:0 0.4375rem; margin-left:0.625rem; }
.mng-cancel-msg  { line-height:1.5625rem; text-align: center; padding:1.5625rem 0; }
    /* 상품 목록(관리자에서만 필요한 항목) */
.product-list .pro-list  { width:100%; overflow-x: auto; overflow-y: hidden; }
.product-list .pro-list .imgs-wrap  { float:left; display: flex; flex-wrap: nowrap; }
.product-list .pro-list .img-pro  { position: relative; margin-left:0; margin-right:0.9375rem; }
.product-list .pro-list .img-pro:last-child  { margin-right:0 }
.product-list .pro-list .img-pro::after  { content: attr(data-qty); position: absolute; right:0; bottom:0; display: flex; align-items: center; justify-content: center; width:1.25rem; height:1.25rem; background: rgba(11, 11, 11, 0.4); border-top-left-radius: 0.3125rem; font-size:0.75rem; font-family: 'nanum-gothic'; color:var(--main-white); }
.modal-pro-reduce .product-list li  { padding-bottom:0.9375rem; }
.modal-pro-reduce .product-list .card-shadow  { box-shadow: none; }
    /* 간편결제 */
/*.header.simple-pay-header  { flex-basis:3.75rem; }
.header.simple-pay-header .header-inner .h1-title  { font-size:1.5rem; }
.header.simple-pay-header .btn-linkedbox,
.header.simple-pay-header .btn-manager  { width:2.5rem; height:2.5rem; }
.header.simple-pay-header .btn-back .ico-back  { width:0.75rem; height:1.46875rem; }
.header.simple-pay-header .ico-home  { background-size: 1.375rem auto; }
.header.simple-pay-header .ico-setting  { background-size: auto 1.5625rem; }*/
.simple-pay .main-menu-swiper .swiper  { padding-top:0.625rem; padding-bottom:0.625rem; }
.simple-pay .main-menu-swiper .swiper-slide  { height:2.3125rem; border-radius:0.625rem; font-size:1.125rem; line-height:1; margin-right:0.625rem; }
.simple-pay .main-menu-swiper .swiper-slide:last-child  { margin-right:0; }
.simple-pay .top-number { display: flex; gap:0.625rem; padding-top:0.3125rem; padding-bottom:0.3125rem; }
.simple-pay .phone-input-wrapper   { flex:1; border-radius: 0.5rem; box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.15); }
.simple-pay .phone-input-wrapper + .phone-input-wrapper  { margin-top:0; }
.simple-pay .phone-input-wrapper .phone-input input  { height:2.375rem; font-size:1rem; }
.simple-pay .phone-input-wrapper .phone-input input::placeholder   { top:0.5rem; font-size:1rem; }
.simple-pay .top-number .btn-search  { flex:0 0 2.96875rem; background: url(/assets/renewal_assets/images/ico_scope.svg) center / 1.3125rem auto no-repeat #fff; border: 2px solid #DFDFDF; border-radius: 0.5rem; box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.15); }

.simple-designer-list  { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.4375rem; height: 6.53125rem; overflow-y: auto; padding:0.46875rem 1rem 2rem; margin-left:-1rem; margin-right:-1rem; }
.simple-designer-list > li  { height: 2.8125rem; background-origin: border-box; background-clip: content-box, border-box; border: 0.0625rem solid #DFDFDF; border-radius: 0.5rem; overflow: hidden; }
.simple-designer-list li.active  { border: 0.15625rem solid transparent; background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%); box-shadow: 0 0 0.625rem 0 rgba(160, 76, 239, 0.6); transition:box-shadow .35s ease-out; }
.simple-designer-list .designer  { display: flex; gap:0.625rem; height:2.6875rem; background-color: var(--main-white); align-items: center; padding:0 0.375rem 0 0.5rem; }
.simple-designer-list li.active .designer  { height: 2.5625rem; padding: 0 0.28125rem 0 0.40625rem; }
.simple-designer-list .img-designer { flex: 0 0 2rem; height: 2rem; border-radius: 0.3125rem; overflow: hidden; }
.simple-designer-list .img-designer img  { width:100%; height:100%; object-fit: cover; object-position:center; }
.simple-designer-list .name  { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.875rem; font-weight: var(--font-medium); letter-spacing: -0.03em; overflow: hidden; }
.simple-pay .service-layer  { position: fixed; top:19.875rem; bottom:0; left:50%; right:0; width:100%; background-color: rgba(255,255,255,0.8); box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.2); padding:0.625rem 1.5625rem; transform: translateX(-50%); padding-bottom:4.5rem; overflow-y: auto; }
.simple-pay .category-selected { display: flex; padding-bottom:0.625rem; }
.simple-pay .category-selected .category-result  { flex:1; display: flex; align-items: center; justify-content: center; height:2.5rem; border:2px solid #DFDFDF; border-radius: 0.5rem; background: var(--main-white); box-shadow: 0 0.0625rem 0.3125rem 0 rgba(175, 175, 175, 0.2); font-size:0.875rem; font-weight: var(--font-medium); }
.simple-pay .category-selected .btn-view-category  { flex:0 0 2.65625rem; border: 2px solid #DFDFDF; border-radius: 0.5rem; background: url(/assets/renewal_assets/images/ico_circle_ellipsis.svg) center / 1.375rem auto no-repeat #fff; box-shadow: 0 0.0625rem 0.3125rem 0 rgba(175, 175, 175, 0.2); margin-left:0.625rem; }
.simple-pay .service-layer .category-list  { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.625rem; grid-auto-rows:max-content; height:17.125rem; padding:0.625rem 1rem 0; margin:0 -1rem 0.5rem; overflow-y:auto; }
.simple-pay .service-layer .category-list .card-shadow  { height: 4.75rem; box-shadow: 0 0 0.625rem 0 rgba(175, 175, 175, 0.5); }
.simple-pay .service-layer .category-list .card-inner  { display: flex; flex-direction: column; justify-content: space-between; padding:0.4375rem 0.5625rem; }
.simple-pay .service-layer .category-list .active .card-inner  { padding:0.3125rem 0.4375rem; }
.simple-pay .service-layer .category-list .cate-3rd  { font-size:0.78125rem; padding-right:1.25rem; }
.simple-pay .service-layer .category-list .price  { height:auto; font-size:0.75rem; }
.simple-pay .service-layer .category-list .price .price-before  { font-size:0.5625rem; padding-bottom:0.0625rem; }
.simple-pay .service-layer .addtional-btns  { padding-top:0; }
.simple-pay .service-layer .addtional-btns button  { height:2.0625rem; border-radius: 1.0625rem; padding:0 1rem; }
.simple-pay .service-layer .pay-amount-summary  { gap:0.3125rem; font-size:0.875rem; padding-top: 0.625rem; }
.simple-pay .service-layer .pay-amount-summary dt  { min-height:1.25rem; }
.simple-pay .service-layer .pay-amount-summary .btn-more  { margin-left:1rem; }
.simple-pay .service-layer .pay-amount-summary .btn-more::after  { height:1.0625rem; }
.simple-pay .service-layer .pay-amount-summary .final  { font-size:1em; }
.simple-pay .service-layer.no-data  { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size:1.25rem; }
.simple-pay .service-layer.no-data .icon  { width:3.375rem; height:3.375rem; margin-bottom:1.25rem; }

.simple-pay-tune .choice-tune-reason  { padding-bottom:1.25rem; }
.simple-pay-tune .radio-block  { font-size:0.875rem; margin-bottom:0.9375rem }
.simple-pay-tune .radio-block .name  { vertical-align: middle; }
.simple-pay-tune .phone-input-wrapper  { border-radius: 0.625rem; }
.simple-pay-tune .phone-input-wrapper .phone-input input  { height:2.375rem; }
.simple-pay-tune .phone-input-wrapper .phone-input input::placeholder  { top:0.375rem; }
.simple-pay-tune .keypad-number .card  { border-color: #DFDFDF; box-shadow: 0 0 0.625rem 0 rgba(212, 66, 222, 0.2) !important; }
.simple-pay-tune .keypad-number .card-body  { height:2.6875rem; }
.simple-pay-tune .detail-order  { margin-bottom: 1.25rem; }
.simple-pay-tune .detail-order li  { display: flex; align-items: center; border:0.0625rem solid #E6EAF3; padding:0.46875rem 0.9375rem; }
.simple-pay-tune .detail-order li + li  { border-top:0; }
.simple-pay-tune .detail-order li:last-child  { border-bottom-left-radius: 0.3125rem; border-bottom-right-radius: 0.3125rem; }
.simple-pay-tune .detail-order li.stit  { background: #F9F5FE; border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; justify-content: center; font-size:0.875rem; color:var(--main-title-color1); line-height:1; }
.simple-pay-tune .detail-order .check-block  { flex:0 0 auto; margin-right:0.625rem; margin-bottom:0; }
.simple-pay-tune .detail-order.discount .check-block .input-checkbox:checked  { background-color: #F367D2; }
.simple-pay-tune .detail-order.futher .check-block .input-checkbox:checked  { background-color: #2580DE; }
.simple-pay-tune .detail-order .service-info  { flex:1; text-align: left; overflow: hidden; }
.simple-pay-tune .detail-order .designer  { font-size:0.5625rem; color:var(--main-text-color); }
.simple-pay-tune .detail-order .title  { font-size:0.875rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.simple-pay-tune .detail-order button  { flex:0 0 auto; height:1.375rem; border-radius: 0.6875rem; font-size: 0.65625rem; color: var(--main-white); box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.2); padding:0 0.6875rem; margin:0 0.125rem; }
.simple-pay-tune .detail-order.discount button  { background-color: var(--main-pink); }
.simple-pay-tune .detail-order.futher button  { background-color: var(--main-blue); }
.simple-pay-tune .detail-order .amount  { flex: 0 0 auto; min-width: 4.5rem; font-size:0.875rem; text-align: right; }
.simple-pay-tune .detail-order .price-before  { font-size:0.5625rem; }
.simple-pay-tune .detail-order.discount .price-before::before  { content: '(-)'; }
.simple-pay-tune .detail-order.futher .price-before::before  { content: '(+)'; }
.simple-pay-tune .detail-order.discount .price-before  { color:#F367D2; }
.simple-pay-tune .detail-order.futher .price-before  { color:#2580DE; }

.simple-detail-service  { border:0.0625rem solid #E6EAF3; border-radius: 0.625rem; margin:0.5rem 0; }
.simple-detail-service li  { display: flex; align-items: center; gap:0.625rem; height:3rem; font-weight: var(--font-medium); padding:0.3125rem 0.625rem; }
.simple-detail-service li + li  { border-top:0.0625rem solid #E6EAF3; }
.simple-detail-service .type  { flex: 0 0 auto; }
.simple-detail-service .type-box  { width: 3.0625rem; height:1.6875rem; display: flex; align-items: center; justify-content: center; border:0.0625rem solid #D8BBFF; border-radius: 0.5rem; box-shadow: 0 0.09375rem 0.0625rem 0 rgba(0, 0, 0, 0.12); font-size:0.71875rem; color: var(--main-purple); }
.simple-detail-service .name  { flex:0 0 9rem; font-size:0.78125rem; text-align: left; overflow: hidden; }
.simple-detail-service .name .designer  { font-size:0.5625rem; color:var(--main-text-color); }
.simple-detail-service .name p  { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.simple-detail-service .qty-section  { width:3.875rem; font-size:0.875rem; margin-top:0; margin-right:auto; }
.simple-detail-service .qty-section .btn-plus, 
.simple-detail-service .qty-section .btn-minus  { width:1.1875rem; height:1.1875rem; }
.simple-detail-service .amount  { flex: 0 0 auto; min-width:5rem; font-size:0.875rem; text-align: right; }
.simple-detail-service .price-discount  { font-size:0.5625rem; color:var(--main-pink); }
.simple-detail-service .price-futher  { font-size:0.5625rem; color:var(--main-blue); }
.simple-detail-service .price-discount::before  { content: '(-)'; }
.simple-detail-service .price-futher::before  { content: '(+)'; }
.simple-detail-service .btn-cancel  { flex:0 0 2.625rem; height:2.375rem; font-size:0.78125rem; line-height:1; padding:0 0.5rem; margin-right:-0.5rem; }
.simple-detail-service .btn-del  { flex:0 0 1.5625rem; height:1.5625rem; padding:0; margin-left:0.875rem; }
.simple-detail-service .total  { background-color: #F9F5FE; justify-content: space-between; }
.simple-detail-service .total > div  { font-size:1.0625rem; color:var(--main-title-color1); }

.simple-pay-btns.btn-wrap.btn-floating  { flex-basis:4.6875rem; }
.simple-pay-btns.btn-wrap.btn-floating .btn-inner  { padding-top:0.78125rem; padding-bottom:0.78125rem; }
.simple-pay-btns .btn-inner > .btn  { min-height:3.125rem; }

.modal-inner > .simple-pay  { max-height: calc(100vh - 18rem); overflow-y: auto; }
.simple-pay .pro-search-wrap  { display: flex; gap:0.625rem; padding-bottom:1rem; margin-bottom:0.875rem }
.simple-pay .pro-search-wrap .text-search  { flex:1; display: flex; height:2.8125rem; border:2px solid #DFDFDF; border-radius: 0.5rem; background: var(--main-white); box-shadow: 0 0.0625rem 0.3125rem 0 rgba(175, 175, 175, 0.2); font-size:1.0625rem; font-weight: var(--font-medium); }
.simple-pay .pro-search-wrap .text-search input[type=text]  { flex:1; height:100%; text-align: center; }
.simple-pay .pro-search-wrap .btn-search  { flex:0 0 2.8125rem; background: url(/assets/renewal_assets/images/ico_scope.svg) center / 1.3125rem auto no-repeat; border-left: 2px solid #DFDFDF; border-radius: 0; }
.simple-pay .pro-search-wrap .btn-view-category  { flex:0 0 3rem; border: 2px solid #DFDFDF; border-radius: 0.5rem; background: url(/assets/renewal_assets/images/ico_circle_ellipsis.svg) center / 1.375rem auto no-repeat #fff; box-shadow: 0 0.0625rem 0.3125rem 0 rgba(175, 175, 175, 0.2); }
.modal-body .pro-search  { padding-top:0.5rem; }
.modal-body .pro-search .phone-input-wrapper .phone-input input  { font-size:1.125rem; }
.modal-body .pro-search .keypad-group  { padding:0.3125rem 0 2.75rem; }
    /* 금액 결제 */
.designer-list2  { display: grid; grid-template-columns: 1fr 1fr; gap:1.4375rem 1.5625rem; padding:1.25rem 0; }
.designer-list2 .card-inner  { padding:0.9375rem 1.25rem }
.designer-list2 .active .card-inner  { padding:0.8125rem 1.125rem }
.designer-list2 .img-profile  { width:100%; height:6.6875rem; border-radius: 0.625rem; overflow: hidden; }
.designer-list2 .img-profile > img  { width:100%; height:100%; object-fit: cover; object-position: center 20%; }
.designer-list2 .name  { font-size:1rem; color:var(--main-purple); font-weight:var(--font-medium); text-align: center; margin-top:0.75rem; }
    /* 설정 */
.mng-setting-btns  { display: flex; flex-direction: column; gap:1.5625rem; padding:1.5625rem 0; }
.mng-setting-btns .card-shadow  { border:0; background: var(--main-white); border-radius: 0.75rem; box-shadow: 0 0.25rem 1rem 0 rgba(218,218,218,0.6); padding:1.15625rem; cursor:pointer }
.mng-setting-btns .card-shadow .icon { float:left; width:2.625rem; height:2.625rem; border-radius: 0.625rem; background:url(/assets/renewal_assets/images/icon_mng_menu.png?v3) left top / 2.625rem auto no-repeat #EB6FA0; background-size: 2.625rem auto; margin-right:0.6875rem; } 
.mng-setting-btns .icon.password  { background-position: left -21rem; }
.mng-setting-btns .icon.terms  { background-position: left -23.625rem; }
.mng-setting-btns .icon.remote  { background-position: left -28.875rem; }
.mng-setting-btns .icon.mngpw  { background-position: left -31.5rem; }
.mng-setting-btns .icon.self  { background-position: left -34.125rem; }
.mng-setting-btns .icon.futher  { background-position: left -36.75rem; }
.mng-setting-btns .icon.service-ordering  { background-position: left -7.875rem; }
.mng-setting-btns .discription  { font-size:0.6875rem; color:#bcbcbc; font-weight:var(--font-regular); margin:0.1875rem 0 0.125rem; }
.mng-setting-btns .menu-name  { font-size:1.125rem; }
.mng-setting-btns .card-shadow .use-passwd { float: left; width: 2.625rem; height: 2.625rem; border-radius: 0.625rem; background: url(/assets/renewal_assets/images/icon-use-passwd-on.svg) no-repeat #EB6FA0; background-size: 1.7rem auto; margin-right: 0.6875rem; background-position: 0.49rem 0.49rem }
    /* 약관노출 */
.terms-exporse-btns  { display: grid; grid-template-columns: 1fr 1fr; gap:0.9375rem; }
    /* 서비스추가설정 */
.futher-exporse-btns  { display: flex; flex-direction: column; gap:1.5rem; }


/* 순번리스트 */
.wainting-list-top  { display: flex; align-items: center; justify-content: space-between; padding:1.5625rem 0 0.6875rem; }
.wainting-list-top .time  { border:0.0625rem solid #E8E8E8; background: url(/assets/renewal_assets/images/icon_clock.svg) 0.4375rem center no-repeat #FBFCFE; background-size:1.125rem auto; border-radius:0.625rem; font-size:0.875rem; padding:0.35rem 0.75rem 0.35rem 2rem; }
.wainting-list-top .time .c-pink  { font-weight:var(--font-medium); }
.wainting-list-top .btn-refresh  { background:url(/assets/renewal_assets/images/icon_redo-gray.svg) 0.5rem center no-repeat #EDEDED; background-size: 0.78125rem 0.78125rem; border-radius:0.625rem; font-size:0.875rem; color:var(--main-text-color); padding-left:1.5625rem; }
.waiting-wrap  { /*position: absolute; top:0; left:0; bottom: 1.25rem; width: 100%;*/ padding:0 1.5625rem 0 1.10375rem; }
.waiting-wrap .waiting-list  { width:9.5625rem; border:0.0625rem solid transparent; border-radius:0.625rem; margin-left:0.46875rem; overflow: hidden; /*overflow: auto;*/ }
.waiting-list .header-info  { /*position: sticky; top:0;*/ background-color:var(--main-white); border-bottom:0.0625rem solid transparent; padding:0.5625rem; z-index:2; }
.waiting-list .header-info .person  { position: relative; height:2.9375rem; background-image:var(--main-linear-gradient); display: flex; align-items: center; gap:0.4375rem; border-top-left-radius:0.625rem; border-top-right-radius:0.625rem; padding-left:0.75rem; }
.waiting-list .header-info .person .img  { flex-shrink: 0; width:1.5625rem; height:1.5625rem; border:0.0625rem solid var(--main-white); border-radius:0.3125rem; overflow: hidden; }
.waiting-list .header-info .person .img img  { width:100%; height:100%; object-fit:contain; }
.waiting-list .header-info .person .name  { flex:1; font-size:0.75rem; font-weight: var(--font-medium); line-height:1.25; color:var(--main-white); }
.waiting-list .header-info .status  { height:2.9375rem; border:0.0625rem solid #ccc; border-bottom-left-radius:0.625rem; border-bottom-right-radius:0.625rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:0.25em; font-size:0.75rem;
	box-shadow: 0 0 0.75rem rgba(0,0,0,0.15); }
.waiting-list .header-info .status .status-01  { color:var(--main-purple) } /* 시술중 */
.waiting-list .header-info .status .status-02  { color:var(--main-blue) } /* 예약대기중 */
.waiting-list .header-info .status .status-03  { color:var(--main-red) } /* 휴무 */
.waiting-list .list-wrap  { height:calc(100svh - 18.5rem); padding:0.5625rem; }
.waiting-list .list-wrap li  { height:3.75rem; display: flex; align-items: center; border:0.0625rem     solid transparent; background-color:var(--main-white); border-radius:0.625rem; margin-bottom:0.1875rem; padding:0 0.5625rem;
    box-shadow: 0 0.0625rem 0.5rem rgba(0,0,0,0.1); }
.waiting-list .list-wrap li.wait  {position: relative;  background-color:var(--main-white) !important; font-size:0.6875rem; cursor: pointer; }
.waiting-list .list-wrap li.cut-off  { flex-direction: column; justify-content: center; }
.waiting-list .list-wrap .box  { flex-shrink:0; position: relative; border:0.0625rem solid transparent; border-radius:0.1875rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width:2.5rem; height:2.5rem; font-size:0.625rem; color:#555 !important; padding-bottom:0.0625rem; margin-right:0.375rem; }
.waiting-list .list-wrap .number  { flex-shrink:0; display: flex; align-items: center; justify-content: center; line-height:1; }
.waiting-list .list-wrap li:not(.wait) .number  { width:1.25rem; height:1.25rem; background: var(--main-white); border:0.0625rem solid transparent; border-radius:0.1875rem; font-size:0.8125rem; margin-left:0.3125rem; }
.waiting-list .list-wrap li.wait .number  { position:absolute; top:0; left:0; width:0.78125rem; height:0.78125rem; border-bottom-right-radius:0.1875rem; font-size:0.5rem; color:var(--main-white) }
.waiting-list .list-wrap .time  { text-align: center; }
.waiting-list .list-wrap li:not(.wait, .cut-off) .time  { flex:1; font-size:0.875rem; color:var(--main-white); }
.waiting-list .list-wrap li.cut-off .time  { font-size:0.75rem; color:var(--main-white); }
.waiting-list .list-wrap .btn-reserve  { flex-shrink: 0; width:1.875rem; height:1.25rem; border:0.0625rem solid #F6FF00; border-radius:0.1875rem; font-size:0.6875rem; color:#F6FF00; }
.waiting-list .list-wrap .icon-from  { width:0.9375rem; height:0.9375rem; border-radius: 0.1875rem; margin:0 0.4375rem 0.25rem auto; overflow: hidden; }
.waiting-list .list-wrap .icon-from img  { width:100%; height:100%; object-fit: contain; }
.waiting-list .list-wrap .customer, 
.waiting-list .list-wrap .service  { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:0.6875rem; overflow: hidden; }
.waiting-list .list-wrap .customer  { color:#989898; margin-bottom:0.125rem; }
.waiting-list .list-wrap .service  { color:var(--main-title-color2); }
.waiting-list .list-wrap .desc  { font-size:0.75rem; color:#F6FF00; margin-top:0.1875rem; }
.waiting-list .list-wrap .btn-cancel  { position: absolute; bottom:0.3125rem; right:0.3125rem; width:0.9375rem; height:0.9375rem; border-radius:50%; background:url(/assets/renewal_assets/images/icon_close_white.svg) center center no-repeat var(--main-red); background-size: 88% 88%; box-shadow: 0 0.0625rem 0.125rem 0 rgba(0,0,0,0.5); text-indent:100%; overflow: hidden; }

.waiting-wrap .waiting-list:nth-child(odd)  { border-color:#f5b7cf; background-color:rgba(235,111,160,0.2); }
.waiting-wrap .waiting-list:nth-child(even)  { border-color:#bfc8f5; background-color:rgba(128,145,235,0.2); }
.waiting-wrap .waiting-list:nth-child(odd) .header-info  { border-bottom-color:#f5b7cf; }
.waiting-wrap .waiting-list:nth-child(even) .header-info  { border-bottom-color:#bfc8f5; }
.waiting-wrap .waiting-list:nth-child(odd) .list-wrap li  { border-color:rgba(235,111,160,0.5); background-color:rgba(235,111,160,0.5); }
.waiting-wrap .waiting-list:nth-child(even) .list-wrap li  { border-color:rgba(128,145,235,0.5); background-color:rgba(128,145,235,0.5); }
.waiting-wrap .waiting-list:nth-child(odd) .number,
.waiting-wrap .waiting-list:nth-child(odd) .box  { border-color:var(--mng-pink); color:var(--mng-pink) }
.waiting-wrap .waiting-list:nth-child(even) .number,
.waiting-wrap .waiting-list:nth-child(even) .box  { border-color:var(--mng-blue); color:var(--mng-blue) }
.waiting-wrap .waiting-list:nth-child(odd) li.cut-off,
.waiting-wrap .waiting-list:nth-child(odd) .box .number  { background-color:var(--mng-pink); }
.waiting-wrap .waiting-list:nth-child(even) li.cut-off,
.waiting-wrap .waiting-list:nth-child(even) .box .number  { background-color:var(--mng-blue); }

.waiting-number-view  { font-size:2.25rem; font-weight:var(--font-medium); padding:1.875rem 0 3rem; }
.waiting-number-view .number  { font-size:7.75rem; color: var(--main-title-color1); }
.waiting-number-view .worker  { min-width:20rem; height:3.125rem; background-color: #5c5c5c; border-radius:1.5625rem; display: inline-flex; align-items: center; justify-content: center; font-size:1.25rem; font-weight:var(--font-regular); color:var(--main-white); padding:0 1.75rem; margin-top:0.75rem; }
.waiting-number-view .worker .name  { color:#F7D500; }


/* AI Style 시작 */
.aistyle.modal-body  { color:#454545; padding-top:1.75rem; }
.aistyle.modal-body h1 { display: inline-block; font-size: 1.875rem; font-weight: 700; background: var(--main-linear-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.5; }
.aistyle.modal-body h2 { font-size: 1.875rem; font-weight: 500; line-height: 1.5; }
.aistyle.modal-body hr { display: block !important; width: 100%; height: 0.125rem; background-color: #d9d9d9; border: 0px; border-bottom:1px solid #b1b1b1; margin: 1.875rem 0; }

.aistyle-mainvisual  { position: relative; margin-top:1.2425rem; margin-bottom:-2.875rem; z-index:3; }
.aistyle-mainvisual > img { width: 100%; }
.aistyle-mainvisual .text-box  { position: absolute; left:3.75rem; right:3.75rem; bottom:16%; border:5px solid rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2); border-radius: 0.625rem; font-size:1.6875rem; color:#fff; line-height:1.35; text-align: center; padding:0.915rem 0 1rem; }
.aistyle-mainvisual .text-box .point  { color:#FFDEBB; }
.aistyle-mainvisual .btn-style-search  { position:absolute; right:1.875rem; bottom:-2.5rem; background:url(/assets/renewal_assets/images/ai/ico-style-search.svg) center -0.0625rem no-repeat; background-size:100% auto; width:3.4375rem; font-size:0.625rem; font-weight:var(--font-bold); color:#64397F; padding-top:3.875rem; z-index:10; }
.aistyle-menus  { flex:1; height:100%; padding-top:4.5rem; overflow:auto; }
.aistyle-menus .menus  { display: flex; flex-direction: column; gap:1.5625rem; padding:1.5625rem 0; }
.aistyle-menus .card-menu  { flex:1 1 5rem; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: rgba(255, 255, 255, 0.5); border-radius: 0.625rem; box-shadow: 0 0.125rem 0.625rem rgba(0, 0 , 0, .15); padding-left:6.875rem; cursor: pointer; }
.aistyle-menus .card-menu::after  { content:''; display: block; position: absolute; top:50%; right:2.375rem; width:0.625rem; height:1.09375rem; background:url(/assets/renewal_assets/images/ai/arrow-right-ai.svg) center no-repeat; background-size:auto 100%; transform: translateY(-50%);}
.aistyle-menus .card-menu .discription  { font-size:0.875rem; color:#BCBCBC; padding-bottom:0.125rem; }
.aistyle-menus .card-menu .menu-name  { font-size:1.5rem; color:#64397F; font-weight: 500; }
.aistyle-menus .card-menu .icon  { position: absolute; top:50%; left:1.8125rem; transform: translateY(-50%); width:3.125rem; height:3.125rem; }
.aistyle-menus .card-menu .icon > img  { width:100%; height:100%; }

.aistyle .contentbox-shadow  { color: var(--main-title-color1); }
.aistyle .my-photo-upload  { position: relative; display: flex; flex-direction: column; justify-content: center; background-color:#EEF5FB; color:var(--main-title-color1); text-align: center; /*box-shadow:0 0 0.625rem rgba(0, 0 , 0, 0.09);*/ z-index:2; margin-top:1.25rem; margin-bottom:-1.25rem; }
/*.aistyle .my-photo-upload::before  { content: ''; position: absolute; top:0; left:0; right:0; height:0.625rem; background: linear-gradient(rgba(0, 0 , 0, 0.07) 4%,rgba(0, 0 , 0, 0)); }*/
.aistyle .my-photo-upload h3  { font-size:1.5rem; padding:1.875rem 0 0.3125rem; margin-bottom:0.3125rem; }
.aistyle .photo-box  { position: relative; width:12.5rem; height:12.5rem; margin:1.25rem auto 1.875rem; }
.aistyle .photo-box .photo  { position: relative; width:100%; height:100%; border-radius:1.25rem; overflow:hidden; }
.aistyle .photo-box .photo img  { width:100%; height:100%; object-fit: cover; }
.aistyle .photo-box .photo:after  { content:''; position: absolute; top:0; left:0; width:100%; height:100%; border-radius:1.25rem; border:0.125rem solid rgba(255, 255, 255, 0.5); }
.aistyle .photo-box .btn-camera  { width:100%; height:100%; background: url(/assets/renewal_assets/images/ai/box-upload.svg) center no-repeat; background-size: 100% 100%; }
.aistyle .photo-box .photo + .btn-camera  { position: absolute; top:-0.9375rem; right:-0.9375rem; width:3.3125rem; height:3.3125rem; background:url(/assets/renewal_assets/images/ai/icon-camera-wh.svg) center 0.46875rem no-repeat #BC5BD0; background-size:1.25rem auto; border-radius: 50%; font-size:0.75rem; font-weight:var(--font-light); color: var(--main-white); padding-top:1.5rem; }
.aistyle .photo-boxs  { display:flex; gap:1.5625rem; align-items:center; justify-content:center; height:14.375rem; }
.aistyle .photo-box2  { position: relative; width:11.5625rem; height:11.5625rem; border:0.125rem solid #C6DBEE; background-color:rgba(255,255,255,0.5); border-radius:0.625rem; }
.aistyle .photo-box2 label  { position:absolute; width:100%; left:0; font-size:1.5rem; color:#AFC9E0; letter-spacing:-0.025rem; line-height:1.25rem; text-align:center; padding-top:1.0625rem; z-index:1; user-select:none; }
.aistyle .photo-box2 label small  { display:block;  font-size:1rem; }
.aistyle .photo-box2.style label::before  { content:'STYLE BOOK' }
.aistyle .photo-box2.after-choice.style label::before  { content:'스타일북' }
.aistyle .photo-box2 .btn-camera  { position:relative; width:100%; height:100%; background: url(/assets/renewal_assets/images/ai/icon-photo-plus.svg) center 3.75rem no-repeat; background-size:5rem auto; z-index:2; }
.aistyle .photo-box2 .photo  { position: relative; width:100%; height:100%; border-radius:0.625rem; overflow:hidden; z-index:3; }
.aistyle .photo-box2 .photo img  { position:absolute; left:0; width:100%; height:100%; object-fit: cover; }
.aistyle .photo-box2.style  { background-image:url(/assets/renewal_assets/images/ai/icon-gallery.svg); background-position:center 4.5rem; background-repeat:no-repeat; background-size:3.75rem 3.75rem; }
.aistyle .photo-box2.style button:not(.btn-style-single)  { position:absolute; bottom:0; height:2.1875rem; border-top:0.125rem solid #C6DBEE; width:50%; z-index:5; }
.aistyle .photo-box2.style .btn-style { left:0; border-right:0.0625rem solid #C6DBEE; background:url(/assets/renewal_assets/images/ai/icon-style.svg) center no-repeat #fff; background-size:1.4375rem 1.4375rem; border-bottom-left-radius:0.625rem; }
.aistyle .photo-box2.style .btn-gallery { right:0; border-left:0.0625rem solid #C6DBEE; background:url(/assets/renewal_assets/images/ai/icon-gallery2.svg) center no-repeat #fff; background-size:1.25rem 1.4375rem; border-bottom-right-radius:0.625rem; }
.aistyle .photo-box2.style .btn-style-single  { position:relative; width:100%; height:100%; z-index:2; }
.aistyle .photo-box2.after-choice  { margin-bottom:-1.75rem; }
.aistyle .photo-box2.after-choice label  { left:50%; margin-top:-1.8125rem; width:5.625rem; height:1.6875rem; background:#285D8B; font-size:1rem; color:var(--main-white); border-radius:0.625rem 0.625rem 0 0; padding-top:0.2625rem; transform: translateX(-50%); }
.aistyle .photo-box2.after-choice label small  { display:none; }
.aistyle .photo-box2.after-choice .btn-camera,
.aistyle .photo-box2.after-choice .btn-style-single  { position: absolute; left:0; bottom:0; width:100%; height:2.1875rem; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); border-radius:0 0 0.625rem 0.625rem; z-index:5 }
.aistyle .photo-box2.after-choice .btn-camera::before,
.aistyle .photo-box2.after-choice .btn-style-single::before  { content:''; display:block; width:1.25rem; height:1.25rem; background:url(/assets/renewal_assets/images/ai/icon-redo-wh.svg) center no-repeat; background-size: contain; margin-right:0.3125rem; }
.aistyle .photo-box2.after-choice .btn-camera::after,
.aistyle .photo-box2.after-choice .btn-style-single::after  { content:'다시선택'; font-size:1.125rem; color: var(--main-white);  }
.aistyle .photo-box2.after-choice.style button  { border:0; }
.aistyle .photo-box2.after-choice.style .btn-style  { background:url(/assets/renewal_assets/images/ai/icon-style-wh.svg) center no-repeat rgba(0,0,0,0.5); background-size:1.4375rem 1.4375rem; }
.aistyle .photo-box2.after-choice.style .btn-gallery  { background:url(/assets/renewal_assets/images/ai/icon-gallery2-wh.svg) center no-repeat rgba(0,0,0,0.5); background-size:1.25rem 1.4375rem; }
.camera.modal-content  { background: linear-gradient(180deg, rgb(99, 99, 99) 0%, rgb(255, 255, 255) 100%); border:0; }
.camera .modal-body  { height:37.5rem; height:28.75rem; border-top-left-radius:1.125rem; border-top-right-radius:1.125rem; padding:0; margin:0; overflow: hidden; }
.camera .modal-footer  { background: linear-gradient(90deg, #863AF8 0%, #F367D2 100%); justify-content:center; border:0; border-bottom-right-radius:1.125rem; border-bottom-left-radius:1.125rem; color:var(--main-white); line-height:1.5625; }
.camera .camera-wrap  { position: relative; width:100%; height:100%; }
.camera .camera-wrap::after  { content:''; display: block; position: absolute; bottom:0; left:0; right:0; height:92%; background:url(/assets/renewal_assets/images/ai/guide-camera.svg?v2) center bottom no-repeat; background-size: contain; z-index:2; }
.camera .camera-wrap > video  { width:100%; height: 100%; object-fit: cover; position: relative; top:50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.camera .camera-wrap > img  { width:100%; height:100%; object-fit:cover; z-index:1 }
.camera .camera-wrap .btn-shutter, 
.camera .camera-wrap .btn-choice  { position: absolute; left:50%; bottom:0.875rem; width:4.5rem; height:4.5rem; border:0.15625rem solid #fff; border-radius: 50%; padding-top:4.1875rem; overflow: hidden; z-index:10; }
.camera .camera-wrap .btn-shutter { transform: translateX(-50%); background: url(/assets/renewal_assets/images/ai/icon-camera-wh.svg?v2) center no-repeat; background-size: 2.125rem auto; }
.camera .camera-wrap .btn-choice  { margin-left:4.5rem; background: url(/assets/renewal_assets/images/ai/ico-rotate.svg) center no-repeat; background-size: 1.75rem auto; }
.camera .camera-wrap.done,
.camera .img-preview-wrap  { display: none; }
.camera .camera-wrap.done + .img-preview-wrap  { display: block; position: relative; width:100%; height:100%; }
.camera .img-preview-wrap h3  {  font-size:2rem; font-weight: var(--font-medium); color: var(--main-white); text-align: center; padding-top:1.875rem; }
.camera .img-preview-wrap .img-box  { position: relative; width:18.75rem; height:18.75rem; border-radius:0.875rem; margin:1.675rem auto 0; overflow: hidden; }
.camera .img-preview-wrap .img-box > img  { width:100%; height:100%; object-fit: cover; }
.camera .img-preview-wrap .img-box:after  { content:''; position: absolute; top:0; left:0; display: block; width:100%; height:100%; border:0.15625rem solid rgba(255, 255, 255, 0.5); border-radius:0.875rem; }
.camera .img-preview-wrap .btn-redo,
.camera .img-preview-wrap .btn-ok  { position: absolute; left:50%; bottom:0.875rem; width:5rem; height:5rem; font-size:0.875rem; color:var(--main-white); padding-top:1.75rem; }
.camera .img-preview-wrap .btn-redo  { background: url(/assets/renewal_assets/images/ai/btn-redo.svg) no-repeat; background-size: contain; margin-left:-5.375rem; }
.camera .img-preview-wrap .btn-ok  { background: url(/assets/renewal_assets/images/ai/btn-use.svg) no-repeat; background-size: contain; margin-left:0.375rem;}
.btn-album-close  { position:absolute; top:7.5rem; left:1rem; width:3rem; height:3rem; background:url(/assets/renewal_assets/images/ai/ico-cross.svg) center no-repeat; background-size:1.0625rem 1.0625rem; }
.album-menu  { display:flex; justify-content: center; gap:0.75rem; height:3.125rem; margin:2.5rem 0 2.8125rem; }
.album-menu a  { display: flex; align-items:center; justify-content: center; width:8.4375rem; border-radius:1rem; font-size:1.125rem; }
.album-menu a.active  { background-color:#C2E8FF; }
.mygallery-wrap  { max-height:70vh; overflow:auto; }
.mygallery-list  { display:grid; grid-template-columns: repeat(3, 1fr); gap:0.25rem; margin:1rem -1rem 2.5rem; }
.mygallery-list li  { position: relative; padding-top:100%; }
.mygallery-list li img  { position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }

.aistyle .aistyle-swiper.category-swiper  { background-color: rgba(255, 255, 255, 0.3); box-shadow: 1.25rem 0 1.25rem rgba(0, 0, 0, 0.09); margin-top:0; }
.aistyle .aistyle-swiper.category-swiper .swiper  { padding-top:0.8125rem; padding-bottom:0.8125rem; }
.aistyle .aistyle-swiper.category-swiper .swiper-slide  { min-width:5.5rem; }
.aistyle .aistyle-swiper.category-swiper .swiper-button-next, .aistyle .aistyle-swiper.category-swiper .swiper-button-prev  { top:0.8125rem; }

.text-bullet .matching-type  { float:right; }
.text-bullet .matching-type select  { appearance: none; background: url(/assets/renewal_assets/images/arrow_down.svg) 102% center no-repeat; background-size: 1.25em auto; font-size:1em; padding-left:0.5em;padding-right:1.25em; margin-left:0.25rem; }
.text-bullet .matching-type select::-ms-expand { display:none }
.text-bullet .matching-type select + select  { margin-left:0.75em; }
.ai-target-list  { width:100%; display: grid; gap:1.25rem; grid-template-columns: 1fr 1fr 1fr; padding:1.3125rem 0; }
.ai-target-list .img-card.before-choice  { border:0; }
.ai-target-list .name  { font-size:1rem; text-align:center; margin-top:0.375rem; }
.ai-target-list .desc  { font-size:0.875rem; color: var(--main-text-color); letter-spacing: -0.04em; margin-left:-0.5rem; margin-right:-0.5rem; }
.ai-target-list .btn-aicolor  { display:none; position: absolute; top:0.5rem; right:0.5rem; width:1.25rem; height:1.25rem; background:url(/assets/renewal_assets/images/ai/ico-btn-color.svg) center no-repeat; background-size: 100% 100%; }
.ai-target-list .img-card.active .btn-aicolor  { display:block; }
.ai-target-list.matching .img-card.active::after  {display:none;}
.ai-target-list .btn-retry  { position: absolute; bottom:0; left:0; right:0; height:2.5rem; background-color: rgba(0, 0 , 0, .6); display: flex; align-items: center; justify-content: center; font-size:1rem; color: var(--main-white); }
.target-aistyle-list  { width:100%; display: grid; gap:0.6875rem 0.40625rem; grid-template-columns: 1fr 1fr 1fr 1fr; padding:0.625rem 0 0; }
.modal-body .target-aistyle-list  { max-height:calc(100svh - 26rem); overflow-y: auto; }
.target-aistyle-list .img-card  { padding-top:126.3%; }
.target-aistyle-list .img-card.active::after  { right:0.46875rem; top:0.46875rem; }
.target-aistyle-list .name  { font-size:0.875rem; line-height:1.125rem; margin-top:0.25rem; }
.target-aistyle-list .btn-view-more  { width:1.125rem; height:1.125rem; background:url(/assets/renewal_assets/images/ico_scope_wh.svg) center no-repeat var(--main-purple); background-size:0.5625rem auto; border-radius: 0.4375rem; margin-left:0.1875rem; }

.modal-inner > .category-swiper.ai-category  { margin-left:-1.875rem; margin-right:-1.875rem }
.modal-inner > .category-swiper.ai-category .swiper  { padding-left:1.875rem; padding-right:1.875rem; }
.modal-inner .no-prd  { min-height:24vh; }
.designer-selected  { display: flex; border:0.0625rem solid #E6EAF3; border-radius:0.4375rem; font-size:1.125rem; color: var(--main-text-color); }
.designer-selected dt  { flex:0 0 8.75rem; display: flex; align-items: center; justify-content: center; border-right:0.0625rem solid #E6EAF3; background-color:#F6FAFD; font-weight: var(--font-regular); }
.designer-selected dd  { flex:1; display: flex; align-items: center; padding:0.3125rem 1.25rem; }
.designer-selected .img-thumb  { width:1.875rem; height:1.875rem; border:0.0625rem solid #E4E4E4; border-radius: 0.625rem; margin-right:0.5rem; overflow: hidden; }
.designer-selected .img-thumb img  { width:100%; height:100%; object-fit: cover; }

.aistyle-summary .img  { float:left; width:5.9375rem; margin-bottom:1.25rem; }
.aistyle-summary .img > .img-card  { padding-top:126.3%; }
.aistyle-summary .name  { float:left; text-align: left; padding-left:1.25rem; padding-bottom:1.25rem; }
.aistyle-summary .name b  { display: block; min-height:2.25em; font-size: 1.25rem; font-weight: var(--font-medium); color: var(--main-title-color1); margin:1rem 0 0.25rem; }
.aistyle-summary .btn-img-view  { background:url(/assets/renewal_assets/images/arrow_main_7.png) 91% center no-repeat #EDEDED; background-size:auto 0.75em; height:1.5rem; border-radius: 0.4375rem; font-size: 0.75rem; color: var(--main-text-color); padding:0 1.75em 0 0.4375rem; margin-top:0.5rem; }
.aistyle-summary .desc-text  { clear:both; height:16rem; border-top:0.0625rem solid #DFDFDF; font-size: 0.875rem; line-height:1.25; text-align: left; padding-top:1.25rem; overflow-y: auto; margin-bottom:0.25rem }
.modal .recommend-tit  { display: flex; align-items: center; color:#454545; padding: 0.625rem 0; }
.modal .recommend-tit .icon  { flex:0 0 5.625rem; height:1.9375rem; display: flex; gap:0.3125rem; align-items: center; justify-content: center; margin-right:0.625rem; background-color:#EE66D4; border-radius:0.625rem; font-size:0.875rem; color: var(--main-white); }
.modal .recommend-tit .icon::before  { content:''; display: block; width:0.9375rem; height:0.9375rem; background: url(/assets/renewal_assets/images/icon_magic_wand3.svg); background-size: contain; }
.modal .recommend-tit b  { font-weight: var(--font-medium); }
.modal .recommend-list  { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:0.625rem; }
.modal .recommend-list .card-shadow  { height:7.875rem; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; }
.modal .recommend-list .card-shadow.active::after  { content:''; position: absolute; top:0.5rem; right:0.5rem; width:0.9375rem; height:0.75rem; background: url(/assets/renewal_assets/images/icon_card_check.png) center / contain no-repeat; }
.modal .recommend-list .card-shadow .card-inner  { height:6.5625rem; width:6.5rem; display: flex; flex-direction: column; text-align:left; }
.modal .recommend-list .card-shadow .category  { font-size:0.75rem; color:#989898; }
.modal .recommend-list .card-shadow .name  { font-size:1rem; font-weight: var(--font-medium); color:#656565; }
.modal .recommend-list .card-shadow .price  { padding-bottom:0.125rem; margin-top:auto; }
.modal .recommend-list .card-shadow .price .before  { font-size:0.8125rem; color:#ccc; line-height:1.1; }
.modal .recommend-list .card-shadow .c-point  { color:#D225B1; }
.modal .aistyle-img-big  { margin-top:1rem; padding-bottom:1rem; }
.modal .aistyle-img-big img  { width:100%; height:auto; border-radius: 0.675rem; }
.aicolor-list  { display: grid; gap:0.875rem 0.5rem; grid-template-columns:repeat(5, 1fr); padding:1.5rem 0; }
.aicolor-list .name  { color: var(--main-gray); padding-top:0.3125rem; margin:0 -0.25rem; }

.aistyle-result  { text-align: center; padding-top:1rem; }
.aistyle-result .img-box-result  { position: relative; width:18.75rem; height:18.75rem; border:0.125rem solid var(--main-white); border-radius:0.625rem; margin:1.5625rem auto; box-shadow: 0 0 0.675rem 0 rgba(0, 0 , 0, .2); overflow: hidden; }
.aistyle-result .img-box-result img { width:100%; height:100%; object-fit:cover; }
.aistyle-result .ai-before  { display: flex; justify-content: center; gap:1.0625rem; padding:1.875rem 0 0; }
.aistyle-result .img-box-origin,
.aistyle-result .img-box-style  { position: relative; width:10.3125rem; height:10.3125rem; border:0.09375rem solid #cecece; border-radius:0.675rem; box-shadow: 0 0 0.675rem 0 rgba(0, 0 , 0, .2); overflow: hidden; }
.aistyle-result .ai-before img { width:100%; height:100%; object-fit:cover; }
.aistyle-result .ai-before .name  { position: absolute; bottom:0; left:0; right:0; height:2.5rem; background-color: rgba(0, 0 , 0, .6); display: flex; align-items: center; justify-content: center; font-size:1rem; color: var(--main-white); }
.aistyle-result .btn-re  { height:2.5rem; background:linear-gradient(90deg, #888EFF 0%, #E99EF5 100%); border-radius:1.25rem; color:var(--main-title-color1); padding:0.125rem; margin:1.25rem auto; }
.aistyle-result .btn-re > span  { display: flex; align-items: center; height:100%; border-radius: 1.25rem; background:url(/assets/renewal_assets/images/icon_redo.svg) 0.875rem center no-repeat var(--main-white); background-size:1.125rem auto; color:var(--main-title-color1); font-weight: var(--font-bold); padding:0 0.9375rem 0 2.625rem; }
.aistyle-result .ai-before + .btn-re  { margin-bottom:2.3125rem; }
.aistyle-result .btn-detail  { position: absolute; top:0.4375rem; right:0.4375rem; width:1.5rem; height:1.5rem; background:url(/assets/renewal_assets/images/ico_scope_wh.svg) center no-repeat var(--main-purple); background-size:0.75rem auto; border-radius: 0.4375rem; }


/* 공유샵 */
.share-set-btn  { position: relative; height:2.5rem; }
.share-set-btn .btn-manager  { position: absolute; top:1.5625rem; right:0; width: 2.84375rem; height: 2.84375rem; display:flex; align-items: center; justify-content: center; z-index:10; 
	border: 2px solid transparent; border-radius: 0.8125rem; background-image: linear-gradient(#fff, #fff), linear-gradient(to top, #888eff 0%, #888eff 50%, #e99ef5 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0rem 0.15625rem 0.3125rem 0rem rgba(0, 0, 0, 0.12); }
.bow-share-shop { font-size:2em; line-height:1.25; text-align: center; margin-bottom:1.5rem; }
.bow-share-shop .name  { font-weight:var(--font-bold); color:var(--main-title-color1); }
.share-shop-count  { display: inline-flex; align-items: center; justify-content: center; min-width:55.5%; height:2.8125rem; border-radius:1.4375rem; background:var(--mng-pink); font-size:1.25rem; font-weight:var(--font-medium); color:var(--main-white); margin:0 auto; }
.share-shop-count .c-point  { color:#FFFE8F; margin-left:0.25em; }
.share-shop-list  { display: grid; grid-template-columns: repeat(3, 1fr); gap:1.5625rem; padding:1.5rem 0; }
.share-shop-list .card-shadow  {  background-color:#F9FAFE; border-radius:0.75rem; font-size:0.75rem; }
.share-shop-list .card-shadow.holiday::after  { content:'오늘 휴무'; display: flex; align-items: center; justify-content: center; position: absolute; top:0; left:0; width:100%; height:100%; border:0.0625rem solid rgba(128, 145, 235, 0.8); border-bottom:0; border-radius:0.6875rem; background:url(/assets/renewal_assets/images/icon_parasol.svg) center 4.1875rem no-repeat rgba(128, 145, 235, 0.8); background-size: 1.875rem 1.875rem; font-size:1rem; font-weight:var(--font-medium); color:var(--main-white); text-shadow:0 0.0625rem rgba(0, 0, 0, 0.15); padding-top:2.25rem; }
.share-shop-list .cut-off-time  { display:none; position: absolute; top:4.8125rem; left:0; width:100%; font-size:1rem; font-weight:var(--font-medium); color:var(--main-white); text-align: center; z-index:3; }
.share-shop-list .card-shadow.cut-off .cut-off-time  { display: block; text-shadow:0 0.0625rem rgba(0, 0, 0, 0.15); }
.share-shop-list .card-shadow.cut-off::after  { content:'예약불가'; display: flex; align-items: center; justify-content: center; position: absolute; top:0; left:0; width:100%; height:100%; border:0.0625rem solid rgba(235, 111, 160, 0.8); border-bottom:0; border-radius:0.6875rem; background:rgba(235, 111, 160, 0.8); font-size:1rem; font-weight:var(--font-medium); color:var(--main-white); text-shadow:0 0.0625rem rgba(0, 0, 0, 0.15); padding-top:1.25rem; z-index:2 }
.share-shop-list .shop-info  { display:block; }
.share-shop-list .shop-logo  { width:3.75rem; height:3.75rem; border-radius: 50%; border:0.0625rem solid #E8E8E8; margin:0.875rem auto 0.625rem; overflow:hidden; }
.share-shop-list .shop-logo img  { width:100%; height:100%; object-fit:contain; }
.share-shop-list .shop-name  { height:3.125rem; font-size:0.75rem; line-height:1.25; text-align: center; overflow:hidden; }
.share-shop-list .waiting-info  { height:1.875rem; display: flex; align-items:center; justify-content: space-between; border-top:0.0625rem solid #DFDFDF; border-bottom:0.0625rem solid #DFDFDF; padding:0 0.5625rem; }
.share-shop-list .waiting-info > .number  { font-size:0.75rem; }
.share-shop-list .waiting-info .btn-view  { width:2.25rem; height:1.25rem; background-color:#ECECEC; border-radius:0.4375rem;; font-size:0.6875rem; color:var(--main-text-color); line-height:1; padding:0; }
.share-shop-list .btn-box .btn { min-height:1.9375rem; width:100%; border-top-left-radius:0; border-top-right-radius:0; font-size:0.75rem; box-shadow: inset 0 0.125rem 0.125rem 0 rgba(255,255,255, 0.3) !important; }
.share-shop-list.ordering  { counter-reset: ordering; }
.share-shop-list.ordering li  { counter-increment: ordering; }
.share-shop-list.ordering .card-shadow > .number  { position: absolute; top:0.4375rem; left:0.4375rem; width:1.5625rem; height:1.5625rem; background:linear-gradient(180deg, #863AF8 0%, #F367D2 100%); border-radius:0.3125rem; display: flex; align-items: center; justify-content: center; font-size:1rem; color:var(--main-white); }
.share-shop-list.ordering .card-shadow > .number::before  { content: counter(ordering); }
.share-shop-list.ordering .card-shadow > .sortable-chosen .number::before  { content:'#' }


/* 업데이트 알림 */
.modal .logo-circle  { position:absolute; top:-3.9375rem; left:50%; transform:translateX(-50%); width:7.8125rem; height:7.8125rem; background:url(/assets/renewal_assets/images/logo-beutyfit-circle.svg) center no-repeat; background-size: contain; }
.modal .update-inform  { padding-top:4.0625rem; }
.modal .update-inform h4  { font-size:1.5625rem; font-weight:700; color:#3E465B; }
.modal .update-inform h4 small  { display:block; font-size:1rem; color:#797979; font-weight:400; padding-top:0.625rem; }
.modal .update-inform .con  { font-size:1.25rem; color:#8F95A4; line-height:1.6875rem; padding:1.875rem 0 3.125rem; }