/* 이펙터 · 2026-10 제작 · 피부센터 페이지 스타일 */

:root {
  --sk-fs-xxl: 1.625rem;
  --sk-fs-lg: 1.125rem;
  --sk-fs-base: 1rem;
  --sk-fs-md: 1rem;
  --sk-fs-sm: .9375rem;
  --sk-fs-xl: 1.125rem;
  --sk-head-gap: 2rem;
  --sk-accent: #ffaa00;
  --sk-name: #f9bb23;
  --sk-sc: .7;
}
@media (min-width: 576px) { :root { --sk-fs-xl: 1.25rem; --sk-fs-sm: 1rem; --sk-fs-lg: 1.1875rem; --sk-fs-base: 1.0625rem; --sk-fs-md: 1.0625rem; } }
@media (min-width: 768px) { :root { --sk-fs-xl: 1.5rem; --sk-sc: .85; --sk-fs-xxl: 1.875rem; --sk-fs-lg: 1.25rem; --sk-fs-base: 1.125rem; --sk-fs-md: 1.125rem; --sk-head-gap: 2.5rem; } }
@media (min-width: 992px) { :root { --sk-fs-xl: 1.625rem; --sk-sc: 1; --sk-fs-sm: 1.0625rem; --sk-fs-xxl: 2rem; --sk-fs-lg: 1.375rem; --sk-fs-base: 1.125rem; --sk-fs-md: 1.25rem; --sk-head-gap: 3rem; } }
@media (min-width: 1400px) { :root { --sk-fs-xl: 1.875rem; --sk-fs-sm: 1.125rem; --sk-fs-xxl: 2.125rem; --sk-fs-lg: 1.5rem; --sk-fs-base: 1.25rem; --sk-fs-md: 1.375rem; --sk-head-gap: 3.5rem; } }

.sk-fig { position: relative; margin: 0; aspect-ratio: var(--r, 4 / 3); overflow: hidden; border-radius: var(--sp-r); }
.sk-fig > img, .sk-fig > .img-ph { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; aspect-ratio: auto !important; border-radius: 0; }
.sk-fig-flat { border-radius: 0; }

.sk-kv { position: relative; height: var(--sp-kv-h); overflow: hidden; background: #222; }
.sk-kv-img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; aspect-ratio: auto !important; }
.sk-kv .img-ph.sk-kv-img { border: 0; }
.sk-kv-ov { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.375rem; padding: 0 var(--ss-edge); text-align: center; color: var(--ss-white); }
.sk-kv-logo { width: 15.625rem; }
.sk-kv-logo img, .sk-kv-logo .img-ph { width: 100%; }
.sk-kv-txt { margin: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.6; color: var(--ss-white); text-shadow: 0 0 .75rem rgb(0 0 0 / .25); }
@media (min-width: 768px) { .sk-kv-logo { width: 17.5rem; } .sk-kv-txt { font-size: 1.375rem; } }
@media (min-width: 992px) { .sk-kv-logo { width: 18.75rem; } .sk-kv-txt { font-size: 1.5rem; line-height: 2.0833; } }

.sk-subnav { padding-top: var(--sp-sec-sm); }
.sk-subnav-list { display: flex; gap: 0 2.5rem; margin: 0; padding: 0 var(--ss-edge); overflow-x: auto; scrollbar-width: none; list-style: none; }
.sk-subnav-list::-webkit-scrollbar { display: none; }
.sk-subnav-list li { flex: none; }
.sk-subnav-list li:first-child { margin-left: auto; }
.sk-subnav-list li:last-child { margin-right: auto; }
.sk-subnav-a { display: block; padding: .375rem 0; font-size: 1rem; font-weight: 500; line-height: 1.55; color: var(--ss-weak); white-space: nowrap; transition: color .2s; }
.sk-subnav-a:hover { color: var(--ss-text); }
.sk-subnav-a.is-current { font-weight: 600; color: var(--ss-ink); }
@media (min-width: 768px) { .sk-subnav-a { font-size: 1.0625rem; } }
@media (min-width: 992px) { .sk-subnav-list { gap: 0 2.5rem; } .sk-subnav-a { font-size: 1.125rem; } }

.sk-intro { padding-top: var(--sp-sec-sm); }
.sk-intro-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.sk-intro-txt { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; }
.sk-intro-tag { margin: 0; font-size: 1.0625rem; font-weight: 500; line-height: 1.77; color: var(--ss-text); }
.sk-intro-logo { width: calc(var(--sk-logo-w, 10.6875rem) * var(--sk-sc, .7)); margin-top: 1rem; }
.sk-intro-logo img, .sk-intro-logo .img-ph { width: 100%; }
.sk-intro-name { margin: 1rem 0 0; font-size: 1.875rem; font-weight: 700; line-height: 1.4; color: var(--sk-name); }
.sk-intro-lead { margin: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.53; letter-spacing: -.012em; color: var(--ss-text); }
.sk-intro-pic { --r: 636 / 400; }
.sk-intro-pic { order: -1; }
@media (min-width: 768px) {
  .sk-intro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; align-items: stretch; }
  .sk-intro-pic { order: 0; align-self: start; }
  .sk-intro-tag { font-size: 1.25rem; } .sk-intro-name { font-size: 2.25rem; } .sk-intro-lead { font-size: 1.375rem; }
}
@media (min-width: 992px) { .sk-intro-grid { column-gap: 3rem; } .sk-intro-tag { font-size: 1.5rem; } .sk-intro-logo { margin-top: 1.5rem; } .sk-intro-name { margin-top: 1.5rem; font-size: 2.5rem; } .sk-intro-lead { font-size: 1.625rem; } }
@media (min-width: 1400px) { .sk-intro-grid { grid-template-columns: minmax(0, 1fr) var(--sk-intro-pic, 39.75rem); column-gap: 0; } .sk-intro-tag { font-size: 1.625rem; } .sk-intro-lead { font-size: 1.875rem; } }

.sk-head { margin: 0 0 var(--sk-head-gap); text-align: center; }
.sk-head-s { margin: 0; font-size: var(--sk-fs-lg); font-weight: 500; line-height: 1.9; color: var(--ss-text); }
.sk-head-t { margin: 0; font-size: var(--sk-fs-xxl); font-weight: 600; line-height: 1.3; color: #1c1c1e; }
.sk-head-s + .sk-head-t { margin-top: .25rem; }
.sk-head-d { margin: .75rem 0 0; font-size: var(--sk-fs-lg); font-weight: 500; line-height: 1.9; color: var(--ss-text); }
.sk-head-l { text-align: left; }
.sk-head-l .sk-head-s { font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.6; }
.sk-head-t-xl { font-size: var(--sp-h2); font-weight: 600; line-height: 1.2; }
.sk-head-l .sk-head-s + .sk-head-t { margin-top: .75rem; }
.sk-h2l { margin: 0; font-size: var(--sp-h2); font-weight: 700; line-height: 1.33; color: var(--ss-ink); }
.sk-h2c { margin: 0; font-size: var(--sp-h2); font-weight: 700; line-height: 1.33; color: var(--ss-ink); text-align: center; }

.sk-lead-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: stretch; }
.sk-lead-body { display: flex; flex-direction: column; justify-content: space-between; gap: 2rem; }
.sk-lead-d { margin: 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text-2); }
.sk-icons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.sk-icons li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: .5rem .25rem; text-align: center; }
.sk-icons li + li { border-left: 1px solid var(--ss-line-strong); }
.sk-icons-ic { display: flex; align-items: center; justify-content: center; width: 100%; height: 3.5rem; }
.sk-icons-ic img, .sk-icons-ic .img-ph { width: auto; max-width: 100%; max-height: 100%; }
.sk-icons-ic .img-ph { width: 3.5rem; height: 3.5rem; aspect-ratio: auto !important; }
.sk-icons-t { margin: 0; min-height: 3em; display: flex; align-items: center; justify-content: center; font-size: .9375rem; font-weight: 400; line-height: 1.33; color: var(--ss-text-2); }
.sk-quote { padding-left: 1.25rem; border-left: 1px solid var(--ss-text); }
.sk-quote-t { margin: 0; font-size: var(--sk-fs-lg); font-weight: 600; line-height: 1.25; color: var(--ss-text-2); }
.sk-quote-d { margin: .5rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text-2); }
@media (min-width: 768px) {
  .sk-lead-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
  .sk-icons li { gap: 1.25rem; } .sk-icons-ic { height: 4rem; } .sk-icons-t { font-size: 1rem; }
  .sk-lead-body { gap: 1.5rem; }
}
@media (min-width: 992px) { .sk-lead-grid { column-gap: 3rem; } .sk-icons-ic { height: 4.625rem; } .sk-icons-t { font-size: 1.0625rem; } }
@media (min-width: 1400px) {
  .sk-lead-grid { grid-template-columns: 39.75rem minmax(0, 1fr); column-gap: 5.5rem; }
  .sk-lead-body { padding-right: 3.3125rem; }
  .sk-icons { max-width: 30rem; }
  .sk-icons li { padding: 0 .5rem; } .sk-icons-t { font-size: 1.125rem; }
}

