﻿.order-list-01{padding-top:var(--_padding-top, 8rem);padding-bottom:var(--_padding-bottom, 8rem)}@media screen and (max-width: 767px){.order-list-01{padding-top:calc(var(--_padding-top, 8rem)/1.5);padding-bottom:calc(var(--_padding-bottom, 8rem)/1.5)}}.order-list-01>header{display:grid;grid-template-columns:.3fr 1fr .4fr .4fr 8rem;align-items:center;padding:1.6rem 2.6rem;padding-right:1.6rem}.order-list-01>header.grid-a{grid-template-columns:.3fr 1fr .4fr .4fr .4fr 8rem}@media(width <= 767px){.order-list-01>header{display:flex;padding:.8rem}}.order-list-01>header p{font-size:1.3rem;font-weight:500;color:var(--clr-desc)}.order-list-01 .order-list__ul{display:flex;flex-direction:column;gap:1rem;min-height:40vh}.order-list-01 .order-list__ul .item{position:relative;display:grid;grid-template-columns:.3fr 1fr .4fr .4fr 8rem;align-items:center;width:100%;padding:1.6rem;padding-left:2.6rem;border-radius:1.6rem;background:var(--clr-bg-02);box-shadow:0 0 20px rgba(0,0,0,.06);cursor:pointer}.order-list-01 .order-list__ul .item.grid-a{grid-template-columns:.3fr 1fr .4fr .4fr .4fr 8rem}@media(width <= 767px){.order-list-01 .order-list__ul .item{display:flex;padding-left:1.6rem}}@media(hover: hover)and (pointer: fine){.order-list-01 .order-list__ul .item:hover .text{color:var(--clr-id)}.order-list-01 .order-list__ul .item:hover .icon:not(.icon--bank){scale:1.2}}.order-list-01 .order-list__ul .item .desc{color:var(--clr-desc)}.order-list-01 .order-list__ul .item .cp-info{display:flex;align-items:center;gap:1.6rem}.order-list-01 .order-list__ul .item .cp-info .text{font-weight:500;transition:color .2s}.order-list-01 .order-list__ul .item .cp-info .order-info .span{font-size:1.2rem;color:var(--clr-desc)}.order-list-01 .order-list__ul .item .icon{transition:.2s}.order-list-01 .order-list__ul .item .icon img{width:3rem}@media(width <= 767px){.order-list-01 .order-list__ul .item .icon img{min-width:4rem;width:4rem}}.order-list-01 .order-list__ul .item .icon.icon--bank img{min-width:1.4rem;width:1.4rem}.order-list-01 .order-list__ul .item .center{text-align:center;margin:auto}.status-text{display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem !important;overflow:hidden;font-weight:500;min-width:5.3rem;padding:.6rem .6rem;border-radius:.5rem;color:color-mix(in oklab, var(--_status-base, var(--clr-bg-03)), #fff 0%);background-color:color-mix(in oklab, var(--_status-base, var(--clr-bg-03)), #fff 86%);white-space:nowrap}@media(width <= 767px){.status-text{padding:.5rem;font-size:1rem !important;border-radius:.5rem}}.rotating-text{font-weight:600;font-size:2.2rem;font-weight:600}.rotating-text p{display:inline-flex;margin:0;vertical-align:top}.rotating-text p .word{position:absolute;display:flex;opacity:0;will-change:transform}.rotating-text p .word .letter{transform-origin:center center .8rem}.rotating-text p .word .letter.out{transform:rotateX(90deg);transition:.32s cubic-bezier(0.6, 0, 0.7, 0.2)}.rotating-text p .word .letter.in{transition:.38s ease}.rotating-text p .word .letter.behind{transform:rotateX(-90deg)}.null-box{display:flex;align-items:center;justify-content:center;min-height:40vh;color:var(--clr-desc)}.status-box{display:flex;flex-direction:column;gap:3.6rem}.status-box .status-em{display:inline-block;gap:.6rem;padding:.8rem 1.6rem;border-radius:2em;background-color:color-mix(in oklab, var(--_status-base, var(--blue-01)), #fff 90%)}.status-box .status-em em{color:var(--_status-base, var(--blue-01))}.status-box .progress{position:relative;display:flex;flex-direction:column;gap:1.6rem}.status-box .progress::before,.status-box .progress::after{content:"";position:absolute;top:.3rem;left:.5rem;width:.2rem;transform:translateX(-50%);height:calc(100% - .6rem);background-color:#ccc}.status-box .progress::after{height:calc(var(--_var-height) - .6rem);z-index:1;background-color:#ef233c}.status-box .progress dl{position:relative;display:flex;align-items:center;justify-content:space-between;z-index:2}.status-box .progress dl.pass dt .pulse{background-color:#ef233c}.status-box .progress dl.pass dt span{color:var(--clr-text)}.status-box .progress dl.active dt .pulse{opacity:1;background-color:#ef233c;animation:1.6s playShadow ease-out infinite}.status-box .progress dl.active dt span{color:var(--clr-text)}.status-box .progress dl dt{display:flex;align-items:center;gap:1rem}.status-box .progress dl dt .pulse{position:relative;display:flex;margin:auto;width:1rem;height:1rem;border-radius:50%;background-color:#ccc}.status-box .progress dl dt .pulse::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;z-index:-1;pointer-events:none;transition:.35s}.status-box .progress dl dt span{color:var(--clr-desc);font-weight:500}.status-box .progress dl dd{font-size:1.3rem;color:var(--clr-desc);font-weight:500}@keyframes playShadow{0%{box-shadow:0 0 0 0px rgba(239,35,60,.3),0 0 0 0px rgba(239,35,60,.2);transform:scale(1)}18%{box-shadow:0 0 0 0px rgba(239,35,60,.3),0 0 0 0px rgba(239,35,60,.2)}35%{transform:scale(1.08)}76%{transform:scale(0.96)}100%{box-shadow:0 0 0 6px rgba(239,35,60,0),0 0 0 14px rgba(239,35,60,0);transform:scale(1)}}.status-box .task-progress{position:relative;display:flex;flex-direction:column;gap:2.2rem}.status-box .task-progress dl{position:relative;display:flex;align-items:center;justify-content:space-between;z-index:2}.status-box .task-progress dl dt{position:relative;display:flex;align-items:center;gap:.8rem;font-weight:500}.status-box .task-progress dl dt::before{content:"";width:1rem;aspect-ratio:1;background-color:var(--desc-clr-05);border-radius:50%}.status-box .task-progress dl.active dt{color:var(--text-clr-01)}.status-box .task-progress dl.active dt::before{background-color:var(--pmy-clr-01)}.status-box .task-progress dl dd{color:var(--clr-desc)}.status-box .task-progress .marker{position:absolute;top:50%;left:.5rem;transform:translate(-50%, -50%);width:0;height:calc(100% - .6rem);border-left:2px dashed var(--clr-desc)}.status-box .task-progress .marker .inner{position:absolute;top:0;left:0;transform:translateX(-100%);width:0;height:calc(100% - .6rem);height:var(--_hegith);border-left:2px solid var(--clr-desc)}.status-box .settlement{display:flex;flex-direction:column;gap:1.6rem;border:1px solid var(--clr-border);padding:1.6rem 1.6rem 1.6rem;border-radius:1rem}.status-box .settlement .settlement__inner{display:flex;flex-direction:column;gap:1.6rem}.status-box .settlement dl{display:flex;align-items:center;justify-content:space-between}.status-box .settlement dl:last-child{padding-top:1rem;border-top:1px dashed var(--clr-border)}.status-box .settlement dl:first-child{padding-top:0}.status-box .settlement dl dt{font-weight:500;color:var(--desc-clr-02)}.status-box .settlement dl dd{display:flex;align-items:center;gap:.3rem;font-weight:500}.status-box .settlement dl dd::after{content:"원";font-size:1.3rem}.status-box .settlement dl dd.fee{color:var(--red-01)}.status-box .settlement dl dd.total{color:var(--blue-01)}.status-box .settlement dl dd.ea::after{content:"매"}.status-box .settlement .line{width:100%;border-top:1px dashed var(--clr-border)}#modal-auth .inner{padding:0 2.6rem}