@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{--primary:#ff5e10;--e-font:"Poppins", sans-serif;--k-font:'Pretendard';--hd-fixed-h:65px;--radius:20px}
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'pretendard';color:#111;word-break:keep-all}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'pretendard'}

/* =========================================================
   DESKTOP DROPDOWN (2depth) – 안정화 + 리디자인
========================================================= */


.lz-gnb__item.has-sub.is-open > .lz-sub{
  opacity:1; visibility:visible; pointer-events:auto; transform: translate(-50%, 0);
}


/* ===== GNB + Submenu (중복 정리본) ===== */

/* (필요 시 1회만) */
.lz-hd__bar,
.lz-hd__inner,
.lz-gnb,
.lz-gnb__list { overflow: visible; }

/* 1차 메뉴 */
.lz-gnb__list{
  display:flex;
  align-items:center;
  gap:28px;
}

.lz-gnb__item{ position: relative; }

/* 1차 링크 */
.lz-gnb__link{
  display:inline-flex;
  align-items:center;
  height:56px;
  padding:0 10px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  letter-spacing:-.02em;
  opacity:.92;
  transition: opacity 150ms ease;
}
.lz-gnb__link:hover{ opacity:1; }

/* 2차 메뉴 */
.lz-sub{
  position:absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, -6px);
  min-width: 220px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  z-index: 9999;

  transition:
    opacity 180ms ease,
    transform 180ms ease,
    visibility 0s linear 180ms;
}

.lz-sub::before{
  content:"";
  position:absolute;
  left:0; right:0;
  top:-14px;
  height:14px;
}

.lz-sub__list{
  margin:0;
  padding:10px;
  list-style:none;

  border-radius: 14px;
  background: rgba(10,10,10,.72);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 50px rgba(0,0,0,.38);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.lz-sub__link{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding: 11px 12px;
  border-radius: 10px;

  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-weight:650;
  letter-spacing:-.02em;

  transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}
.lz-sub__link:hover{
  background: rgba(0,172,144,.18);
  color:#fff;
  transform: translateX(2px);
}

/* 오픈 */
.lz-gnb__item.has-sub:hover > .lz-sub,
.lz-gnb__item.has-sub:focus-within > .lz-sub{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translate(-50%, 0);
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    visibility 0s;
}

/* ▼ 표시(원하면 유지) */
.lz-gnb__item.has-sub > .lz-gnb__link::after{
  content:"";
  width:6px; height:6px;
  margin-left:8px;
  border-right:2px solid rgba(255,255,255,.75);
  border-bottom:2px solid rgba(255,255,255,.75);
  transform: rotate(45deg);
  transition: transform 160ms ease, opacity 160ms ease;
  opacity:.75;
}
.lz-gnb__item.has-sub:hover > .lz-gnb__link::after{
  transform: rotate(225deg);
  opacity:1;
}

@media (max-width:1024px){
  .lz-sub{ display:none !important; }
}

/*=================== 스크롤 애니메이션 ====================*/
.lz-hd .lz-hd__bar{
  position: fixed !important;
  top: 0; left: 0;
  width: 100%;
  z-index: 9999;

  /* 헤더 사이즈(기존보다 크게) */
  padding: 26px 0;
  transition: background .25s ease, box-shadow .25s ease, padding .25s ease;
  background: transparent;
}

/* 스크롤 내려갔을 때만 배경/그림자 */
.lz-hd.is-scrolled .lz-hd__bar{
  background: rgba(0,0,0,.55);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  padding: 18px 0;
}

/* blur는 성능 이슈가 있을 수 있어 supports로만 적용 */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  .lz-hd.is-scrolled .lz-hd__bar{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}


.lz-hd__inner{min-height: 64px;}
.lz-logo img{height: 60px;  width: auto;  display: block;}

/* fixed 헤더만큼 페이지 밀기(인덱스는 제외) */
body.lz-has-fixed-header{padding-top: var(--lzHeadH, 0px);}
body.lz-index{padding-top: 0 !important;}
body.lz-has-sticky{ padding-top: var(--lzHeadH, 0px);}

/* ====== LEISURERO Header (new) ====== */
.lz-hd{position:relative; z-index:1000;}

/* 기본: 배너 위에 얹히는 상태(이미 쓰고 있다면 유지) */
.lz-hd.is-index .lz-hd__bar{position:absolute;top:0; left:0;  width:100%;}
.lz-hd.is-sticky .lz-hd__bar{position:fixed;  top:0; left:0;  width:100%;  z-index:9999;  background: rgba(0,0,0,.55);backdrop-filter: blur(10px);box-shadow: 0 10px 30px rgba(0,0,0,.18);}


.lz-hd__inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 48px;
  display:flex;
  align-items:center;
  gap: 28px;
}

.lz-logo{display:block; flex:0 0 auto;}

.lz-gnb{flex:1 1 auto; display:flex; justify-content:center;}
.lz-gnb__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap: 44px;
}
.lz-gnb__item{position:relative;}
.lz-gnb__link{
  color:#fff;
  text-decoration:none;
  font-weight:600;
  font-size:16px;
  letter-spacing:-0.2px;
  white-space:nowrap;
}
.lz-gnb__link:hover{opacity:.9;}



/* ===== LZ TEL (CTA redesign) ===== */
.lz-tel{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  color:#fff;
  font-weight:700;
  font-size:14px;
}

.lz-tel__label{
  opacity:.9;
  letter-spacing:-.02em;
}

.lz-tel__btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:10px 14px;
  border-radius:999px;

  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:15px;
  letter-spacing:-.02em;

  background: rgba(10, 10, 10, .35);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transform: translateZ(0);
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  overflow:hidden;
}

/* 쉬머(빛줄기) */
.lz-tel__btn::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width: 60%;
  height: 180%;
  transform: rotate(25deg);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.20) 45%, rgba(255,255,255,0) 100%);
  opacity:.65;
  animation: lzTelShimmer 2.6s ease-in-out infinite;
  pointer-events:none;
}

/* 포인트 펄스 링 */
.lz-tel__btn::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:999px;
  border:1px solid rgba(0,172,144,.55);
  opacity:.0;
  transform: scale(.92);
  animation: lzTelPulse 2.2s ease-out infinite;
  pointer-events:none;
}

.lz-tel__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background: rgba(0,172,144,.92);
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
  font-size:14px;
  line-height:1;
}

.lz-tel__num{
  font-weight:900;
}

/* Hover / Focus */
.lz-tel__btn:hover{
  transform: translateY(-1px);
  background: rgba(0, 172, 144, .18);
  border-color: rgba(0,172,144,.55);
  box-shadow: 0 16px 44px rgba(0,0,0,.35);
}

.lz-tel__btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,172,144,.28), 0 16px 44px rgba(0,0,0,.35);
}

/* Sticky(스크롤) 상태에서 더 또렷하게 */
.lz-hd.is-scrolled .lz-tel__btn{
  background: rgba(0,0,0,.42);
  border-color: rgba(255,255,255,.20);
}

/* Animations */
@keyframes lzTelShimmer{
  0%   { transform: translateX(-140%) rotate(25deg); }
  55%  { transform: translateX(240%) rotate(25deg); }
  100% { transform: translateX(240%) rotate(25deg); }
}

@keyframes lzTelPulse{
  0%   { opacity: .0; transform: scale(.92); }
  30%  { opacity: .55; }
  100% { opacity: 0; transform: scale(1.08); }
}

/* 반응형 */
@media (max-width:1024px){
  .lz-tel__label{ display:none; } /* 공간 확보 */
  .lz-tel__btn{ padding:9px 12px; font-size:14px; }
  .lz-tel__icon{ width:26px; height:26px; }
}

@media (max-width:640px){
  .lz-tel{ margin-left:auto; } /* 모바일에서 오른쪽 정렬 유도 */
  .lz-tel__btn{ gap:8px; }
}

/* 2차 메뉴(있을 때만) */
.lz-sub{
  display:none;
  position:absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  border-radius: 12px;
  padding: 10px 0;
}
.lz-gnb__item:hover .lz-sub{display:block;}
.lz-sub__link{
  display:block;
  padding: 10px 16px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
}
.lz-sub__link:hover{background:rgba(255,255,255,.12);}

