@import url("common.css");





/* visual */
#visual {position: relative; width:100%; height:var(--vh); min-height:100vh; overflow:hidden; box-sizing:border-box; }
#visual .visual__swiper { width:100%; height:100%; box-sizing:border-box; overflow:hidden; position: fixed; top:0; z-index: 1;}

#visual .visual__slide { position:relative; width:100%; height:100%; overflow:hidden; box-sizing:border-box; }
#visual .visual__slide.swiper-slide-active{z-index: 9;}
#visual .visual__bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; box-sizing:border-box; }
#visual .visual__bg::after{content:''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; opacity: 0.5;  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 42.87%); z-index: 2;}
#visual .visual__bg-img { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; box-sizing:border-box; transform:scale(1); transform-origin:center center; }
#visual .visual__bg-img img{display: block; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }



#visual .swiper-slide-active .visual__bg-img { animation:visualBgZoomIn 9s ease-out forwards; }
#visual .visual__bg-video .jarallax{position: absolute; width: 100%; height: 100%;}
#visual .visual__bg-video .jarallax iframe{position: absolute;}

@keyframes visualBgZoomIn { from { transform:scale(1); } to { transform:scale(1.08); } }
@keyframes visualTextFadeUp { from { opacity:0; transform:translateY(32px); } to { opacity:1; transform:translateY(0); } }

#visual .visual__inner {display:flex; flex-direction:column; align-items:center; justify-content:center; position: absolute; left: 50%; top:48%; transform: translate(-50%,-50%); text-align:center; gap:60px; z-index:3;} 
#visual .visual__inner .visual__title-en{letter-spacing: 0.48px;}
#visual .visual__inner .visual__title-ko span{display: inline; line-height: inherit; letter-spacing: inherit;}
#visual .visual__inner .visual__title-ko span.eng{letter-spacing: 2.4px; font-weight: 800;}
#visual .visual__copy{display: flex; flex-direction:column; align-items:center; justify-content:center;  gap:25px; opacity:0;}
#visual .swiper-slide-active .visual__copy { animation:visualTextFadeUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both; }
#visual .swiper-slide-active .visual__play { animation:visualTextFadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both; }
#visual .visual__logos img{max-width: 100%; height: auto;}
#visual .visual__play { position:relative; flex-shrink:0; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; box-sizing:border-box; width:80px; height:80px; border-radius:50%; border:1px solid var(--main); background:var(--main); pointer-events:auto; transition: all .3s ease; overflow: hidden; opacity:0;}
#visual .visual__play::before{content:''; display: block; width: 100%; height: 100%; box-sizing:border-box; background:var(--white); border-radius: 50%; position: absolute; left: 0; top:0; transition: all .3s ease; transform: scale(0); z-index: 1;}
#visual .visual__play:hover::before{transform: scale(1);}
#visual .visual__play::after{content:''; display: block; width: 100%; height: 100%; box-sizing:border-box; border-radius: 50%; position: absolute; left: 0; top:0; background: url('/img/more_video.png') no-repeat center/contain; transition: all .3s ease; z-index: 2;}
#visual .visual__play:hover::after{background: url('/img/more_video_on.png') no-repeat center/contain;}



@keyframes visualUiRise { from { opacity:0; margin-top: 28px; } to { opacity:1; margin-top: 0; } }
@keyframes visualScrollIn { from { opacity:0; transform:translate(-50%, 20px); } to { opacity:0.8; transform:translate(-50%, 0); } }
#visual .visual__controls { position:absolute; left:50%; bottom:120px; z-index:5; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:0 20px; transform:translateX(-50%);  box-sizing:border-box; pointer-events:auto; margin-top: 28px; opacity:0; animation:visualUiRise 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards; }

#visual .visual__arrow { position:relative; flex-shrink:0; display:block; box-sizing:border-box; width:32px; height:32px; padding:0; border:0; background:transparent; cursor:pointer; transition:opacity 0.25s ease; }
#visual .visual__arrow.swiper-button-lock{display: none;}
#visual .visual__arrow:hover { opacity:0.75; }
#visual .visual__arrow::before { content:''; position:absolute; left:50%; top:50%; font-family:var(--icon); font-size:32px; line-height:1; font-weight:400; font-style:normal; color:var(--white); opacity:0.85; transform:translate(-50%,-50%); pointer-events:none; text-align: center;}
#visual .visual__arrow--prev::before { content:'\e5e1'; transform: translate(-50%,-50%) rotate(180deg);}
#visual .visual__arrow--next::before { content:'\e5e1'; }

