/* ==========================================================================
   홈 섹션 — 아임웹에서 뽑아 온 스타일
   추출 당시 아임웹 자체 UI 규칙(#w2026… 위젯 ID, .viewport-nav,
   .scroll-to-fixed-fixed, .mobile_carousel_nav, .doz_*)이 함께 딸려 왔다.
   우리 마크업에 존재하지 않는 선택자 460개를 걷어냈다 (89KB → 56KB).
   원본은 06_자식테마/_원본보관/home-sections.css.imweb-original 에 있다
   (테마 폴더에 두면 그대로 공개 서빙된다).
   판정 도구: 09_성능/css_prune.py
   ========================================================================== */
/* peak-log 홈 섹션 스타일 — 섹션 마크업이 쓰는 클래스를 기준으로 전수 추출. */

/* 전체 슬라이더 */ .custom-slider-container{position: relative;

  width: 100%;
  overflow: hidden;}
/* 슬라이드 트랙 */ .custom-slider-container .slider-track{display: flex;

  width: 300%;

  transition: transform 0.6s ease-in-out;}
/* 개별 슬라이드 */ .custom-slider-container .slide-item{position: relative;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  width: 33.3333%;
  min-height: 520px;

  /* 좌우 여백은 여기서 주지 않는다. 이 자리의 100% 는 슬라이드가 아니라
     .slider-track(화면폭의 3배) 을 가리켜서, calc 로 여백을 잡으면 글이
     화면 밖으로 밀려난다. 기둥은 아래 .banner-content 가 세운다. */
  padding: 100px 0;

  text-align: left;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;}
/* 글자를 읽히게 하는 왼쪽 어둠.
   예전에는 이 그라데이션이 배경 이미지에 구워져 있었다. 그림을 갈아끼울 때마다
   다시 굽는 대신 여기서 덮는다. 아래 정지점은 굽혀 있던 이미지에서 실제로 재서
   맞춘 값이다(왼쪽 끝 불투명 → 폭의 57% 지점에서 사라짐). */
.custom-slider-container .slide-item::before{content: '';

  position: absolute;
  inset: 0;

  pointer-events: none;

  background: linear-gradient(90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, .98) 6%,
    rgba(0, 0, 0, .77) 13%,
    rgba(0, 0, 0, .56) 25%,
    rgba(0, 0, 0, .36) 38%,
    rgba(0, 0, 0, .16) 50%,
    rgba(0, 0, 0, 0) 57%);}
/* 폭이 좁아지면 글이 슬라이드 오른쪽 끝까지 퍼지는데, 위 그라데이션은 57% 에서
   끝나 흰 글씨가 밝은 그림 위에 얹힌다. 좁은 화면에서는 오른쪽에도 바닥을 깐다. */
@media (max-width: 1099px) {
  .custom-slider-container .slide-item::before{background: linear-gradient(90deg,
    rgba(0, 0, 0, .95) 0%,
    rgba(0, 0, 0, .72) 55%,
    rgba(0, 0, 0, .55) 100%);}
}
/* 슬라이드 배경 이미지.
   테마 파일이라 제트팩 이미지 CDN 이 손대지 못한다. 디자인 원본(폭 2만px 안팎)
   에서 09_이미지/slider_export.py 로 1920x601 과 그 2배 판을 뽑는다.
   배경이 화면 폭을 다 쓰기 때문에 넓은 모니터·레티나에서는 1920 판이 늘어나
   뭉개진다 — 아래 image-set 의 1x/2x 로 갈라 준다. 브라우저는 넷 중 하나만
   내려받는다. image-set 을 못 읽는 브라우저는 맨 앞줄의 JPEG 를 쓴다. */
.custom-slider-container .slide-1{
  background-image: url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network.jpg');
  background-image: image-set(
    url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network.webp') type('image/webp') 1x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network-2x.webp') type('image/webp') 2x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network.jpg') type('image/jpeg') 1x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network-2x.jpg') type('image/jpeg') 2x);}
.custom-slider-container .slide-2{
  background-image: url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend.jpg');
  background-image: image-set(
    url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend.webp') type('image/webp') 1x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend-2x.webp') type('image/webp') 2x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend.jpg') type('image/jpeg') 1x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend-2x.jpg') type('image/jpeg') 2x);}
