/* Shared service visuals and live client-site screenshots for every language. */
#service .lm_step_disc {
  width: 100%;
  aspect-ratio: 1;
  box-sizing: border-box;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 16px 28px rgba(38, 64, 87, .14);
  color: #0b0b0b;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3%;
  text-align: center;
  font-family: 'pretendard variable', Pretendard, 'Malgun Gothic', sans-serif;
  container-type: inline-size;
}
#service .lm_step_disc--blue { background: #0099dc; color: #fff; box-shadow: none; }
#service .lm_step_disc.acon1_28 { clip-path: none; }
#service .lm_step_disc__num { color: #438fca; font-size: 9cqw; font-weight: 600; letter-spacing: .08em; line-height: 1; }
#service .lm_step_disc--blue .lm_step_disc__num { color: #d2efff; }
#service .lm_step_disc__title { font-size: 14cqw; font-weight: 800; line-height: 1.08; max-width: 90%; text-wrap: balance; }
#service .lm_step_disc__title--long { font-size: 10.5cqw; }
#service .lm_step_disc__label { color: #8d9098; font-size: 6cqw; font-weight: 700; letter-spacing: .05em; line-height: 1.1; }
#service .lm_step_disc--blue .lm_step_disc__label { color: #d2efff; }

/* Keep project descriptions beside the device preview. */
@media (min-width: 600px) {
  #work .ps_ctt_1st > .ps_twrap {
    width: 25vw;
    min-width: 0;
  }
  #work .ps_ctt_1st .ps_t2 {
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
}

/* Real homepage screenshots, rendered in full without enlarged crop regions. */
#work .ps_ctt_scroll_img { height: 100%; touch-action: auto; }
#work .ps_ctt_phone { cursor: default; }
#work .ps_ctt_scroll_img .lm_homepage_image { height: 100%; object-fit: contain; background: #fff; }
#work .ps_ctt_phone .ps_phone_ovry { display: none; }
#works .con1_port > .lm_preview_art {
  position: absolute; inset: 0; width: 100%; height: 100%;
  background: #edf3f4; box-shadow: inset 7px 0 var(--lm-cat, #348faf);
}
#works .con1_port .lm_homepage_image {
  position: absolute; left: 39%; top: 9%; width: 57%; height: 82%;
  display: block; object-fit: contain; border-radius: 12px;
  background: #fff; box-shadow: 0 12px 24px rgba(0,0,0,.12);
}
#works .lm_card_visual > .lm_homepage_image { display: block; width: 100%; height: 100%; object-fit: contain; background: #edf3f4; }
@media (max-width: 899px) {
  #works .lm_card_visual { aspect-ratio: 1440 / 900; }
}
.lm_client_wordmark.con10_sd_y_img {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 10px;
  background: #fff;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(10px, 1.45vw, 24px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
  text-align: center;
  padding: 6px 10px;
}