/* 모바일: 햄버거 + 오버레이 */
.lz-menu-btn{
  display:none;
  width:44px; height:44px;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
}
.lz-menu-btn span{display:block; height:2px; margin:7px 0; background:#fff;}

.lz-mpanel{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.88);
  z-index:9999;
  padding:92px 20px 24px;
}
body.lz-menu-open .lz-mpanel{display:block;}
.lz-mpanel__close{
  position:absolute; top:18px; right:18px;
  width:44px; height:44px;
  border:0; border-radius:10px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
.lz-mpanel__list{list-style:none; margin:0; padding:0;}
.lz-mpanel__list > li{margin:0 0 16px;}
.lz-mpanel__a{color:#fff; text-decoration:none; font-size:18px; font-weight:700;}
.lz-mpanel__sub{list-style:none; margin:10px 0 0 12px; padding:0;}
.lz-mpanel__sub a{color:#fff; text-decoration:none; font-size:15px; opacity:.9; display:block; padding:6px 0;}

@media (max-width: 1024px){
  .lz-hd__inner{padding:0 20px;}
  .lz-tel{display:none;}
  .lz-gnb{display:none;}
  .lz-menu-btn{display:block;}
}


:root {
    --text0: clamp(20px, 2vw, 30px);
    --text1: clamp(40px, 4vw, 60.5px);
    --text2: clamp(24px, 2vw, 36px);
    --text3: clamp(20px, 2vw, 30px);
}



/* ===== Hero Section (Redesign) ===== */
.lz-hero{
  position: relative;
  width: 100%;
  height: clamp(560px, 47.45vw, 920px); /* 1920x911 기반 + 여유 */
  overflow: hidden;
  isolation: isolate;
}

/* Slides */
.lz-hero .header-slide{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0;
  transform: scale(1.02);
  z-index: 0;
  transition: opacity 900ms ease, transform 1400ms ease;
}

/* Premium overlay: 좌->우 딥 그라 + 하단 글로우 */
.lz-hero .header-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 700px at 18% 50%, rgba(0,0,0,.62) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,0) 75%),
    linear-gradient(90deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.08) 72%, rgba(0,0,0,0) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.00) 40%, rgba(0,0,0,.35) 100%);
  z-index: 1;
}

.lz-hero .header-slide.active{
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

/* Content */
.lz-hero__content{
  position: absolute;
  left: 7.5%;
  bottom: 23%;
  z-index: 2;
  color: #fff;
  max-width: min(1100px, 56vw);
}

.lz-hero__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .9;
  margin-bottom: 14px;
}

.lz-hero__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(0, 172, 144, 0.95);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.02em;
  margin-bottom: 18px;
}

.lz-hero__title{
  margin: 0;
  font-size: clamp(44px, 4vw, 74px);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.12;
  text-shadow: 0 8px 28px rgba(0,0,0,.35);
}

.lz-hero__subtitle{
  margin: 16px 0 0;
  font-size: clamp(18px, 2vw, 34px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.35;
  opacity: .95;
  text-shadow: 0 8px 28px rgba(0,0,0,.35);
}

/* ===== New Pager (Blur capsule + progress line) ===== */
.lz-hero__pager{
  position: absolute;
  left: 7.5%;
  bottom: 8%;
  z-index: 3;

  display: inline-flex;
  gap: 14px;
  padding: 14px 16px;

  border-radius: 16px;
  background: rgba(10, 10, 10, .32);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.lz-hero .header-slide-btn{
  appearance: none;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 12px;
  text-align: left;

  display: grid;
  grid-template-columns: auto;
  gap: 10px;

  transition: background 200ms ease, transform 200ms ease;
}

.lz-hero .header-slide-btn:hover{
  background: rgba(255,255,255,.08);
  transform: translateY(-1px);
}

.lz-hero .header-slide-btn:active{
  transform: translateY(0px);
}

.lz-hero__idx{
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.03em;
  opacity: .86;
}

.lz-hero .header-slide-btn.is-active .lz-hero__idx{
  opacity: 1;
}

/* progress line */
.lz-hero__tabline{
  width: 160px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  overflow: hidden;
  position: relative;
}

.lz-hero__tabline .progress-fill{
  position: absolute;
  inset: 0;
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: #00ac90; /* 포인트 컬러 */
  transition: width 0s;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .lz-hero__content{ left: 6%; bottom: 22%; max-width: 78vw; }
  .lz-hero__pager{ left: 6%; bottom: 7%; }
  .lz-hero__tabline{ width: clamp(110px, 18vw, 160px); }
}

@media (max-width: 640px){
  .lz-hero{ height: 72vh; }

  .lz-hero__content{ left: 5%; bottom: 22%; max-width: 90vw; }
  .lz-hero__pager{
    left: 5%;
    right: 5%;
    bottom: 5%;
    width: auto;
    justify-content: space-between;
    gap: 10px;
  }

  .lz-hero .header-slide-btn{ padding: 8px 8px; }
  .lz-hero__idx{ font-size: 16px; }
  .lz-hero__tabline{ width: clamp(86px, 22vw, 120px); height: 4px; }
}




section {
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0 auto;
    padding: clamp(20px, 10vh, 100px) clamp(10px, 5vw, 50px);
}

#section1 {
    max-width: 1920px;
    margin: 0 auto;
}

#section1 .text1 {
    font-size: var(--text1);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -3.03px;
    text-align: center;
    color: #00ae91;
}

#section1 .text2 {
    color: #222;
}

#section1 .text3 {
    font-size: var(--text3);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #222;
    margin-top: 10px;
}

#section1 .section1-img {
    max-width: 1630px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    margin-top: 72px;
    padding: 0 32px;
}

#section1 .section1-img .img {
    margin: 0px;
    background-color: #fff;
    border-radius: 50%;
    aspect-ratio: 338 / 338;
    max-width: 338px;
    min-width: 200px;
}

#section1 .section1-img .img:not(:first-child) {
    margin-left: 74px;
}

#section1 .section1-img .img img {
    width: 100%;
    height: auto;
}

#section1 .section1-bg {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    aspect-ratio: 1631 / 23;
    border-radius: 11.5px;
    background-color: #e3f8f5;
}

#section2 {
    background-color: #f1f1f1;
    padding: 5%;
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 100px;
}

#section2 .text1 {
    font-size: var(--text1);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: center;
    color: #222;
}

#section2 .text2 {
    font-size: var(--text3);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.53px;
    text-align: center;
    color: #222;
    margin-top: 10px;
}

#section2 .section2-img {
    max-width: 1630px;
    display: flex;
    justify-content: center;
    align-items: top;
    position: relative;
    margin: 0 auto;
    margin-top: 88px;
    padding-bottom: 87px;
}

#section2 .section2-img .img img {
    width: 100%;
    height: auto;
}

#section2 .section2-img .img2 {
    margin-left: 40px;
    position: relative;
}

#section2 .section2-img .img3 {
    position: absolute;
    width: clamp(80px, 10vw, 120px);
    right: 5px;
    bottom: clamp(-20px, -2.4vw, -40px);
}
/*
#section3 {
    background-image: url(./img/pc/ps3-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 919;
    margin: 0 auto;
    padding-top: 127px;
    padding-left: 146px;
    padding-right: 146px;
    padding-bottom: 123px;
}

#section3 .section3-container {
    display: flex;
    justify-content: space-between;
    align-items: top;
    max-width: 1628px;
    margin: 0 auto;
    gap: 50px;
}

#section3 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: left;
    color: #222;
    text-wrap: nowrap;
    max-width: 610px;
    min-width: 500px;
}

#section3 .text2 {
    flex: 1;
}

#section3 .section3-img {
    margin: 0px;
    text-align: left;
}

#section3 .section3-img .box {
    margin-top: 20px;
    width: 100%;
    max-width: 740px;
    min-width: 340px;
    aspect-ratio: 740 / 207;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    border: 2px solid transparent;
    display: flex;
    gap: 20px;
    cursor: pointer;
}

#section3 .section3-img .box:hover {
    border: 2px solid #64cab9;
}

#section3 .section3-img .box-title {
    width: 195px;
    display: flex;
    flex-direction: column;
}

#section3 .section3-img .box-title .box-title-text1 {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.9px;
    text-align: left;
    text-wrap: nowrap;
    color: #222;
}

#section3 .section3-img .box-title .box-title-text2 {
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1.25px;
    text-align: left;
    text-wrap: nowrap;
    color: #222;
    margin-bottom: auto;
}

#section3 .section3-img .box-title .box-title-text3 {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1px;
    text-align: left;
    text-wrap: nowrap;
    color: #fff;
    background-color: #222;
    border-radius: 20px;
    padding: 2px 10px;
    box-sizing: border-box;
    width: fit-content;
    height: fit-content;
}

#section3 .section3-img .box-title .box-title-text3.active {
    background-color: #00ac90;
}


#section3 .section3-img .box-img {
    display: flex;
    gap: 10px;
    flex: 1;
}

#section3 .section3-img .box-img .img {
    width: 32%;
    max-width: 137px;
    min-width: 100px;
    aspect-ratio: 137 / 152;
}

#section3 .section3-img .box-img .img img {
    width: 100%;
    height: auto;
}

#section3 .section3-img .box-img .img1 {
    background-image: url(./img/pc/ps3-1-off.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#section3 .section3-img .box-img .img1.active {
    background-image: url(./img/pc/ps3-1-on.png);
}

#section3 .section3-img .box-img .img2 {
    background-image: url(./img/pc/ps3-2-off.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#section3 .section3-img .box-img .img2.active {
    background-image: url(./img/pc/ps3-2-on.png);
}

#section3 .section3-img .box-img .img3 {
    background-image: url(./img/pc/ps3-3-off.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#section3 .section3-img .box-img .img3.active {
    background-image: url(./img/pc/ps3-3-on.png);
}
*/

/* ===== Packages Section ===== */
.lz-pkg{
  padding: 70px 0;
}
.lz-pkg__inner{
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 0 24px;
}