#visual .visual__pagination { position:relative; top:auto; bottom:auto; left:auto; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:0 15px; width:auto; box-sizing:border-box; }
#visual .visual__pagination .visual__bullet { display:block; width:8px; height:8px; padding:0; border:0; border-radius:50%; background-color:rgba(255,255,255,0.35); opacity:1; cursor:pointer; transition:background-color 0.3s ease, transform 0.3s ease; box-sizing:border-box; }
#visual .visual__pagination .visual__bullet--active { background-color:var(--main);}

#visual .visual__scroll { position:absolute; left:50%; bottom:30px; z-index:5; display:flex; flex-wrap:nowrap; align-items:flex-end; justify-content:center; box-sizing:border-box; width:36px; height:60px; margin:0; padding:0 0 10px; border:1px solid rgba(255,255,255,0.5); border-radius:var(--borderR5); background:transparent; transform:translateX(-50%); opacity:0; pointer-events:auto; transition:opacity 0.35s ease; text-decoration:none; color:inherit; cursor:pointer; animation:visualScrollIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.85s forwards; }
#visual .visual__scroll:hover { opacity:1; }
#visual .visual__scroll::before { content:'\ead0'; display:block; font-family:var(--icon); font-size:20px; line-height:1; font-weight:300; font-style:normal; color:var(--white); }
#visual .swiper-button-disabled.visual__arrow { opacity:0.25; cursor:default; }
@media (prefers-reduced-motion:reduce) {
#visual .visual__bg-img--pos-vta { transform:none; }
#visual .swiper-slide-active .visual__bg-img { animation:none; transform:scale(1); }
#visual .visual__copy,
#visual .swiper-slide-active .visual__copy { animation:none; opacity:1; transform:none; }
#visual .visual__play,
#visual .swiper-slide-active .visual__play { animation:none; opacity:1; transform:none; transition-duration:0.01ms; }
#visual .visual__play:hover { transition-duration:0.01ms; transform:none; }
#visual .visual__controls,
#visual .visual__scroll { animation:none; opacity:1; transform:translate(-50%, 0); }
#visual .visual__scroll { opacity:0.8; }
#business .business__card,
#business .business__media img,
#business .business__layer { transition-duration:0.01ms; }
}

/* 메인 비주얼 유튜브 레이어 (Figma: 어두운 오버레이 · 영상 상단 중앙 닫기 · 등장: 위→아래) */
.visualVideoModal { position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; padding:32px 24px; overflow-y:auto; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.4s; }
.visualVideoModal.is-open { opacity:1; visibility:visible; pointer-events:auto; transition:opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s; }
.visualVideoModal__backdrop { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); cursor:pointer; box-sizing:border-box; }
.visualVideoModal__shell { position:relative; z-index:2; box-sizing:border-box; width:100%; max-width:1320px; margin:auto 0; display:flex; flex-direction:column; align-items:center; transform:translateY(-100px); opacity:0; transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s cubic-bezier(0.22, 1, 0.36, 1); }
.visualVideoModal.is-open .visualVideoModal__shell { transform:translateY(0); opacity:1; transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1) 0.06s, opacity 1s cubic-bezier(0.22, 1, 0.36, 1) 0.06s; }
.visualVideoModal__stage { position:relative; box-sizing:border-box; width:100%; max-width:1200px; padding-top:52px; }
.visualVideoModal__close { position:absolute; left:50%; top:0; box-sizing:border-box; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; color:var(--white); transform:translateX(-50%); transition:opacity 0.25s ease; }
.visualVideoModal__close:hover { opacity:0.75; }
.visualVideoModal__close::before { content:'\e5cd'; display:block; font-family:var(--icon); font-size:40px; line-height:44px; font-weight:300; font-style:normal; color:var(--white); text-align:center; }
.visualVideoModal__ratio { position:relative; box-sizing:border-box; width:100%; padding-bottom:56.25%; height:0; overflow:hidden; background:var(--blackBg); }
.visualVideoModal__iframe { position:absolute; left:0; top:0; width:100%; height:100%; border:0; box-sizing:border-box; }
body.visualVideoModal-open { overflow:hidden; }


