.order-form{container-name:order-form;container-type:inline-size;padding:8rem 0;background-color:var(--clr-bg-03)}@media(width <= 857px){.order-form{padding:6rem 0}}.order-form h3{font-family:var(--font-family-02);font-size:2rem}.order-form .order-form__inner{display:grid;grid-template-columns:1fr 38rem;gap:2.6rem 6rem}@container order-form (max-width: 857px){.order-form .order-form__inner{display:flex;flex-direction:column;gap:2.6rem}}.order-form .order-form__inner .cart-warp--view-p{grid-column:1}.order-form .order-form__inner .bank-wrap,.order-form .order-form__inner .bank-warp--view-p{grid-row:1/4;grid-column:2}.order-form .order-form__inner .bank-wrap:not(.bank-warp--view-p).active{grid-row:1/4}@container order-form (max-width: 857px){.order-form .order-form__inner .cart-warp--view-p{order:3}.order-form .order-form__inner .bank-warp--view-p{order:2}}.order-form .cp-list{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;padding-bottom:2.6rem;border-bottom:1px dashed var(--clr-border)}@container order-form (min-width: 857px){.order-form .cp-list:has(.cp.active) .cp:not(.active){opacity:.6}}.order-form .cp-list .cp{display:flex;align-items:center;padding:1.6rem;gap:1.6rem;outline:1px solid rgba(0,0,0,0);background-color:var(--clr-bg-01);cursor:pointer;border-radius:1.6rem;transition:.2s;box-shadow:0 0 20px rgba(0,0,0,.06)}.order-form .cp-list .cp.active{pointer-events:none}.order-form .cp-list .cp .icon{transition:.2s}.order-form .cp-list .cp .icon img{width:2rem}.order-form .cp-list .cp .icon .back{opacity:0;transition:.2s}.order-form .cp-list .cp span{color:var(--clr-desc);transition:.2s}@media(hover: hover)and (pointer: fine){.order-form .cp-list .cp:hover{box-shadow:0 0 20px rgba(0,0,0,.06);opacity:1 !important}.order-form .cp-list .cp:hover .icon{scale:1.1}.order-form .cp-list .cp:hover .icon .back{opacity:1}.order-form .cp-list .cp:hover span{color:var(--_cp-clr-id)}}.order-form .cp-list .cp.active{pointer-events:none;outline-color:var(--_cp-clr-id);box-shadow:none}.order-form .cp-list .cp.active .icon{scale:1.1}.order-form .cp-list .cp.active .icon .back{opacity:1}.order-form .cp-list .cp.active span{color:var(--_cp-clr-id)}.order-form .inputs-wrap .inputs-wrap__top{display:flex;gap:.6rem;z-index:2}.order-form .inputs-wrap .inputs-wrap__top .cp-info{flex:1;position:relative;display:flex;align-items:flex-end;gap:1.6rem;height:5.6rem;padding:0 2.6rem;background-color:var(--clr-bg-02);border-radius:2.6rem 2.6rem 0 0;box-shadow:0 0 20px rgba(0,0,0,.06)}@container order-form (max-width: 579px){.order-form .inputs-wrap .inputs-wrap__top .cp-info{height:5rem;gap:1.2rem}}.order-form .inputs-wrap .inputs-wrap__top .cp-info::before{content:"";position:absolute;bottom:0;left:100%;width:2rem;aspect-ratio:1;border-bottom-left-radius:2rem;background-color:rgba(0,0,0,0);box-shadow:-5px 5px 0 5px var(--clr-bg-01);pointer-events:none}.order-form .inputs-wrap .inputs-wrap__top .cp-info .icon img{min-width:3.6rem;width:3.6rem}@container order-form (max-width: 579px){.order-form .inputs-wrap .inputs-wrap__top .cp-info .icon img{min-width:3rem;width:3rem}}.order-form .inputs-wrap .inputs-wrap__top .cp-info .cp-name{font-size:1.6rem;font-weight:500}@container order-form (max-width: 579px){.order-form .inputs-wrap .inputs-wrap__top .cp-info .cp-name{font-size:1.4rem}}.order-form .inputs-wrap .inputs-wrap__top .cp-info .cp-brand{font-size:1.2rem;color:var(--clr-desc)}.order-form .inputs-wrap .inputs-wrap__top .regex{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;height:5rem;background-color:var(--clr-bg-02);border-radius:2.6rem 2.6rem 1.6rem 1.6rem;cursor:pointer;box-shadow:0 0 20px rgba(0,0,0,.06)}@container order-form (max-width: 579px){.order-form .inputs-wrap .inputs-wrap__top .regex{height:4.2rem;border-radius:1.6rem 2.6rem 1.6rem 1.6rem}}.order-form .inputs-wrap .inputs-wrap__add{position:relative;padding:2.6rem;background-color:var(--clr-bg-02);border-radius:0 1.6rem 2.6rem 2.6rem;box-shadow:0 10px 20px -2px rgba(0,0,0,.06)}.order-form .inputs-wrap .inputs-wrap__add .desc{color:var(--clr-desc);font-size:1.3rem;line-height:1.4}.order-form .inputs-wrap .inputs-wrap__add .error-message{font-size:1.3rem;color:var(--red-01)}.order-form .inputs-wrap .inputs-wrap__add .inputs{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.order-form .inputs-wrap .inputs-wrap__add .inputs .__input{flex:1;position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;flex-direction:row}@media screen and (max-width: 379px){.order-form .inputs-wrap .inputs-wrap__add .inputs .__input input{padding:0 .8rem}}.order-form .inputs-wrap .inputs-wrap__add .inputs .__input.width{flex-grow:var(--_grow)}@container order-form (max-width: 857px){.order-form .inputs-wrap .inputs-wrap__add .inputs .__input.m-row{flex-basis:100%}}.order-form .inputs-wrap .inputs-wrap__add .inputs .__input input{text-align:center}.order-form .inputs-wrap .inputs-wrap__add .add-pin-btn{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;min-width:12rem;height:4.6rem;color:#fff;background-color:var(--_cp-clr-id, var(--clr-bg-03));border-radius:.8rem;border-radius:2em}@media(width <= 644px){.order-form .inputs-wrap .inputs-wrap__add .add-pin-btn{width:100%}}.order-form .inputs-wrap .inputs-wrap__add .add-pin-btn span{font-size:1.2rem}@media(width <= 767px){.order-form .inputs-wrap .inputs-wrap__add .add-pin-btn span{display:none}}.order-form .inputs-wrap .inputs-wrap__add .add-pin-btn:disabled{opacity:.4;pointer-events:none}.order-form .inputs-wrap .inputs-wrap__add .notify{padding:1.6rem;border:1px dashed color-mix(in oklab, var(--clr-id), #fff 50%);background-color:color-mix(in oklab, var(--clr-id), #fff 97%);border-radius:1rem;line-height:1.4}.order-form .inputs-wrap .inputs-wrap__add .notify b{font-weight:500;color:var(--clr-id)}.order-form .pin-list .pin-list__inner .empty-box{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:16.6rem}.order-form .pin-list .pin-list__inner .empty-box p{color:var(--clr-desc);line-height:1.4;text-align:center;opacity:.7}.order-form .pin-list .pin-list__inner .cart{container-name:cart;container-type:inline-size;display:flex;flex-direction:column;gap:.8rem}.order-form .pin-list .pin-list__inner .cart li{position:relative;display:flex;justify-content:space-between;gap:1.6rem;padding:1.6rem;border-radius:.8rem}@container cart (max-width: 432px){.order-form .pin-list .pin-list__inner .cart li{flex-direction:column;padding:0;padding-bottom:1.6rem;border-bottom:1px dashed var(--clr-border);box-shadow:none;border-radius:0}.order-form .pin-list .pin-list__inner .cart li:last-child{border:0 !important;padding-bottom:0}}.order-form .pin-list .pin-list__inner .cart li .remove-wrap{position:absolute;top:1.6rem;right:1.6rem}@container cart (max-width: 432px){.order-form .pin-list .pin-list__inner .cart li .remove-wrap{top:0;right:0}}.order-form .pin-list .pin-list__inner .cart li .remove-wrap .remove{display:flex;align-items:center;justify-content:center;width:2.2rem;aspect-ratio:1;border-radius:50%;background-color:var(--clr-bg-03);cursor:pointer}.order-form .pin-list .pin-list__inner .cart li .remove-wrap .remove:hover{background-color:#ddd}@container cart (max-width: 379px){.order-form .pin-list .pin-list__inner .cart li .icon{display:none}}.order-form .pin-list .pin-list__inner .cart li .inner{display:flex;gap:1.6rem}.order-form .pin-list .pin-list__inner .cart li dl{display:flex;align-items:center;gap:.6rem}.order-form .pin-list .pin-list__inner .cart li dl dt em{display:inline-block;padding:.5rem;font-size:1.2rem;color:var(--clr-desc);font-weight:500;background-color:var(--clr-bg-03);border-radius:.5rem}.order-form .pin-list .pin-list__inner .cart li dl .thumb-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding-top:.6rem}.order-form .pin-list .pin-list__inner .cart li dl .thumb-wrap .thumb{padding:.4rem;border:1px solid var(--clr-border);border-radius:.4rem;cursor:pointer}.order-form .pin-list .pin-list__inner .cart li dl .thumb-wrap .thumb img{width:2.2rem;aspect-ratio:1;object-fit:cover;border-radius:.4rem}.order-form .pin-list .pin-list__inner .cart li dl p::after{content:attr(data-label)}.order-form .pin-list .pin-list__inner .cart li .cp-name{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:var(--clr-desc)}.order-form .pin-list .pin-list__inner .cart li .cp-name img{width:1.6rem;display:none}@container cart (max-width: 379px){.order-form .pin-list .pin-list__inner .cart li .cp-name img{display:block}}@container cart (max-width: 432px){.order-form .pin-list .pin-list__inner .cart li .price{display:flex;align-items:center;flex-direction:row;padding-top:1.6rem;border-top:1px dashed var(--clr-border)}.order-form .pin-list .pin-list__inner .cart li .price dl{flex:1}}.order-form .user-info{position:sticky;top:10rem}.order-form .user-info .user-banks{display:flex;flex-direction:column;gap:.8rem}.order-form .user-info .user-banks .user-banks__inner{display:flex;flex-direction:column;flex-direction:column-reverse;gap:.8rem}.order-form .user-info .user-banks .user-banks__inner>.desc{font-size:1.3rem;color:var(--clr-desc)}.order-form .user-info .user-banks .user-banks__list{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;padding-bottom:2.6rem;border-bottom:1px dashed var(--clr-border)}.order-form .user-info .user-banks .user-banks__list button{position:relative}.order-form .user-info .user-banks .user-banks__list button .recent-btn{all:unset;display:flex;align-items:center;gap:.8rem;box-sizing:border-box;height:5.2rem;padding:0 1.6rem;padding-right:5.6rem;border:1px solid var(--clr-border);border-radius:1.6rem;cursor:pointer;transition:.2s}.order-form .user-info .user-banks .user-banks__list button .recent-btn.open-bank-list{gap:1.6rem;padding:1.6rem}.order-form .user-info .user-banks .user-banks__list button .recent-btn:active{scale:.98}.order-form .user-info .user-banks .user-banks__list button .recent-btn img{width:1.8rem;aspect-ratio:1}.order-form .user-info .user-banks .user-banks__list button .recent-btn span{font-weight:500;transition:.2s}@media(hover: hover)and (pointer: fine){.order-form .user-info .user-banks .user-banks__list button .recent-btn:hover{border-color:var(--clr-point);background-color:color-mix(in oklab, var(--clr-point), #fff 96%)}.order-form .user-info .user-banks .user-banks__list button .recent-btn:hover span{color:var(--clr-point)}}.order-form .user-info .user-banks .user-banks__list button .del{position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.4rem;aspect-ratio:1;border-radius:50%;background-color:var(--clr-bg-03);transition:.2s}.order-form .user-info .user-banks .user-banks__list button .del:hover{background-color:color-mix(in oklab, var(--clr-point), #fff 86%);color:var(--clr-point)}.order-form .user-info .user-banks .user-banks__list button .del i{font-size:1.2rem}.order-form .user-info .selected-bank-wrap img{height:2.2rem}.order-form .user-info .notify{display:flex;flex-direction:column;gap:1.6rem}.order-form .user-info .notify ul{display:flex;flex-direction:column;gap:.4rem}.order-form .user-info .notify ul li{line-height:1.4}.order-form .user-info .notify ul li b{color:var(--clr-point)}.order-form .user-info .btns .btn{width:100%}.order-form .lottie-icon{display:flex;align-items:center;justify-content:center;width:4.6rem;aspect-ratio:1;background-color:var(--clr-bg-03);border-radius:1.6rem}.order-form .lottie-icon svg{width:3rem !important}.order-form .desc{font-size:1.2rem;color:var(--clr-desc);line-height:1.4}.order-form .notice{position:relative;grid-column:1/3;margin-top:2.6rem}.order-form .notice .notice__inner{position:relative;display:flex;flex-direction:column;gap:2.6rem}.order-form .notice.active .notice__inner{height:21rem;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #fff 0%, #fff 50%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, #fff 0%, #fff 50%, transparent 100%)}.order-form .notice.active .btns{display:block}.order-form .notice ul{display:flex;flex-direction:column}.order-form .notice ul li{gap:.8rem;padding:1.6rem 0;border-bottom:1px dashed var(--clr-border);line-height:1.4;color:color-mix(in oklab, var(--clr-text), #fff 30%);font-weight:500}.order-form .notice ul li:first-child{padding-top:0}.order-form .notice ul li:last-child{border:0;padding-bottom:0}.order-form .notice ul li b{font-size:1.6rem;color:var(--clr-point);font-weight:600;padding-right:.6rem}.order-form .notice .btns{position:absolute;bottom:1.6rem;left:50%;max-width:16rem;width:100%;transform:translate(-50%, 0);display:none;z-index:2}.order-form .notice .btns .btn{width:100%;border-radius:1rem}.upload-form{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.6rem}.upload-form .drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.6rem;width:100%;padding:2.6rem;border:1px dashed var(--clr-border);border-radius:1.6rem;background-color:var(--clr-bg-03)}@media(width <= 767px){.upload-form .drop-zone{padding:2.6rem 1.6rem}}.upload-form .drop-zone:hover{background-color:var(--clr-bg-03)}.upload-form .drop-zone.drag-over{border-color:var(--clr-point);background-color:var(--clr-bg-03)}.upload-form .drop-zone i{font-size:2.8rem}.upload-form .drop-zone .lottie-icon{width:6.5rem;margin:auto}.upload-form .drop-zone .lottie-icon svg path{stroke:var(--clr-text)}.upload-form .drop-zone .text{text-align:center}.upload-form .drop-zone .text p{font-weight:500}.upload-form .drop-zone .text span{font-size:1.3rem;color:var(--clr-desc);font-weight:400}.upload-form .drop-zone .btn{margin-inline:auto}.upload-form .thumb-list{width:100%}.upload-form .thumb-list .thumb-list__inner{display:flex;flex-direction:column;gap:.8rem}.upload-form .thumb-list .thumb-list__inner li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;padding:.8rem;background-color:var(--clr-bg-01);border-radius:.8rem}.upload-form .thumb-list .thumb-list__inner li:hover .thumb{scale:1.2}.upload-form .thumb-list .thumb-list__inner li:hover p{color:var(--clr-point)}.upload-form .thumb-list .thumb-list__inner li .thumb{padding:.4rem;border:1px solid var(--clr-border);border-radius:.6rem;cursor:pointer;transition:.2s}.upload-form .thumb-list .thumb-list__inner li .thumb img{min-width:3rem;width:3rem;aspect-ratio:1;object-fit:cover}.upload-form .thumb-list .thumb-list__inner li p{max-width:10rem;width:100%;font-size:1.3rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-form .thumb-list .thumb-list__inner li span{font-size:1.2rem;color:var(--clr-desc)}.upload-form .thumb-list .thumb-list__inner li .remove{display:flex;align-items:center;justify-content:center;width:2.2rem;aspect-ratio:1;border-radius:50%;cursor:pointer;background-color:var(--clr-bg-03);background-color:color-mix(in oklab, var(--clr-id), #fff 96%)}.upload-form .thumb-list .thumb-list__inner li .remove:hover{background-color:var(--clr-bg-03);background-color:color-mix(in oklab, var(--clr-id), #fff 90%)}.upload-form .thumb-list .thumb-list__inner li .remove i{font-size:1.4rem}#bankListModal{max-width:55rem}#bankListModal .new-modal__inner__content{padding:0 1rem 0}#bankListModal .list-box{position:relative;max-height:32rem;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #fff 0%, #fff 16%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, #fff 0%, #fff 84%, transparent 100%)}#bankListModal .list-box::-webkit-scrollbar{display:none}#bankListModal .list-box ul{display:grid;grid-template-columns:repeat(3, 1fr);padding-bottom:1.6rem}#bankListModal .list-box ul:last-child{padding-top:1.6rem;padding-bottom:0}@media(width <= 479px){#bankListModal .list-box ul{grid-template-columns:repeat(2, 1fr)}}#bankListModal .list-box ul.__b_2{border-top:1px dashed var(--clr-border);padding-bottom:2.6rem}#bankListModal .list-box ul li{display:flex;align-items:center;gap:.8rem;height:4.6rem;padding:0 1.6rem;border:2px solid rgba(0,0,0,0);border-radius:1.2rem;cursor:pointer}@media(hover: hover)and (pointer: fine){#bankListModal .list-box ul li:hover{background-color:color-mix(in oklab, var(--clr-id), #fff 92%)}}#bankListModal .list-box ul li.active{background-color:color-mix(in oklab, var(--clr-id), #fff 92%)}#bankListModal .list-box ul li.is-maintenance{pointer-events:none;color:var(--clr-desc)}#bankListModal .list-box ul li.is-maintenance img{filter:grayscale(1)}#bankListModal .list-box ul li.is-maintenance em{display:inline-block;padding:.6rem;font-size:1.2rem;color:var(--clr-desc);background-color:var(--clr-bg-03);border-radius:.4rem}#bankListModal .list-box ul li img{width:1.8rem}#bankListModal .list-box ul li p{font-weight:500}#bankListModal .list-box .btns{margin-top:-1.6rem}#regexModal header{text-align:left}#regexModal header img{width:5.6rem}#regexModal header h3{font-size:2rem;font-family:var(--font-family-02)}#regexModal .tab-menu{display:flex;align-items:center;gap:2.6rem}#regexModal .tab-menu button{font-size:1.8rem;color:var(--clr-desc);opacity:.8;font-weight:600;padding:1.6rem 0;font-family:var(--font-family-02)}#regexModal .tab-menu button.active{color:var(--clr-text);opacity:1}#regexModal .content-wrap{padding:0 2.6rem 1.6rem}#regexModal .content-wrap .thumb-list{max-height:7.6rem;overflow-y:auto}#serviceEnd header{text-align:left}#serviceEnd header img{width:5.6rem}#serviceEnd header h3{font-size:2rem}#serviceEnd .new-modal__inner__content .content-wrap .desc{padding:0 2.6rem 2.6rem;color:var(--clr-desc);text-align:left !important}#serviceEnd .new-modal__inner__content .content-wrap .btn--tel{width:auto}#serviceEnd .new-modal__inner__content .content-wrap .btn.kakao{background-color:#fee500;color:#191919;font-family:var(--font-family-02);font-weight:600}#serviceEnd .new-modal__inner__content .content-wrap .btn.kakao img{width:3.2rem}.test-area{display:grid;grid-template-columns:1fr 32rem;gap:0 6rem}@media(width <= 767px){.test-area{display:flex;flex-direction:column}}.test-area .left,.test-area .pins,.test-area .right{background-color:aqua;padding:4rem;min-height:22rem;border:1px solid red}.test-area .pins{grid-column:1}.test-area .pins .inner-box{height:36rem}@media(width <= 767px){.test-area .pins{order:3}}.test-area .right{grid-column:2;grid-row:1/3}@media(width <= 767px){.test-area .right{order:2}}.test-area .inner-box{padding:4rem;border:1px solid #222;background-color:bisque}