.lz-pkg__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom: 22px;
}

.lz-pkg__title{
  margin:0;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -2px;
  color:#111;
}
.lz-pkg__sub{
  margin:10px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color:#555;
}

/* More 버튼(민트 pill + +) */
.lz-pkg__more{
  margin-top: 6px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding: 10px 16px 10px 18px;
  border-radius: 999px;
  background:#00c2a8;
  color:#fff;
  text-decoration:none;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}
.lz-pkg__more i{
  width: 26px;
  height: 26px;
  display:grid;
  place-items:center;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  font-style: normal;
  font-size: 18px;
}

/* 카드 그리드 */
.lz-pkg__grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

/* 카드 공통 */
.lz-pcard{
  border-radius: 14px;
  background: #f3f3f3;
  padding: 18px 18px 16px;
  min-height: 290px;
  box-shadow: 0 18px 50px rgba(0,0,0,.06);
  border: 2px solid transparent;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
  cursor: pointer;
  display:flex;
  flex-direction:column;
}
.lz-pcard:focus{ outline:none; }
.lz-pcard:focus-visible{
  box-shadow: 0 0 0 3px rgba(0,194,168,.20), 0 18px 50px rgba(0,0,0,.10);
}

.lz-pcard__top{
  margin-bottom: 12px;
}
.lz-pcard__model{
  font-size: 16px;
  font-weight: 900;
  color:#111;
  letter-spacing: -0.5px;
}
.lz-pcard__name{
  margin-top: 6px;
  font-size: 18px;
  font-weight: 900;
  color:#111;
  letter-spacing: -0.8px;
}

/* 내부 패널(카드 가운데 큰 박스) */
.lz-pcard__panel{
  position: relative;
  border-radius: 10px;
  background: #d8d8d8; /* 기본(비활성) */
  padding: 14px 14px 18px;
  flex: 1;
  overflow: hidden;
}
.lz-pcard__panel-title{
  font-size: 16px;
  font-weight: 900;
  color:#111;
  letter-spacing:-0.6px;
}
.lz-pcard__list{
  list-style: none;
  padding: 8px 0 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color:#333;
  opacity: .9;
}

/* 체크 아이콘(오른쪽 아래) */
.lz-pcard__check{
  position:absolute;
  right: 14px;
  bottom: 12px;
  width: 54px;
  height: 40px;
  opacity: .95;
}
.lz-pcard__check svg{
  width:100%;
  height:100%;
  display:block;
}

/* 하단 가격 pill */
.lz-pcard__foot{
  margin-top: 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.lz-pcard__pricewrap{
  display:inline-flex;
  align-items:center;
  gap: 10px;
}
.lz-pcard__price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 14px;
  border-radius: 999px;
  background:#00c2a8;
  color:#fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing:-0.2px;
  line-height:1;
}
/* 오른쪽 작은 캡슐(이미지처럼 꼬리) */
.lz-pcard__price-tail{
  width: 44px;
  height: 18px;
  border-radius: 999px;
  background:#00c2a8;
  position: relative;
}
.lz-pcard__price-tail::after{
  content:"";
  position:absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
}

/* 비활성 카드 아래 회색 pill */
.lz-pcard__ghostpill{
  width: 76px;
  height: 20px;
  border-radius: 999px;
  background:#d1d1d1;
}

/* ===== Active / Hover (첫 카드처럼) ===== */
.lz-pcard.is-active,
.lz-pcard:hover{
  border-color:#00c2a8;
  background:#fff;
  transform: translateY(-1px);
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
}

/* active/hover 시 내부 패널은 민트 */
.lz-pcard.is-active .lz-pcard__panel,
.lz-pcard:hover .lz-pcard__panel{
  background:#00c2a8;
}
.lz-pcard.is-active .lz-pcard__panel-title,
.lz-pcard:hover .lz-pcard__panel-title{
  color:#fff;
}
.lz-pcard.is-active .lz-pcard__list,
.lz-pcard:hover .lz-pcard__list{
  color:#fff;
  opacity: .95;
}

/* empty placeholder 카드 */
.lz-pcard.is-empty{
  background:#f1f1f1;
  box-shadow:none;
  border: 0;
  cursor: default;
}
.lz-pcard.is-empty:hover{
  transform:none;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .lz-pkg__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .lz-pkg__title{ font-size: 34px; }
  .lz-pkg__grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}


#section4 {
    background-image: url(./img/pc/ps4-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 918;
    margin: 0 auto;
    padding-top: 113px;
    padding-left: 145px;
    padding-right: 146px;
    padding-bottom: 98px;
}

#section4 .section4-container {
    color: #fff;
    text-align: left;
}

#section4 .text1 {
    font-size: clamp(30px, 3vw, 39.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.98px;
    text-align: left;
    color: #fff;
}

#section4 .text2 {
    font-size: clamp(40px, 3vw, 60.5px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: left;
    color: #fff;
}

#section4 .section4-img {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#section4 .section4-img .img {
    margin-top: 68px;
    max-width: 390px;
    min-width: 200px;
}

#section4 .section4-img .img:not(:first-child) {
    margin-left: 23px;
}

#section4 .section4-img .img img {
    width: 100%;
    height: auto;
}

#section4 .text3 {
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: -1.15px;
    text-align: left;
    color: #fff;
    margin-top: 10px;
}

#section5 {
    background-image: url(./img/pc/ps5-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 918;
    margin: 0 auto;
    padding-top: 113px;
    padding-left: 145px;
    padding-right: 147px;
    padding-bottom: 98px;
}

#section5 .section5-container {
    color: #fff;
    text-align: left;
}

#section5 .coming-soon {
    width: fit-content;
    padding: 2px 10px;
    margin-left: 10px;
    object-fit: contain;
    border-radius: 22.4px;
    background-color: #00ac90;
    object-fit: contain;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1px;
    text-align: left;
    color: #fff;
}

#section5 .text1 {
    font-size: clamp(30px, 3vw, 39.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.98px;
    text-align: left;
    color: #fff;
}

#section5 .text2 {
    font-size: clamp(40px, 3vw, 60.5px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: left;
    color: #fff;
}

#section5 .section5-img {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#section5 .section5-img .img {
    margin-top: 132px;
}

#section5 .section5-img .img:not(:first-child) {
    margin-left: 68.7px;
}

#section5 .section5-img .img img {
    width: 100%;
    height: auto;
}

#section5 .text3 {
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: -1.15px;
    text-align: left;
    color: #fff;
    margin-top: 10px;
}

#section6 {
    background-image: url(./img/pc/ps6-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 918;
    margin: 0 auto;
    padding-top: 113px;
    padding-left: 145px;
    padding-right: 147px;
    padding-bottom: 98px;
}

#section6 .section6-container {
    color: #fff;
    text-align: left;
}

#section6 .text1 {
    font-size: clamp(30px, 3vw, 39.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.98px;
    text-align: left;
    color: #fff;
}

#section6 .text2 {
    font-size: clamp(40px, 3vw, 60.5px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: left;
    color: #fff;
}

#section6 .section6-img {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#section6 .section6-img {
    margin-top: 132px;
}

#section6 .section6-img .img:not(:first-child) {
    margin-left: 68.7px;
}

#section6 .section6-img-sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 57.9px;
    max-height: 176.7px;
}

#section6 .section6-img-sub:not(:first-child) {
    margin-top: 29.6px;
}

#section6 .section6-img-sub .img:not(:first-child) {
    margin-left: 61.3px;
}

#section6 .section6-img .img img {
    width: 100%;
    height: auto;
}

#section6 .text3 {
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: -1.15px;
    text-align: left;
    color: #fff;
    margin-top: 10px;
}

#section7 {
    width: 100%;
}

#section7 .section7-container {
    display: flex;
    justify-content: space-between;
    max-width: 1615px;
    margin: 0 auto;
    gap: 50px;
}

#section7 .text-container-title {
    /* max-width: 572px;
    min-width: 400px; */
    text-wrap: nowrap;
}

#section7 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: left;
    color: #222;
    text-wrap: nowrap;
}

#section7 .text2 {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: left;
    color: #222;
    margin-top: 35px;
    text-wrap: nowrap;
}

#section7 .section7-img {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    row-gap: 47px;
    column-gap: 33px;
    max-width: 924px;
    margin-left: 2%;
}


/* #section7 .img-container .img {
    width: auto;
    max-width: 385px;
    min-width: 260px;
} */

#section7 .img img {
    width: 100%;
    height: auto;
    display: block;
}

#section7 .text-container {
    vertical-align: top;
}

#section7 .text3 {
    font-size: clamp(16px, 1.6vw, 28px);
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: -1.4px;
    text-align: left;
    color: #222;
    text-wrap: nowrap;
    max-width: 504px;
}

#section7 .text4 {
    font-size: clamp(10px, 1.2vw, 18px);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: -0.9px;
    text-align: left;
    color: #222;
    text-wrap: nowrap;
    margin-top: 35px;
}

#section8 {
    background-image: url(./img/pc/ps8-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 918;
    margin: 0 auto;
    /* padding-top: 170px;
    padding-left: 147px;
    padding-right: 147px;
    padding-bottom: 80px; */
}