.container{background:var(--white); position: relative; z-index: 1;}


/* business */
#business{position:relative; overflow:hidden; z-index: 2;}
#business .business_bg{position:absolute; left:0; top:0; width:100%; height:100%; background:var(--black); z-index:-1; box-sizing:border-box; transition:opacity 1s linear; opacity:0;}
#business.business--bg-in .business_bg{opacity:1;}
#business .business__dark { color:var(--black); }
#business .business__row { display:flex; flex-wrap:nowrap; align-items:stretch; gap:0 15px; box-sizing:border-box; width:100%; max-width:1590px;  margin:0 auto; }
#business .business__card { position:relative; box-sizing:border-box; flex:1; height:600px; overflow:hidden; opacity:0.6; transition:flex 0.45s cubic-bezier(0.4,0,0.2,1), opacity 0.45s cubic-bezier(0.4,0,0.2,1); }
#business .business__card--active { flex:2; opacity:1; }
#business .business__link { display:block; position:relative; box-sizing:border-box; width:100%; height:100%; color:inherit; text-decoration:none; }
#business .business__media { position:relative; box-sizing:border-box; width:100%; height:100%; overflow:hidden; }
#business .business__media img { display:block; width:100%; height:100%; object-fit:cover; vertical-align:top; transition:filter 0.45s ease, object-fit 0.01s; }
#business .business__card:not(.business__card--active) .business__media img { filter:grayscale(100%) brightness(0.55); }
#business .business__card--active .business__media img { filter:none; }
#business .business__gradient { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; transition:opacity 0.45s ease; }
#business .business__gradient--film { background:linear-gradient(233.96deg, rgba(0,0,0,0) 8.69%, rgb(0,0,0) 100.34%); opacity:0.5; }
#business .business__card:nth-child(1):not(.business__card--active) .business__gradient--film { opacity:0; }
#business .business__gradient--glass { background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 45%, rgb(255,255,255) 100%); opacity:0; }
#business .business__card:nth-child(2).business__card--active .business__gradient--glass { opacity:1; }
#business .business__gradient--huber { background:linear-gradient(253.1deg, rgba(0,0,0,0) 8.69%, rgb(0,0,0) 100.34%); opacity:0; }
#business .business__card:nth-child(3).business__card--active .business__gradient--huber { opacity:0.5; }
#business .business__layer { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; box-sizing:border-box; transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1), visibility 0.4s cubic-bezier(0.4,0,0.2,1); }
#business .business__card--active .business__layer--compact { opacity:0; visibility:hidden; }
#business .business__card--active .business__layer--expand { opacity:1; visibility:visible; }
#business .business__card:not(.business__card--active) .business__layer--compact { opacity:1; visibility:visible; }
#business .business__card:not(.business__card--active) .business__layer--expand { opacity:0; visibility:hidden; }
#business .business__bottom { position:absolute; left:50px; right:50px; bottom:50px; box-sizing:border-box; display:flex; flex-wrap:nowrap; align-items:flex-end; }
#business .business__bottom--wide { justify-content:space-between; gap:0 20px; }
#business .business__bottom--stack { left:50px; right:auto; width:auto; max-width:calc(100% - 100px); justify-content:flex-start; flex-direction:column; align-items:flex-start; gap:0; }
#business .business__dark { align-items:flex-end; }
#business .business__text { display:flex; flex-direction:column; gap:5px 0; align-items:flex-start; flex-shrink:0; min-width:min-content; }
#business .business__text > p { white-space:nowrap; color:var(--white);}
#business .business__text .fs20 { line-height:170%; letter-spacing:var(--letter-spacing-body); }
#business .business__dark .fs45.business__dark,
#business .business__dark .fsE20.business__dark { color:var(--black); }
#business .business__card--active .business__layer--expand .more_btn { opacity:1; transform:translateX(0); transition: all 0.35s ease; transition-delay:0.05s; }




