*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}html.web-mode,html.web-mode body,html.web-mode #root{overflow:auto!important;height:auto!important}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fa;color:#111}button{-webkit-tap-highlight-color:transparent}input{-webkit-appearance:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}@keyframes xpToastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.detail-slide-in{animation:slideInRight .25s cubic-bezier(.33,1,.68,1) forwards}.detail-slide-out{animation:slideOutRight .2s cubic-bezier(.33,1,.68,1) forwards}.cert-card-touch{transition:transform .1s,opacity .1s}.cert-card-touch:active{transform:scale(.97);opacity:.7}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.heart-pop{animation:heartPop .3s ease}@keyframes ddayPulse{0%,to{opacity:1}50%{opacity:.5}}.dday-pulse{animation:ddayPulse 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-fade-in{animation:fadeIn .15s ease}.web-root{overflow:auto!important;height:auto!important}.web-layout-row{display:grid;grid-template-columns:3fr 1fr;gap:32px;align-items:flex-start;padding:0 0 128px}.web-main-content{min-width:0}.web-sidebar{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px}.web-cert-card{transition:box-shadow .18s,transform .18s}.web-cert-card:hover{box-shadow:0 8px 24px #1b6ac91f!important;transform:translateY(-2px)}@media(max-width:767px){html,body,#root{overflow:unset}.web-layout-row{grid-template-columns:1fr}.web-sidebar{display:none}}