:root{--modal-padding:15.8333vw 8.33333vw 8.33333vw;--modal-boder-radius:5.55556vw}.c-modal{z-index:3000;box-sizing:border-box;width:73.3333vw;padding:var(--modal-padding);border-radius:var(--modal-boder-radius);transform-origin:0 0;backface-visibility:hidden;opacity:0;pointer-events:none;touch-action:none;background-color:#fff;transition:opacity .3s,transform .3s;position:fixed;top:50%;left:50%;overflow:hidden;transform:scale(.5)translate(-50%,-50%);box-shadow:0 .55556vw 5.55556vw #0000001a,inset 0 0 5.55556vw #fff}.c-modal.is-show{opacity:1;pointer-events:unset;transform:scale(1)translate(-50%,-50%)}.c-modal-close{cursor:pointer;-webkit-user-select:none;user-select:none;width:6.66667vw;height:6.66667vw;position:absolute;top:5vw;right:5.55556vw}.c-modal-header{text-align:center;font-family:Source Han Sans;font-size:5vw;font-weight:500;line-height:7.22222vw}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){html .comp-modal{z-index:3000;opacity:0;box-sizing:border-box;pointer-events:none;touch-action:none;background:#fff;border-radius:20px;flex-direction:column;width:480px;height:681px;padding:0;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.9);box-shadow:0 2px 20px #0000001a,inset 0 0 20px #fff}html .comp-modal.is-show{opacity:1;pointer-events:unset;transform:translate(-50%,-50%)scale(1)}html .comp-modal-close{cursor:pointer;-webkit-user-select:none;user-select:none;width:24px;height:24px;position:absolute;top:20px;right:20px}html .comp-modal-header{color:#000;border-bottom:1px solid #e9e9e9;flex-shrink:0;justify-content:center;align-items:center;padding:20px;font-family:Source Han Sans;font-size:18px;font-weight:500;line-height:26px;display:flex}html .comp-modal-body{flex:1;overflow:auto}html .comp-modal-footer{flex-shrink:0}}