/* news */
#news{position:relative; overflow:hidden; z-index: 2;}
#news .news_bg{position:absolute; left:0; top:0; width:100%; height:100%; background:var(--grayBg); z-index:-1; box-sizing:border-box; transition:opacity 1s linear; opacity:0;}
#news.news--bg-in .news_bg{opacity:1;}
#news .news__head { position:relative; box-sizing:border-box; width:100%; margin-bottom:60px; }
#news .news__titles { display:flex; flex-direction:column; align-items:flex-start; gap:10px 0; box-sizing:border-box; }
#news .news__titles .fsE60 { color:var(--black); }
#news .news__sub { color:var(--basic); letter-spacing:var(--letter-spacing-body); }
#news .news__actions { position:absolute; right:0; top:50%; margin-top: -32px; display:flex; flex-wrap:nowrap; align-items:center; gap:0 20px; box-sizing:border-box; }
#news .news__nav { display:flex; flex-wrap:nowrap; align-items:center; box-sizing:border-box; }
#news .news__nav-btn { position:relative; display:block; flex-shrink:0; box-sizing:border-box; width:60px; height:60px; margin:0; padding:0; border:0; border-radius:50%; background-color:transparent; cursor:pointer; transition:opacity 0.2s ease; }
#news .news__nav-btn--prev { margin-right:-10px; }
#news .news__nav-btn.swiper-button-lock{display: none;}
#news .news__nav-btn::before { content:''; position:absolute; left:50%; top:50%; font-family:var(--icon); font-size:60px; line-height:1; font-weight:400; font-style:normal; color:var(--black); opacity:0.5; transform:translate(-50%,-50%); pointer-events:none; transition:all .3s ease;}
#news .news__nav-btn--prev::before { content:'\e5de'; }
#news .news__nav-btn--next::before { content:'\e5df'; }
#news .news__nav-btn:hover::before { opacity:1; }
#news .news__nav-btn.swiper-button-disabled { cursor:default; pointer-events:none; }
#news .news__nav-btn.swiper-button-disabled::before { opacity:0.22; }
#news .btn-area{ display: flex;  flex-direction: column; justify-content: center;}
#news .news__slider { position:relative; overflow:hidden; box-sizing:border-box; width:100%;}
#news .news__slider .swiper-wrapper { align-items:stretch; }
#news .news__slider .swiper-slide { height:auto; align-self:stretch; box-sizing:border-box; width:100%; }
#news .news__slider.swiper-grid > .swiper-wrapper { row-gap:30px; }
@media all and (max-width:1300px) {
#news .news__slider.swiper-grid > .swiper-wrapper { row-gap:24px; }
}
#news .news__slider.swiper-grid > .swiper-wrapper > .swiper-slide { margin-top:0 !important; }
#news .news__slider .swiper-slide .news__card { height:100%; }
#news .news__card { height:100%; background-color:var(--white); box-sizing:border-box; transition:transform 0.4s cubic-bezier(0.4,0,0.2,1), box-shadow 0.4s cubic-bezier(0.4,0,0.2,1); }
#news .news__card:has(.news__card-link:hover),
#news .news__card:has(.news__card-link:focus-visible) { transform:translateY(-6px); box-shadow:var(--shadow); }
#news .news__card-link { display:block; color:inherit; text-decoration:none; }
#news .news__thumb { position:relative; overflow:hidden; box-sizing:border-box; width:100%; aspect-ratio:376/235; }
#news .news__thumb img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; vertical-align:top; transition:transform 0.55s cubic-bezier(0.4,0,0.2,1); }
#news .news__card-link:hover .news__thumb img,
#news .news__card-link:focus-visible .news__thumb img { transform:scale(1.06); }
#news .news__body { display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box; min-height:0; padding:30px; }
#news .news__txt { display:flex; flex-direction:column; gap:12px 0; box-sizing:border-box; }
#news .news__ttl { margin:0; height: 3.2em; line-height: 1.6em; color:var(--black); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; transition:color 0.35s ease; }
#news .news__card-link:hover .news__ttl,
#news .news__card-link:focus-visible .news__ttl { color:var(--main); }
#news .news__excerpt { margin:0; color:var(--basic); letter-spacing:var(--letter-spacing-body); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; transition:color 0.35s ease; }
#news .news__card-link:hover .news__excerpt,
#news .news__card-link:focus-visible .news__excerpt { color:var(--black); }
#news .news__date { display:flex; flex-wrap:nowrap; align-items:center; gap:0 8px; box-sizing:border-box; margin-top:24px; color:var(--black); opacity:0.5; transition:opacity 0.35s ease; letter-spacing: 0;}
#news .news__card-link:hover .news__date,
#news .news__card-link:focus-visible .news__date { opacity:0.85; }
#news .news__date::before { content:'calendar_month'; display:block; flex-shrink:0; font-family:var(--icon); font-size:18px; line-height:1; font-weight:400; font-style:normal; color:inherit; font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; font-feature-settings:'liga'; -webkit-font-feature-settings:'liga'; }
#news .btn-area.mo{display: none;}