#section8 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: center;
    color: #fff;
}

#section8 .text2 {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #fff;
}

#section8 .section8-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 80px;
    height: 510px;
}

#section8 .section8-img .img {
    width: 100%;
    border: solid 1px #759a42;
    border-radius: 10px;
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.4));
}

#section8 .section8-img .img img {
    width: 100%;
    height: auto;
}

#section8 .section8-img .img:first-child {
    align-self: flex-start;
    max-width: 715.8px;
    min-width: 520px;
}

#section8 .section8-img .img:not(:first-child) {
    margin-left: 20px;
    align-self: flex-end;
    max-width: 677px;
    min-width: 500px;
}

#section9 {
    background-image: url(./img/pc/ps9-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 918;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 5%;
    /* padding-top: 198px;
    padding-left: 146px;
    padding-right: 146px;
    padding-bottom: 80px; */
}

#section9 .section9-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1626px;
    height: 500px;
    margin: auto auto;
}

#section9 .section9-img .img {
    max-width: 375px;
    min-width: 270px;
    margin: 0px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
}

#section9 .section9-img .img:hover {
    transform: translateY(-18px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    z-index: 2;
}

#section9 .section9-img .img:not(:first-child) {
    margin-left: 10px;
    /* margin-top: 23px; */
}

#section9 .section9-img .img img {
    width: 100%;
    height: auto;
}

#section10 {
    /* width: 100%; */
    min-width: 1280px;
    max-width: 1920px;
    /* aspect-ratio: 1920 / 1488; */
    margin: 0 auto;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#section10 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: center;
    color: #222;
}

#section10 .text2 {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #222;
    margin-top: 10px;
}

#section10 .section10-container {
    margin-top: 88px;
}

#section10 .section10-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#section10 .section10-img:not(:first-child) {
    margin-top: 70px;
}

#section10 .section10-img .img {
    max-width: 794.3px;
    min-width: 500px;
    position: relative;
}

#section10 .section10-img .img:not(:first-child) {
    margin-left: 20px;
}

#section10 .section10-img .img img {
    width: 100%;
    height: auto;
}

#section10 .section10-img .img-title {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.1px;
    text-align: left;
    color: #222;
    border-radius: 18.5px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding: 9px 20px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(10%, -50%);
}

#section10 .section10-img .img-content1 {
    font-size: clamp(20px, 2vw, 25px);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: left;
    color: #fff;
    position: absolute;
    bottom: 5%;
    left: 4%;
}

#section10 .section10-img .img-content2 {
    font-size: clamp(20px, 2vw, 25px);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: left;
    color: #37efce;
    position: absolute;
    bottom: 5%;
    left: 4%;
}

#section11 {
    background-color: #f9f9f9;
    /* width: 100%; */
    min-width: 1280px;
    max-width: 1920px;
    /* aspect-ratio: 1920 / 1414; */
    margin: 0 auto;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#section11 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: center;
    color: #222;
}

#section11 .text2 {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #222;
    margin-top: 10px;
}

#section11 .section11-container {
    margin-top: 88px;
}

#section11 .section11-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#section11 .section11-img:not(:first-child) {
    margin-top: 30px;
}

#section11 .section11-img .img {
    max-width: 794px;
    min-width: 500px;
    position: relative;
}

#section11 .section11-img .img:not(:first-child) {
    margin-left: 30px;
}

#section11 .section11-img .img img {
    width: 100%;
    height: auto;
}

#section12 {
    /* width: 100%; */
    min-width: 1280px;
    max-width: 1920px;
    /* aspect-ratio: 1920 / 920; */
    margin: 0 auto;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#section12 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: center;
    color: #222;
}

#section12 .text2 {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #222;
    margin-top: 10px;
}

#section12 .section12-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1629px;
    width: 100%;
    margin: 0 auto;
    margin-top: 92px;
}

#section12 #screen1,
#section12 #screen2 {
    cursor: pointer;
}

#section12 .section12-container .text3-title {
    object-fit: contain;
    font-size: clamp(40px, 3vw, 56px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.8px;
    text-align: left;
    /* color: #00ac90; */
}

#section12 .section12-container .text3-content {
    object-fit: contain;
    font-size: clamp(20px, 2.5vw, 30px);
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: left;
    /* color: #00ac90; */
}

#section12 .section12-container .screen-menu {
    color: #ddd;
}

#section12 .section12-container .screen-menu.active {
    color: #00ac90;
}

#section12 .section12-container .text3-line {
    /* width: 100%; */
    width: clamp(200px, 20vw, 303px);
    height: 4px;
    background-color: #f1f1f1;
    margin-top: clamp(20px, 2vw, 45px);
    margin-bottom: clamp(20px, 2vw, 45px);
}

#section12 .section12-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 1 auto;
    width: 100%;
}

#section12 .section12-img .img {
    display: grid;
    width: 100%;
    max-width: 398.4px;
    min-width: 200px;
    aspect-ratio: 389.4 / 427;
    position: relative;
    margin-left: 30px;
    overflow: hidden;
}

#section12 .section12-img .img img {
    grid-area: 1 / 1;
    width: 100%;
    height: auto;
    opacity: 0;
    z-index: 0;
    object-fit: cover;
    transition: opacity 1.2s ease-in-out;
}

#section12 .section12-img .img img.active {
    opacity: 1;
    z-index: 1;
}

#section13 {
    background-image: url(./img/pc/ps13-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* width: 100%; */
    min-width: 1280px;
    max-width: 1920px;
    /* aspect-ratio: 1920 / 918; */
    margin: 0 auto;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#section13 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: center;
    color: #fff;
}

#section13 .text2 {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

#section13 .section13-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1628px;
    margin: 0 auto;
    margin-top: 94px;
}

#section13 .section13-img .img {
    max-width: 786.7px;
    min-width: 500px;
}

#section13 .section13-img .img img {
    width: 100%;
    height: auto;
}

#section13 .section13-img .img:not(:first-child) {
    margin-left: 20px;
}

#section14 {
    /* scroll-margin-top: 250px; */
    background-color: #f1f1f1;
    /* width: 100%; */
    min-width: 1280px;
    max-width: 1920px;
    /* aspect-ratio: 1920 / 918; */
    margin: 0 auto;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#section14 .text1 {
    font-size: clamp(40px, 3vw, 54.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.73px;
    text-align: center;
    color: #222;
}

#section14 .text2 {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #222;
    margin-top: 10px;
}

#section14 .section14-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1628px;
    margin: 0 auto;
    margin-top: 90px;
}

#section14 .section14-img .card {
    max-width: 303px;
    height: 347px;
    aspect-ratio: 303 / 347px;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 49px 0px 29px;
    color: #222;
}

#section14 .section14-img .card:not(:first-child) {
    margin-left: 20px;
}

#section14 .section14-img .card .card-step {
    font-size: clamp(14px, 2vw, 21px);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.05px;
    text-align: left;
    color: #222;
}

#section14 .section14-img .card .card-title {
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -1.5px;
    text-align: left;
    color: #222;
    margin-top: 5px;
    height: 72px;
    text-wrap: pretty;
}

#section14 .section14-img .card .card-content {
    font-size: clamp(10px, 1.5vw, 18px);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.05px;
    text-align: left;
    color: #222;
    text-wrap: pretty;
}

#section14 .section14-img .card .card-line {
    width: 61px;
    height: 2px;
    object-fit: contain;
    opacity: 0.1;
    background-color: #222;
    margin-top: 10px;
    margin-bottom: 30px;
}

#section15 {
    background-image: url(./img/pc/ps15-bg2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* width: 100%; */
    min-width: 1280px;
    max-width: 1920px;
    /* aspect-ratio: 1920 / 978; */
    margin: 0 auto;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#section15 .text1 {
    font-size: clamp(50px, 4vw, 65px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -3.25px;
    text-align: center;
    color: #222;
    margin-top: 40px;
}

#section15 .text2 {
    color: #00ac90;
}

#section15 .section15-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 1516px;
    margin: 0 auto;
    margin-top: 90px;
}

#section15 .section15-img .img {
    position: relative;
    max-width: 492px;
}

#section15 .section15-img .img:first-child {
    padding-right: 7%;
}

#section15 .section15-img .img:not(:first-child) {
    padding-left: 7%;
}

#section15 .section15-img .img .img-sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-top: 13px;
}

#section15 .section15-img .img .img1-1 {
    max-width: 183px;
    margin: 0 auto;
}

#section15 .section15-img .img .img1-2 {
    width: 100%;
    max-width: 233px;
    margin: 0 auto;
}

#section15 .section15-img .img .img1-3 {
    width: 100%;
    max-width: 234px;
    margin: 0 auto;
    margin-left: 25px;
}

#section15 .section15-img .img .img1-4 {
    width: 100%;
    max-width: 253px;
    margin: 0 auto;
    margin-top: 12px;
}

#section15 .section15-img .img .img1-5 {
    width: 100%;
    max-width: 403px;
    margin: 0 auto;
    margin-top: 25px;
}