.sk-feat .sp-tab { font-weight: 600; }
@media (min-width: 1400px) { .sk-feat .sp-tab { min-height: 5rem; border-radius: .875rem; padding-block: .5rem; } }
@media (min-width: 992px) and (max-width: 1399.98px) { .sk-feat .sp-tab { min-height: 4.5rem; border-radius: .875rem; } }
.sk-feat-panel { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid var(--ss-line-strong); border-radius: .875rem; overflow: hidden; background: var(--ss-white); }
.sk-feat-panel[hidden] { display: none; }
.sk-feat-txt { display: flex; flex-direction: column; justify-content: center; gap: .75rem; padding: 1.5rem 1.25rem 2rem; }
.sk-pill { display: inline-flex; align-items: center; align-self: flex-start; padding: .25rem 1.25rem; border-radius: 62.4375rem; background: var(--sk-accent); font-size: 1rem; font-weight: 400; line-height: 1.75; color: var(--ss-white); }
.sk-feat-t { margin: 0; font-size: var(--sk-fs-lg); font-weight: 600; line-height: 1.42; color: var(--ss-text-2); }
.sk-feat-d { margin: 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.7; color: var(--ss-text-2); }
.sk-feat-d-lg { font-size: var(--sk-fs-lg); line-height: 1.42; }
.sk-feat-pic { position: relative; display: grid; place-items: center; background: var(--ss-bg-soft); aspect-ratio: 414 / 492; }
.sk-feat-pic img, .sk-feat-pic .img-ph { width: 100%; height: auto; }
.sk-feat-pic-fill > img, .sk-feat-pic-fill > .img-ph { position: absolute; inset: 0; height: 100%; object-fit: cover; aspect-ratio: auto !important; }
.sk-feat-panel-c { padding: 1.5rem 1.25rem 2rem; text-align: center; }
.sk-feat-panel-c .sk-feat-t { margin: 0; text-align: center; font-weight: 600; }
.sk-feat-panel-c .sk-fig { max-width: 46.125rem; margin: 1.25rem auto; border-radius: 0; }
.sk-feat-panel-c .sk-feat-d { text-align: center; line-height: 1.5; }
@media (min-width: 768px) {
  .sk-feat-panel { grid-template-columns: minmax(0, 1fr) minmax(0, var(--sk-picw, 47.7%)); min-height: 22rem; }
  .sk-feat-txt { padding: 2rem 1.5rem 2rem 2rem; gap: 1rem; }
  .sk-feat-pic { aspect-ratio: auto; height: 100%; }
  .sk-feat-panel-c { display: flex; flex-direction: column; justify-content: center; padding: 2rem 2rem; }
}
@media (min-width: 992px) { .sk-feat-panel { min-height: 26rem; } .sk-feat-txt { padding-left: 2.5rem; } .sk-pill { font-size: 1.125rem; } }
@media (min-width: 1400px) {
  .sk-feat-panel { min-height: 30.75rem; }
  .sk-feat-txt { gap: 1.25rem; padding: 2rem 2rem 2rem 2.5625rem; }
  .sk-pill { padding: .25rem 0; width: 7.5rem; justify-content: center; font-size: 1.25rem; }
  .sk-feat-panel-c { padding: 2.25rem 2rem; }
  .sk-feat-panel-c .sk-fig { margin: 1.5rem auto 1.5rem; }
}
@media (max-width: 767.98px) {
  :root .sk-feat .sp-tab { min-width: 10.5rem; }
}

.sk-wide { margin: 0 auto; max-width: 71.4375rem; }
.sk-wide-full { max-width: none; }
.sk-wide .sk-fig { border-radius: 0; }
.sk-wide-round-b .sk-fig { border-radius: 0 0 var(--sp-r) var(--sp-r); }

.sk-cols { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ss-line-strong); border-bottom: 1px solid var(--ss-line-strong); }
.sk-cols-item { padding: 1.5rem 1.25rem 1.75rem; }
.sk-cols-item + .sk-cols-item { border-top: 1px solid var(--ss-line-strong); }
.sk-cols-no { margin: 0; font-size: .875rem; font-weight: 700; line-height: 1.5; color: #b5b5b5; }
.sk-cols-t { margin: 1.25rem 0 0; font-size: var(--sk-fs-lg); font-weight: 700; line-height: 1.42; color: var(--ss-ink); }
.sk-cols-d { margin: .5rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text); }
@media (min-width: 768px) {
  .sk-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sk-cols-item { padding: 2rem 1.5rem 2.5rem; }
  .sk-cols-item + .sk-cols-item { border-top: 0; border-left: 1px solid var(--ss-line-strong); }
}
@media (min-width: 1400px) { .sk-cols-item { padding: 4.1875rem .75rem 3.75rem 2.125rem; } .sk-cols-t { margin-top: 2rem; } .sk-cols-d { margin-top: .875rem; } }

.sk-rec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.sk-checks { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--ss-line-strong); }
.sk-checks li { display: grid; grid-template-columns: 1.125rem minmax(0, 1fr); align-items: center; column-gap: .875rem; min-height: 3.5rem; padding: .75rem 0; border-top: 1px solid var(--ss-line-strong); font-size: var(--sk-fs-md); font-weight: 600; line-height: 1.18; color: var(--ss-text-2); }
.sk-checks li:first-child { border-top: 0; }
.sk-checks .ss-ico { width: 1.125rem; height: 1.125rem; }
@media (min-width: 768px) { .sk-rec { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; align-items: start; } .sk-checks li { min-height: 4.5rem; } }
@media (min-width: 992px) { .sk-checks li { min-height: 4.75rem; } }
@media (min-width: 1400px) { .sk-rec { grid-template-columns: minmax(0, 1fr) 37.5rem; column-gap: 0; } .sk-checks li { min-height: 5.375rem; } }

.sk-why { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: center; }
.sk-why-t { margin: 0; font-size: var(--sk-fs-md); font-weight: 700; line-height: 1.18; color: var(--ss-text-2); }
.sk-why-d { margin: .75rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text-2); }
.sk-why-box { display: block; width: fit-content; max-width: 100%; margin: 1.5rem 0 0; padding: 1.125rem 1rem; background: var(--sk-accent); font-size: var(--sk-fs-base); font-weight: 500; line-height: 1.5; color: var(--ss-white); }
@media (min-width: 768px) { .sk-why { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; } .sk-why-box { margin-top: 2rem; padding: 1.25rem 1.5rem; } }
@media (min-width: 1400px) { .sk-why { grid-template-columns: 39.75rem minmax(0, 1fr); column-gap: 5.1875rem; } .sk-why-box { margin-top: 2.5rem; padding: 1.1875rem 1rem; } }

.sk-faq .ss-faq-btn { font-weight: 400; }
@media (min-width: 992px) { .sk-faq .ss-faq { column-gap: 6.25rem; } .sk-faq .ss-faq-btn { min-height: 5rem; font-size: 1.1875rem; padding-inline: 1.25rem; } .sk-faq .ss-faq-a { padding-inline: 1.25rem 2.5rem; } }
@media (min-width: 768px) and (max-width: 991.98px) { .sk-faq .ss-faq-btn { padding-inline: 1rem; } }