/* support */
#support{overflow: hidden; position: relative; background:var(--white); z-index: 2;}
#support .support__head { display:flex; flex-direction:column; align-items:flex-start; gap:15px 0; box-sizing:border-box; width:100%; margin-bottom:60px; }
#support .support__title { margin:0; color:var(--black); }
#support .support__sub { margin:0; color:var(--basic); letter-spacing:var(--letter-spacing-body); }
#support .support__row { display:flex; flex-wrap:nowrap; align-items:stretch; gap:0 30px; box-sizing:border-box; width:100%; }
#support .support__card { position:relative; flex:1 1 0; min-width:0; max-width:510px; box-sizing:border-box; height:550px; overflow:hidden; }
#support .support__media { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--blackBg); }
#support .support__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0.9; vertical-align:top; }
#support .support__overlay { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; background:linear-gradient(135.06deg, rgb(0,0,0) 2.64%, rgba(0,0,0,0) 56.69%); opacity:0.7; }
#support .support__inner { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; box-sizing:border-box; width:100%; height:100%; padding:60px 50px; }
#support .support__txt { display:flex; flex-direction:column; align-items:flex-start; gap:10px 0; box-sizing:border-box; width:100%; }
#support .support__ttl { margin:0; text-align:left; width:100%; }
#support .support__desc { margin:0; letter-spacing:var(--letter-spacing-body); font-weight: 300;}
#support .support__btns { display:flex; flex-direction:column; align-items:flex-start; gap:4px 0; box-sizing:border-box; width:100%; }





/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){


/* business */
#business .business__bottom {left:40px; right:40px; bottom:40px; }
#business .business__bottom--wide { gap:0 10px;}
#business .business__bottom--stack { left:40px; max-width:calc(100% - 80px);}
#business .business__text .fs45{ font-size:40px; }
#business .business__text .fsE45{ font-size:40px; }
#business .business__text .fsE20 { font-size:1rem; }
#business .business__card .business__layer--expand .more_btn {width: 65px; padding: 0; }
#business .business__card .business__layer--expand .more_btn i {width: 65px; height: 65px; right: 0; color:var(--white);}
#business .business__card .business__layer--expand .more_btn i::before{background: var(--main);}
#business .business__card .business__layer--expand .more_btn i::after{line-height: 65px;}
#business .business__card .business__layer--expand .more_btn em {display: none;}



/* support */
#support .support__desc br{display: none;}

}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/* business */
#business .business__row { gap:0 10px; }
#business .business__card {height:500px;}
#business .business__bottom {left:30px; right:30px; bottom:30px;}
#business .business__bottom--wide { gap:0 10px;}
#business .business__bottom--stack { left:30px; max-width:calc(100% - 60px);}
#business .business__text .fs45{ font-size:30px; line-height: 120%;}
#business .business__text .fsE45{ font-size:30px; line-height: 120%;}
#business .business__card .business__layer--expand .more_btn {width: 50px; height: 50px;}
#business .business__card .business__layer--expand .more_btn i {width: 50px; height: 50px;}
#business .business__card .business__layer--expand .more_btn i::after{line-height: 50px; font-size:22px;}




