@charset "UTF-8";.sign{padding:80px 0 130px;max-width:588px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch}@media screen and (max-width:1200px){.sign{padding:40px 16px 80px}}.sign__header--wrap{display:flex;flex-direction:column;align-items:center;gap:24px}@media screen and (max-width:1200px){.sign__header--wrap{gap:20px}}.sign__header--wrap .complete-icon{background-image:url(/assets/completed-D1rw9Gnp.svg);width:64px;height:64px}.sign__main{display:flex;flex-direction:column;gap:50px}@media screen and (max-width:1200px){.sign__main{gap:40px}}.sign__main--subtitle{white-space:pre-line;padding-top:16px}@media screen and (max-width:1200px){.sign__main--subtitle{padding-top:12px}}.sign__main--contract-btns{display:flex;flex-direction:column;gap:40px}@media screen and (max-width:1200px){.sign__main--contract-btns{gap:24px}}.sign__contract_card{position:relative;overflow:hidden;padding:40px;display:flex;flex-direction:column;gap:40px;border-radius:16px;border:1px solid var(--Gray-Color-grey06, #c8c8c8);background:var(--Gray-Color-grey09, #fafafa)}@media screen and (max-width:1200px){.sign__contract_card{padding:24px 16px;border-radius:12px;gap:24px}}.sign__contract_card--header{border-radius:16px;background:var(--Gray-grey09, #fafafa);gap:24px}@media screen and (max-width:1200px){.sign__contract_card--header{gap:16px}}.sign__contract_card--header-item{display:flex;align-items:center;gap:8px}.sign__contract_card--checkbox{display:flex;flex-direction:column;gap:24px}@media screen and (max-width:1200px){.sign__contract_card--checkbox{gap:16px}}.sign__contract_card--kb{display:flex;padding:8px 0 0 32px}@media screen and (max-width:1200px){.sign__contract_card--kb{padding:4px 0 0 32px}}.sign__contract_card--dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.sign__proposal{display:flex;padding:40px;flex-direction:column;justify-content:center;align-items:center;gap:16px;border-radius:16px;border:1px solid var(--Line-Line-Color-01, #e2e2e4);background:var(--Gray-White, #fff)}@media screen and (max-width:767px){.sign__proposal{padding:24px;border-radius:12px;gap:12px}}.sign__event{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:32px 40px;border-radius:24px;background:#f5f9fe;margin-top:50px}@media screen and (max-width:1200px){.sign__event{margin-top:40px;padding:24px;gap:16px;border-radius:16px}}.sign__bubble{width:fit-content;left:390px;bottom:55px;display:flex;flex-direction:row;align-items:center;gap:4px;padding:8px 8px 8px 12px;border-radius:8px;background:var(--Gray-Gray-01, #161617);position:absolute;white-space:nowrap;z-index:10}@media screen and (max-width:1200px){.sign__bubble{left:calc(100% - 175px);bottom:50px;align-items:unset}}.sign__bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--Gray-Gray-01, #161617)}@media screen and (max-width:1200px){.sign__bubble:after{left:80%}}.sign__bubble--container{position:relative}.sign__notice{width:100%;display:flex;align-items:center;padding:0 20px;border-radius:16px;border:1px solid var(--Line-Line-Color-01, #e2e2e4);background:var(--Gray-White, #fff)}@media screen and (max-width:1200px){.sign__notice{padding:0 16px}}.sign__notice .q-expansion-item{width:100%;text-align:left}.sign__notice .q-focus-helper{background:#fff;color:#fff;opacity:1}.sign__notice .q-item__section--side{padding:0}.sign__notice .q-item__section--side .q-icon{font-size:18px}.sign__notice--header{width:100%;padding:18px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sign__notice--header :deep(.q-item__section){display:flex;align-items:center;justify-content:flex-start}@media screen and (max-width:1200px){.sign__notice--header{padding:16px 0}}.sign__notice--body{display:flex;flex-direction:column;gap:24px;padding-block:18px;border-top:1px solid var(--Line-Line-Color-01, #e2e2e4)}@media screen and (max-width:1200px){.sign__notice--body{gap:20px;padding-block:16px}}.sign__notice--body .dot{position:relative;padding-left:20px}.sign__notice--body .dot:before{content:"";position:absolute;left:8px;top:.6rem;width:3px;height:3px;background-color:#6f7076;border-radius:50%}.sign__notice--body .pl-12{padding-left:12px}.sign.contract_complete{padding:24px;display:flex;flex-direction:column;gap:24px;border-radius:16px;background:var(--Light-Light-Color-02, #f5f6fa)}@media screen and (max-width:1200px){.sign.contract_complete{padding:16px;gap:16px}}.sign.contract_complete ul{margin:0}.sign.contract_complete .contract_complete_box{display:flex;flex-direction:column;gap:12px}@media screen and (max-width:1200px){.sign.contract_complete .contract_complete_box{gap:8px}}.sign.contract_complete .contract_complete_box--item{padding:32px;display:flex;flex-direction:column;gap:8px;border-radius:16px;background:#fff}@media screen and (max-width:1200px){.sign.contract_complete .contract_complete_box--item{border-radius:12px;padding:24px 20px;gap:12px}}.sign.contract_complete .contract_complete_box--container{display:flex;flex-direction:column;gap:4px}.sign.contract_complete .contract_complete_box--container li p{display:flex;flex-direction:row}.sign.contract_complete .contract_complete_box--container li p:before{display:inline-block;content:"·";width:16px;text-align:center}.sign .citizen-verify{padding:0}