.sk-vip-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: start; }
.sk-vip-h { margin: 0; font-size: 1.75rem; font-weight: 600; line-height: 1.25; color: var(--ss-ink); }
.sk-vip-d { margin: 1rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-muted); }
.sk-vip-slider { min-width: 0; }
.sk-vip-swiper { overflow: hidden; }
.sk-vip-swiper .swiper-wrapper { margin: 0; padding: 0; list-style: none; }
.sk-vip-swiper .swiper-slide { width: 15rem; height: auto; }
.sk-vip-card { margin: 0; }
.sk-vip-card .sk-fig { --r: 370 / 240; }
.sk-vip-cap { margin: 1rem 0 0; font-size: 1rem; font-weight: 600; line-height: 1.36; color: var(--ss-ink); }
.sk-vip-bar { position: relative; height: .125rem; margin-top: 2rem; background: #e5e5e5; }
.sk-vip-bar.swiper-scrollbar { position: relative; left: auto; bottom: auto; width: 100%; height: .125rem; border-radius: 0; background: #e5e5e5; }
.sk-vip-bar .swiper-scrollbar-drag { height: .125rem; border-radius: 0; background: var(--ss-ink); }
@media (min-width: 768px) { .sk-vip-swiper .swiper-slide { width: 18rem; } .sk-vip-h { font-size: 2rem; } .sk-vip-cap { font-size: 1.125rem; } .sk-vip-bar { margin-top: 2.5rem; } }
@media (min-width: 992px) { .sk-vip-grid { grid-template-columns: 17.5rem minmax(0, 1fr); column-gap: 3rem; } .sk-vip-swiper .swiper-slide { width: 19rem; } .sk-vip-h { font-size: 2.25rem; } .sk-vip-cap { font-size: 1.25rem; } }
@media (min-width: 1400px) { .sk-vip-grid { grid-template-columns: 31.875rem minmax(0, 1fr); column-gap: 1.5rem; } .sk-vip-swiper .swiper-slide { width: 23.125rem; } .sk-vip-h { font-size: 2.5rem; } .sk-vip-cap { font-size: 1.375rem; margin-top: 1.25rem; } }

.sk-steps4 { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; border-top: .125rem solid var(--ss-ink); border-bottom: 1px solid #ddd; }
.sk-steps4-item { padding: 1.5rem 1.25rem 1.75rem; }
.sk-steps4-item + .sk-steps4-item { border-top: 1px solid #ddd; }
.sk-steps4-no { margin: 0; font-size: .75rem; font-weight: 700; line-height: 1.5; text-transform: uppercase; color: var(--sk-step, var(--sk-accent)); }
.sk-steps4-t { margin: .75rem 0 0; font-size: var(--sk-fs-lg); font-weight: 700; line-height: 1.58; color: var(--ss-ink); }
.sk-steps4-d { margin: .25rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text); }
@media (min-width: 768px) {
  .sk-steps4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-steps4-item + .sk-steps4-item { border-top: 0; }
  .sk-steps4-item:nth-child(n+3) { border-top: 1px solid #ddd; }
  .sk-steps4-item:nth-child(even) { border-left: 1px solid #ddd; }
  .sk-steps4-item { padding: 2rem 1.5rem 2.25rem; }
}
@media (min-width: 992px) {
  .sk-steps4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sk-steps4-item:nth-child(n+3) { border-top: 0; }
  .sk-steps4-item:nth-child(even) { border-left: 0; }
  .sk-steps4-item + .sk-steps4-item { border-left: 1px solid #ddd; }
  .sk-steps4-item { padding: 3.875rem 1rem 3.25rem 1.375rem; }
}
@media (min-width: 1400px) { .sk-steps4-item { padding-block: 3.8125rem 3.1875rem; } .sk-steps4-no { font-size: .8125rem; } .sk-steps4-t { margin-top: 1.25rem; } .sk-steps4-d { margin-top: .3125rem; } }

.sk-ulthera { --sk-accent: #ffaa00; --sk-name: #f9bb23; --sk-logo-w: 10.6875rem; --sk-picw: 47.7%; }
.sk-thermage { --sk-accent: #dbb4d4; --sk-name: #111; --sk-logo-w: 12.5rem; --sk-intro-pic: 37.5rem; --sk-picw: 50%; }
.sk-h2l-semi { font-weight: 600; }
.sk-thermage { --sk-step: #dbb4d4; }
.sk-vlo { --sk-name: #111; --sk-logo-w: 9.375rem; --sk-picw: 47.7%; --sk-step: #a6c2ee; }

@media (min-width: 1400px) { .sk-feat-tab-lg .sp-tab { min-height: 6.25rem; border-radius: 1.75rem; } }
@media (min-width: 992px) and (max-width: 1399.98px) { .sk-feat-tab-lg .sp-tab { min-height: 5.5rem; border-radius: 1.5rem; } }
.sk-feat-pic-tile { background: var(--ss-white); }
.sk-feat-pic-tile { overflow: hidden; }
.sk-feat-pic-tile > img { inset: -3px -1rem -3px -3px; width: calc(100% + 1rem + 6px); height: calc(100% + 6px); max-width: none; object-position: right center; }
@media (min-width: 768px) { .sk-feat-pic-tile > img { inset: -2px; width: calc(100% + 4px); height: calc(100% + 4px); } }
.sk-feat-panel-hand .sk-feat-txt { padding-bottom: 1rem; }
.sk-hand { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding: 0 1.25rem 1.75rem; }
.sk-hand-pic { position: relative; aspect-ratio: 867 / 150; margin: 0 0 .75rem; overflow: hidden; }
.sk-hand-pic > img { display: block; width: calc(100% + 2px); max-width: none; height: auto; margin: -23.07% 0 0 -1px; }
.sk-hand-t { margin: 0; font-size: var(--sk-fs-base); font-weight: 600; line-height: 1.5; color: var(--sk-hand, var(--ss-ink)); }
.sk-hand-l { margin: .5rem 0 0; padding: 0; list-style: none; font-size: .9375rem; font-weight: 400; line-height: 1.8; color: var(--ss-ink); }
.sk-hand-col-g { --sk-hand: #0c736b; }
.sk-hand-col-b { --sk-hand: #016db1; }
@media (min-width: 768px) {
  .sk-feat-panel-hand { display: flex; flex-direction: column; justify-content: center; }
  .sk-hand { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; padding: 0 2rem 2rem 2rem; }
  .sk-hand-l { font-size: 1rem; }
}
@media (min-width: 992px) { .sk-hand { padding-left: 2.5rem; } .sk-hand-l { font-size: 1rem; } }
@media (min-width: 1400px) { .sk-hand { column-gap: 3.0625rem; padding: 0 2.5rem 2.5rem 2.4375rem; } .sk-hand-l { font-size: 1.125rem; } .sk-feat-panel-hand .sk-feat-txt { padding-bottom: 1.5rem; } }
@media (min-width: 1400px) { .sk-onda { --sk-name: #111; --sk-logo-w: 11.8125rem; --sk-intro-pic: 39.875rem; --sk-picw: 48.2%; --sk-step: #a6c2ee; } }
@media (min-width: 768px) { .sk-onda .sk-feat-txt { padding-right: 0; } }
@media (min-width: 1400px) {
  .sk-onda .sk-feat-txt { gap: 1rem; }
  .sk-onda .sk-feat-panel-hand .sk-feat-txt { padding-top: 2.5rem; padding-bottom: .25rem; }
  .sk-onda .sk-hand { padding-bottom: .75rem; }
  .sk-onda .sk-hand-l { margin-top: .25rem; line-height: 1.5; }
}

.sk-feat-panel-img { display: block; border-radius: var(--sp-r); }
.sk-feat-panel-img .sk-fig { border-radius: 0; }

.sk-fx { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: stretch; }
.sk-fx-pic { --r: 600 / 597; width: 100%; min-width: 0; align-self: start; border-radius: 1.25rem; }
.sk-fx-body { display: flex; flex-direction: column; min-width: 0; }
.sk-pills { display: flex; flex-wrap: wrap; gap: .5rem .625rem; margin: 0; padding: 0; list-style: none; }
.sk-pills li { display: inline-flex; align-items: center; justify-content: center; min-width: 5rem; height: 2.25rem; padding: 0 1rem; border: 1px solid var(--ss-line-strong); font-size: .9375rem; font-weight: 400; line-height: 1; color: var(--ss-weak); }
.sk-fx-t { margin: 1.5rem 0 0; font-size: var(--sp-h3); font-weight: 600; line-height: 1.25; color: var(--ss-ink); }
.sk-fx-d { margin: 1rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text); }
.sk-info { margin: 1.5rem 0 0; padding: 0; list-style: none; border-bottom: 1px solid var(--ss-line-strong); }
.sk-info li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); align-items: center; column-gap: 1rem; min-height: 4rem; padding: .75rem .625rem; border-top: 1px solid var(--ss-line-strong); }
.sk-info-k { font-size: 1rem; font-weight: 700; line-height: 1.4; color: var(--ss-ink); }
.sk-info-v { font-size: .9375rem; font-weight: 400; line-height: 1.55; color: var(--ss-text-2); }
@media (min-width: 768px) {
  .sk-fx { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; }
  .sk-pills li { height: 2.5rem; font-size: 1rem; }
  .sk-fx-t { margin-top: 2rem; } .sk-info { margin-top: auto; padding-top: 0; }
  .sk-info li { grid-template-columns: 8rem minmax(0, 1fr); min-height: 4.5rem; }
  .sk-info-k { font-size: 1.0625rem; } .sk-info-v { font-size: 1rem; }
}
@media (min-width: 992px) { .sk-fx { column-gap: 3.5rem; } .sk-info li { grid-template-columns: 9.5rem minmax(0, 1fr); } .sk-info-k { font-size: 1.125rem; } .sk-info-v { font-size: 1.0625rem; } }
@media (min-width: 1400px) {
  .sk-fx { grid-template-columns: 37.5rem minmax(0, 1fr); column-gap: 4.375rem; }
  .sk-fx-pic { border-radius: 1.875rem; }
  .sk-pills li { height: 2.625rem; font-size: 1.125rem; }
  .sk-fx-t { margin-top: 3.0625rem; } .sk-fx-d { margin-top: 1rem; }
  .sk-info li { grid-template-columns: 10.9375rem minmax(0, 1fr); min-height: 5.0625rem; }
  .sk-info-k { font-size: 1.25rem; } .sk-info-v { font-size: 1.125rem; }
}

.sk-video { position: relative; max-width: 62.5rem; margin: 0 auto; aspect-ratio: 16 / 9; background: #bde0ff; }
.sk-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sk-video-cap { margin: 1.5rem 0 0; text-align: center; font-size: var(--sk-fs-xxl); font-weight: 500; line-height: 1.33; color: var(--ss-text); }
@media (min-width: 992px) { .sk-video-cap { margin-top: 2.5rem; } }
.sk-xerf { --sk-name: #111; --sk-logo-w: 9.375rem; --sk-picw: 47.7%; --sk-step: #a6c2ee; }

.sk-head-p { margin: 1rem 0 0; font-size: var(--sk-fs-sm); font-weight: 400; line-height: 1.78; color: var(--ss-text); }
.sk-head-p-lg { font-size: var(--sk-fs-md); line-height: 1.45; }
.sk-head-l .sk-head-t + .sk-head-p { margin-top: 1rem; }
.sk-h2l-sm { font-size: var(--sk-fs-xxl); font-weight: 700; line-height: 1.3; }
@media (min-width: 1400px) { .sk-feat-tab-sm .sp-tab { min-height: 3.75rem; border-radius: .625rem; border-color: var(--ss-line); } }
@media (min-width: 992px) and (max-width: 1399.98px) { .sk-feat-tab-sm .sp-tab { min-height: 3.5rem; border-radius: .625rem; border-color: var(--ss-line); } }
.sk-feat-tab-sm .sp-tab.is-active { border-color: var(--ss-ink); }
.sk-feat-txt-end { justify-content: flex-end; }
.sk-feat-panel-round { border-radius: 1.25rem; }
.sk-tags { display: flex; flex-wrap: wrap; gap: .5rem .625rem; margin: 0; padding: 0; list-style: none; }
.sk-tags li { display: inline-flex; align-items: center; justify-content: center; min-height: 2rem; padding: 0 .875rem; border: 1px solid var(--ss-line-strong); border-radius: 62.4375rem; background: var(--ss-white); font-size: .875rem; font-weight: 500; line-height: 1.2; color: var(--ss-text-2); }
@media (min-width: 992px) { .sk-tags li { min-width: 5.625rem; min-height: 2.3125rem; font-size: 1rem; } }
.sk-feat-txt-end .sk-feat-t { font-weight: 700; }
.sk-feat-txt-end .sk-feat-d { font-size: var(--sk-fs-sm); line-height: 1.55; }
.sk-feat-txt-end .sk-tags { margin-top: .5rem; }
@media (min-width: 1400px) { .sk-feat-txt-end { padding-bottom: 3.75rem; gap: 1rem; } .sk-feat-txt-end .sk-tags { margin-top: 1.25rem; } }

.sk-band { margin-top: var(--sp-sec); padding-block: var(--sp-sec-sm); background: var(--ss-bg-soft); }
.sk-thread { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding: 1.5rem 1.25rem 2rem; border-radius: 1.25rem; background: var(--ss-white); }
.sk-thread-fig { margin: 0; }
.sk-thread-fig[hidden], .sk-thread-body[hidden] { display: none; }
.sk-thread-figs .sk-fig { --r: 420 / 360; border-radius: 1.25rem; background: var(--ss-white); }
.sk-thread-figs .sk-fig > img { object-fit: contain; }
.sk-pilltabs .ss-mtab-list { justify-content: flex-start; gap: .5rem; }
.sk-pilltab { display: inline-flex; align-items: center; justify-content: center; min-width: 4.5rem; height: 2.25rem; padding: 0 1rem; border: 1px solid var(--ss-line-strong); border-radius: 62.4375rem; background: var(--ss-white); font: 400 .9375rem/1 var(--ss-font); color: var(--ss-weak); cursor: pointer; transition: background-color .2s, color .2s; }
.sk-pilltab:hover { color: var(--ss-text); }
.sk-pilltab.is-active { border-color: var(--ss-ink); background: var(--ss-ink); color: var(--ss-white); font-weight: 600; }
.sk-thread-t { margin: 1.5rem 0 0; font-size: var(--sk-fs-md); font-weight: 700; line-height: 1.36; color: var(--ss-ink); }
.sk-thread-d { margin: .75rem 0 0; font-size: var(--sk-fs-sm); font-weight: 400; line-height: 1.45; color: var(--ss-text-2); }
.sk-spec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0 0; padding-top: 1.5rem; border-top: 1px solid #ddd; }
.sk-spec dt { font-size: var(--sk-fs-sm); font-weight: 700; line-height: 1.67; color: var(--ss-ink); }
.sk-spec dd { margin: .25rem 0 0; font-size: .9375rem; font-weight: 400; line-height: 1.625; color: var(--ss-text-2); }
@media (max-width: 767.98px) {
  :root .sk-pilltabs .sk-pilltab { min-width: 5rem; }
}
@media (min-width: 768px) {
  .sk-thread { grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); gap: 2rem; align-items: center; padding: 2.5rem 2rem; }
  .sk-spec { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } .sk-spec dd { font-size: 1rem; }
  .sk-pilltab { min-width: 5rem; height: 2.5rem; font-size: 1rem; }
}
@media (min-width: 992px) { .sk-thread { gap: 3rem; padding: 3rem 3rem 3rem 2.5rem; } .sk-thread-t { margin-top: 2rem; } }
@media (min-width: 1400px) {
  .sk-thread { grid-template-columns: 26.25rem minmax(0, 1fr); column-gap: 5.5rem; padding: 2.8125rem 2.375rem 2.5rem 2.375rem; min-height: 28.125rem; border-radius: 1.875rem; }
  .sk-thread-body { padding-right: 2.75rem; }
  .sk-pilltab { min-width: 5rem; height: 2.3125rem; font-size: 1rem; }
  .sk-thread-t { margin-top: 2.125rem; font-size: 1.375rem; } .sk-thread-d { margin-top: .75rem; font-size: 1.125rem; }
  .sk-spec { margin-top: 2.125rem; padding-top: 2.1875rem; column-gap: 1.5rem; } .sk-spec dd { font-size: 1rem; }
}

@media (min-width: 992px) { .sk-steps4-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sk-steps4-5 .sk-steps4-item { padding-inline: 1.25rem 1rem; } }
.sk-steps4-5 .sk-steps4-t { font-size: var(--sk-fs-md); }
.sk-steps4-5 .sk-steps4-d { font-size: var(--sk-fs-sm); line-height: 1.55; }
.sk-steps4-5 .sk-steps4-no { font-size: .8125rem; }
@media (min-width: 768px) and (max-width: 991.98px) { .sk-steps4-5 .sk-steps4-item:nth-child(5) { grid-column: 1 / -1; border-left: 0; } }

.sk-thread-page { --sk-name: #111; --sk-step: #ccc; --sk-picw: 47.7%; }
.sk-thread-page .sk-intro-name { line-height: 1.4; }

.sk-split-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 0 0 var(--sk-head-gap); }
.sk-split-head-p { margin: 0; font-size: var(--sk-fs-md); font-weight: 400; line-height: 1.45; color: var(--ss-text); }
.sk-split-head .sk-h2l { font-weight: 600; color: #1c1c1e; }
@media (min-width: 768px) { .sk-split-head { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; align-items: start; } .sk-split-head-p { padding-top: .5rem; } }
@media (min-width: 1400px) { .sk-split-head { grid-template-columns: 46fr 54fr; } .sk-split-head-p { padding-left: 4.5rem; padding-top: 0; letter-spacing: -.02em; white-space: nowrap; } }
.sk-cards4 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.sk-cards4-item { padding: 1.5rem 1.25rem 1.75rem; border-radius: 1.25rem; background: var(--ss-bg-soft); }
.sk-cards4-t { margin: 0; font-size: var(--sk-fs-lg); font-weight: 700; line-height: 1.25; color: var(--ss-ink); }
.sk-cards4-d { margin: .75rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text-2); }
@media (min-width: 576px) { .sk-cards4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; } }
@media (min-width: 992px) { .sk-cards4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; } .sk-cards4-item { padding: 2.5rem 1.25rem 2rem 1.5rem; min-height: 14rem; } }
@media (min-width: 1400px) { .sk-cards4 { column-gap: 1.75rem; } .sk-cards4-item { min-height: 15.625rem; padding: 3.125rem 1.5rem 2rem 1.5rem; } .sk-cards4-d { margin-top: 1rem; } }
.sk-ba3 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.sk-ba3-item { padding: 1.25rem 1.25rem 1.5rem; border: 1px solid var(--ss-line-strong); border-radius: 1.25rem; background: var(--ss-white); text-align: center; }
.sk-ba3-t { margin: 0 0 1rem; font-size: var(--sk-fs-lg); font-weight: 700; line-height: 1.58; color: var(--ss-ink); }
.sk-ba3-item .sk-fig { --r: 378 / 401; border-radius: 0; }
.sk-ba3-d { margin: .75rem 0 0; font-size: .9375rem; font-weight: 400; line-height: 1.6; color: var(--ss-text); }
@media (min-width: 768px) { .sk-ba3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .sk-ba3-item { padding: 1.25rem 1rem 1.5rem; } .sk-ba3-d { font-size: .875rem; } }
@media (min-width: 992px) { .sk-ba3 { gap: 1.5rem; } .sk-ba3-item { padding: 1.5rem 1.5rem 1.75rem; } .sk-ba3-d { font-size: 1rem; } }
@media (min-width: 1400px) { .sk-ba3 { column-gap: 1.75rem; } .sk-ba3-item { padding: 1.75rem 1.75rem 1.5rem; } .sk-ba3-t { margin-bottom: 1.25rem; } .sk-ba3-d { margin-top: 1rem; line-height: 2.375; } }
.sk-equip { min-width: 0; }
.sk-equip-swiper { overflow: hidden; }
.sk-equip-swiper .swiper-wrapper { margin: 0; padding: 0; list-style: none; }
.sk-equip-swiper .swiper-slide { width: 14.5rem; height: auto; }
.sk-equip-card { margin: 0; }
.sk-equip-card .sk-fig { --r: 310 / 360; border-radius: 0; border: 1px solid var(--ss-line); }
.sk-equip-t { margin: 1.25rem 0 0; font-size: var(--sk-fs-lg); font-weight: 600; line-height: 1.42; color: var(--ss-ink); }
.sk-equip-d { margin: .5rem 0 0; font-size: var(--sk-fs-sm); font-weight: 400; line-height: 1.67; color: var(--ss-text); }
@media (min-width: 768px) { .sk-equip-swiper .swiper-slide { width: 16.5rem; } }
@media (min-width: 992px) { .sk-equip-swiper .swiper-slide { width: 18rem; } }
@media (min-width: 1400px) { .sk-equip-swiper .swiper-slide { width: 19.375rem; } .sk-equip-t { margin-top: 3rem; } }
.sk-pigment { --sk-name: #111; --sk-step: #a6c2ee; }
.sk-h2c-ba { margin-bottom: var(--sk-head-gap); }
.sk-steps4-lg .sk-steps4-t { font-size: var(--sk-fs-lg); }
.sk-steps4-lg .sk-steps4-d { font-size: var(--sk-fs-base); line-height: 1.5; }

@media (min-width: 1400px) { .sk-intro-tag-lg .sk-intro-tag { font-size: 1.875rem; } }
@media (min-width: 992px) { .sk-intro-name-lg .sk-intro-name { font-size: 3.125rem; } }
.sk-intro-name-lg .sk-intro-name { font-size: 2.5rem; }
.sk-head-l .sk-head-s-sm { font-size: var(--sk-fs-sm); line-height: 1.78; }
.sk-sup { position: relative; top: -.1em; font-size: .8em; vertical-align: super; line-height: 0; }
.sk-feat-pic-white { background: var(--ss-white); }
.sk-feat-pic-white img, .sk-feat-pic-white .img-ph { width: auto; max-width: 57%; height: auto; max-height: 67.3%; }
.sk-feat-pic-white .img-ph { width: 57%; }
.sk-rejuran { --sk-name: #111; --sk-logo-w: 15.625rem; --sk-picw: 40.5%; --sk-step: #a6c2ee; }
.sk-rejuran .sk-feat-txt { padding-right: 1rem; }
.sk-intro-lead-top { margin-top: 1.25rem; }
@media (min-width: 992px) { .sk-intro-lead-top { margin-top: 1.5rem; } }

.sk-hero { position: relative; margin-top: var(--sp-sec-sm); overflow: hidden; background: #d1c3b2; }
.sk-hero-bg { position: relative; aspect-ratio: 1 / 1; }
.sk-hero-bg img, .sk-hero-bg .img-ph { width: 100%; height: 100%; object-fit: cover; object-position: 85% 50%; aspect-ratio: auto !important; border: 0; }
.sk-hero-in { position: relative; z-index: 1; display: flex; align-items: center; min-height: 28rem; padding-block: 3rem; }
.sk-hero-txt { width: 100%; max-width: 40rem; }
.sk-hero-t { margin: 0; font-size: 2rem; font-weight: 600; line-height: 1.25; color: #000; }
.sk-hero-d { margin: .75rem 0 0; font-size: 1rem; font-weight: 400; line-height: 1.55; color: #000; }
.sk-hero-pill { display: inline-block; margin: 2.5rem 0 0; padding: .5rem 1.25rem; border: .125rem solid #000; border-radius: 62.4375rem; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; color: #000; }
.sk-hero-list { margin: 1.25rem 0 0; padding: 0; list-style: none; }
.sk-hero-list li { display: flex; align-items: center; gap: .625rem; font-size: 1rem; font-weight: 400; line-height: 2.1; color: #000; }
.sk-chk { position: relative; flex: none; width: 1.125rem; height: 1.125rem; border: .125rem solid #000; border-radius: .125rem; }
.sk-chk::after { content: ""; position: absolute; left: .25rem; top: .0625rem; width: .3125rem; height: .625rem; border: solid #000; border-width: 0 .125rem .125rem 0; transform: rotate(45deg); }
@media (min-width: 992px) {
  .sk-hero-bg { position: absolute; inset: 0; aspect-ratio: auto; }
  .sk-hero-bg img, .sk-hero-bg .img-ph { object-position: 70% 50%; }
  .sk-hero-in { min-height: 36rem; }
  .sk-hero-txt { max-width: 46%; }
  .sk-hero-t { font-size: 2.5rem; } .sk-hero-d { font-size: 1.0625rem; } .sk-hero-pill { margin-top: 3.5rem; font-size: 1.125rem; } .sk-hero-list li { font-size: 1.0625rem; }
}
@media (min-width: 1400px) {
  .sk-hero-in { min-height: 58.25rem; }
  .sk-hero-txt { max-width: 38rem; }
  .sk-hero-t { font-size: 2.8125rem; } .sk-hero-d { margin-top: .875rem; font-size: 1.1875rem; } .sk-hero-pill { margin-top: 6.0625rem; font-size: 1.3125rem; } .sk-hero-list { margin-top: 1.5625rem; } .sk-hero-list li { font-size: 1.125rem; }
}

.sk-rtab .sp-tab { border: 1px solid transparent; border-radius: 1.5rem; background: #f6f6f6; color: #848484; font-weight: 500; }
.sk-rtab .sp-tab:hover { border-color: transparent; color: #000; }
.sk-rtab .sp-tab.is-active { border-color: #000; background: var(--ss-white); color: #000; }
.sk-rtab .sp-tab .ss-ico { display: none; }
.sk-circ { flex: none; display: inline-grid; place-items: center; width: 1.625rem; height: 1.625rem; border-radius: 50%; background: #aaa; color: var(--ss-white); }
.sk-circ .ss-ico { display: block !important; width: 1rem; height: 1rem; }
.sp-tab.is-active .sk-circ { background: #3b4351; }
.sk-rpanel { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-height: 22rem; padding: 2rem 1.5rem; border-radius: 1.5rem; background: #f6f6f6; overflow: hidden; }
.sk-rpanel[hidden] { display: none; }
.sk-rpanel-t { position: relative; z-index: 1; margin: 0; font-size: 1.5rem; font-weight: 600; line-height: 1.25; color: #090909; }
.sk-rpanel-d { position: relative; z-index: 1; margin: 0; font-size: .9375rem; font-weight: 500; line-height: 1.55; color: #000; }
.sk-rpanel-pic { position: relative; margin: 0; }
.sk-rpanel-pic .img-ph, .sk-rpanel-pic img { width: 100%; border-radius: 1rem; }
@media (min-width: 768px) { .sk-rpanel { min-height: 26rem; padding: 2.5rem 2rem; } .sk-rpanel-t { font-size: 1.875rem; } .sk-rpanel-d { font-size: 1rem; } }
@media (min-width: 992px) {
  .sk-rtab .sp-tab { min-height: 5.5rem; border-radius: 1.75rem; }
  .sk-rpanel { min-height: 31rem; padding: 3rem 2.5rem; }
  .sk-rpanel-pic { position: absolute; right: 0; top: 0; bottom: 0; width: 56%; }
  .sk-rpanel-pic .img-ph, .sk-rpanel-pic img { height: 100%; border-radius: 0; }
  .sk-rpanel-t { font-size: 2.25rem; }
}
@media (min-width: 1400px) {
  .sk-rtab.sp-feat .sp-feat-grid { grid-template-columns: 23.25rem minmax(0, 1fr); column-gap: 1.8125rem; }
  .sk-rtab .sp-tab { min-height: 6.875rem; border-radius: 1.875rem; padding-inline: 1.3125rem 1.25rem; font-size: 1.1875rem; }
  .sk-rtab .sp-feat-tabs .ss-mtab-list { gap: .75rem; }
  .sk-rpanel { min-height: 45.5625rem; padding: 3.9375rem 2.6875rem 3.8125rem; border-radius: 1.875rem; }
  .sk-rpanel-t { font-size: 2.5rem; } .sk-rpanel-d { font-size: 1.125rem; }
  .sk-rpanel-pic { width: 66.4%; }
}
@media (max-width: 767.98px) {
  :root .sk-rtab .sp-tab { min-width: 13rem; }
}

.sk-reason { margin-top: var(--sp-sec); padding-block: var(--sp-sec-sm); background: #f9f9f9; }
.sk-reason-h { margin: 0; text-align: center; font-size: var(--sp-h2); font-weight: 600; line-height: 1.3; color: #000; }
.sk-ttabs { margin: 1rem 0 2rem; }
.sk-ttabs .ss-mtab-list { justify-content: center; gap: 1rem 4rem; }
.sk-ttab { padding: .25rem .5rem; border: 0; background: none; font: 500 1rem/1.4 var(--ss-font); color: rgb(0 0 0 / .6); cursor: pointer; }
.sk-ttab.is-active { font-weight: 600; color: #5f7fa6; }
.sk-card { padding: 1.5rem 1.25rem 2rem; border-radius: 1.25rem; background: var(--ss-white); }
.sk-card[hidden], .sk-slide[hidden] { display: none; }
.sk-slide { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: center; }
.sk-slide-pic { margin: 0 auto; width: 100%; max-width: 30rem; }
.sk-slide-pic .img-ph, .sk-slide-pic img { width: 100%; border-radius: 1.25rem; }
.sk-slide-t { margin: 0; font-size: 1.5rem; font-weight: 600; line-height: 1.25; color: #000; }
.sk-slide-d { margin: .75rem 0 0; font-size: .9375rem; font-weight: 400; line-height: 1.55; color: #000; }
.sk-dots { display: flex; justify-content: center; gap: .5rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.sk-dots button { width: .75rem; height: .75rem; padding: 0; border: 0; border-radius: 50%; background: rgb(0 0 0 / .2); cursor: pointer; }
.sk-dots button.is-active { background: #000; }
.sk-led { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.sk-led-h { margin: 0; font-size: 1.125rem; font-weight: 600; line-height: 1.4; color: #000; }
.sk-led-d { margin: .5rem 0 0; font-size: .9375rem; font-weight: 400; line-height: 1.55; color: var(--ss-muted); }
.sk-led-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.sk-led-col { overflow: hidden; border: 1px solid var(--ss-line); border-radius: .5rem; background: var(--ss-white); text-align: center; }
.sk-led-col .img-ph, .sk-led-col img { width: 100%; border-radius: 0; }
.sk-led-lab { margin: 0; padding: .625rem .25rem; background: #3b4351; font-size: 1rem; font-weight: 600; line-height: 1.3; color: var(--ss-white); }
.sk-led-l { margin: 0; padding: .75rem .25rem 1rem; font-size: .875rem; font-weight: 400; line-height: 1.55; color: #000; list-style: none; }
.sk-kvlist { margin: 0; padding: 0; list-style: none; }
.sk-kvlist > li { display: grid; grid-template-columns: 8rem minmax(0, 1fr); align-items: center; gap: 1rem; padding: 1rem 0; }
.sk-kvlist > li + li { border-top: 1px solid rgb(0 0 0 / .2); }
.sk-kvlist-k { display: grid; place-items: center; min-height: 3.5rem; padding: .5rem; border-radius: .5rem; background: #f1f1f1; font-size: .9375rem; font-weight: 600; line-height: 1.3; color: #000; }
.sk-kvlist-v { margin: 0; font-size: .9375rem; font-weight: 400; line-height: 1.55; color: var(--ss-muted); }
@media (min-width: 768px) {
  .sk-card { padding: 2.5rem 2rem 2.5rem; }
  .sk-slide { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; }
  .sk-slide-t { font-size: 1.875rem; } .sk-slide-d { font-size: 1rem; }
  .sk-led-cols { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
}
@media (min-width: 992px) { .sk-led { grid-template-columns: 56fr 44fr; gap: 3rem; align-items: center; } .sk-card { padding: 3rem 3rem 2.5rem; } .sk-led-cols { gap: .75rem; } .sk-kvlist > li { grid-template-columns: 10rem minmax(0, 1fr); } .sk-kvlist-v, .sk-kvlist-k { font-size: 1rem; } .sk-slide-d, .sk-led-d { font-size: 1.0625rem; } }
@media (min-width: 1400px) {
  .sk-reason-h { font-size: 2.625rem; } .sk-ttabs { margin: 1.875rem 0 3rem; }
  .sk-card { min-height: 33.625rem; padding: 3.5rem 8.375rem 2.5rem; border-radius: 1.875rem; display: flex; flex-direction: column; justify-content: center; }
  .sk-slide { grid-template-columns: 35.625rem minmax(0, 1fr); column-gap: 4.4375rem; }
  .sk-slide-t { font-size: 2.0625rem; } .sk-slide-d { font-size: 1.125rem; }
  .sk-led { padding-inline: 0; } .sk-led-h { font-size: 1.3125rem; } .sk-led-lab { font-size: 1.1875rem; } .sk-led-l { font-size: 1.0625rem; } .sk-led-d { font-size: 1.125rem; }
  .sk-kvlist-v { font-size: 1.125rem; } .sk-kvlist-k { font-size: 1.25rem; }
}
.sk-ba { background: #f7f5f1; margin-top: 0; padding-bottom: var(--sp-sec-sm); }
.sk-ba .ss-ba-title { text-align: center; }
.sk-ba-note { margin: 1.5rem 0 0; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #5e5e5e; }
.sk-ba-note:empty { display: none; }
@media (min-width: 992px) { .sk-ba-note { margin-top: 1.5rem; font-size: 1rem; } }

.sk-feat-txt-split { justify-content: space-between; gap: 1.5rem; }
.sk-feat-txt-split .sk-feat-t { font-size: var(--sk-fs-xxl); font-weight: 700; line-height: 1.33; }
.sk-feat-txt-split .sk-feat-d { font-size: var(--sk-fs-sm); line-height: 1.55; }
@media (min-width: 1400px) { .sk-feat-txt-split { padding: 3.5rem 2rem 4.125rem 2.5rem; } .sk-feat-txt-split .sk-feat-t { font-size: 1.875rem; } }
@media (max-width: 1399.98px) { .sk-feat-txt-split .sk-feat-t { font-size: 1.375rem; } }
.sk-oasis { --sk-name: #111; --sk-picw: 47.7%; }

.sk-head-s-xl { font-size: var(--sk-fs-xl); font-weight: 500; line-height: 1.53; }
.sk-head-d-xl { font-size: var(--sk-fs-xl); font-weight: 500; line-height: 1.33; color: var(--ss-text); }
.sk-cols-6 .sk-cols-item { border-bottom: 1px solid var(--ss-line-strong); }
.sk-cols-6 { border-bottom: 0; }
@media (min-width: 768px) {
  .sk-cols-6 .sk-cols-item:nth-child(3n+1) { border-left: 0; }
  .sk-cols-6 .sk-cols-item:nth-child(n+4) { border-top: 0; }
}
@media (min-width: 1400px) { .sk-cols-6 .sk-cols-item { padding-block: 3.75rem 3.125rem; min-height: 9.9375rem; } }
.sk-tech-panel { overflow: hidden; border: 1px solid var(--ss-line-strong); border-radius: 1.25rem; background: var(--ss-white); }
.sk-tech-panel[hidden] { display: none; }
.sk-tech-img { margin: 0; }
.sk-tech-img .sk-fig { border-radius: 0; }
.sk-tech-txt { padding: 1.5rem 1.25rem 1.75rem; text-align: center; }
.sk-tech-d { margin: 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.7; color: var(--ss-text-2); }
.sk-tech-split { display: grid; grid-template-columns: minmax(0, 1fr); }
.sk-tech-split .sk-feat-txt { text-align: left; }
.sk-tech-split .sk-feat-t { font-size: var(--sk-fs-xxl); font-weight: 600; line-height: 1.13; color: var(--ss-ink); }
.sk-tech-cmp { display: grid; gap: .75rem; max-width: 40rem; margin: 1.5rem auto 0; text-align: left; }
.sk-tech-cap { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.5; color: var(--ss-ink); }
.sk-tech-t2 { margin: .5rem 0 0; font-size: var(--sk-fs-lg); font-weight: 600; line-height: 1.25; color: var(--ss-ink); text-align: center; }
.sk-versus-r { display: grid; grid-template-columns: 7rem minmax(0, 1fr); align-items: stretch; }
.sk-versus-k { display: grid; place-items: center; padding: .5rem; font-size: .9375rem; font-weight: 600; line-height: 1.3; text-align: center; color: var(--ss-white); background: #3b3b3b; border-radius: .25rem; }
.sk-versus-r-on .sk-versus-k { background: #328486; }
.sk-versus-v { padding: .625rem 1rem; font-size: .9375rem; font-weight: 400; line-height: 1.6; color: var(--ss-ink); }
.sk-versus-r-on .sk-versus-v { font-weight: 500; }
.sk-versus-chips { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: .25rem 0 0; padding: 0; list-style: none; font-size: .9375rem; font-weight: 600; color: #328486; }
@media (min-width: 768px) {
  .sk-tech-split { grid-template-columns: minmax(0, 1fr) minmax(0, 50%); }
  .sk-tech-split .sk-feat-pic { aspect-ratio: auto; }
  .sk-tech-txt { padding: 2rem 2.5rem 2.5rem; }
  .sk-versus-k { font-size: 1rem; } .sk-versus-v, .sk-versus-chips { font-size: 1rem; }
}
@media (min-width: 1400px) {
  .sk-tech-txt { padding: 2.625rem 3.5rem 2.5rem; }
  .sk-versus-k { font-size: 1.25rem; } .sk-versus-v, .sk-versus-chips { font-size: 1.125rem; } .sk-tech-cap { font-size: 1.125rem; }
  .sk-tech-cmp { max-width: 46.5rem; }
}
.sk-modes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: center; }
.sk-modes-pic { --r: 694 / 708; border-radius: 1.25rem; }
.sk-mode { --mc: #328486; position: relative; margin: 1.75rem 0 0; padding: 2.25rem 1rem 1.25rem; border: 1px solid var(--mc); text-align: center; }
.sk-mode-gold { --mc: #d09551; }
.sk-mode-h { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); margin: 0; padding: .375rem 1.5rem; border-radius: 62.4375rem; background: var(--mc); font-size: 1.125rem; font-weight: 600; line-height: 1.4; white-space: nowrap; color: var(--ss-white); }
.sk-mode-l { margin: 0; padding: 0; list-style: none; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--mc); }
.sk-modes-t { margin: 2rem 0 0; font-size: var(--sk-fs-lg); font-weight: 600; line-height: 1.9; color: var(--ss-ink); }
.sk-modes-d { margin: .25rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text); }
@media (min-width: 768px) { .sk-modes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } .sk-mode-h { font-size: 1.25rem; } }
@media (min-width: 1400px) {
  .sk-modes { grid-template-columns: 43.375rem minmax(0, 1fr); column-gap: 5.375rem; align-items: start; }
  .sk-modes-pic { border-radius: 1.25rem; }
  .sk-mode { margin-top: 2.25rem; padding: 3.25rem 1.5rem 1.875rem; } .sk-mode-h { padding: .6875rem 2rem; font-size: 1.5rem; }
  .sk-modes-side > .sk-mode:first-child { margin-top: 1.5rem; }
}
.sk-six { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 2rem; }
.sk-six-dev { margin: 0 auto 1.5rem; width: 9rem; }
.sk-six-dev img, .sk-six-dev .img-ph { width: 100%; }
.sk-six-col { margin: 0; padding: 0; list-style: none; }
.sk-six-item { display: grid; grid-template-columns: 5rem minmax(0, 1fr); align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #ddd; }
.sk-six-ic img, .sk-six-ic .img-ph { width: 100%; }
.sk-six-no { margin: 0; font-size: var(--sk-fs-lg); font-weight: 700; line-height: 1.67; color: #328486; }
.sk-six-txt { margin: .25rem 0 0; padding-left: .75rem; border-left: 2px solid #888; }
.sk-six-a { margin: 0; font-size: var(--sk-fs-base); font-weight: 600; line-height: 1.8; color: var(--ss-ink); }
.sk-six-b { margin: 0; font-size: var(--sk-fs-sm); font-weight: 500; line-height: 1.8; color: var(--ss-ink); }
@media (min-width: 768px) { .sk-six-item { grid-template-columns: 7rem minmax(0, 1fr); gap: 1.25rem; } .sk-six-dev { width: 11rem; } }
@media (min-width: 992px) {
  .sk-six { grid-template-columns: minmax(0, 1fr) 11rem minmax(0, 1fr); align-items: center; }
  .sk-six-dev { grid-column: 2; grid-row: 1; margin: 0; width: 100%; }
  .sk-six-col-l { grid-column: 1; grid-row: 1; } .sk-six-col-r { grid-column: 3; grid-row: 1; }
}
@media (min-width: 1400px) {
  .sk-six { grid-template-columns: minmax(0, 1fr) 14.3125rem minmax(0, 1fr); column-gap: 0; }
  .sk-six-col-l { padding-right: 4.75rem; } .sk-six-col-r { padding-left: 4.75rem; }
  .sk-six-item { grid-template-columns: 7.75rem minmax(0, 1fr); min-height: 11.5625rem; padding-block: .75rem; gap: 1.125rem; }
}
.sk-hd-gap { margin-bottom: var(--sk-head-gap); }
.sk-clear { --sk-name: #111; --sk-logo-w: 18.75rem; --sk-picw: 47.7%; }
.sk-tech-cap-c { text-align: center; }

.sk-types { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem 1.5rem; margin: 0; padding: 0; list-style: none; }
.sk-types-fig { margin: 0; }
.sk-types-fig .sk-fig { --r: 636 / 400; }
.sk-types-en { margin: 1rem 0 0; font-size: .875rem; font-weight: 500; line-height: 1.9; color: var(--ss-weak); }
.sk-types-t { margin: 0; font-size: var(--sk-fs-lg); font-weight: 700; line-height: 1.42; color: var(--ss-ink); }
.sk-types-d { margin: .5rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text); }
@media (min-width: 768px) { .sk-types { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 1.5rem; } .sk-types-en { font-size: 1rem; } }
@media (min-width: 1400px) { .sk-types { column-gap: 1.625rem; row-gap: 3.8125rem; } .sk-types-en { margin-top: .5rem; font-size: 1.125rem; } .sk-types-d { margin-top: .625rem; } }
.sk-kinds { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.sk-kinds-fig { margin: 0; }
.sk-kinds-fig .sk-fig { --r: 1 / 1; border-radius: 1.25rem 1.25rem 0 0; }
.sk-kinds-lab { display: grid; place-items: center; min-height: 3rem; margin: 0; padding: .25rem; background: #a6c2ee; font-size: var(--sk-fs-md); font-weight: 600; line-height: 1.3; text-align: center; color: var(--ss-white); }
.sk-kinds-d { margin: 0; padding: 1.25rem .75rem; min-height: 5.5rem; border-radius: 0 0 1.25rem 1.25rem; background: var(--ss-white); font-size: .9375rem; font-weight: 400; line-height: 1.5; text-align: center; color: var(--ss-text); }
@media (min-width: 992px) { .sk-kinds { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; } .sk-kinds-d { font-size: 1rem; } }
@media (min-width: 1400px) { .sk-kinds { column-gap: 1.25rem; } .sk-kinds-lab { min-height: 3.75rem; } .sk-kinds-d { min-height: 7.5rem; padding-top: 1.875rem; font-size: 1.25rem; } }
.sk-point { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: center; }
.sk-point-pic { --r: 636 / 400; border-radius: 1.25rem; background: var(--ss-bg-soft); }
.sk-point-pic > img { object-fit: contain; }
.sk-point-d { margin: 0; font-size: var(--sk-fs-xl); font-weight: 500; line-height: 1.53; color: var(--ss-text); }
.sk-point-t { margin: 1rem 0 0; font-size: var(--sp-h3); font-weight: 700; line-height: 1.4; color: var(--ss-ink); }
@media (min-width: 768px) { .sk-point { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } }
@media (min-width: 1400px) { .sk-point { grid-template-columns: 39.75rem minmax(0, 1fr); column-gap: 4rem; } .sk-point-t { margin-top: 1.5rem; } }
.sk-equip-tag { margin: .25rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text); }
.sk-steps4-xxl .sk-steps4-t { font-size: var(--sk-fs-xxl); font-weight: 700; }
.sk-scar { --sk-name: #111; --sk-picw: 47.7%; --sk-step: #a6c2ee; }

.sk-pairs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.sk-pairs-item { background: var(--ss-white); text-align: center; }
.sk-pairs-t { margin: 0; padding: 1rem .5rem; font-size: var(--sk-fs-md); font-weight: 700; line-height: 1.73; color: var(--ss-ink); }
.sk-pairs-img { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sk-pairs-img .sk-fig { --r: 207 / 300; border-radius: 0; }
.sk-pairs-d { margin: 0; padding: 1rem 1rem 1.25rem; font-size: .9375rem; font-weight: 400; line-height: 1.625; color: var(--ss-text); }
@media (min-width: 768px) { .sk-pairs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .sk-pairs-d { padding-inline: .75rem; font-size: .875rem; } }
@media (min-width: 992px) { .sk-pairs { gap: 1.5rem; } .sk-pairs-d { font-size: 1rem; } }
@media (min-width: 1400px) { .sk-pairs { column-gap: 1.75rem; } .sk-pairs-t { padding-block: 1.1875rem .6875rem; } .sk-pairs-d { padding-block: 1.25rem 1.375rem; } }
.sk-cards4-w .sk-cards4-item { border: 1px solid var(--ss-line); background: var(--ss-white); }
.sk-cards4-no { margin: 0 0 1rem; font-size: .8125rem; font-weight: 700; line-height: 1.5; color: #a6c2ee; text-transform: uppercase; }
@media (min-width: 1400px) { .sk-cards4-w .sk-cards4-item { min-height: 14rem; padding-top: 3.0625rem; } .sk-cards4-no { margin-bottom: 1.25rem; font-size: 1rem; } }
.sk-laser { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; border: 1px solid var(--ss-line); border-radius: 1.25rem; background: var(--ss-white); }
.sk-laser-pic { --r: 508 / 492; border-radius: 0; background: var(--ss-bg-soft); }
.sk-laser-body { padding: 1.5rem 1.25rem 1.75rem; }
.sk-laser-d { margin: 0; font-size: var(--sk-fs-sm); font-weight: 400; line-height: 1.55; color: var(--ss-text); }
.sk-laser-l { margin: 1.25rem 0 0; padding: 0; list-style: none; }
.sk-laser-l li { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); align-items: center; gap: .75rem 1rem; margin-top: .75rem; }
.sk-laser-k { white-space: nowrap; display: grid; place-items: center; min-height: 2.25rem; padding: .25rem .5rem; border-radius: 62.4375rem; background: #a6c2ee; font-size: .9375rem; font-weight: 500; line-height: 1.3; color: var(--ss-white); }
.sk-laser-v { font-size: .9375rem; font-weight: 500; line-height: 1.5; color: var(--ss-text); }
@media (min-width: 768px) { .sk-laser { grid-template-columns: minmax(0, 44fr) minmax(0, 56fr); } .sk-laser-pic { aspect-ratio: auto; height: 100%; } .sk-laser-body { padding: 2rem 2rem; align-self: center; } .sk-laser-l li { grid-template-columns: 9.5rem minmax(0, 1fr); } .sk-laser-k { font-size: 1rem; } .sk-laser-v { font-size: 1rem; } }
@media (min-width: 1400px) {
  .sk-laser { grid-template-columns: 31.75rem minmax(0, 1fr); min-height: 31.75rem; }
  .sk-laser-body { padding: 0 2rem 0 1.75rem; } .sk-laser-d { font-size: 1.125rem; }
  .sk-laser-l { margin-top: 2.25rem; } .sk-laser-l li { grid-template-columns: 9.5rem minmax(0, 1fr); gap: 1.25rem; margin-top: 1.25rem; }
  .sk-laser-k { min-height: 2.5rem; font-size: 1.25rem; } .sk-laser-v { font-size: 1.125rem; }
}
.sk-vs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; }
.sk-vs-lab { display: inline-block; margin: 0 0 1rem; padding: .375rem 1.5rem; border-radius: 62.4375rem; background: #ccc; font-size: 1rem; font-weight: 600; line-height: 1.5; color: var(--ss-white); }
.sk-vs-lab-on { background: #a6c2ee; }
.sk-vs .sk-fig { --r: 621 / 231; border-radius: 0; }
.sk-vs-d { margin: 1rem 0 0; font-size: var(--sk-fs-sm); font-weight: 400; line-height: 1.55; color: var(--ss-text); }
@media (min-width: 768px) { .sk-vs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; } }
@media (min-width: 1400px) { .sk-vs { column-gap: 3.75rem; } .sk-vs-lab { padding: .3125rem 2.25rem; font-size: 1.125rem; margin-bottom: 1.25rem; } .sk-vs-d { margin-top: 2.0625rem; padding-left: 8.375rem; } }
.sk-tattoo { --sk-name: #111; --sk-step: #a6c2ee; }
.sk-head-s-md { font-size: var(--sk-fs-md); font-weight: 400; line-height: 1.45; }
.sk-head-d-md { font-size: var(--sk-fs-md); font-weight: 400; line-height: 1.45; color: var(--ss-text); }
.sk-head-t-xl { font-size: var(--sp-h2); font-weight: 600; line-height: 1.2; }
.sk-head-s-md + .sk-head-t-xl { margin-top: .5rem; }

.sk-part { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.sk-part-pic { --r: 600 / 597; border-radius: 1.25rem; overflow: hidden; }
.sk-mk { position: absolute; z-index: 2; width: 10%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: rgb(255 255 255 / .8); }
.sk-mk::after { content: ""; position: absolute; left: 50%; top: 50%; width: 33.3%; height: 33.3%; transform: translate(-50%, -50%); border-radius: 50%; background: #d9d9d9; }
.sk-mk[hidden] { display: none; }
.sk-part-pills { margin: 0; }
.sk-part-pills .ss-mtab-list { justify-content: flex-start; gap: .5rem; }
.sk-part-tab { display: inline-flex; align-items: center; justify-content: center; min-width: 4.5rem; height: 2.5rem; padding: 0 1rem; border: 1px solid transparent; border-radius: 62.4375rem; background: none; font: 400 .9375rem/1 var(--ss-font); color: var(--ss-weak); cursor: pointer; transition: background-color .2s, color .2s; }
.sk-part-tab:hover { color: var(--ss-text); }
.sk-part-tab.is-active { background: var(--ss-ink); color: var(--ss-white); }
.sk-part-panel[hidden] { display: none; }
.sk-part-t { margin: 1.5rem 0 0; font-size: var(--sp-h3); font-weight: 600; line-height: 1.25; color: var(--ss-ink); }
.sk-part-d { margin: 1rem 0 0; font-size: var(--sk-fs-base); font-weight: 400; line-height: 1.5; color: var(--ss-text); }
.sk-part .sk-info { margin-top: 1.5rem; border-top: 1px solid var(--ss-line-strong); }
.sk-part .sk-info li:first-child { border-top: 0; }
.sk-part-nav { display: flex; align-items: center; gap: 1.5rem; margin: 1.25rem 0 0; padding: 0 .25rem; }
.sk-part-arr { display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; border: 0; background: none; color: var(--ss-ink); cursor: pointer; }
.sk-part-arr .ss-ico { width: 1.25rem; height: 1.25rem; }
.sk-part-arr-prev .ss-ico { transform: scaleX(-1); }
.sk-part-arr.is-off { color: var(--ss-line-strong); cursor: default; }
@media (max-width: 767.98px) {
  :root .sk-part-pills .sk-part-tab { border-color: var(--ss-line-strong); }
}
@media (min-width: 768px) { .sk-part { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } .sk-part-tab { min-width: 5rem; height: 2.75rem; font-size: 1rem; } }
@media (min-width: 992px) { .sk-part { column-gap: 3.5rem; } .sk-part-tab { font-size: 1.0625rem; } }
@media (min-width: 1400px) {
  .sk-part { grid-template-columns: 37.5rem minmax(0, 1fr); column-gap: 4.375rem; }
  .sk-part-tab { height: 2.625rem; font-size: 1.125rem; padding-inline: 1.0625rem; }
  .sk-part-t { margin-top: 2.25rem; } .sk-part-d { margin-top: 1rem; }
  .sk-part .sk-info { margin-top: 3rem; } .sk-part-nav { margin-top: 1.5rem; }
}
.sk-lineup { margin-top: var(--sp-sec); padding-block: var(--sp-sec-sm); background: var(--ss-bg-soft); }
.sk-lineup-sub { margin: .75rem 0 0; text-align: center; font-size: var(--sk-fs-md); font-weight: 400; line-height: 1.45; color: var(--ss-weak); }
.sk-lineup .sk-head { margin-bottom: 0; }
.sk-lineup-wrap { margin-top: 2rem; }
.sk-lineup-swiper { overflow: hidden; }
.sk-lineup-swiper .swiper-wrapper { margin: 0; padding: 0; list-style: none; }
.sk-lineup-swiper .swiper-slide { width: 15rem; height: auto; }
.sk-lineup-box { position: relative; aspect-ratio: 416 / 319; overflow: hidden; border-radius: 1.5rem; background: var(--ss-white); }
.sk-lineup-box img, .sk-lineup-box .img-ph { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 72%; max-height: 80%; object-fit: contain; }
.sk-lineup-box .img-ph { width: 60%; }
.sk-lineup-tag { margin: 1.25rem 0 0; text-align: center; font-size: .9375rem; font-weight: 400; line-height: 1.5; color: var(--ss-text-2); }
.sk-lineup-n { margin: 0; text-align: center; font-size: 1.0625rem; font-weight: 700; line-height: 1.5; color: var(--ss-ink); }
@media (min-width: 768px) { .sk-lineup-swiper .swiper-slide { width: 20rem; } .sk-lineup-wrap { margin-top: 3rem; } .sk-lineup-tag { font-size: 1rem; } .sk-lineup-n { font-size: 1.125rem; } }
@media (min-width: 992px) { .sk-lineup-swiper .swiper-slide { width: 24rem; } .sk-lineup-wrap { margin-top: 4rem; } }
@media (min-width: 1400px) { .sk-lineup-swiper .swiper-slide { width: 25.8125rem; } .sk-lineup-box { border-radius: 1.875rem; } .sk-lineup-tag { margin-top: 1.5rem; font-size: 1.125rem; } .sk-lineup-n { font-size: 1.25rem; } }
.sk-filler { --sk-name: #111; }
.sk-mk-s { width: 7.1667%; }
.sk-part-img { position: absolute; inset: 0; }
.sk-part-img[hidden] { display: none; }
.sk-part-img img, .sk-part-img .img-ph { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto !important; border-radius: 0; }
.sk-kv-dark .sk-kv-txt { color: var(--ss-ink); text-shadow: none; }
.sk-botox { --sk-name: #111; }

.sk-cmp { --pos: 50%; position: relative; display: block; aspect-ratio: 414 / 300; overflow: hidden; background: var(--ss-bg-soft); touch-action: pan-y; cursor: ew-resize; user-select: none; -webkit-user-select: none; }
.sk-cmp-img { position: absolute; inset: 0; margin: 0; }
.sk-cmp-img > img, .sk-cmp-img > .img-ph { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; aspect-ratio: auto !important; pointer-events: none; -webkit-user-drag: none; }
.sk-cmp-img-after { clip-path: inset(0 0 0 var(--pos)); }
.sk-cmp-hd { position: absolute; left: var(--pos); top: 50%; z-index: 1; display: grid; place-items: center; width: 1.625rem; height: 1.625rem; padding: 0; transform: translate(-50%, -50%); border: 0; border-radius: 50%; background: var(--ss-white); color: var(--ss-ink); box-shadow: 0 0 .5rem rgb(0 0 0 / .2); cursor: ew-resize; }
.sk-cmp-hd svg { width: .875rem; height: .875rem; }
.sk-cmp-hd:focus-visible { outline: 2px solid var(--ss-ink); outline-offset: 2px; }
@media (min-width: 1400px) { .sk-cmp-hd { width: 2.0625rem; height: 2.0625rem; } }
@media (min-width: 992px) and (max-width: 1399.98px) { .sk-vip-d { font-size: 1.1rem; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .sk-cols-d { font-size: .82rem; } }
@media (min-width: 1200px) and (max-width: 1399.98px) { .sk-cols-d { font-size: 1rem; } }
/* 1018 수정(W-12): 피부 */
.sk-checks li { grid-template-columns: 1em minmax(0, 1fr); font-weight: 500; color: #111; }
.sk-checks .ss-ico { width: 1em; height: 1em; }
.sk-feat-panel-c .sk-fig { width: 100%; }
.sk-pills li { transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.sk-pills li:hover { border-color: #888; background: #888; color: #fff; }
.sk-kinds-fig { display: flex; flex-direction: column; height: 100%; }
.sk-kinds-d { flex: 1; }
.sk-laser-d { font-weight: 600; }
.sk-clear [aria-labelledby="sk11Pt"] .sk-head-s { line-height: 1.35; }
.sk-clear [aria-labelledby="sk11Pt"] .sk-head-s + .sk-head-t { margin-top: .5rem; }
.sk-tech-d { line-height: 1.35; }
@media (max-width: 767.98px) {
  .sk-why-txt { text-align: center; }
  .sk-why-box { margin-inline: auto; }
  .sk-versus-r { grid-template-columns: 6rem minmax(0, 1fr); }
  .sk-versus-v { padding-left: 1rem; }
  .sk-versus-r-on > div { padding: .625rem 1rem; }
  .sk-versus-r-on > div > .sk-versus-v { padding: 0; }
  .sk-versus-chips { gap: .5rem 1rem; }
  .sk-modes { gap: 1.5rem; }
  .sk-modes .sk-mode:first-child { margin-top: 1rem; }
  .sk-six-txt { padding-left: 0; border-left: 0; }
  .sk-vs li { text-align: center; }
}
@media (min-width: 992px) { .sk-pigment .sk-cards4-item { display: flex; flex-direction: column; justify-content: center; padding-block: 2rem; } }
@media (min-width: 1400px) { .sk-equip-t { margin-top: 1.5rem; } }
.sk-mk-l { width: 14.5%; }

/* 1018 수정(W-17): MO 전용 이미지 칸(PC·MO 이미지 분기) */
@media (max-width: 767.98px) {
  .sk-mr { --r: var(--m, 866 / 492) !important; aspect-ratio: var(--m, 866 / 492) !important; }
  .sk-mr > img.d-md-none { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; aspect-ratio: auto !important; }
}
@media (max-width: 767.98px) { .sk-hand-mo { display: block; width: 100%; height: auto; margin: 0 0 1rem; } }
@media (max-width: 767.98px) { .sk-mr-contain > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } }
@media (max-width: 767.98px) { .sk-six-dev-m { width: 100%; margin: 0 0 1.5rem; } }

/* 울쎄라피 프라임 탭5: 투명 PNG 단면도를 칸 안에 여백을 두고 전체 표시 */
.sk-feat-pic-pad { padding: 1.5rem; }
@media (max-width: 767.98px) { .sk-feat-pic-pad.sk-mr-contain > img { inset: 1rem; width: calc(100% - 2rem); height: calc(100% - 2rem); } }