/* support */
#support .support__card {height:450px;}
#support .support__inner {padding:50px 40px; }


}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/* business · Figma 68817:7413 (~980) */
#business .business__row { display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:5px; max-width:none; height:auto; margin:0 auto; }
#business .business__card,
#business .business__card--active { flex:0 0 auto; width:100%; height:350px; opacity:1; }
#business .business__card:not(.business__card--active) .business__media img,
#business .business__card--active .business__media img { filter:none; }
#business .business__card:nth-child(1):not(.business__card--active) .business__gradient--film { opacity:0.5; }
#business .business__card:nth-child(2).business__card--active .business__gradient--glass { opacity:0; }
#business .business__card:nth-child(3) .business__gradient--huber { opacity:0.5; }
#business .business__card .business__layer--compact { opacity:0; visibility:hidden; }
#business .business__card .business__layer--expand,
#business .business__card:not(.business__card--active) .business__layer--expand { opacity:1; visibility:visible; }
#business .business__bottom { left:20px; right:20px; bottom:20px; align-items:center; }
#business .business__bottom--wide { gap:0 10px; justify-content:space-between; align-items:center; }
#business .business__text { width:auto; max-width:calc(100% - 55px); flex-shrink:1; min-width:0; }
#business .business__text > p { white-space:normal; }
#business .business__card:nth-child(2) .business__layer--expand .business__bottom--darktxt .business__dark { color:var(--black); }
#business .business__card .business__layer--expand .more_btn { width:45px; height:45px; padding:0; opacity:1; transform:translateX(0); border-radius:45px; }
#business .business__card .business__layer--expand .more_btn i { width:45px; height:45px; right:0; top:50%; transform:translateY(-50%); }
#business .business__card .business__layer--expand .more_btn i::after { line-height:45px; font-size:20px; }
#business .business__card .business__layer--compact{display: none;}

#business .business__text .fsE45{font-size:24px;}
#business .business__text .fs45{font-size:24px;}
#business .business__text .fsE20{line-height: 150%;}



/* news*/
#news .news__head{margin-bottom: 40px;}
#news .news__actions{margin-top: -27px; gap:0 15px;}
#news .news__nav-btn{width: 50px; height: 50px;}
#news .news__nav-btn::before{font-size:50px;}
#news .news__body { padding: 24px; }

/* support */
#support .support__head { gap:10px 0; margin-bottom:40px;}
#support .support__row { gap:10px; flex-direction: column;}
#support .support__card {flex:1; max-width:100%; height:350px;}
#support .support__inner {padding:40px 30px; gap:30px;}
#support .support__btns { gap:4px; flex-direction: row;}



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* business · Figma 68817:7413 (~980) */
#business .business__card,
#business .business__card--active {height:280px;}

#business .business__text .fsE45{font-size:20px;}
#business .business__text .fs45{font-size:20px;}

/* news*/
#news .news__head{margin-bottom: 20px;}
#news .news__actions{margin-top: -20px; gap:0;}
#news .news__titles{box-sizing:border-box; gap:6px; padding: 0 80px 0 0;}
#news .news__nav-btn{width: 40px; height: 40px;}
#news .news__nav-btn::before{font-size:40px;}
#news .news__nav-btn--prev{margin-right: -5px;}

#news .btn-area.pc { display: none; }
#news .btn-area.mo { display: flex; justify-content: center; flex-direction: row; width: 100%; margin-top: 20px;}
#news .news__slider{overflow: visible;}
#news .news__card:has(.news__card-link:hover),
#news .news__card:has(.news__card-link:focus-visible) { transform: translateY(-3px); }
#news .news__body { padding: 15px; }
#news .news__txt { gap: 8px 0; }
#news .news__ttl { height: auto; line-height: 162.5%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: unset; }
#news .news__date { margin-top: 8px; gap:5px;}
#news .news__date::before { font-size: 14px; }

/* visual */
#visual .visual__inner{gap:30px;} 
#visual .visual__copy{gap:10px;}
#visual .visual__logos img{max-width:70%;}
#visual .visual__play {width:60px; height:60px;}
#visual .visual__controls {bottom:90px; gap:0 15px;}

#visual .visual__arrow {width:24px; height:24px;}
#visual .visual__arrow::before {font-size:24px;}

#visual .visual__pagination {gap:0 10px;}

#visual .visual__scroll {bottom:20px; width:28px; height:47px; padding:0 0 6px;}
#visual .visual__scroll::before {font-size:16px;}


/* support */
#support .support__head { gap:6px; margin-bottom:20px;}
#support .support__row { gap:5px;}
#support .support__card {height:280px;}
#support .support__inner {padding:30px 25px; gap:20px;}
#support .support__txt { gap:5px 0;}
#support .support__btns { flex-direction: column;}




}