/* v227: mobile SERVICES accordion typography and controls only. */
@media (max-width:1180px){
  .s03-services-area.is-mobile-service-flow .svc220-item{
    border-top-color:rgba(17,17,17,.3);
  }
  .s03-services-area.is-mobile-service-flow .svc220-headrow{
    min-height:clamp(76px,10svh,98px);
  }
  .s03-services-area.is-mobile-service-flow .svc220-action{
    align-items:center;
    margin-top:0;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item:not(.is-open) .svc227-action-text{
    --plus-size:clamp(30px,8vw,36px);
    position:relative;
    display:block;
    width:var(--plus-size);
    height:var(--plus-size);
    overflow:hidden;
    font-size:0;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item:not(.is-open) .svc227-action-text::before,
  .s03-services-area.is-mobile-service-flow .svc220-item:not(.is-open) .svc227-action-text::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    background:#111;
    transform:translate(-50%,-50%);
  }
  .s03-services-area.is-mobile-service-flow .svc220-item:not(.is-open) .svc227-action-text::before{
    width:var(--plus-size);height:1px;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item:not(.is-open) .svc227-action-text::after{
    width:1px;height:var(--plus-size);
  }
  .s03-services-area.is-mobile-service-flow .svc220-item.is-open .svc220-action{
    align-items:flex-start;
    justify-content:flex-end;
    box-sizing:border-box;
    min-height:44px;
    height:44px;
    margin-top:0;
    padding:4px 0 0;
    border:0;
    border-radius:0;
    background:none;
    animation:none;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item.is-open .svc227-action-text{
    display:inline-block;
    width:auto;height:auto;
    padding:4px 5px;
    background:#111;color:#fff;
    font:700 clamp(10px,2.8vw,12px)/1 "Pretendard Variable","Malgun Gothic",sans-serif;
    letter-spacing:0;
    white-space:nowrap;
    animation:svc227-pulse .8s ease-in-out infinite;
  }
  .s03-services-area.is-mobile-service-flow .svc220-body{
    width:97.087%;
    font-weight:500;
    line-height:1.48;
    transform:scaleX(1.03);
    transform-origin:left top;
  }
  .s03-services-area.is-mobile-service-flow .svc217-outro{
    box-sizing:border-box;
    min-height:100svh;
    padding:22svh 7% 30svh;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    font-size:max(11px,calc(clamp(12px,4vw,21px) - 2.667px));
    line-height:1.35;
    animation:svc227-pulse .8s ease-in-out infinite;
  }
  .s03-services-area.is-mobile-service-flow .svc217-outro span{
    width:97.087%;
    max-width:none;
    white-space:normal;
    transform:scaleX(1.03);
    transform-origin:left top;
  }
}
@media (max-width:360px){
  .s03-services-area.is-mobile-service-flow .svc220-headrow{min-height:76px}
  .s03-services-area.is-mobile-service-flow .svc220-item[data-service="spatial"] .svc220-label{
    font-size:16px;
    white-space:nowrap;
  }
}
@keyframes svc227-pulse{0%,100%{opacity:1}50%{opacity:.36}}
@media (prefers-reduced-motion:reduce){
  .s03-services-area.is-mobile-service-flow .svc220-item.is-open .svc227-action-text,
  .s03-services-area.is-mobile-service-flow .svc217-outro{animation:none;opacity:1}
}