#section15 .section15-img .img .img3-1 {
    max-width: 183px;
    margin: 0 auto;
}

#section15 .section15-img .img .img3-2 {
    width: 100%;
    max-width: 234px;
    margin: 0 auto;
}

#section15 .section15-img .img .img3-3 {
    width: 100%;
    max-width: 234px;
    margin: 0 auto;
    margin-left: 25px;
}

#section15 .section15-img .img .img3-4 {
    width: 100%;
    max-width: 253px;
    margin: 0 auto;
    margin-top: 12px;
}

#section15 .section15-img .img .img3-5 {
    width: 100%;
    max-width: 404px;
    margin: 0 auto;
    margin-top: 25px;
}

#section15 .section15-img .img-center .img2-1 {
    max-width: 284px;
    margin: 0 auto;
}

#section15 .section15-img .img-center .img2-2 {
    max-width: 403px;
    margin: 0 auto;
    margin-top: 25px;
}

#section15 .section15-img .img .img3 {
    width: 100%;
    max-width: 403px;
    min-width: 300px;
}

#section15 .section15-img .img-center .img-sub {
    height: 520px;
    overflow-y: hidden;
}

#section15 .section15-img img {
    width: 100%;
    height: auto;
}

#section15 .contact-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 26px 135px;
    background-color: #02211f;
    height: 87px;
    border-radius: 40px 40px 0 0;
    font-size: clamp(30px, 3vw, 37.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.88px;
    text-align: center;
    color: #53efd6;
    text-wrap: nowrap;
}

#section15 .contact-container .contact-text2 {
    font-size: clamp(30px, 3vw, 37.5px);
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.88px;
    text-align: center;
    color: #fff;
    text-wrap: nowrap;
}

#section16 {
    background-image: url(./img/pc/ps16-bg2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 636;
    margin: 0 auto;
    padding: 5%;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

#section16 .section16-container {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    margin: 0 auto;
    width: 100%;
    max-width: 1630px;
}

#section16 .section16-container .text-container-title {
    font-size: clamp(45px, 3vw, 55px);
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.75px;
    text-align: left;
    color: #fff;
}

#section16 .section16-container .text-container-title .text2 {
    font-weight: 500;
}

#section16 .section16-container .inquiry {
    background-color: #c9cfce;
    padding: 39px 47px 35px;
    border-radius: 20px;
    box-shadow: 33.5px 55.7px 21px 0 rgba(47, 47, 47, 0.39);
    max-width: 872px;
    width: 100%;
}

#section16 .section16-container .inquiry .inquiry-title {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.8px;
    text-align: left;
    color: #222;
}

#section16 .section16-container .inquiry .inquiry-area select,
#section16 .section16-container .inquiry .inquiry-input input,
#section16 .section16-container .inquiry .inquiry-input textarea {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.08px;
    text-align: left;
    color: #222;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 10px;
}

#section16 .section16-container .inquiry .inquiry-privacy {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.custom-select {
    appearance: none;
    /* 기본 화살표 제거 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%2300ac90' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    max-width: 380px;
}

input::placeholder,
textarea::placeholder {
    color: #999;
}

.color-999 {
    color: #999 !important;
}

#content {
    height: 130px;
}

#section16 .section16-container .inquiry .inquiry-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

#section16 .section16-container .inquiry .inquiry-input {
    margin-top: 10px;
}

#section16 .section16-container .inquiry .inquiry-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

#section16 #inquiry-submit {
    width: 124px;
    height: 41px;
    /* padding: 12px 33px; */
    border-radius: 20px;
    /* background-blend-mode: overlay; */
    background-image: linear-gradient(to top, #00bda5, #0fd), linear-gradient(to bottom, #00ac90, #00ac90);
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.08px;
    text-align: center;
    color: #fff;
    border: 1px solid transparent;
}

footer {
    width: 100%;
}

footer .footer-container {
    min-width: 1280px;
    max-width: 1920px;
    aspect-ratio: 1920 / 276;
    margin: 0 auto;
    padding: 3%;
}

footer .footer-content {
    max-width: 1630px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

footer .footer-content-left {
    flex: 1;
}

footer .footer-content-left .footer-content-terms {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: -0.9px;
    text-align: left;
    color: #222;
}

footer .footer-content-left .footer-content-biz {
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: -0.9px;
    text-align: left;
    color: #222;
    /* margin-top: 35px; */
}

footer .footer-content-left .footer-content-copyright {
    line-height: 2.78;
}

footer .footer-logo {
    margin-left: 20px;
}

.checkbox-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.2;
    margin-left: 5px;
    cursor: pointer;
    user-select: none;
    position: relative;
    color: #222;
}

.checkbox-wrapper input[type='checkbox'] {
    display: none;
    /* width: 14px;
    height: 14px;
    vertical-align: middle;
    accent-color: #00ac90;
    scale: 1.5; */
}

.checkbox-wrapper .checkmark {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #222;
    background-color: #fff;
    position: relative;
}

.checkbox-wrapper input:checked+.checkmark {
    background-color: #00ac90;
}

.checkbox-wrapper input:checked+.checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 8px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    /* scale: 0.6; */
}

#terms-modal-btn {
    border: 1px solid transparent;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.2;
    padding: 0;
    color: #222;
    margin: 0;
}


/*============ 공용 CSS ============*/

