/* PC project frame; the v217 phone/tablet flow keeps its existing dialog. */
@media (min-width:1181px){
  .svc-detail-backdrop{background:rgba(0,0,0,.7)}
  .svc-detail-panel{
    border:1px solid rgba(255,255,255,.18);
    border-radius:0;
    background:#141414;
    box-shadow:none;
    overflow:visible;
  }
  .svc-detail-scroll{border-radius:0}
  .svc-detail-close{
    top:0;
    left:calc(100% + 4px);
    right:auto;
    z-index:3;
    box-sizing:border-box;
    width:28px;
    height:84px;
    padding:9px 6px;
    border:0;
    background:rgba(20,20,20,.92);
    color:#fff;
    font:300 11px/1 "Pretendard Variable","Malgun Gothic",sans-serif;
    letter-spacing:.12em;
    writing-mode:vertical-rl;
    text-orientation:mixed;
    transform:translate3d(0,var(--svc-project-close-y,0px),0);
    animation:none!important;
  }
  .svc-detail-close::before,.svc-detail-close::after{content:none}
  .svc-detail-close:is(:hover,:focus-visible){animation:none;opacity:1}
  .svc-detail-close:focus-visible{outline:2px solid #a9ddcd;outline-offset:2px}
  .svc-detail-overlay:not(.is-ready) .svc-detail-close{opacity:0;pointer-events:none}
}