.custom-slider-container .slide-3{
  background-image: url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market.jpg');
  background-image: image-set(
    url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market.webp') type('image/webp') 1x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market-2x.webp') type('image/webp') 2x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market.jpg') type('image/jpeg') 1x,
    url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market-2x.jpg') type('image/jpeg') 2x);}
/* image-set 의 1x/2x 는 기기 픽셀비만 본다. 픽셀비가 1 이어도 창이 1920 보다
   넓으면 1x 판이 늘어나므로, 넓은 화면에서는 폭을 기준으로도 2배 판을 준다. */
@media (min-width: 1600px) {
  .custom-slider-container .slide-1{
    background-image: url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network-2x.jpg');
    background-image: image-set(url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network-2x.webp') type('image/webp'), url('/wp-content/themes/peak-2025/assets/sections/slide-talent-network-2x.jpg') type('image/jpeg'));}
  .custom-slider-container .slide-2{
    background-image: url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend-2x.jpg');
    background-image: image-set(url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend-2x.webp') type('image/webp'), url('/wp-content/themes/peak-2025/assets/sections/slide-insight-trend-2x.jpg') type('image/jpeg'));}
  .custom-slider-container .slide-3{
    background-image: url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market-2x.jpg');
    background-image: image-set(url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market-2x.webp') type('image/webp'), url('/wp-content/themes/peak-2025/assets/sections/slide-japan-market-2x.jpg') type('image/jpeg'));}
}
/* 텍스트 콘텐츠.
   배경은 화면 끝까지 가되(히어로니까) 글은 아래 섹션과 같은 기둥에 선다.
   여기의 100% 는 슬라이드 한 장의 폭이라 계산이 맞는다. 좁을 때 좌우 80px 은
   예전 padding 과 같고, 넓어지면 1380px 기둥에 맞춰 아래 섹션과 왼쪽이 맞는다.
   글줄 길이는 예전처럼 600px 로 잡는다. */
.custom-slider-container .banner-content{position: relative;
  z-index: 1;

  width: min(1380px, calc(100% - 160px));
  margin: 0 auto;}
.custom-slider-container .banner-content > *{max-width: 600px;}
/* 서브 타이틀 */ .custom-slider-container .sub-title{margin-bottom: 16px !important;

  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.2px !important;

  opacity: 0.7 !important;}
/* 메인 타이틀 */ .custom-slider-container .main-title{margin-bottom: 20px !important;

  color: #ffffff !important;

  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.5px !important;

  word-break: keep-all !important;}
/* 설명 */ .custom-slider-container .desc-text{margin-bottom: 28px !important;

  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: -0.3px !important;

  word-break: keep-all !important;

  opacity: 0.85 !important;}
/* 아티클 버튼 */ .custom-slider-container .read-btn{display: inline-block !important;

  padding: 10px 15px !important;

  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.08) !important;

  border: 2px solid #ffffff !important;
  border-radius: 10px !important;

  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  text-decoration: none !important;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease !important;}
.custom-slider-container .read-btn:hover{color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  border-color: #ffffff !important;}
/* 좌우 화살표 */ .custom-slider-container .nav-btn{position: absolute;
  top: 50%;
  z-index: 10;

  padding: 15px;

  color: #ffffff !important;
  background: transparent !important;

  border: none !important;
  outline: none !important;

  font-size: 24px;
  line-height: 1;

  cursor: pointer;

  opacity: 0.7;

  transform: translateY(-50%);
  transition: opacity 0.2s ease;}
.custom-slider-container .nav-btn:hover{opacity: 1;}
.custom-slider-container .prev-btn{left: 20px;}
.custom-slider-container .next-btn{right: 20px;}
/* 하단 인디케이터 */ .custom-slider-container .dots-container{position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 10;

  display: flex;
  align-items: center;
  gap: 8px;

  transform: translateX(-50%);}
/* 인디케이터 기본 상태 */ .custom-slider-container .dot{display: block;

  width: 8px;
  height: 8px;

  padding: 0 !important;

  background-color: rgba(255, 255, 255, 0.45) !important;

  border: 0 !important;
  border-radius: 50% !important;
  outline: none !important;

  cursor: pointer;

  transition: all 0.3s ease;}
/* 활성화된 인디케이터 */ .custom-slider-container .dot.active{width: 24px;

  background-color: #ffffff !important;

  border-radius: 4px !important;}
@media (max-width: 767px) {
  .custom-slider-container{min-height: 500px;}
  .custom-slider-container .slide-item{min-height: 500px;

    padding: 70px 48px 72px !important;

    align-items: center;
    justify-content: flex-start;}
  /* 모바일 배경 이미지 위치 */ .custom-slider-container .slide-1{background-position: 62% center;}
  .custom-slider-container .slide-2{background-position: 65% center;}
  .custom-slider-container .slide-3{background-position: 65% center;}
  .custom-slider-container .banner-content{width: 100%;
    max-width: 100%;}
  .custom-slider-container .sub-title{margin-bottom: 12px !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.1px !important;}
  .custom-slider-container .main-title{margin-bottom: 16px !important;

    font-size: 25px !important;
    line-height: 1.4 !important;
    letter-spacing: -0.5px !important;

    word-break: keep-all !important;
    overflow-wrap: break-word !important;}
  .custom-slider-container .desc-text{margin-bottom: 24px !important;

    font-size: 13px !important;
    line-height: 1.65 !important;
    letter-spacing: -0.2px !important;

    word-break: keep-all !important;
    overflow-wrap: break-word !important;}
  .custom-slider-container .read-btn{padding: 9px 13px !important;

    border-width: 1.5px !important;
    border-radius: 8px !important;

    font-size: 13px !important;}
  .custom-slider-container .nav-btn{padding: 10px !important;

    font-size: 20px !important;

    opacity: 0.8;}
  .custom-slider-container .prev-btn{left: 4px;}
  .custom-slider-container .next-btn{right: 4px;}
  .custom-slider-container .dots-container{bottom: 18px;

    gap: 7px;}
  .custom-slider-container .dot{width: 7px;
    height: 7px;}
  .custom-slider-container .dot.active{width: 21px;
    height: 7px;}
}
@media (max-width: 420px) {
  .custom-slider-container, .custom-slider-container .slide-item{min-height: 470px;}
  .custom-slider-container .slide-item{padding: 62px 42px 66px !important;}
  .custom-slider-container .main-title{font-size: 22px !important;
    line-height: 1.42 !important;}
  .custom-slider-container .desc-text{font-size: 12px !important;
    line-height: 1.65 !important;}
  .custom-slider-container .read-btn{padding: 8px 12px !important;

    font-size: 12px !important;}
}

/* ========================================= BASE ========================================= */ .peak-hero, .peak-hero *{box-sizing: border-box;}
.peak-hero{width: 100%;
  background: transparent !important;
  color: #191919;

  font-family:
    Pretendard,
    "Noto Sans KR",
    Arial,
    sans-serif;}
.peak-hero__inner{width: min(1380px, calc(100% - 80px));
  margin: 0 auto;
  padding: 105px 0 60px;}
/* ========================================= HEADER ========================================= */ .peak-hero__header{max-width: 980px;
  margin-bottom: 42px;}
.peak-hero__eyebrow{margin-bottom: 26px;

  font-size: 20px;
  font-weight: 700;

  letter-spacing: .10em;

  color: #8f3047;}
/* 아임웹 H1 기본 스타일 강제 차단 */ .peak-hero h1.peak-hero__title{margin: 0 !important;
  padding: 0 !important;

  font-family:
    Pretendard,
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size: 26px !important;
  line-height: 1.35 !important;

  letter-spacing: -.04em !important;

  font-weight: 500 !important;

  color: #191919 !important;}
/* 버건디 영역 */ .peak-hero h1.peak-hero__title span{display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: inherit !important;

  font-size: 26px !important;
  line-height: 1.35 !important;

  letter-spacing: -.04em !important;

  font-weight: 750 !important;

  color: #8f3047 !important;}
.peak-hero__lead{max-width: 760px;

  margin: 28px 0 0;

  font-size: 17px;
  line-height: 1.85;

  letter-spacing: -.02em;

  color: #747474;}
/* ========================================= GRID ========================================= */ .peak-hero__grid{display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  align-items: stretch;

  border-top:
    1px solid rgba(20,20,20,.13);

  border-bottom:
    1px solid rgba(20,20,20,.13);}
/* ========================================= ITEM ========================================= */ .peak-hero .peak-item{position: relative;

  min-height: 450px;
  height: 100%;

  padding: 28px 34px 24px;

  display: grid;

  grid-template-rows:
    24px
    170px
    34px
    72px
    56px;

  background: transparent;

  transition:
    background .35s ease;}
.peak-hero .peak-item:not(:last-child){border-right:
    1px solid rgba(20,20,20,.13);}
.peak-hero .peak-item:hover{background:
    rgba(20,20,20,.018);}
/* ========================================= META ========================================= */ .peak-item__meta{height: 24px;

  display: flex;

  justify-content: space-between;
  align-items: flex-start;}
.peak-item__number, .peak-item__tag{font-size: 10px;
  font-weight: 700;

  line-height: 1;

  letter-spacing: .14em;}
.peak-item__number{color: #8f3047;}
.peak-item__tag{color: #aaa;}
/* ========================================= VISUAL COMMON ========================================= */ .peak-item__visual{height: 170px;

  display: flex;
  align-items: center;

  margin: 0;

  padding-bottom: 34px;}
/* ========================================= 01 / SLOT-IN ========================================= */ .peak-visual-timing{position: relative;
  width: 100%;
  justify-content: center;}
.peak-slot-scene{position: relative;
  width: 100%;
  height: 92px;}
.peak-slot-organization{position: absolute;
  right: 10%;
  top: 50%;
  width: 82px;
  height: 82px;
  transform: translateY(-50%);}
.peak-slot-ring{position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);}
.peak-slot-ring--outer{width: 82px;
  height: 82px;
  border: 1px solid rgba(20,20,20,.12);}
.peak-slot-ring--inner{width: 48px;
  height: 48px;
  border: 1.5px solid #8f3047;
  background: #fff;}
.peak-slot-core{position: absolute;
  left: 50%;
  top: 50%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #8f3047;
  transform: translate(-50%, -50%) scale(.35);
  opacity: .18;
  animation: peakSlotCore 3.2s ease-in-out infinite;}
.peak-slot-piece{position: absolute;
  left: 7%;
  top: 50%;
  width: 18px;
  height: 18px;
  z-index: 3;
  transform: translate(-50%, -50%) rotate(45deg);
  animation: peakSlotMove 3.2s cubic-bezier(.2,.8,.2,1) infinite;}
.peak-slot-piece span{display: block;
  width: 100%;
  height: 100%;
  border: 1.5px solid #8f3047;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 0 6px rgba(143,48,71,.05);}
@keyframes peakSlotMove{

  0% {
    left: 7%;
    opacity: 0;
    transform: translate(-50%, -50%) rotate(45deg) scale(.8);
  }

  10% {
    opacity: 1;
  }

  62% {
    left: 78%;
    opacity: 1;
    transform: translate(-50%, -50%) rotate(45deg) scale(1);
  }

  74% {
    left: 82%;
    opacity: 1;
    transform: translate(-50%, -50%) rotate(45deg) scale(.7);
  }

  84% {
    left: 82%;
    opacity: 0;
    transform: translate(-50%, -50%) rotate(45deg) scale(.25);
  }

  100% {
    left: 82%;
    opacity: 0;
    transform: translate(-50%, -50%) rotate(45deg) scale(.25);
  }

}
@keyframes peakSlotCore{

  0%, 58% {
    transform: translate(-50%, -50%) scale(.35);
    opacity: .18;
  }

  76% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  90%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

}
/* ========================================= 02 / MODULES ========================================= */ .peak-visual-modules{gap: 10px;
  flex-wrap: nowrap;}
.peak-module{width: 48px;
  height: 48px;

  flex: 0 0 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  border:
    1px solid rgba(20,20,20,.18);

  font-size: 11px;
  font-weight: 700;

  color: #777;

  text-transform: lowercase;

  transition:
    transform .35s ease,
    border-color .35s ease;}
.peak-module--active{border-color: #8f3047;
  color: #8f3047;}
.peak-item:hover .peak-module:nth-child(1){transform: translateY(-6px);}
.peak-item:hover .peak-module:nth-child(2){transform: translateY(4px);}
.peak-item:hover .peak-module:nth-child(3){transform: translateY(-3px);}
.peak-item:hover .peak-module:nth-child(4){transform: translateY(5px);}
/* ========================================= 03 / FLEXIBLE SLIDER ========================================= */ .peak-visual-flex{display: flex;
  align-items: center;}
.peak-flex-control{position: relative;

  width: 82%;
  height: 50px;

  display: flex;
  align-items: center;}
.peak-flex-track{position: relative;

  width: 100%;
  height: 1px;

  background:
    rgba(20,20,20,.16);}
.peak-flex-progress{position: absolute;

  left: 0;
  top: 0;

  width: 63%;
  height: 1px;

  background: #8f3047;

  transition:
    width .5s cubic-bezier(.2,.8,.2,1);}
.peak-flex-point{position: absolute;

  top: 50%;

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: #d1d1d1;

  transform:
    translate(-50%, -50%);}
.peak-flex-point--1{left: 25%;}
.peak-flex-point--2{left: 50%;}
.peak-flex-point--3{left: 78%;}
.peak-flex-handle{position: absolute;

  left: 63%;
  top: 50%;

  width: 17px;
  height: 17px;

  border:
    2px solid #8f3047;

  border-radius: 50%;

  background: #fff;

  transform:
    translate(-50%, -50%);

  transition:
    left .5s cubic-bezier(.2,.8,.2,1);}
.peak-item:hover .peak-flex-handle{left: 78%;}
.peak-item:hover .peak-flex-progress{width: 78%;}
/* ========================================= KEYWORD ========================================= */ .peak-hero .peak-item__keyword{margin: 0 !important;
  padding: 0 !important;

  height: 34px;

  display: flex;
  align-items: flex-start;

  font-size: 14px !important;
  line-height: 1.4 !important;

  font-weight: 700 !important;

  color: #8f3047 !important;}
/* ========================================= CARD TITLE ========================================= */ .peak-hero .peak-item__title-text{width: 100%;
  height: 72px;

  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  font-family:
    Pretendard,
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size: 20px !important;
  line-height: 1.4 !important;

  letter-spacing: -.035em !important;

  font-weight: 700 !important;

  color: #181818 !important;}
.peak-hero .peak-item__title-text span, .peak-hero .peak-item__title-text strong{display: block;

  margin: 0 !important;
  padding: 0 !important;

  font-size: inherit !important;
  line-height: inherit !important;

  font-weight: 700 !important;

  color: #181818 !important;}
/* ========================================= DESCRIPTION ========================================= */ .peak-hero .peak-item__description{margin: 0 !important;

  height: 56px;

  display: flex;

  align-items: flex-start;

  padding: 12px 0 0 !important;

  font-size: 13px !important;
  line-height: 1.7 !important;

  font-weight: 400 !important;

  letter-spacing: -.02em !important;

  color: #929292 !important;

  white-space: nowrap;}
/* ========================================= SERVICES ========================================= */ .peak-hero .peak-service-list{height: 56px;

  display: flex;

  align-items: flex-start;
  align-content: flex-start;

  flex-wrap: wrap;

  gap: 8px;

  margin: 0 !important;

  padding: 12px 0 0 !important;}
.peak-hero .peak-service-list span{padding:
    8px 13px !important;

  border:
    1px solid rgba(20,20,20,.13);

  border-radius: 100px;

  font-size: 10px !important;
  line-height: 1 !important;

  font-weight: 650 !important;

  letter-spacing: .05em !important;

  color: #676767 !important;

  background: transparent !important;}
.peak-hero .peak-service-list span:nth-child(2){border-color: #8f3047;

  color: #8f3047 !important;}
/* ========================================= SUMMARY ========================================= */ .peak-hero__summary{display: flex;

  align-items: center;
  justify-content: flex-end;

  padding:
    14px 0 13px;

  border-bottom:
    1px solid rgba(20,20,20,.13);}
.peak-summary__formula{width: 100%;

  display: flex;

  justify-content: flex-end;
  align-items: center;

  gap: 17px;

  font-size: 15px;
  font-weight: 600;

  letter-spacing: -.02em;

  color: #191919;}
.peak-summary__formula i{font-size: 14px;

  font-style: normal;

  font-weight: 600;

  color: #181818;}
.peak-summary__formula strong{margin-left: 0;

  color: #8f3047;

  font-size: 19px;

  font-weight: 800;}
/* ========================================= HOMEPAGE CTA ========================================= */ .peak-home-cta{width: 100%;

  display: flex;
  justify-content: center;

  padding: 42px 0 0;}
.peak-home-cta__button{display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 12px;

  padding: 14px 24px;

  border: 1px solid #8f3047;
  border-radius: 100px;

  background: transparent;

  color: #8f3047 !important;

  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: -.02em;

  text-decoration: none !important;

  transition:
    background .25s ease,
    color .25s ease,
    transform .25s ease;}
.peak-home-cta__button span{font-size: 17px;
  line-height: 1;

  transition: transform .25s ease;}
.peak-home-cta__button:hover{background: #8f3047;

  color: #fff !important;

  transform: translateY(-2px);}
.peak-home-cta__button:hover span{transform: translateX(4px);}
@media (max-width: 960px) {
  .peak-hero__inner{width: calc(100% - 40px);}
  .peak-hero__header{margin-bottom: 36px;}
  .peak-hero__grid{grid-template-columns: 1fr;}
  .peak-hero .peak-item{min-height: 0;

    padding:
      26px 24px 28px;

    grid-template-rows:
      24px
      145px
      auto
      auto
      auto;}
  .peak-hero .peak-item:not(:last-child){border-right: none;

    border-bottom:
      1px solid rgba(20,20,20,.13);}
  .peak-item__visual{height: 145px;

    padding-bottom: 28px;}
  .peak-slot-scene{height: 82px;}
  .peak-hero .peak-item__keyword{height: auto;

    margin-bottom: 10px !important;}
  .peak-hero .peak-item__title-text{height: auto;}
  .peak-hero .peak-item__description, .peak-hero .peak-service-list{height: auto;

    padding-top: 18px !important;}
}
@media (max-width: 600px) {
  .peak-hero__inner{width: calc(100% - 28px);

    padding:
      70px 0 35px;}
  .peak-hero__header{margin-bottom: 32px;}
  .peak-hero h1.peak-hero__title, .peak-hero h1.peak-hero__title span{font-size: 22px !important;

    line-height: 1.35 !important;}
  .peak-hero__lead{margin-top: 22px;

    font-size: 15px;}
  .peak-hero__lead br{display: none;}
  .peak-hero .peak-item{min-height: 0;

    padding:
      24px 4px 26px;

    grid-template-rows:
      24px
      130px
      auto
      auto
      auto;}
  .peak-item__visual{height: 130px;

    padding-bottom: 24px;}
  .peak-slot-scene{height: 76px;}
  .peak-slot-organization{right: 8%;

    transform:
      translateY(-50%) scale(.9);}
  .peak-hero .peak-item__keyword{height: auto;

    margin-bottom: 10px !important;}
  .peak-hero .peak-item__title-text{height: auto;

    font-size: 19px !important;
    line-height: 1.45 !important;}
  .peak-hero .peak-item__description{height: auto;

    padding-top: 16px !important;

    white-space: normal;}
  .peak-hero .peak-service-list{height: auto;

    padding-top: 16px !important;}
  .peak-flex-control{width: 88%;}
  .peak-hero__summary{justify-content: flex-start;

    padding:
      16px 0 14px;}
  .peak-summary__formula{justify-content: flex-start;

    flex-wrap: wrap;

    gap:
      8px 12px;}
  .peak-home-cta{padding-top: 32px;}
  .peak-home-cta__button{width: 100%;

    padding: 15px 20px;}
}

/* ========================================= BASE ========================================= */ .peak-stats-section, .peak-stats-section *{box-sizing: border-box !important;

  font-family:

    Pretendard,

    "Noto Sans KR",

    -apple-system,

    BlinkMacSystemFont,

    "Segoe UI",

    sans-serif !important;}
.peak-stats-section{display: block !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 90px 0 54px !important;

  background: transparent !important;}
/* ========================================= HEADER ========================================= */ .peak-change-header{width: min(1380px, calc(100% - 80px)) !important;

  margin: 0 auto 42px !important;

  padding: 0 !important;

  text-align: left !important;}
/* NEW CHANGE */ .peak-stats-section .peak-change-eyebrow{margin: 0 0 26px !important;

  padding: 0 !important;

  color: #8f3047 !important;

  font-size: 20px !important;

  line-height: 1.2 !important;

  font-weight: 700 !important;

  letter-spacing: .10em !important;}
/* 메인 타이틀 - 한 줄 */ .peak-stats-section h2.peak-change-title{display: block !important;

  margin: 0 !important;

  padding: 0 !important;

  color: #191919 !important;

  font-size: 26px !important;

  line-height: 1.35 !important;

  letter-spacing: -.04em !important;

  font-weight: 500 !important;

  white-space: nowrap !important;}
/* 버건디 강조 */ .peak-stats-section h2.peak-change-title strong{display: inline !important;

  margin: 0 !important;

  padding: 0 !important;

  color: #8f3047 !important;

  font-size: inherit !important;

  line-height: inherit !important;

  letter-spacing: inherit !important;

  font-weight: 750 !important;}
/* 설명 */ .peak-stats-section .peak-change-intro{max-width: 1050px !important;

  margin: 28px 0 0 !important;

  padding: 0 !important;

  color: #747474 !important;

  font-size: 17px !important;

  line-height: 1.85 !important;

  letter-spacing: -.02em !important;

  font-weight: 400 !important;

  word-break: keep-all !important;}
/* ========================================= MESSAGE ========================================= */ .peak-stats-message{position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  width: min(1400px, calc(100% - 48px)) !important;

  margin: 0 auto 38px !important;

  text-align: center !important;}
.peak-stats-message::before, .peak-stats-message::after{position: absolute !important;

  top: 15px !important;

  width: calc(50% - 28px) !important;

  height: 1px !important;

  background: #d6d2cc !important;

  content: "" !important;}
.peak-stats-message::before{left: 0 !important;}
.peak-stats-message::after{right: 0 !important;}
.peak-stats-message__icon{position: relative !important;

  z-index: 2 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 31px !important;

  height: 31px !important;

  margin: 0 0 17px !important;

  padding: 0 !important;

  color: #7b3540 !important;

  background: transparent !important;

  border: 2px solid #7b3540 !important;

  border-radius: 50% !important;

  font-size: 18px !important;

  font-weight: 800 !important;

  line-height: 1 !important;}
.peak-stats-message__text{display: inline-block !important;

  margin: 0 !important;

  padding: 0 12px !important;

  color: #7b3540 !important;

  font-size: 20px !important;

  font-weight: 600 !important;

  line-height: 1.65 !important;

  letter-spacing: -.5px !important;

  text-align: center !important;

  word-break: keep-all !important;}
.peak-stats-message__text strong{position: relative !important;

  display: inline-block !important;

  color: #7b3540 !important;

  font-weight: 750 !important;}
.peak-stats-message__text strong::after{position: absolute !important;

  right: 0 !important;

  bottom: -6px !important;

  left: 0 !important;

  height: 5px !important;

  background:

    linear-gradient(

      175deg,

      transparent 25%,

      rgba(123,53,64,.35) 30%,

      rgba(123,53,64,.35) 65%,

      transparent 70%

    ) !important;

  content: "" !important;

  transform: rotate(-.5deg) !important;}
/* ========================================= CARD GRID ========================================= */ .peak-stats{display: grid !important;

  grid-template-columns:

    repeat(4, minmax(0,1fr)) !important;

  gap: 24px !important;

  width: min(1400px, calc(100% - 48px)) !important;

  margin: 0 auto !important;

  padding: 0 !important;}
/* ========================================= CARD ========================================= */ .peak-stat{position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  min-width: 0 !important;

  min-height: 290px !important;

  margin: 0 !important;

  padding: 25px 28px 27px !important;

  background: #fff !important;

  border: 1px solid #d9d6d1 !important;

  border-radius: 5px !important;

  box-shadow:

    0 8px 18px rgba(20,20,20,.06) !important;

  transition:

    transform .25s ease,

    box-shadow .25s ease !important;}
.peak-stat:nth-child(1){transform: rotate(-.5deg) !important;}
.peak-stat:nth-child(2){transform: rotate(.4deg) !important;}
.peak-stat:nth-child(3){transform: rotate(-.25deg) !important;}
.peak-stat:nth-child(4){transform: rotate(.5deg) !important;}
.peak-stat:hover{z-index: 2 !important;

  transform:

    translateY(-5px)

    rotate(0deg) !important;

  box-shadow:

    0 14px 28px rgba(20,20,20,.1) !important;}
/* ========================================= CARD TOP ========================================= */ .peak-stat__top{display: flex !important;

  align-items: flex-start !important;

  justify-content: space-between !important;

  gap: 16px !important;

  width: 100% !important;

  min-height: 46px !important;

  margin: 0 0 12px !important;

  padding: 0 !important;}
.peak-stat__label{display: block !important;

  margin: 4px 0 0 !important;

  padding: 0 !important;

  color: #575757 !important;

  font-size: 12px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 2px !important;}
/* ========================================= ICON ========================================= */ .peak-stat__icon{display: block !important;

  flex: 0 0 42px !important;

  width: 42px !important;

  height: 42px !important;

  margin: 0 !important;

  padding: 0 !important;

  fill: none !important;

  stroke: #323232 !important;

  stroke-width: 1.7 !important;

  stroke-linecap: round !important;

  stroke-linejoin: round !important;}
.peak-stat__icon--accent{stroke: #7b3540 !important;}
/* ========================================= NUMBER ========================================= */ .peak-stat__number{position: relative !important;

  z-index: 2 !important;

  display: flex !important;

  align-items: baseline !important;

  justify-content: flex-start !important;

  min-height: 72px !important;

  margin: 0 !important;

  padding: 0 !important;

  color: #7b3540 !important;

  font-size: clamp(48px,4vw,70px) !important;

  font-weight: 750 !important;

  line-height: 1 !important;

  letter-spacing: -2.5px !important;

  white-space: nowrap !important;}
.peak-stat__number .count-up{color: inherit !important;

  font-size: inherit !important;

  font-weight: inherit !important;

  line-height: inherit !important;

  letter-spacing: inherit !important;}
/* ========================================= MARKER ========================================= */ .peak-stat__marker{position: relative !important;

  z-index: 1 !important;

  display: block !important;

  width: 88% !important;

  height: 13px !important;

  margin: -10px 0 22px !important;

  background: #dedbd6 !important;

  opacity: .75 !important;

  clip-path:

    polygon(

      1% 20%,

      99% 0,

      96% 72%,

      4% 100%

    ) !important;

  transform: rotate(-1deg) !important;}
.peak-stat__marker--accent{background: #cba6ab !important;}
/* ========================================= DESCRIPTION ========================================= */ .peak-stat__description{width: 100% !important;

  margin: auto 0 0 !important;

  padding: 19px 0 0 !important;

  color: #171717 !important;

  border-top:

    1px solid #dedbd6 !important;

  font-size: 17px !important;

  font-weight: 500 !important;

  line-height: 1.55 !important;

  letter-spacing: -.4px !important;

  word-break: keep-all !important;}
@media (max-width: 991px) {
  .peak-change-header{width: calc(100% - 40px) !important;}
  .peak-stats{width: calc(100% - 40px) !important;

    grid-template-columns:

      repeat(2,minmax(0,1fr)) !important;}
  .peak-stats-message{width: calc(100% - 40px) !important;}
  .peak-stat{min-height: 270px !important;}
}
@media (max-width: 600px) {
  .peak-stats-section{padding: 60px 0 42px !important;}
  .peak-change-header{width: calc(100% - 28px) !important;

    margin-bottom: 32px !important;}
  .peak-stats-section h2.peak-change-title, .peak-stats-section h2.peak-change-title strong{font-size: 22px !important;

    line-height: 1.35 !important;}
  .peak-stats-section h2.peak-change-title{white-space: normal !important;}
  .peak-stats-section .peak-change-intro{margin-top: 22px !important;

    font-size: 15px !important;

    line-height: 1.75 !important;}
  .peak-stats-section .peak-change-intro br{display: none !important;}
  .peak-stats-message{width: calc(100% - 40px) !important;

    margin-bottom: 28px !important;}
  .peak-stats-message::before, .peak-stats-message::after{width: calc(50% - 25px) !important;}
  .peak-stats-message__text{padding: 0 !important;

    font-size: 16px !important;}
  .peak-stats-message__text br{display: none !important;}
  .peak-stats{width: calc(100% - 40px) !important;

    grid-template-columns:

      1fr !important;

    gap: 16px !important;}
  .peak-stat, .peak-stat:nth-child(n){min-height: 230px !important;

    padding: 22px 24px !important;

    transform: none !important;}
  .peak-stat__icon{flex-basis: 36px !important;

    width: 36px !important;

    height: 36px !important;}
  .peak-stat__number{min-height: 60px !important;

    font-size: 54px !important;}
  .peak-stat__description{font-size: 15px !important;}
}

.peak-tech-human, .peak-tech-human *{box-sizing: border-box;}
.peak-tech-human{width: 100%;

  background: transparent !important;

  color: #181818;

  font-family:

    Pretendard,

    "Noto Sans KR",

    Arial,

    sans-serif;}
.peak-tech-human__inner{width: min(1380px, calc(100% - 80px));

  margin: 0 auto;

  padding: 90px 0 60px;}
/* ========================= HEADER ========================= */ .peak-th-header{margin-bottom: 0;}
.peak-tech-human .peak-th-eyebrow{margin: 0 0 26px !important;

  padding: 0 !important;

  color: #8f3047 !important;

  font-family:

    Pretendard,

    "Noto Sans KR",

    Arial,

    sans-serif !important;

  font-size: 20px !important;

  line-height: 1.2 !important;

  font-weight: 700 !important;

  letter-spacing: .10em !important;}
.peak-tech-human h2.peak-th-title{margin: 0 !important;

  padding: 0 !important;

  font-family:

    Pretendard,

    "Noto Sans KR",

    Arial,

    sans-serif !important;

  font-size: 26px !important;

  line-height: 1.35 !important;

  letter-spacing: -.04em !important;

  font-weight: 500 !important;

  color: #191919 !important;}
.peak-tech-human h2.peak-th-title strong{display: inline !important;

  margin: 0 !important;

  padding: 0 !important;

  font-family: inherit !important;

  font-size: 26px !important;

  line-height: 1.35 !important;

  letter-spacing: -.04em !important;

  font-weight: 750 !important;

  color: #8f3047 !important;}
.peak-tech-human .peak-th-intro{max-width: 760px;

  margin: 28px 0 20px !important;

  padding: 0 !important;

  font-family:

    Pretendard,

    "Noto Sans KR",

    Arial,

    sans-serif !important;

  font-size: 17px !important;

  line-height: 1.85 !important;

  letter-spacing: -.02em !important;

  color: #747474 !important;}
/* ========================= MAIN ========================= */ .peak-th-stage{position: relative;

  display: grid;

  grid-template-columns:

    minmax(0, 1fr)

    90px

    minmax(0, 1fr);

  border-top: 1px solid rgba(20,20,20,.14);

  border-bottom: 1px solid rgba(20,20,20,.14);}
/* ========================= SIDE ========================= */ .peak-th-side{min-height: 610px;

  padding: 30px 40px 42px;

  display: flex;

  flex-direction: column;

  background: transparent;}
.peak-th-tech{border-right: 1px solid rgba(20,20,20,.10);}
.peak-th-peak{border-left: 1px solid rgba(20,20,20,.10);}
/* ========================= META ========================= */ .peak-th-side__top{display: flex;

  align-items: center;

  justify-content: space-between;}
.peak-th-index{color: #aaa;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .12em;}
.peak-th-role{color: #999;

  font-size: 10px;

  font-weight: 750;

  letter-spacing: .17em;}
.peak-th-role--peak{color: #8f3047;

  text-transform: none;}
/* ========================= TECHNOLOGY VISUAL ========================= */ .peak-th-tech-visual{position: relative;

  height: 210px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 30px;}
/* RESUME */ .peak-tech-source{position: relative;

  width: 42px;

  height: 52px;

  flex: 0 0 42px;}
.peak-tech-source::before{content: "";

  position: absolute;

  inset: 0;

  border: 1px solid rgba(20,20,20,.25);

  border-radius: 6px;

  background: rgba(255,255,255,.7);}
.peak-tech-source::after{content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 12px;

  height: 12px;

  border-top: 1px solid rgba(20,20,20,.25);

  border-right: 1px solid rgba(20,20,20,.25);

  background: #f8f8f8;

  clip-path: polygon(0 0,100% 0,100% 100%);}
.peak-tech-source .peak-resume-line{position: absolute;

  left: 9px;

  height: 1px;

  background: rgba(20,20,20,.28);

  border-radius: 2px;}
.peak-tech-source .line-1{top: 14px;

  width: 16px;}
.peak-tech-source .line-2{top: 22px;

  width: 22px;}
.peak-tech-source .line-3{top: 30px;

  width: 18px;}
.peak-tech-source .line-4{top: 38px;

  width: 20px;}
/* FLOW */ .peak-tech-lines{flex: 1;

  display: flex;

  flex-direction: column;

  gap: 15px;

  margin: 0 25px;}
.peak-tech-lines span{position: relative;

  width: 100%;

  height: 1px;

  overflow: hidden;

  background: rgba(20,20,20,.12);}
.peak-tech-lines span::after{content: "";

  position: absolute;

  left: -40%;

  top: 0;

  width: 35%;

  height: 100%;

  background: #555;

  animation: peakDataFlow 2.4s infinite ease-in-out;}
.peak-tech-lines span:nth-child(2)::after{animation-delay: .35s;}
.peak-tech-lines span:nth-child(3)::after{animation-delay: .7s;}
/* COMPANY */ .peak-tech-result{position: relative;

  width: 46px;

  height: 52px;

  flex: 0 0 46px;}
.peak-tech-result::before{content: "";

  position: absolute;

  left: 5px;

  right: 5px;

  bottom: 0;

  height: 40px;

  border: 1px solid rgba(20,20,20,.22);

  border-radius: 4px 4px 2px 2px;

  background: rgba(20,20,20,.05);}
.peak-tech-result::after{content: "";

  position: absolute;

  left: 18px;

  bottom: 0;

  width: 10px;

  height: 14px;

  background: #444;

  border-radius: 2px 2px 0 0;}
.peak-tech-result span{position: absolute;

  width: 5px;

  height: 5px;

  background: rgba(20,20,20,.18);

  border-radius: 1px;}
.peak-tech-result span:nth-child(1){top: 15px;

  left: 12px;}
.peak-tech-result span:nth-child(2){top: 15px;

  left: 21px;}
.peak-tech-result span:nth-child(3){top: 15px;

  left: 30px;}
.peak-tech-result span:nth-child(4){top: 24px;

  left: 12px;}
.peak-tech-result span:nth-child(5){top: 24px;

  left: 21px;}
.peak-tech-result span:nth-child(6){top: 24px;

  left: 30px;}
/* ========================= peak VISUAL ========================= */ .peak-th-human-visual{position: relative;

  height: 210px;

  display: flex;

  align-items: center;

  justify-content: center;}
.peak-human-scene{position: relative;

  width: 250px;

  height: 160px;}
/* PERSON */ .peak-human-person{position: absolute;

  left: 30px;

  bottom: 16px;

  width: 90px;

  height: 98px;}
.peak-human-person__head{position: absolute;

  left: 22px;

  top: 0;

  width: 46px;

  height: 46px;

  border: 1.8px solid rgba(20,20,20,.18);

  border-radius: 50%;

  background: rgba(255,255,255,.75);}
.peak-human-person__body{position: absolute;

  left: 0;

  bottom: 0;

  width: 90px;

  height: 58px;

  border: 1.8px solid rgba(20,20,20,.18);

  border-top: none;

  border-radius: 44px 44px 16px 16px;

  background: rgba(255,255,255,.52);}
/* THOUGHT */ .peak-human-thought-dot{position: absolute;

  display: block;

  border-radius: 50%;

  background: #8f3047;

  animation: peakThoughtFloat 3.4s ease-in-out infinite;}
.thought-dot-1{left: 106px;

  top: 44px;

  width: 8px;

  height: 8px;}
.thought-dot-2{left: 124px;

  top: 30px;

  width: 12px;

  height: 12px;

  animation-delay: .25s;}
.peak-human-thought-bubble{position: absolute;

  left: 136px;

  top: 14px;

  width: 78px;

  height: 54px;

  border: 1.5px solid rgba(143,48,71,.28);

  border-radius: 999px;

  background: rgba(143,48,71,.05);

  animation: peakThoughtFloat 3.4s ease-in-out infinite;

  animation-delay: .1s;}
.peak-human-thought-bubble__node{position: absolute;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: rgba(143,48,71,.78);}
.peak-human-thought-bubble__node.node-1{left: 16px;

  top: 18px;}
.peak-human-thought-bubble__node.node-2{left: 35px;

  top: 25px;}
.peak-human-thought-bubble__node.node-3{right: 15px;

  top: 15px;}
.peak-human-thought-bubble__line{position: absolute;

  height: 1px;

  background: rgba(143,48,71,.34);

  transform-origin: left center;}
.peak-human-thought-bubble__line.line-1{left: 22px;

  top: 22px;

  width: 19px;

  transform: rotate(18deg);}
.peak-human-thought-bubble__line.line-2{left: 41px;

  top: 24px;

  width: 17px;

  transform: rotate(-24deg);}
/* MAGNIFIER */ .peak-human-magnifier{position: absolute;

  right: 18px;

  top: 42px;

  width: 66px;

  height: 66px;

  animation: peakInspectFloat 4s ease-in-out infinite;}
.peak-human-magnifier__lens{position: absolute;

  left: 0;

  top: 0;

  width: 42px;

  height: 42px;

  border: 3px solid #8f3047;

  border-radius: 50%;

  background: rgba(255,255,255,.78);}
.peak-human-magnifier__handle{position: absolute;

  left: 36px;

  top: 36px;

  width: 24px;

  height: 3px;

  border-radius: 3px;

  background: #8f3047;

  transform: rotate(42deg);

  transform-origin: left center;}
.peak-human-magnifier__focus-dot{position: absolute;

  left: 13px;

  top: 14px;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #8f3047;}
.peak-human-magnifier__focus-line{position: absolute;

  left: 25px;

  height: 1.5px;

  border-radius: 2px;

  background: rgba(143,48,71,.6);}
.peak-human-magnifier__focus-line.focus-line-1{top: 16px;

  width: 10px;}
.peak-human-magnifier__focus-line.focus-line-2{top: 23px;

  width: 13px;}
/* ========================= X ========================= */ .peak-th-cross{display: flex;

  align-items: center;

  justify-content: center;}
.peak-th-cross span{width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid rgba(20,20,20,.15);

  border-radius: 50%;

  background: transparent;

  color: #8f3047;

  font-size: 22px;

  font-weight: 300;}
/* ========================= CONTENT ========================= */ .peak-th-side__content{margin-top: auto;}
.peak-th-kicker{margin: 0 0 16px;

  font-size: 13px;

  font-weight: 700;

  color: #8a8a8a;}
.peak-th-kicker--peak{color: #8f3047;}
.peak-th-side h3{margin: 0;

  font-size: clamp(18px,2vw,25px);

  line-height: 1.32;

  letter-spacing: -.045em;

  font-weight: 450;

  color: #777;}
.peak-th-side h3 strong{color: #181818;

  font-weight: 750;}
/* ========================= LIST ========================= */ .peak-th-list{margin: 34px 0 0;

  padding: 0;

  list-style: none;

  border-top: 1px solid rgba(20,20,20,.11);}
.peak-th-list li{min-height: 48px;

  display: flex;

  align-items: center;

  gap: 18px;

  border-bottom: 1px solid rgba(20,20,20,.08);

  color: #666;

  font-size: 13px;

  font-weight: 500;}
.peak-th-list li span{width: 22px;

  color: #aaa;

  font-size: 9px;

  letter-spacing: .08em;}
/* ========================= QUOTE ========================= */ .peak-th-quote{position: relative;

  margin: 0;

  padding: 36px 0 12px 70px;

  border: none;

  border-top: 1px solid rgba(20,20,20,.14);}
.peak-th-quote__mark{position: absolute;

  left: 0;

  top: 29px;

  color: #8f3047;

  font-family: Georgia,serif;

  font-size: 54px;

  line-height: 1;}
.peak-th-quote p{margin: 0;

  font-size: clamp(19px,2vw,27px);

  line-height: 1.5;

  letter-spacing: -.035em;

  color: #555;

  font-weight: 450;}
.peak-th-quote p strong{color: #181818;

  font-weight: 750;}
.peak-th-quote cite{display: block;

  margin-top: 14px;

  color: #999;

  font-size: 10px;

  font-style: normal;

  font-weight: 650;

  letter-spacing: .12em;}
@keyframes peakDataFlow{

  0% {

    left: -40%;

  }

  60%,

  100% {

    left: 110%;

  }

}
@keyframes peakThoughtFloat{

  0%, 100% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-3px);

  }

}
@keyframes peakInspectFloat{

  0%, 100% {

    transform: translateY(0) rotate(0deg);

  }

  50% {

    transform: translateY(-2px) rotate(-4deg);

  }

}
@media (max-width: 960px) {
  .peak-tech-human__inner{width: calc(100% - 40px);}
  .peak-th-stage{grid-template-columns: 1fr;}
  .peak-th-cross{height: 90px;

    border-top: 1px solid rgba(20,20,20,.1);

    border-bottom: 1px solid rgba(20,20,20,.1);}
  .peak-th-side{min-height: 530px;}
  .peak-th-tech, .peak-th-peak{border-left: none;

    border-right: none;}
}
@media (max-width: 600px) {
  .peak-tech-human__inner{width: calc(100% - 28px);

    padding: 60px 0 35px;}
  .peak-th-header{margin-bottom: 0;}
  .peak-tech-human h2.peak-th-title, .peak-tech-human h2.peak-th-title strong{font-size: 22px !important;

    line-height: 1.35 !important;}
  .peak-tech-human .peak-th-intro{margin-top: 22px !important;

    margin-bottom: 18px !important;

    font-size: 15px !important;}
  .peak-th-side{min-height: 520px;

    padding: 25px 4px 35px;}
  .peak-th-side h3{font-size: 29px;}
  .peak-th-tech-visual, .peak-th-human-visual{height: 180px;}
  .peak-human-scene{transform: scale(.92);

    transform-origin: center center;}
  .peak-th-quote{margin-top: 0;

    padding: 34px 0 8px 38px;}
  .peak-th-quote__mark{font-size: 38px;}
}

/* ========================================= BASE ========================================= */ .peak-embedded, .peak-embedded *{box-sizing: border-box !important;}
.peak-embedded{width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  color: #191919;

  font-family:
    Pretendard,
    "Noto Sans KR",
    Arial,
    sans-serif !important;}
.peak-embedded__inner{width: min(1380px, calc(100% - 80px));

  margin: 0 auto;
  padding: 60px 0 35px;}
/* ========================================= HEADER ========================================= */ .peak-embedded__header{margin: 0 0 24px !important;
  padding: 0 !important;}
.peak-embedded .peak-embedded__eyebrow{margin: 0 0 26px !important;
  padding: 0 !important;

  color: #8f3047 !important;

  font-size: 20px !important;
  line-height: 1.2 !important;

  font-weight: 700 !important;
  letter-spacing: .10em !important;}
/* ========================================= TITLE ========================================= */ .peak-embedded h2.peak-embedded__title{margin: 0 !important;
  padding: 0 !important;

  color: #191919 !important;

  font-family:
    Pretendard,
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size: 26px !important;
  line-height: 1.35 !important;

  letter-spacing: -.04em !important;
  font-weight: 500 !important;

  white-space: nowrap !important;}
.peak-embedded h2.peak-embedded__title strong{display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #8f3047 !important;

  font-family:
    Pretendard,
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size: 26px !important;
  line-height: 1.35 !important;

  letter-spacing: -.04em !important;
  font-weight: 900 !important;

  -webkit-text-stroke: .15px #8f3047;}
/* ========================================= INTRO ========================================= */ .peak-embedded .peak-embedded__intro{max-width: 900px;

  margin: 28px 0 0 !important;
  padding: 0 !important;

  color: #747474 !important;

  font-size: 17px !important;
  line-height: 1.85 !important;

  letter-spacing: -.02em !important;
  font-weight: 400 !important;

  word-break: keep-all;}
/* ========================================= MAIN STAGE ========================================= */ .peak-embedded__stage{display: grid;

  grid-template-columns:
    minmax(0, .82fr)
    minmax(0, 1.18fr);

  gap: 70px;
  align-items: center;

  min-height: 0;
  padding: 22px 0;

  border-top: 1px solid rgba(20, 20, 20, .13);
  border-bottom: 1px solid rgba(20, 20, 20, .13);}
/* ========================================= LEFT ========================================= */ .peak-embedded__content{display: flex;
  flex-direction: column;
  justify-content: center;

  width: 100%;

  padding: 0 !important;
  background: transparent !important;}
/* ========================================= BURGUNDY LINE ========================================= */ .peak-embedded__line{display: block;

  width: 34px;
  height: 2px;

  margin: 0 0 24px;

  background: #8f3047;}
/* ========================================= MAIN MESSAGE ========================================= */ .peak-embedded .peak-embedded__message{margin: 0 0 30px !important;
  padding: 0 !important;

  color: #555555 !important;

  font-size: 24px !important;
  line-height: 1.55 !important;

  letter-spacing: -.035em !important;
  font-weight: 500 !important;

  word-break: keep-all;}
.peak-embedded .peak-embedded__message strong{color: #181818 !important;
  font-weight: 750 !important;}
/* ========================================= DETAIL TEXT ========================================= */ .peak-embedded .peak-embedded__description{max-width: 540px;

  margin: 0 !important;
  padding: 0 !important;

  color: #747474 !important;

  font-size: 15px !important;
  line-height: 1.9 !important;

  letter-spacing: -.02em !important;
  font-weight: 400 !important;

  word-break: keep-all;}
.peak-embedded .peak-embedded__description strong, .peak-embedded .peak-embedded__description span{color: #747474 !important;
  font-weight: 700 !important;}
/* ========================================= OUTLINE PILL TAGS ========================================= */ .peak-embedded__tags{display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;

  gap: 10px;

  width: 100%;

  margin: 28px 0 0 !important;
  padding: 0 !important;}
.peak-embedded__tag{display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 36px;

  margin: 0 !important;
  padding: 8px 18px !important;

  color: #8f3047 !important;
  background: transparent !important;

  border: 1px solid #8f3047 !important;
  border-radius: 999px !important;

  font-family:
    Pretendard,
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  line-height: 1 !important;

  font-weight: 800 !important;
  letter-spacing: .09em !important;

  white-space: nowrap !important;}
/* ========================================= RIGHT IMAGE ========================================= */ .peak-embedded__visual{position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-width: 0;
  min-height: 360px;
  height: auto;

  overflow: visible;

  background: transparent !important;}
.peak-embedded__image{display: block;

  width: 92%;
  max-width: 600px;
  height: auto;

  margin: 0 auto;

  object-fit: contain;
  background: transparent !important;

  transform: none;}
@media (max-width: 960px) {
  .peak-embedded__inner{width: calc(100% - 40px);}
  .peak-embedded__stage{grid-template-columns:
      minmax(0, .9fr)
      minmax(0, 1.1fr);

    gap: 40px;}
  .peak-embedded__visual{min-height: 320px;
    height: auto;}
  .peak-embedded__image{width: 92%;
    max-width: 520px;

    transform: none;}
}
@media (max-width: 600px) {
  .peak-embedded__inner{width: calc(100% - 28px);
    padding: 42px 0 24px;}
  .peak-embedded__header{margin-bottom: 22px !important;}
  .peak-embedded .peak-embedded__eyebrow{margin-bottom: 20px !important;

    font-size: 15px !important;}
  .peak-embedded h2.peak-embedded__title{font-size: 22px !important;
    line-height: 1.35 !important;

    white-space: normal !important;}
  .peak-embedded h2.peak-embedded__title strong{font-size: 22px !important;
    line-height: 1.35 !important;

    font-weight: 900 !important;

    -webkit-text-stroke: .12px #8f3047;}
  .peak-embedded .peak-embedded__intro{margin-top: 22px !important;

    font-size: 15px !important;
    line-height: 1.75 !important;}
  .peak-embedded .peak-embedded__intro br{display: none;}
  .peak-embedded__stage{grid-template-columns: 1fr;

    gap: 22px;

    min-height: 0;
    padding: 26px 0 22px;}
  .peak-embedded__line{margin-bottom: 20px;}
  .peak-embedded .peak-embedded__message{margin-bottom: 24px !important;

    font-size: 18px !important;
    line-height: 1.55 !important;}
  .peak-embedded .peak-embedded__description{font-size: 14px !important;
    line-height: 1.8 !important;}
  .peak-embedded .peak-embedded__description br{display: none;}
  .peak-embedded__tags{flex-wrap: nowrap;

    gap: 7px;

    margin-top: 22px !important;}
  .peak-embedded__tag{flex: 1 1 0;

    min-width: 0;
    min-height: 34px;

    padding: 8px 9px !important;

    font-size: 9px !important;
    letter-spacing: .045em !important;}
  .peak-embedded__visual{min-height: 0;
    height: auto;

    padding: 6px 0;}
  .peak-embedded__image{width: 90%;
    max-width: 390px;

    transform: none;}
}

.peak-check-section, .peak-check-section *{box-sizing: border-box;}
.peak-check-section{width: 100%;

    padding: 72px 24px;

    background: #ffffff;

    font-family:

      Pretendard,

      "Noto Sans KR",

      Arial,

      sans-serif;}
.peak-check-inner{width: 100%;

    max-width: 1200px;

    margin: 0 auto;}
/* 상단 문구 */ .peak-check-heading{margin-bottom: 32px;}
.peak-check-title{margin: 0 0 12px !important;

    color: #171717 !important;

    font-size: 30px !important;

    font-weight: 800 !important;

    line-height: 1.4 !important;

    letter-spacing: -0.04em !important;

    text-align: left;

    word-break: keep-all;}
.peak-check-description{margin: 0 !important;

    color: #666666 !important;

    font-size: 17px !important;

    font-weight: 500 !important;

    line-height: 1.7 !important;

    letter-spacing: -0.025em !important;

    text-align: left;

    word-break: keep-all;}
.peak-check-description strong{color: #8f3047 !important;

    font-weight: 700 !important;}
/* 체크리스트 외곽 박스 */ .peak-check-list{display: flex;

    flex-direction: column;

    gap: 12px;

    width: 100%;

    padding: 28px;

    background: #ffffff;

    border: 1px solid #e7e3e1;

    border-radius: 14px;}
/* 클릭 가능한 체크 항목 */ .peak-check-item{display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 10px !important;

    width: 100%;

    min-height: 74px;

    margin: 0 !important;

    padding: 16px 22px;

    background: #f8f7f6;

    border: 1px solid #efedeb;

    border-radius: 8px;

    cursor: pointer;

    user-select: none;

    text-align: left;

    transition:

      background-color 0.2s ease,

      border-color 0.2s ease,

      transform 0.2s ease;}
.peak-check-item:hover{background: #fbf7f8;

    border-color: #d9b9c1;}
.peak-check-item:active{transform: scale(0.995);}
/* 실제 체크박스 숨김 */ .peak-check-input{position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    margin: -1px !important;

    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;}
/* 커스텀 체크박스 */ .peak-check-icon{position: relative;

    display: block !important;

    flex: 0 0 34px !important;

    width: 34px !important;

    height: 34px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: #ffffff;

    border: 1.5px solid #8f3047;

    border-radius: 5px;

    transition:

      background-color 0.2s ease,

      border-color 0.2s ease,

      transform 0.2s ease;}
/* 체크 표시 */ .peak-check-icon::after{content: "";

    position: absolute;

    top: 7px;

    left: 11px;

    width: 8px;

    height: 14px;

    border: solid #ffffff;

    border-width: 0 3px 3px 0;

    opacity: 0;

    transform: rotate(45deg) scale(0.6);

    transition:

      opacity 0.2s ease,

      transform 0.2s ease;}
/* 문구 */ .peak-check-text{display: block !important;

    flex: 1 1 auto !important;

    width: auto !important;

    min-width: 0;

    margin: 0 !important;

    padding: 0 !important;

    color: #1b1b1b !important;

    font-size: 17px !important;

    font-weight: 600 !important;

    line-height: 1.6 !important;

    letter-spacing: -0.025em !important;

    text-align: left !important;

    word-break: keep-all;}
/* 체크된 상태 */ .peak-check-input:checked + .peak-check-icon{background: #8f3047;

    border-color: #8f3047;}
.peak-check-input:checked + .peak-check-icon::after{opacity: 1;

    transform: rotate(45deg) scale(1);}
.peak-check-item:has(.peak-check-input:checked){background: #fbf4f6;

    border-color: #c9909e;}
/* 키보드 포커스 */ .peak-check-input:focus-visible + .peak-check-icon{outline: 3px solid rgba(143, 48, 71, 0.2);

    outline-offset: 3px;}
/* 버튼 영역 */ .peak-check-buttons{display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-top: 32px;}
.peak-check-button{display: inline-flex !important;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    min-width: 210px;

    padding: 16px 22px !important;

    border: 1px solid #8f3047;

    border-radius: 7px;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    letter-spacing: -0.02em !important;

    text-decoration: none !important;

    transition:

      color 0.25s ease,

      background-color 0.25s ease,

      border-color 0.25s ease,

      transform 0.25s ease;}

.peak-check-button--outline{color: #8f3047 !important;

    background: #ffffff;}
.peak-check-button--outline:hover{color: #ffffff !important;

    background: #8f3047;

    transform: translateY(-2px);}
.peak-button-arrow{font-size: 19px;

    font-weight: 400;

    transition: transform 0.25s ease;}
.peak-check-button:hover .peak-button-arrow{transform: translateX(4px);}
@media (max-width: 768px) {
  .peak-check-section{padding: 48px 18px;}
  .peak-check-heading{margin-bottom: 24px;}
  .peak-check-title{margin-bottom: 10px !important;

      font-size: 25px !important;}
  .peak-check-description{font-size: 15px !important;

      line-height: 1.65 !important;}
  .peak-check-list{gap: 10px;

      padding: 16px;

      border-radius: 12px;}
  .peak-check-item{align-items: flex-start !important;

      gap: 10px !important;

      min-height: auto;

      padding: 16px;}
  .peak-check-icon{flex: 0 0 28px !important;

      width: 28px !important;

      height: 28px !important;

      margin: 0 !important;}
  .peak-check-icon::after{top: 5px;

      left: 9px;

      width: 7px;

      height: 12px;}
  .peak-check-text{flex: 1 1 auto !important;

      font-size: 15px !important;

      line-height: 1.55 !important;}
  .peak-check-buttons{flex-direction: column;

      width: 100%;

      margin-top: 24px;}
  .peak-check-button{width: 100%;

      min-width: 0;}
}