.btn--primary{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;line-height:1.5;border-radius:100px;background-color:#fff;color:var(--primary);transition:background-color 0.2s, color 0.2s !important;cursor:pointer}
.btn--primary:hover{background-color:var(--primary);color:#fff}
.btn--primary.orange{background-color:var(--primary);color:#fff}
.btn--primary.orange:hover{background-color:#fff;color:var(--primary)}
#sh_sub_wrap{position:relative}
.group-title{text-align:center}
.group-title h2{font-size:56px;font-weight:800}
#sh_container em{color:var(--primary);font-style:normal}



/*============ 섹션 01 - CSS ============*/

#inc01{padding:180px 0 135px}
#inc01 .inner{max-width:1140px;margin:0 auto}
#inc01 .group-title{padding-bottom:60px;text-align:center}
#inc01 .group-title h2{padding-bottom:40px}
#inc01 .group-title p.desc{font-size:22px;font-weight:700;line-height:1.5;white-space:pre-line}

#inc01 .item-box{display:flex;gap:35px}
#inc01 .item-list{display:flex;flex:1;flex-direction:column;gap:30px}
#inc01 .item-list:first-child{margin-top:112px}
#inc01 .item-list li{overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:552px;height:326px;padding:45px 40px;border-radius:var(--radius);background-repeat:no-repeat;background-color:#000}
#inc01 .item-list li.pay{background-image:url(../img/sub/inc01_img01.png);background-position:center right -24px}
#inc01 .item-list li.menu{background-image:url(../img/sub/inc01_img03.png);background-position:center right -42px}
#inc01 .item-list li.qr{background-image:url(../img/sub/inc01_img02.png);background-position:center right -122px}
#inc01 .item-list li.report{background-image:url(../img/sub/inc01_img04.png);background-position:center right -62px}
#inc01 .item-list li h3{padding-bottom:25px;font-size:28px;font-weight:800;color:#fff;transition:color 0.2s}
#inc01 .item-list li:hover h3{color:var(--primary)}
#inc01 .item-list li p{font-size:22px;font-weight:700;line-height:1.2;color:#fff;white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1500px){
#inc01{padding:120px 0 40px}
#inc01 .group-title h2{padding-bottom:30px}
#inc01 .item-box{gap:25px}
#inc01 .item-list{gap:25px}
#inc01 .item-list li{width:100%;height:305px}
#inc01 .item-list li h3{padding-bottom:18px;font-size:26px}
#inc01 .item-list li p{font-size:18px}
}
@media (max-width:1200px){
#inc01{padding:100px 20px 0}
#inc01 .item-box, #inc01 .item-list{gap:20px}
#inc01 .item-list li{height:315px;background-size:cover}
#inc01 .item-list li h3{padding-bottom:14px;font-size:24px}
#inc01 .item-list li p{font-size:17px}
#inc01 .item-list li.pay{background-position:center right -86px}
#inc01 .item-list li.menu{background-position:center right -75px}
#inc01 .item-list li.qr{background-position:center right -90px}
#inc01 .item-list li.report{background-position:center right -100px}
}
@media (max-width:1024px){
#inc01{padding:80px 15px 0}
#inc01 .group-title{padding-bottom:40px}
#inc01 .group-title h2{padding-bottom:24px}
#inc01 .item-box, #inc01 .item-list{gap:14px}
#inc01 .item-list:first-child{margin-top:80px}
#inc01 .item-list li{height:280px;padding:30px;background-position:center !important}
#inc01 .item-list li::before{z-index:-1;position:absolute;content:'';width:100%;height:100%;inset:0%;background:linear-gradient(to top, rgba(0,0,0,1) 10%, rgba(0,0,0,0.6) 35%,rgba(0,0,0,0.3) 45%,transparent 65%)}
#inc01 .item-list li.pay{background-image:url(./img/inc01_img01.jpg)}
#inc01 .item-list li.menu{background-image:url(./img/inc01_img03.jpg)}
#inc01 .item-list li.qr{background-image:url(./img/inc01_img02.jpg)}
#inc01 .item-list li.report{background-image:url(./img/inc01_img04.jpg)}
#inc01 .item-list li h3{padding-bottom:10px;font-size:20px}
#inc01 .item-list li p{font-size:16px}
}
@media (max-width:768px){
#inc01 .group-title{padding-bottom:30px}
#inc01 .group-title h2{padding-bottom:15px}
#inc01 .item-box, #inc01 .item-list{gap:12px}
#inc01 .item-list li{height:220px;padding:24px;background-position:left !important}
#inc01 .item-list li h3{font-size:18px}
#inc01 .item-list li p{font-size:15px}
}
@media (max-width:580px){
#inc01 .item-box{flex-direction:column}
#inc01 .item-list:first-child{margin-top:0}
#inc01 .item-list li{height:230px;padding:20px}
#inc01 .item-list li p{white-space:normal}
#inc01 .item-list li h3{padding-bottom:8px}
#inc01 .item-list li.report{background-position:top !important}
}
@media (max-width:480px){
#inc01{padding:60px 15px 0}
}



/*============ 섹션 03 - CSS ============*/

#inc03{position:relative;overflow:hidden;padding-top:260px;color:#fff;background-color:#111}

/* 배경 애니메이션 */
#inc03 .top-bg{position:absolute;top:-30%;right:-10px;animation:floatY 2s ease-in-out infinite alternate}
@keyframes floatY {0% {transform:translateY(-125px)}100% {transform:translateY(-90px)}}

#inc03 .inner{max-width:1792px;margin:0 auto}
#inc03 .group-title h2{font-size:65px !important}
#inc03 .group-title h3{font-size:36px;font-weight:700;line-height:1.3;white-space:pre-line}
#inc03 .group-title h3 .ic-arrow{margin:0 5px}
#inc03 .group-title h3 .ic-arrow.up img{transform:scaleY(-1)}

/* 고객만족도 */
#inc03 .group-customer-satisfaction .group-title{padding-bottom:140px}
#inc03 .group-customer-satisfaction .group-title h2{padding-bottom:100px}
#inc03 .group-title h2 span.gradient{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(    to right,    #ff3b13 0%,    #ff852d 30%,    #ffea00 60%, #4ee0ff 100%);background-size:200% 100%;background-position:0 0;animation:rainbow 5s ease-in-out infinite}
@keyframes rainbow {0% {background-position:0 0} 50% {background-position:100% 0} 100% {background-position:0 0}}

#inc03 .swiper{padding-bottom:290px}
#inc03 .swiper-wrapper{transition-timing-function:linear}
#inc03 .swiper-slide{width:525px;height:385px;border-radius:20px;overflow:hidden;transition:transform 0.3s}
#inc03 .swiper-slide:hover{transform:translateY(-30px)}
#inc03 .swiper-slide.chicken{background-color:#dad1cf}
#inc03 .swiper-slide.cafe{background-color:#c2beb6}
#inc03 .swiper-slide.restaurant{background-color:#685d55}
#inc03 .swiper-slide.golf{background-color:#758a28}
#inc03 figure{position:relative;width:100%;height:100%}
#inc03 figure > img{transform:translateY(80px)}
#inc03 .swiper-slide:not(.chicken) figure > img{width:100%;height:100%}
#inc03 .swiper-slide.chicken figure > img{width:100%}
#inc03 figure .text-box{position:absolute;top:48px;left:48px;display:flex;flex-direction:column;gap:22px}
#inc03 figure .text-box .store{font-size:26px;font-weight:700;color:#111;height:32px}
#inc03 figure .text-box figcaption{font-size:22px;font-weight:700;line-height:1.27;color:#fff;white-space:pre-line}
#inc03 .cafe figure .text-box .store img{height:18px}
#inc03 .restaurant figure .text-box .store img{height:34px}
#inc03 .golf figure .text-box .store img{height:21px}
#inc03 .cafe figure .text-box figcaption, #inc03 .chicken figure .text-box figcaption{color:#111}

/* 리뷰 */
#inc03 .group-review h2{padding:10px 0 90px}
#inc03 .group-review .group-title .desc{font-size:32px;line-height:1.68;font-weight:500}

/* 반응형 [s] */
@media (max-width:1500px){
#inc03{padding-top:160px}
#inc03 .group-title{padding:0 20px}
#inc03 .group-title h3{font-size:25px;line-height:1.4}
#inc03 .group-customer-satisfaction .group-title{padding-bottom:80px}
#inc03 .group-customer-satisfaction .group-title h2{padding-bottom:45px}
#inc03 .top-bg{top:-30%;right:-13%}
#inc03 .swiper{padding-bottom:180px}
#inc03 .swiper-slide{width:500px;height:340px}
#inc03 .group-review h2{padding:15px 0 80px}
}
@media (max-width:1200px){
#inc03{padding-top:140px}
#inc03 .group-customer-satisfaction .group-title{padding-bottom:70px}
#inc03 .group-customer-satisfaction .group-title h2{padding-bottom:40px}
#inc03 .group-review h2{padding:15px 0 70px}
#inc03 .top-bg{right:-17%}
#inc03 .top-bg img{transform:scale(0.65)}
#inc03 .swiper{padding-bottom:100px}
#inc03 .swiper-slide{width:400px;height:290px}
#inc03 figure > img{transform:translateY(50px)}
#inc03 figure .text-box{gap:16px;top:34px;left:34px}
#inc03 figure .text-box figcaption{font-size:18px}
#inc03 figure .text-box .store{font-size:24px}
#inc03 .restaurant figure .text-box .store img{height:28px}
}
@media (max-width:1024px){
#inc03 .top-bg{top:-35%;right:-28%}
#inc03 .top-bg img{transform:scale(0.5)}
#inc03 .group-title h3{font-size:22px}
#inc03 .group-title h3 .ic-arrow img{width:22px}
#inc03 .group-customer-satisfaction .group-title{padding-bottom:60px}
#inc03 .group-customer-satisfaction .group-title h2{padding-bottom:32px}
#inc03 .swiper-slide{width:360px;height:255px}
#inc03 figure .text-box{gap:8px;top:24px;left:24px}
#inc03 figure .text-box figcaption{font-size:16px}
#inc03 figure .text-box .store{font-size:20px}
#inc03 .cafe figure .text-box .store img{height:15px}
#inc03 .restaurant figure .text-box .store img{height:25px}
#inc03 .golf figure .text-box .store img{height:18px}
#inc03 .group-review h2{padding:10px 0 60px}
}
@media (max-width:768px){
#inc03 .top-bg{top:-38%;right:-300px}
#inc03 .top-bg img{transform:scale(0.4)}
#inc03 .group-title h3{font-size:18px}
#inc03 .group-title h3 .ic-arrow img{width:20px}
#inc03 .group-customer-satisfaction .group-title{padding-bottom:40px}
#inc03 .group-customer-satisfaction .group-title h2{padding-bottom:15px}
#inc03 .swiper-slide{width:295px;height:195px}
#inc03 figure .text-box .store{height:26px;font-size:18px}
#inc03 figure .text-box figcaption{font-size:15px}
#inc03 .cafe figure .text-box .store img{height:13px}
#inc03 .restaurant figure .text-box .store img{height:22px}
#inc03 .golf figure .text-box .store img{height:16px}
#inc03 .group-review h2 {padding:6px 0 40px}
}
@media (max-width:480px){
#inc03{padding-top:80px}
#inc03 .top-bg{top:-54%}
#inc03 .group-title{padding:0 15px}
#inc03 .group-title h3{font-size:15px;line-height:1.5}
#inc03 .group-customer-satisfaction .group-title{padding:0 15px 35px}
#inc03 .swiper{padding-bottom:60px}
#inc03 .group-review h2{padding:6px 0 35px}
}


/*============ 섹션 04 - CSS ============*/

#inc04{position:relative;color:#fff;background:linear-gradient(to bottom, #111 75%, #fff 25%)}

#inc04 .inner{position:relative;z-index:10;display:flex;padding-bottom:200px}
#inc04 .inner > *{flex:1}
#inc04 .group-title{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:100vh;text-align:left !important;background-image:url(./img/inc04_bg.png);background-repeat:no-repeat;background-position:right 37%;background-size:contain}

#inc04 .group-title .text-box{max-width:570px;width:100%}
#inc04 .group-title .txt01{font-size:32px;font-weight:800}
#inc04 .group-title h2{padding:28px 0 32px;font-family:var(--e-font);font-size:75px !important;font-weight:700 !important;line-height:100%}
#inc04 .group-title .desc{padding-bottom:64px;font-size:24px;font-weight:600;line-height:1.4;white-space:pre-line}
#inc04 .group-title .btn--primary{width:202px;height:65px;font-size:20px}

#inc04 .group-cont ul{display:flex;flex-direction:column;align-items:flex-end;gap:45px;max-width:570px;width:100%}
#inc04 .group-cont ul li{position:relative;max-width:389px;width:100%;height:478px;border-radius:20px;overflow:hidden}
#inc04 .group-cont ul li::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.8) 15%, transparent 45%)}
#inc04 .group-cont .thumb-box{width:100%;height:100%}
#inc04 .group-cont .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc04 .group-cont .text-box{position:absolute;bottom:36px;left:32px;display:flex;flex-direction:column}
#inc04 .group-cont .text-box span{padding-bottom:22px;font-size:16px;font-weight:700}
#inc04 .group-cont .text-box .comment{font-size:22px;font-weight:700;line-height:1.2;white-space:pre-line}

/* 배경 애니메이션 */
#inc04 .bottom-bg{position:absolute;bottom:240px;left:0;width:100%;height:753px;overflow-x:clip}
.wave {position:absolute;bottom:0;left:0;width:300%;height:753px;background-repeat:repeat-x;background-size:cover;background-size:50% 100%;transform:translate3d(0, 0, 0);will-change:transform}
.wave.orange{z-index:2;background-image:url(../img/sub/inc04_bt_bg01.png);animation:waveSwellReverse 4s ease-in-out infinite}
.wave.yellow{z-index:1;bottom:-170px;background-image:url(../img/sub/inc04_bt_bg02.png);animation:waveSwell 5s ease-in-out infinite;
}
@keyframes waveSwell {0% {transform:translate(0, 0)}25% {transform:translate(-80px, -20px)}50% {transform:translate(-160px, -40px)}75% {transform:translate(-80px, -20px)} 100% {transform:translate(0, 0)}}
@keyframes waveSwellReverse {0% {transform:translate(0, 0)}25% {transform:translate(-80px, 20px)}50% {transform:translate(-160px, 40px)}75% {transform:translate(-80px, 20px)}100% {transform:translate(0, 0)}}

/* marquee */
#inc04 .marquee{--marquee-distance:-3997.85px;overflow:hidden;position:relative;z-index:1}
#inc04 .marquee .scroll{display:flex;animation:marqueeInc04 18s linear infinite}
#inc04 .marquee .scroll span{font-family:var(--e-font);font-size:280px;font-weight:600;line-height:100%;color:#111;white-space:nowrap}
@keyframes marqueeInc04 {0% { transform:translateX(0)}100% { transform:translateX(var(--marquee-distance))}}

/* 반응형 [s] */
@media (max-width:1500px){
#inc04{background:linear-gradient(to bottom, #111 78%, #fff 22%)}
#inc04 .inner{padding-bottom:100px}
#inc04 .group-title h2{padding:20px 0 34px;font-size:60px}
#inc04 .group-title .desc{padding-bottom:55px}
#inc04 .group-title .btn--primary{width:190px;height:55px;font-size:17px}
#inc04 .group-title .txt01{font-size:26px}
#inc04 .bottom-bg{bottom:205px}
#inc04 .bottom-bg, .wave{height:620px}
#inc04 .marquee{--marquee-distance:-2855px}
#inc04 .marquee .scroll span{font-size:200px}
}
@media (max-width:1200px){
#inc04{background:linear-gradient(to bottom, #111 75%, #fff 25%)}
#inc04 .inner{padding-bottom:70px}
#inc04 .group-title{align-items:center}
#inc04 .group-title .text-box{max-width:none;width:auto}
#inc04 .group-cont ul{align-items:center;gap:20px}
#inc04 .group-cont ul li{max-width:340px;height:420px}
#inc04 .group-cont .text-box span{padding-bottom:15px}
#inc04 .group-cont .text-box .comment{font-size:18px}
#inc04 .bottom-bg{bottom:235px}
#inc04 .bottom-bg, .wave{height:530px}
}
@media (max-width:1024px){
#inc04{background:linear-gradient(to bottom, #111 76%, #fff 24%)}
#inc04 .group-title h2{padding:14px 0 26px}
#inc04 .group-title .txt01{font-size:20px}
#inc04 .group-title .desc{padding-bottom:35px}
#inc04 .group-title .btn--primary{width:165px;height:50px;font-size:16px}
#inc04 .group-cont ul li{max-width:295px;height:380px}
#inc04 .group-cont .text-box{bottom:0px;left:0px;padding:24px}
#inc04 .group-cont .text-box .comment{font-size:15px;line-height:1.4}
#inc04 .group-cont .text-box span{padding-bottom:12px}
#inc04 .bottom-bg{bottom:185px}
#inc04 .bottom-bg, .wave{height:520px}
.wave.yellow{bottom:-145px}
#inc04 .marquee{ --marquee-distance:-2213px}
#inc04 .marquee .scroll span{font-size:155px}
}
@media (max-width:768px){
#inc04{background:linear-gradient(to bottom, #111 90%, #fff 10%)}
#inc04 .inner{flex-direction:column-reverse;gap:0}
#inc04 .group-title{position:static;height:auto;background-position:center top 25px}
#inc04 .group-title .txt01{font-size:22px}
#inc04 .group-title .text-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:420px;text-align:center}
#inc04 .group-cont ul{flex-direction:row;gap:14px;max-width:none;padding-bottom:14px;overflow-x:auto}
#inc04 .group-cont ul li{max-width:280px;flex-shrink:0}
#inc04 .bottom-bg{bottom:70px}
#inc04 .bottom-bg, .wave{height:330px}
.wave.yellow{bottom:-100px}
.wave.orange{height:310px}
#inc04 .marquee{--marquee-distance:-1713px;z-index:3}
#inc04 .marquee .scroll span{font-size:120px}
#inc04 .group-cont ul::-webkit-scrollbar {width:4px}
#inc04 .group-cont ul::-webkit-scrollbar-thumb {background:#9e9e9e;border-radius:25px;border:3px solid transparent;background-clip:padding-box}
#inc04 .group-cont ul::-webkit-scrollbar-track{background-color:#474747}
}
@media (max-width:480px){
#inc04{background:linear-gradient(to bottom, #111 84%, #fff 16%)}
#inc04 .group-title{background-position:center}
#inc04 .group-title .text-box{height:370px}
#inc04 .group-title .txt01{font-size:18px}
#inc04 .group-title .btn--primary{width:140px;height:42px;font-size:15px}
#inc04 .group-cont ul{padding:0 15px 14px}
#inc04 .group-cont ul li{max-width:255px;height:340px}
#inc04 .group-cont .text-box span{padding-bottom:5px;font-size:15px}
#inc04 .group-cont .text-box .comment{font-size:15px}
#inc04 .bottom-bg, .wave{height:220px}
.wave.orange{height:245px}
.wave.yellow{bottom:-68px}
@keyframes waveSwell {0% {transform:translate(0, 0)}25% {transform:translate(-60px, -10px)}50% {transform:translate(-140px, -20px)}75% {transform:translate(-60px, -10px)} 100% {transform:translate(0, 0)}}
@keyframes waveSwellReverse {0% {transform:translate(0, 0)}25% {transform:translate(-60px, 10px)}50% {transform:translate(-140px, 20px)}75% {transform:translate(-60px, 10px)}100% {transform:translate(0, 0)}}
#inc04 .marquee{ --marquee-distance:-1427px}
#inc04 .marquee .scroll span{font-size:100px}
}
@media (max-width:390px){
#inc04{background:#111;overflow:hidden}
#inc04 .inner{gap:60px;padding-bottom:40px}
#inc04 .bottom-bg{display:none}
#inc04 .group-title .text-box{height:auto}
#inc04 .marquee .scroll span{color:#fff}
}
/* 반응형 [e] */


/*============ 섹션 05 - CSS ============*/

#inc05{position:relative;overflow:hidden;padding-top:245px;background:linear-gradient(to bottom, rgba(255,255,255,1) 30%, #f2f2f2 32%)}
#inc05 .group-cont{--height:480px;--gap:24px;mask:linear-gradient(180deg,rgba(0,0,0,1) 76%,rgba(0,0,0,0) 92%)}
#inc05 .group-cont .cont-box{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);place-content:center}
#inc05 .thumb-list{display:flex;flex-direction:column;gap:var(--gap);perspective:1200px}
#inc05 .thumb-list li{width:100%;height:var(--height);border-radius:20px;overflow:hidden}
#inc05 .thumb-list li img{width:100%;height:100%;object-fit:cover}

/* 반응형 [s] */
@media (max-width:1500px){
#inc05{padding-top:170px}
}
@media (max-width:1200px){
#inc05{padding-top:130px}
#inc05 .group-cont{--height:420px;--gap:20px}
}
@media (max-width:1024px){
#inc05{padding-top:60px}
#inc05 .group-cont{--height:370px;--gap:14px}
#inc05 .thumb-list li{border-radius:10px}
}
@media (max-width:768px){
#inc05 .group-cont{--height:290px;--gap:10px}
#inc05 .group-cont .cont-box{grid-template-columns:repeat(2,1fr)}
#inc05 .thumb-list:last-child{display:none}
}
@media (max-width:480px){
#inc05 .group-cont{--height:auto}
#inc05 .thumb-list li{aspect-ratio:1}
}
@media (max-width:390px){
#inc05{padding-top:0}
}


/*============ 섹션 06 - CSS ============*/


#inc06{padding-top:80px;background-color:#f2f2f2}
#inc06 .inner{position:relative;max-width:1792px;margin:0 auto}
#inc06 .group-title{position:relative;z-index:1;padding-bottom:80px;text-align:center}
#inc06 .group-title .desc{padding-bottom:45px;font-size:26px;font-weight:700}
#inc06 .group-title h2{line-height:1.2;white-space:pre-line}

#inc06 .group-cont{position:relative;z-index:1}
#inc06 .group-cont ul{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#inc06 .group-cont li{padding:65px 60px;border-radius:20px;background-color:#fff}
#inc06 .group-cont .head{display:flex;justify-content:space-between;padding-bottom:40px}
#inc06 .group-cont .head h3{font-size:28px;font-weight:800;white-space:pre-line}
#inc06 .group-cont .desc{font-size:18px;font-weight:600;color:rgba(0,0,0,0.7);line-height:1.6;white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1500px){
#inc06{padding:30px 20px 0}
#inc06 .group-title{padding-bottom:60px}
#inc06 .group-title .desc{padding-bottom:30px}
#inc06 .group-cont li{padding:45px 40px}
#inc06 .group-cont .head lord-icon{width:50px !important;height:50px !important}
#inc06 .group-cont .head h3{font-size:24px}
#inc06 .group-cont .desc{font-size:17px;white-space:normal}
}
@media (max-width:1200px){
#inc06{padding-top:20px}
#inc06 .group-title{padding-bottom:60px}
#inc06 .group-cont li{padding:36px 32px}
#inc06 .group-cont .head{padding-bottom:26px}
#inc06 .group-cont .head h3{font-size:20px}
#inc06 .group-cont .head lord-icon{width:42px !important;height:42px !important}
#inc06 .group-cont .desc{font-size:16px}
}
@media (max-width:1024px){
#inc06 .group-title{padding-bottom:40px}
#inc06 .group-title .desc{padding-bottom:24px}
#inc06 .group-cont{display:flex}
#inc06 .group-cont ul{grid-template-columns:repeat(1,1fr)}
#inc06 .group-cont li{padding:20px 24px}
#inc06 .group-cont .head{padding-bottom:3px;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:12px}
#inc06 .group-cont .head lord-icon{width:32px !important;height:32px !important}
#inc06 .group-cont .head h3{font-size:18px;white-space:normal}
#inc06 .group-cont .desc{padding-left:44px;font-size:15px}
}
@media (max-width:768px){
#inc06 .group-title{padding-bottom:30px}
#inc06 .group-title .desc{padding-bottom:15px}
#inc06 .group-cont li{padding:20px;border-radius:15px}
#inc06 .group-cont .head h3{font-size:17px}
#inc06 .group-cont .head lord-icon{width:28px !important;height:28px !important}
#inc06 .group-cont .desc{padding-left:40px;font-size:15px}
}
@media (max-width:480px){
#inc06{padding:20px 15px 0}
#inc06 .group-title{padding-bottom:30px}
#inc06 .group-cont .head h3{font-size:16px}
#inc06 .group-cont .head lord-icon{width:26px !important;height:26px !important}
#inc06 .group-cont .desc{font-size:14px}
#inc06 .group-cont ul{gap:10px}
#inc06 .group-cont li{border-radius:10px}
}


/*============ 섹션 07 - CSS ============*/

#inc07{overflow:hidden;padding:170px 0;background-color:#f2f2f2}
#inc07 .inner{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;max-width:1140px;margin:0 auto}
#inc07 .inner > *{flex:1;width:100%}
#inc07 .group-title{text-align:left !important}
#inc07 .group-title .desc{padding-bottom:35px;font-size:26px;font-weight:700;color:var(--primary)}
#inc07 .group-title h2{line-height:1.2;white-space:pre-line}
#inc07 .img-box{z-index:1;position:relative;display:flex;justify-content:flex-end;align-items:center;transform:translateY(40px)}
#inc07 .img-box img.device{position:relative;z-index:1;max-width:359px}
#inc07 .img-box img.firework{position:absolute;max-width:524px;bottom:40px;right:-44px}

/* 로고 슬라이드 */
#inc07 .logo-slide{--translateX:-834px}
#inc07 .logo-slide ul{display:flex;flex-wrap:nowrap}
#inc07 .logo-slide .to-left .scroll{animation:leftDesktop 12s linear infinite}
#inc07 .logo-slide .to-right .scroll{animation:rightDesktop 12s linear infinite}
@keyframes leftDesktop {0%{transform:translateX(0)} 100%{transform:translateX(var(--translateX))}}
@keyframes rightDesktop {0%{transform:translateX(var(--translateX))} 100%{transform:translateX(0)}}

/* 반응형 [s] */
@media (max-width:1500px){
#inc07{padding:60px 0}
#inc07 .group-title .desc{padding-bottom:30px}
#inc07 .img-box img.device{max-width:320px}
#inc07 .img-box img.firework{right:-48px;max-width:500px}
}
@media (max-width:1200px){
#inc07 .inner{padding:0 20px}
#inc07 .img-box img.device{max-width:320px}
#inc07 .img-box img.firework{max-width:490px}
#inc07 .logo-slide ul img{max-width:230px}
}
@media (max-width:1024px){
#inc07 .group-title .desc{padding-bottom:24px}
#inc07 .logo-slide{--translateX:-840px}
#inc07 .logo-slide ul img{max-width:210px}
#inc07 .img-box{transform:translateY(22px)}
#inc07 .img-box img.device{max-width:255px;margin-right:50px}
#inc07 .img-box img.firework{max-width:410px;right:7px}
}
@media (max-width:768px){
#inc07 .inner{grid-template-columns:repeat(1,1fr);place-items:center}
#inc07 .group-title{padding-bottom:20px;text-align:center !important}
#inc07 .group-title .desc{padding-bottom:15px}
#inc07 .logo-slide{--translateX:-780px}
#inc07 .logo-slide ul img{max-width:190px}
#inc07 .img-box{justify-content:center;transform:translateY(20px)}
#inc07 .img-box img.device{max-width:230px;margin-right:0}
#inc07 .img-box img.firework{right:52%;bottom:30px;max-width:360px}
}
@media (max-width:480px){
#inc07 .group-title{padding-bottom:20px}
#inc07 .group-title .desc{padding-bottom:15px}
#inc07 .img-box img.device{max-width:200px}
#inc07 .img-box img.firework{bottom:32px;max-width:300px}
#inc07 .logo-slide{--translateX:-680px}
#inc07 .logo-slide ul img{max-width:170px}
}



/*============ FOOTER - CSS ============*/

#lz_ft{position:relative;padding:94px 0 60px}
#lz_ft .lz-ft__inner{max-width:1140px;margin:0 auto}
#lz_ft .lz-ft__brand{padding-bottom:30px;font-family:var(--e-font);font-size:24px;font-weight:700;color:#111}
#lz_ft .lz-ft__addr{padding-bottom:40px;font-size:16px;font-weight:500;font-style:normal;line-height:1.75;color:#888}
#lz_ft .lz-ft__bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:12px}
#lz_ft .lz-ft__copy{font-size:16px;color:#888}
#lz_ft .lz-ft__copy .lz-ft__license{font-size:12px;color:rgba(0,0,0,0.2);margin-left:5px}
#lz_ft .lz-ft__sns{display:flex;gap:8px}
#lz_ft .lz-ft__sns-link{display:flex;align-items:center;justify-content:center;width:56px;aspect-ratio:1;background-color:#111;border-radius:100px}
#lz_ft .lz-ft__sns-link i{font-size:23px;color:#fff}
#lz_ft .lz-ft__links{display:flex;gap:12px}
#lz_ft .lz-ft__links a{font-size:15px}

/* 반응형 */
@media (max-width:1500px){
  #lz_ft{padding:64px 0 34px}
  #lz_ft .lz-ft__brand{padding-bottom:16px}
  #lz_ft .lz-ft__addr{padding-bottom:24px;font-size:15px}
  #lz_ft .lz-ft__copy{font-size:15px}
  #lz_ft .lz-ft__links a{font-size:14px}
}

@media (max-width:1200px){
  #lz_ft{padding:64px 20px 34px}
}

@media (max-width:1024px){
  #lz_ft{padding:34px 20px}
  #lz_ft .lz-ft__inner{display:flex;flex-direction:column;align-items:center;text-align:center}
  #lz_ft .lz-ft__brand{padding-bottom:8px;font-size:22px}
  #lz_ft .lz-ft__addr{padding-bottom:15px;font-size:14px}
  #lz_ft .lz-ft__bottom{flex-direction:column-reverse;align-items:center;gap:15px;padding-bottom:10px}
  #lz_ft .lz-ft__sns{gap:12px}
  #lz_ft .lz-ft__sns-link{width:50px}
  #lz_ft .lz-ft__sns-link i{font-size:20px}
}

@media (max-width:768px){
  #lz_ft .lz-ft__addr{padding-bottom:13px;font-size:13px}
  #lz_ft .lz-ft__bottom{gap:13px}
}

@media (max-width:480px){
  #lz_ft{padding-top:15px}
}