@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.3px;color:#17171b}html,body,#root{font-family:Pretendard,sans-serif;width:100%;height:100%}p,span{margin:0;padding:0}ul{list-style:none;padding:0;margin:0}header{font-family:Gilroy,sans-serif}button{border:none}@font-face{font-family:Gilroy;src:url(/assets/fonts/Gilroy-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Gilroy;src:url(/assets/fonts/Gilroy-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Gilroy;src:url(/assets/fonts/Gilroy-Heavy.ttf) format("truetype");font-weight:800}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .2s ease-out;animation-fill-mode:forwards}.border-box{display:flex;align-items:center;justify-content:center;border:1px solid #E8EAEE;border-radius:12px;background-color:#f7f8f9}.image-box{display:flex;position:relative;justify-content:center;background-color:transparent;border-radius:12px}.image-box>img{object-fit:contain;max-width:100%;max-height:100%;border-radius:inherit}.image-box>img.auto{width:100%;height:auto}.image-box__dismission{position:absolute;top:8px;right:8px}.drawer{position:fixed;left:0;bottom:0;width:100%;background-color:#fff}.accordion{width:100%}.accordion__title{display:flex;justify-content:space-between;padding:24px 24px 12px}.accordion__title svg{transition:transform .3s ease}.accordion__title .rotate svg{transform:rotate(180deg)}.accordion__content{padding:0 24px 24px;font-size:14px;line-height:20px;font-weight:400}.divider{flex-shrink:0;width:100%;height:1px;background-color:#e8eaee}.text{display:flex;flex-direction:column;gap:4px}.text__title{font-weight:700;font-size:32px;line-height:40px;letter-spacing:-.6px}.text__content{flex:1;font-size:14px;line-height:20px}.table{display:flex;flex-direction:row;gap:4px}.table__title{width:120px;font-size:14px;font-weight:600;line-height:20px;color:#6b7180}.table.col{flex-direction:column}button{cursor:pointer}button.transparent{width:100%;height:100%;background-color:transparent;border:none}button:disabled,button.disabed{cursor:default}.icon-button{cursor:pointer}.box-button{padding:12px;color:#17171b;font-size:16px;line-height:24px;font-weight:600;border-radius:12px}.box-button.primary{background-color:#476bdb;color:#f7f8f9}.box-button.round{border-radius:24px}.box-button:disabled{opacity:30%}.text-icon-button{display:flex;align-items:center;gap:4px;padding:0;background:transparent}.image-toggle{position:relative;background-color:unset;padding:0}.image-toggle__border{position:absolute;top:0;bottom:0;right:0;left:0}.image-toggle__border.active{border:#476BDB 4px solid;border-radius:12px}.image-toggle__border.active:after{content:"";position:absolute;top:4px;right:4px;width:24px;height:24px;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Checkbox'%3e%3crect%20id='Rectangle%20562'%20width='24'%20height='24'%20rx='12'%20fill='%23476BDB'/%3e%3cpath%20id='Vector%202'%20d='M5%2012L10%2017L18.5%208.5'%20stroke='white'%20stroke-width='2.5'/%3e%3c/g%3e%3c/svg%3e")}.popper__content{position:absolute}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.modal__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 10px 20px #00000040;z-index:1000;min-width:350px;max-width:90%;max-height:80vh;overflow-y:auto}.modal__title{text-align:center;font-size:18px;line-height:28px;font-weight:600;padding:10px 0;margin:0}.modal__description{height:100%;max-height:calc(100% - 48px)}.modal__close{position:absolute;top:0;left:0;padding:12px;background:none;border:none;cursor:pointer}.modal .dialog__content{max-width:500px;max-height:80%;width:auto}.modal .dialog__content__description{padding:24px;color:#17171b;font-size:18px;line-height:28px;font-weight:600;text-align:center}.modal .dialog__content__bottom{padding:0 24px 24px;justify-content:center}.modal .dialog__content__bottom button{width:150px}.select__trigger{display:inline-flex;background-color:transparent;font-size:14px;line-height:20px;font-weight:600;color:#3d4350}.select__trigger.rotate svg{transform:rotate(180deg)}.select__content{position:absolute;max-height:200px;z-index:1000;background-color:#fff;box-shadow:0 4px 16px #00000029;border-radius:12px;overflow:hidden auto}.select__item{display:flex;align-items:center;padding:12px 16px;font-size:14px;line-height:20px;font-weight:600;color:#17171b;cursor:pointer}.select__item:hover{background-color:#f5f5f5}.select__item[data-disabled]{opacity:30%;cursor:default}.snackbar__container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1050}.snackbar__item{padding:24px;border-radius:8px;box-shadow:0 4px 6px #0000001a;min-width:250px;opacity:1;background-color:#fff;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.snackbar__item.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.layout{display:flex;flex-direction:column;align-items:flex-start;min-height:100vh;min-width:768px;background:#fff}.landing{display:flex;flex-direction:column;width:100%;padding:24px;gap:24px;box-sizing:border-box}.landing__info{display:flex;width:100%;height:100%;max-height:100%;box-sizing:border-box;gap:48px}@media (max-width: 1200px){.landing__info{flex-direction:column}}.landing__contents{display:flex;flex-direction:column;flex:2;gap:24px}.landing__contents__upload{display:flex;gap:12px;flex:5}@media (max-width: 1200px){.landing__contents__upload{flex:auto;height:224px}}.landing__contents__upload__image{flex:1}.landing__contents__upload__image>div{background-color:#fff}.landing__contents__upload__image img{position:absolute}.landing__contents__example__list{display:flex;flex:1;gap:12px}@media (max-width: 1200px){.landing__contents__example__item{flex:1 auto}}.landing__contents__example__item img{object-position:top}.landing__sample{flex:1;height:100%}.landing__sample .table__title{color:#17171b;font-size:20px;line-height:32px}.landing__sample p{flex:1 1 5%}.landing__sample__list{display:flex;flex-wrap:wrap;gap:12px;flex:1 1 95%}.landing__sample__item{flex:1 1 calc(50% - 6px)}@media (max-width: 1200px){.landing__sample__item{flex:1}}.landing__reason{display:flex;flex-direction:column;width:100%;box-sizing:border-box;gap:24px}.landing__reason__list{display:flex;gap:12px}.landing__reason__item{display:flex;flex-direction:column;flex:1 1 auto;gap:4px;color:#17171b;font-size:16px;line-height:24px;font-weight:600}.landing__bottom__drawer{display:flex;align-items:center;justify-content:flex-end;padding:24px;gap:12px;font-size:14px;line-height:20px;font-weight:600}.create{display:flex;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.create__template{display:flex;flex-direction:column;width:416px}.create__template__title{padding:24px 24px 12px}.create__template__products{display:flex;gap:12px;height:120px}.create__template__models{display:flex;flex-direction:column;flex:1;overflow-y:auto}.create__template__models__pose__title{margin:0;padding:24px 24px 12px;font-size:14px;line-height:20px;font-weight:600}.create__template__models__pose__list{display:flex;gap:12px;padding:0 24px 24px}.create__template__models__pose__item{flex:0 0 calc(25% - 9px)}.create__template__models__pose__item svg{position:absolute;top:4px;right:4px}.create__template__models__profile{display:flex;flex-direction:column;flex:1 auto}.create__template__models__profile__list{display:flex;flex-wrap:wrap;padding:24px;gap:12px;margin:0 0 auto}.create__template__models__profile__item{display:flex;flex-direction:column;flex:0 0 calc(25% - 9px)}.create__template__models__profile__item .image{padding-bottom:8px;cursor:pointer}.create__template__models__profile__item .title{font-size:14px;line-height:20px;font-weight:600}.create__template__models__profile__item .description{font-size:12px;line-height:14px;color:#6b7180}.create__template .text__title{font-size:20px;line-height:32px;font-weight:700}.create__template .text__title button{font-size:14px;line-height:20px;font-weight:600;color:#476bdb}.create__template__create-btn{position:sticky;bottom:0;padding:24px;background-color:#fff}.create__modal{width:420px;height:644px}.create__modal__profile{display:flex;padding:16px 24px;gap:16px;align-items:center}.create__modal__profile__img{width:48px;height:48px;border-radius:12px}.create__modal__profile__img>img{width:100%;height:100%;object-fit:cover}.create__modal__profile__info{display:flex;flex-direction:column;flex:1 auto;gap:4}.create__modal__profile__info__name{font-size:16px;line-height:24px;font-weight:600}.create__modal__profile__info__description{font-size:14px;line-height:20px}.create__modal__list{display:flex;flex-wrap:wrap;height:calc(100% - 176px);gap:12px;padding:0 24px;overflow-y:auto}.create__modal__item{flex:0 0 calc(25% - 9px)}.create__modal__button{position:sticky;bottom:0;width:100%;padding:24px;background-color:#fff;box-sizing:border-box}.create__viewer{display:flex;flex:1 auto;background-color:#f7f8f9;align-items:center;justify-content:center}.create__viewer .guide{font-size:16px;line-height:24px;font-weight:600;color:#6b7180}.create__viewer__container{display:flex;flex:1;width:100%;height:100%;box-sizing:border-box;align-items:flex-start;justify-content:center;gap:24px;padding:24px 0 23px}.create__viewer__image{flex:1 1 auto;height:100%;border-radius:12px;max-width:500px}.create__viewer__image.loading{background-color:#e8eaee}.create__viewer__indicator__list{display:flex;flex-direction:column;gap:12px;flex-shrink:0;min-width:80px}.create__viewer__indicator__item{position:relative;max-width:74px;background-color:#e8eaee;aspect-ratio:.6666666667}.create__viewer__indicator__border{position:absolute;top:0;bottom:0;right:0;left:0}.create__viewer__indicator__border.active{border:#476BDB 4px solid;border-radius:12px}.create__viewer__download{padding:8px;background:#fff;border-radius:12px}.create__viewer__download__content{font-size:14px;line-height:20px;font-weight:600;border-radius:12px;background-color:#fff}.create__viewer__download__content>li{padding:12px 16px}.flex{display:flex;justify-self:stretch}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-auto{flex-basis:auto}.flex.col{flex-direction:column}.flex.gap-12{gap:12px}.flex.center{align-items:center}.full{width:100%;height:100%}.pl-24{padding-left:24px}.pr-24{padding-right:24px}header{display:flex;padding:12px 10px;align-items:center;gap:8px;align-self:stretch;justify-content:space-between;box-shadow:0 2px 8px #00000014}header .title{flex:1 0 0;font-size:24px;font-weight:800;line-height:32px;padding-left:12px}header .icon-title{display:flex;flex:1 0 0;size:18px;align-items:center;line-height:28px;font-weight:600;font-family:Pretendard,sans-serif}header svg{display:flex;padding:14px;justify-content:center;align-items:center;gap:8px;border-radius:24px}