@charset "utf-8";

/* main 페이지 전용 */

@media (prefers-reduced-motion: reduce) {
  #container * {animation:none !important; transition:none !important;}
}

/* ========== HERO ========== */
.main-hero {position:relative; width:100%; height:86rem; background:#000; overflow:hidden;}
.main-hero-slider {position:absolute; inset:0; z-index:0;}
.main-hero-slide {position:absolute; inset:0; opacity:0; visibility:hidden;}
.main-hero-slide.is-active {opacity:1; visibility:visible; z-index:1;}
.main-hero-slide img {display:block; width:100%; height:100%; object-fit:cover;}

.main-hero .inner {position:relative; z-index:2; display:flex; align-items:center; height:100%;}
.main-hero-content {width:100%; max-width:76rem; color:#fff;}
.main-hero-text {color:#fff;}
.main-hero-text .en {font-family:var(--font-family01); font-weight:700; font-size:8rem; line-height:1.19; -webkit-font-smoothing:antialiased;}
.main-hero-text .en .line-in {font-family:inherit; -webkit-transform:translateZ(0); transform:translateZ(0);}
.main-hero-text .en .line,
.main-hero-text .kr .line {display:block; overflow:hidden;}
.main-hero-text .line-in {display:block; transform:translateY(110%); opacity:0;}
.main-hero-text:not(.is-play) .line-in {animation:none;}
.main-hero-text.is-play .line-in {animation:mainHeroLineUp .9s cubic-bezier(.22,1,.36,1) forwards;}
.main-hero-text.is-play .en .line:nth-child(1) .line-in {animation-delay:.2s;}
.main-hero-text.is-play .en .line:nth-child(2) .line-in {animation-delay:.4s;}
.main-hero-text.is-play .kr .line-in {animation-delay:.65s;}
.main-hero-text .kr {margin-top:2.5rem; font-size:3.8rem; font-weight:600;}

@keyframes mainHeroLineUp {
  to {opacity:1; transform:translateY(0);}
}

.main-hero-control {display:flex; align-items:center; gap:2rem; margin-top:7rem; color:#fff;}
.main-hero-control .num {font-family:var(--font-family01); font-size:2rem; font-weight:600; line-height:1;}
.main-hero-control .num.total {font-weight:500; opacity:.7;}
.main-hero-control .bar {position:relative; flex:none; width:20rem; height:.4rem; background:rgba(255,255,255,.25); border-radius:99px; overflow:hidden;}
.main-hero-control .bar-fill {position:absolute; inset:0 auto 0 0; width:0%; background:#fff; border-radius:99px;}
.main-hero-control .arr {flex:none; display:flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; padding:0; border:none; background:none; cursor:pointer; opacity:.85; transition:opacity .2s ease;}
.main-hero-control .arr:hover {opacity:1;}
.main-hero-control .arr img {width:1.4rem; height:auto;}
.main-hero-control .arr.next img {transform:scaleX(-1);}

@media all and (max-width:1024px) {
  .main-hero {height:55rem;}
  .main-hero-text .en {font-size:5.2rem;}
  .main-hero-text .kr {font-size:2.5rem; margin-top:2rem;}
  .main-hero-control {margin-top:5rem;}
  .main-hero-control .num {font-size:1.8rem;}
  .main-hero-control .bar {width:16rem;}
}
@media all and (max-width:768px) {
  .main-hero {height:45rem;}
  .main-hero-text .en {font-size:3.8rem;}
  .main-hero-text .kr {margin-top:1.5rem; font-size:2rem;}
  .main-hero-control {margin-top:3rem; gap:1.5rem;}
  .main-hero-control .bar {width:10rem;}
  .main-hero-control .num {font-size:1.6rem;}
  .main-hero-control .arr {width:2rem; height:2rem;}
  .main-hero-control .arr img {width:1.2rem;}
}
@media all and (max-width:499px) {
  .main-hero {height:35rem;}
  .main-hero-text .en {font-size:3.2rem;}
  .main-hero-text .kr {font-size:1.8rem;}
}


/* ========== BRAND ========== */
.brand {padding:12rem 0;}
.brand-inner {display:flex; align-items:center; justify-content:space-between; gap:6rem; min-width:0;}
.brand-text {flex:0 1 55rem; width:100%; min-width:0; max-width:55rem;}
.brand-eyebrow {font-family:var(--font-family01); font-weight:700; font-size:2.5rem; color:var(--primary01);}
.brand-tit {margin:3.5rem 0 2rem; font-size:5.4rem; font-weight:700; line-height:1.2; color:var(--text0);}
.brand-desc {font-size:2.5rem; font-weight:500; color:var(--text30);}
.brand-btns {display:flex; gap:1.5rem; margin-top:6rem;}
.brand-media {flex:0 1 78.4rem; width:100%; min-width:0; max-width:78.4rem; height:auto; aspect-ratio:784/523; border-radius:var(--radius02); overflow:hidden;}
.brand-media img {display:block; width:100%; height:100%; object-fit:cover;}

.brand-eyebrow, .brand-tit, .brand-desc, .brand-btns {opacity:0; transform:translateY(4rem);}
.brand.is-inview .brand-eyebrow {animation:brandUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.1s;}
.brand.is-inview .brand-tit {animation:brandUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.25s;}
.brand.is-inview .brand-desc {animation:brandUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.4s;}
.brand.is-inview .brand-btns {animation:brandUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.55s;}
.brand-media {opacity:0; transform:scale(.9);}
.brand.is-inview .brand-media {animation:brandPop 1s cubic-bezier(.34,1.56,.64,1) forwards;}

  @keyframes brandUp {to {opacity:1; transform:translateY(0);}}
  @keyframes brandPop {to {opacity:1; transform:scale(1);}}

  @media all and (max-width:1299px) {
    .brand {padding:8rem 0;}
    .brand-inner {gap:4rem;}
    .brand-inner {flex-direction:column-reverse; align-items:stretch;}
    .brand-text {max-width:none; flex:none;}
    .brand-media {flex:none; width:100%; max-width:none; height:auto; aspect-ratio:784/523;}
    .brand-tit {font-size:4.4rem; margin:2.5rem 0 1.5rem;}
    .brand-btns {margin-top:4rem;}
    }
    @media all and (max-width:768px) {
    .brand {padding:6rem 0;}
    .brand-eyebrow {font-size:2rem;}
    .brand-tit {margin:2rem 0 1rem; font-size:3.2rem;}
    .brand-desc {font-size:1.8rem;}
    .brand-btns {margin-top:3rem; gap:1rem;}
  }
  @media all and (max-width:499px) {
    .brand {padding:4rem 0;}
    .brand-inner {gap:3rem;}
    .brand-tit {margin:1rem 0 .3rem;}
  }
  @media all and (max-width:399px) {
    .brand-btns {flex-direction:column; gap:1rem; margin-top:2.5rem;}
  }


/* ========== FRESH MENU ========== */
.freshmenu {position:relative; padding:10rem 0; background:var(--primary01); overflow:hidden;}
.freshmenu-tit {font-family:var(--font-family01); font-size:6rem; font-weight:700; color:#fff; text-align:center;}
.freshmenu .cTab01 {padding:0; margin:3rem 0 4rem; overflow-x:auto; -webkit-overflow-scrolling:touch; text-align:center; -ms-overflow-style:none; scrollbar-width:none;}
.freshmenu .cTab01::-webkit-scrollbar {display:none;}
.freshmenu .cTab01 ul {display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:100%; padding:0; margin:0;}
.freshmenu .cTab01 ul li a,
.freshmenu .cTab01 ul li button {min-width:11rem; border-color:#fff; background:transparent;}
.freshmenu .cTab01 ul li a span,
.freshmenu .cTab01 ul li button span {color:#fff;}
.freshmenu .cTab01 ul li > .bubble span {background:#fff;}
.freshmenu .cTab01 ul li:hover a span, .freshmenu .cTab01 ul li.on a span, .freshmenu .cTab01 ul li.over a span,
.freshmenu .cTab01 ul li:hover button span, .freshmenu .cTab01 ul li.on button span, .freshmenu .cTab01 ul li.over button span {color:var(--primary01);}
.freshmenu .cTab01 ul li:hover button,
.freshmenu .cTab01 ul li:hover a, 
.freshmenu .cTab01 ul li.on button, 
.freshmenu .cTab01 ul li.on a, 
.freshmenu .cTab01 ul li.over button {border:0;}

.freshmenu-tit,
.freshmenu-tabs,
.freshmenu-slider {opacity:0; transform:translateY(4rem);}
.freshmenu.is-inview .freshmenu-tit {animation:freshmenuUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.1s;}
.freshmenu.is-inview .freshmenu-tabs {animation:freshmenuUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.25s;}
.freshmenu.is-inview .freshmenu-slider {animation:freshmenuUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.4s;}

@keyframes freshmenuUp {to {opacity:1; transform:translateY(0);}}

.freshmenu-slider {position:relative; width:100%; min-width:0; box-sizing:border-box; container-type:inline-size; --freshmenu-arr-w:3.2rem; --freshmenu-pad-x:5.5rem; --freshmenu-gap:4rem; --freshmenu-visible:4; --freshmenu-card:min(32.5rem, calc((100% - (var(--freshmenu-gap) * (var(--freshmenu-visible) - 1))) / var(--freshmenu-visible))); padding-inline:var(--freshmenu-pad-x);}
.freshmenu-panel {width:100%; max-width:142rem; margin-inline:auto; min-width:0; overflow:hidden;}
.freshmenu-track {display:flex; gap:var(--freshmenu-gap); justify-content:flex-start; width:100%; min-width:0; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; -ms-overflow-style:none; scrollbar-width:none;}
.freshmenu-track::-webkit-scrollbar {display:none;}
.freshmenu-item {position:relative; flex:0 0 var(--freshmenu-card); width:var(--freshmenu-card); min-width:0; scroll-snap-align:start; scroll-snap-stop:always; padding-bottom:3.5rem; background:#fff; border-radius:var(--radius02); overflow:hidden; isolation:isolate;}
a.freshmenu-item {display:block; color:inherit; text-decoration:none; cursor:pointer;}
.freshmenu-item .thumb {position:relative; aspect-ratio:325/250; height:auto; overflow:hidden; background:#fff;}
.freshmenu-item .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; max-width:100%; object-fit:contain; transition:transform .5s cubic-bezier(.22,1,.36,1);}
.freshmenu-item:hover .thumb img {transform:translate(-50%,-50%) scale(1.12);}
.freshmenu-item .info {padding:2rem 3rem 0; text-align:center;}
.freshmenu-item .name {font-size:clamp(1.8rem, 2vw, 2.4rem); font-weight:700; color:var(--primary01);}
.freshmenu-item .name-en {margin-top:1.2rem; font-family:var(--font-family01); font-size:clamp(1.3rem, 1.4vw, 1.6rem); font-weight:500; color:var(--text76);}
.freshmenu-item .badge-new {position:absolute; right:2rem; top:2rem; z-index:2; display:flex; align-items:center; justify-content:center; width:6rem; height:6rem; border-radius:3.25rem; background:var(--point02); font-family:var(--font-family01); font-size:1.6rem; font-weight:700; color:#fff;}

.freshmenu-slider .arr {position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:var(--freshmenu-arr-w); height:5.6rem; padding:0; border:none; background:none; cursor:pointer; opacity:.85; transition:opacity .2s ease;}
.freshmenu-slider .arr::before {content:""; display:block; width:100%; height:100%; background:#fff; clip-path:polygon(100% 5.9%, 21% 50%, 100% 94.1%, 89.5% 100%, 0 50%, 89.5% 0);}
.freshmenu-slider .arr:hover {opacity:1;}
.freshmenu-slider .arr.prev {left:calc((var(--freshmenu-pad-x) - var(--freshmenu-arr-w)) / 2);}
.freshmenu-slider .arr.next {right:calc((var(--freshmenu-pad-x) - var(--freshmenu-arr-w)) / 2);}
.freshmenu-slider .arr.next::before {transform:scaleX(-1);}

.freshmenu-more-wrap {display:flex; justify-content:center; margin-top:5rem;}
.freshmenu-more.overlap-btn {color:#fff;}
.freshmenu-more.overlap-btn .overlap-stroke {stroke:#fff;}
.freshmenu-more.overlap-btn .overlap-fill {fill:#fff;}
.freshmenu-more.overlap-btn .overlap-arrow {background-image:none; background-color:#fff; -webkit-mask:url(../img/main/btn_plus.svg) no-repeat center / 1.8rem 1.8rem; mask:url(../img/main/btn_plus.svg) no-repeat center / 1.8rem 1.8rem;}
.freshmenu-more.overlap-btn:hover, .freshmenu-more.overlap-btn:focus-visible {color:var(--primary01);}
.freshmenu-more.overlap-btn:hover .overlap-arrow, 
.freshmenu-more.overlap-btn:focus-visible .overlap-arrow {background-image:none; background-color:var(--primary01);}

.freshmenu .menu-empty {color:#fff; text-align:center; font-size:2rem;}

@media all and (min-width:1500px) {
  .freshmenu-slider {--freshmenu-pad-x:7rem;}
  .freshmenu-slider .arr {height:6.2rem;}
}
@media all and (max-width:1400px) {
  .freshmenu {padding:8rem 0;}
  .freshmenu-slider {--freshmenu-pad-x:5rem; --freshmenu-gap:3rem; --freshmenu-visible:3;}
  .freshmenu-tit {font-size:4.4rem;}
}
@media all and (max-width:1024px) {
  .freshmenu {padding:7rem 0;}
  .freshmenu .cTab01 {margin:2rem 0 4rem;}
  .freshmenu-item .badge-new {right:1.5rem; top:1.5rem; width:4.8rem; height:4.8rem; font-size:1.3rem;}
  .freshmenu-slider .arr.prev {left:0.3rem;}
  .freshmenu-slider .arr.next {right:0.3rem;}
}
@media all and (max-width:768px) {
  .freshmenu {padding:5rem 0;}
  .freshmenu-tit {font-size:3.2rem;}
  .freshmenu-slider {--freshmenu-arr-w:2.6rem; --freshmenu-pad-x:4rem; --freshmenu-gap:2rem; --freshmenu-visible:2;}
  .freshmenu-item {padding-bottom:2.5rem;}
  .freshmenu-item .info {padding:1.5rem 2rem 0;}
  .freshmenu-slider .arr {height:5rem;}
  .freshmenu-more-wrap {margin-top:4rem;}
}
@media all and (max-width:599px) {
  .freshmenu-slider {--freshmenu-gap:1.5rem; --freshmenu-visible:1; --freshmenu-card:100%;}
}
@media all and (max-width:499px) {
  .freshmenu-slider {--freshmenu-arr-w:2rem; --freshmenu-pad-x:3.5rem;}
  .freshmenu-slider .arr {height:4rem;}
  .freshmenu-more.overlap-btn .overlap-arrow {mask-size:1.4rem 1.4rem;}
}


/* ========== NEWS ========== */
.news {padding:10rem 0; overflow:visible;}
.news-tit-wrap {display:flex; flex-direction:column; align-items:center; text-align:center;}
.news-eyebrow {font-family:var(--font-family01); font-weight:700; font-size:2.5rem; color:var(--primary01);}
.news-tit {font-size:5.4rem; font-weight:700; color:var(--text0);}

.news-eyebrow,
.news-tit,
.news-tabs,
.news-slider {opacity:0; transform:translateY(4rem);}
.news.is-inview .news-eyebrow {animation:freshmenuUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.1s;}
.news.is-inview .news-tit {animation:freshmenuUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.25s;}
.news.is-inview .news-tabs {animation:freshmenuUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.4s;}
.news.is-inview .news-slider {animation:freshmenuUp .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:.55s;}

.news .cTab01 {padding:0; margin:2rem 0 5rem; overflow-x:auto; -webkit-overflow-scrolling:touch; text-align:center; -ms-overflow-style:none; scrollbar-width:none;}
.news .cTab01::-webkit-scrollbar {display:none;}
.news .cTab01 ul {display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:100%; padding:0; margin:0;}

.news .inner {overflow:visible;}

.news-slider {position:relative; width:min(142rem, calc(100% + 4rem)); max-width:142rem; margin-inline:-2rem; overflow:visible; box-sizing:border-box; --news-shadow-x:1.5rem; --news-shadow-y:2rem; --news-pad-b:3rem; --news-gap:5rem; --news-visible:3;}
.news-panel {min-width:0; width:100%; max-width:142rem; margin-inline:auto; overflow:visible; --news-card:min(44rem, calc((100% - (var(--news-gap) * (var(--news-visible) - 1))) / var(--news-visible)));}
.news-viewport {width:100%; min-width:0; overflow:visible;}
.news-scroll {box-sizing:border-box; width:calc(100% + (var(--news-shadow-x) * 2)); margin-inline:calc(var(--news-shadow-x) * -1); padding:var(--news-shadow-y) var(--news-shadow-x) var(--news-pad-b); overflow-x:auto; overflow-y:visible; scroll-snap-type:x mandatory; scroll-behavior:smooth; scroll-padding-inline:var(--news-shadow-x); -ms-overflow-style:none; scrollbar-width:none;}
.news-scroll::-webkit-scrollbar {display:none;}
.news-track {display:flex; align-items:flex-start; gap:var(--news-gap); justify-content:flex-start; width:100%; min-width:0; overflow:visible;}
.news-item-wrap {flex:0 0 var(--news-card); width:var(--news-card); min-width:0; scroll-snap-align:start; scroll-snap-stop:always; box-sizing:border-box;}
.news-item {display:block; width:100%; min-width:0; border-radius:var(--radius02); background:#fff; box-shadow:0 .4rem 1.25rem rgba(0,0,0,.2); overflow:hidden;}
.news-item .thumb {height:44rem; overflow:hidden;}
.news-item .thumb img {display:block; width:100%; height:100%; max-width:100%; object-fit:cover; transition:transform .5s cubic-bezier(.22,1,.36,1);}
.news-item:hover .thumb img {transform:scale(1.08);}
.news-item .txt {padding:3rem 2.5rem;}
.news-item .txt .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:2.4rem; font-weight:500; color:var(--text20);}
.news-item .txt .date {margin-top:1.5rem; font-size:1.8rem; color:var(--text76);}

.news-slider .arr {position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:3.2rem; height:6.2rem; padding:0; border:none; background:none; cursor:pointer; opacity:.85; transition:opacity .2s ease;}
.news-slider .arr::before {content:""; display:block; width:100%; height:100%; background:var(--text-gray); clip-path:polygon(100% 5.9%, 21% 50%, 100% 94.1%, 89.5% 100%, 0 50%, 89.5% 0);}
.news-slider .arr:hover {opacity:1;}
.news-slider .arr.prev {left:-7rem;}
.news-slider .arr.next {right:-7rem;}
.news-slider .arr.next::before {transform:scaleX(-1);}

@media all and (max-width:1599px) {
  .news-slider {width:100%; max-width:none; margin-inline:0; --news-arr-w:3.2rem; --news-pad-x:5.5rem; padding-inline:var(--news-pad-x);}
  .news-panel {--news-card:calc((100% - (var(--news-gap) * (var(--news-visible) - 1))) / var(--news-visible));}
  .news-scroll {width:calc(100% + (var(--news-shadow-x) * 2)); margin-inline:calc(var(--news-shadow-x) * -1); padding:var(--news-shadow-y) var(--news-shadow-x) var(--news-pad-b);}
  .news-item .thumb {aspect-ratio:1/1; height:auto;}
  .news-slider .arr {top:50%; width:var(--news-arr-w); height:5.6rem;}
  .news-slider .arr.prev {left:calc((var(--news-pad-x) - var(--news-arr-w)) / 2);}
  .news-slider .arr.next {right:calc((var(--news-pad-x) - var(--news-arr-w)) / 2);}
}
@media all and (min-width:1500px) and (max-width:1599px) {
  .news-slider {--news-pad-x:7rem;}
  .news-slider .arr {height:6.2rem;}
}
@media all and (max-width:1400px) {
  .news {padding:8rem 0;}
  .news-slider {--news-pad-x:5rem; --news-gap:3rem; --news-visible:3;}
}
@media all and (max-width:1200px) {
  .news {padding:8rem 0;}
}
@media all and (max-width:1024px) {
  .news {padding:7rem 0;}
  .news .cTab01 {margin:2rem 0 3rem;}
  .news-tit {font-size:4rem;}
  .news-slider {--news-arr-w:2.8rem; --news-pad-x:4.5rem; --news-gap:3rem; --news-visible:2;}
  .news-slider .arr {height:5.2rem;}
  .news-slider .arr.prev {left:0.3rem;}
  .news-slider .arr.next {right:0.3rem;}
  .news-item .txt {padding:2.5rem 2rem;}
  .news-item .txt .tit {font-size:2rem;}
  .news-item .txt .date {margin-top:1.2rem; font-size:1.6rem;}
}
@media all and (max-width:768px) {
  .news {padding:5rem 0;}
  .news-tit {font-size:3.2rem;}
  .news .cTab01 {margin:1.5rem 0;}
  .news-slider {--news-arr-w:2.6rem; --news-pad-x:4rem; --news-gap:2.5rem; --news-visible:2; --news-shadow-x:1.5rem;}
  .news-slider .arr {height:5rem;}
  .news-item .txt {padding:2.2rem 1.8rem;}
  .news-item .txt .tit {font-size:1.9rem;}
}
@media all and (max-width:599px) {
  .news {padding:4rem 0;}
  .news-slider {--news-gap:2.5rem; --news-visible:1; --news-shadow-x:1.5rem;}
  .news-eyebrow {font-size:2rem;}
  .news-item .txt {padding:2rem 2rem;}
  .news-item .txt .tit {font-size:1.8rem;}
  .news-item .txt .date {margin-top:1rem; font-size:1.5rem;}
}
@media all and (max-width:499px) {
  .news-slider {--news-arr-w:2rem; --news-pad-x:3.5rem;}
  .news-slider .arr {height:4rem;}
}


/* ========== 글자흐름 (marquee) ========== */
.news-marquee {position:relative; width:100%; padding:4rem 0; overflow:hidden; background:#fff;}
.news-marquee .row {display:inline-flex; width:max-content; align-items:center; gap:6rem; white-space:nowrap; font-family:var(--font-family01); font-weight:700; font-size:15rem; line-height:1; color:var(--primary01); will-change:transform; transform:translateZ(0);}
.news-marquee .row span {display:block; flex:none; padding:0; color:var(--primary01);}
.news-marquee .row .is-solid {color:var(--primary01); -webkit-text-fill-color:currentColor;}
.news-marquee .row .is-outline {position:relative; display:block; color:transparent;}
.news-marquee .row .is-outline-size {visibility:hidden; white-space:nowrap;}
.news-marquee .row .is-outline::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:.72em;
  transform:translateY(-50%);
  background:url(../img/main/marquee_linetext.svg) no-repeat center / 100% 100%;
}
.news-marquee .row.ltr {animation:marqueeLtr 32s linear infinite;}
.news-marquee .row.rtl {animation:marqueeRtl 32s linear infinite;}

@keyframes marqueeLtr {
  from {transform:translateX(0);}
  to {transform:translateX(-50%);}
}
@keyframes marqueeRtl {
  from {transform:translateX(-50%);}
  to {transform:translateX(0);}
}

@media all and (max-width:1024px) {
  .news-marquee {padding:3rem 0 0;}
  .news-marquee .row {font-size:8rem;}
}
@media all and (max-width:499px) {
  .news-marquee {padding:2rem 0 0;}
  .news-marquee .row {font-size:5rem;}
}


/* ========== With Kobongmin ========== */
.withkbm {position:relative; width:100%; min-height:65rem; overflow:hidden;}
.withkbm-media {position:absolute; inset:0; z-index:0;}
.withkbm-media img {display:block; width:100%; height:100%; object-fit:cover;}
.withkbm .inner {position:relative; z-index:1; display:flex; align-items:stretch; min-height:65rem;}
.withkbm-panel {position:relative; display:flex; align-items:center; align-self:stretch; width:min(56rem, calc(40vw - max(0px, (100vw - 142rem) / 2))); padding:6rem 8rem 6rem 0; background:var(--point01); box-sizing:border-box; transform:translateX(-100%); overflow:visible;}
.withkbm-panel::before {content:""; position:absolute; top:0; right:100%; bottom:0; width:100vw; background:var(--point01);}
.withkbm.is-inview .withkbm-panel {animation:withkbmSlideIn 1s cubic-bezier(.22,1,.36,1) forwards;}
.withkbm-text {width:100%;}
.withkbm-tit {font-family:var(--font-family01); font-weight:800; font-size:6rem; line-height:1.17; color:var(--primary01);}
.withkbm-desc {margin-top:3rem; font-size:2.5rem; font-weight:400; line-height:1.5; color:var(--text30);}
.withkbm-btn {margin-top:6rem;}

  @keyframes withkbmSlideIn {
    to {transform:translateX(0);}
  }
  @media all and (max-width:1199px) {
    .withkbm-tit {font-size:5rem;}
    .withkbm-desc {margin-top:2rem; font-size:2.2rem;}
    .withkbm-btn {margin-top:4rem;}
  }
  @media all and (max-width:1024px) {
    .withkbm {min-height:0;}
    .withkbm .inner {min-height:0; padding:0;}
    .withkbm-media {position:relative; inset:auto; width:100%; height:32rem;}
    .withkbm-panel {width:100%; padding:5rem 2rem; transform:none;}
    .withkbm-panel::before {display:none;}
    .withkbm.is-inview .withkbm-panel {animation:none;}
    .withkbm-tit {font-size:4.2rem;}
    .withkbm-tit br {display:none;}
    .withkbm-desc {font-size:1.8rem;}
  }
  @media all and (max-width:768px) {
    .withkbm-panel {padding:4rem 2rem;}
    .withkbm-tit {font-size:3.2rem;}
    .withkbm-desc {margin-top:1rem; font-size:1.6rem;}
    .withkbm-btn {margin-top:3rem;}
  }