@charset "utf-8";

/* fullpage */
#fullpage .section{ height: 100dvh; }
#fp-nav { left:50%; top:auto; bottom: 38px; transform:translateX(-50%);}
#fp-nav.d-none{ display: none; }
#fp-nav ul { display: flex; align-items:center; column-gap:20px; }
#fp-nav ul li { width: 6px; height: 6px; margin: 0;}
#fp-nav ul li:has(a.active) { width: 34px; height: 34px; }
#fp-nav ul li:last-child{ display: none; }
#fp-nav ul li a span { width: 100%; height: 100%; border:none; background-color: #fff; transform:translate(-50%, -50%); }
#fp-nav ul li a span, #fp-nav ul li:hover a span { width: 6px; height: 6px; margin:0; }
#fp-nav ul li a span::before { content:""; position:absolute; left: 50%; top:50%; display: block; width: 34px; height: 34px; background-color: #fff; border-radius: 50%; opacity:0.1; transform:translate(-50%, -50%) scale(0); z-index: 1; transition:0.3s;}
#fp-nav ul li a span::after { content:""; position:absolute; left: 50%; top:50%; display: block; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; opacity:0.15; transform:translate(-50%, -50%) scale(0); z-index: 3; }
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span { width: 6px; height: 6px; margin:0; }
#fp-nav ul li a.active span { width: 6px; height: 6px; z-index: 5; }
#fp-nav ul li a.active span::before,#fp-nav ul li a.active span::after { transform: translate(-50%, -50%) scale(1); }
.fp-viewing-2 { overflow:hidden !important; }

/* light */
#fp-nav.light ul li a span{ background-color: #ccc; }
#fp-nav.light ul li a.active span,
#fp-nav.light ul li a span::before,
#fp-nav.light ul li a span::after { background-color: var(--main-color); }

.main-visual .visual-swiper { height: 100%; }
.visual-swiper .swiper-slide { background-color: #1d1d1d; }
.visual-swiper .video__box { overflow:hidden; position:absolute; left: 0; top: 0; width: 100%; height: 100%; }
.visual-swiper .video__box>video{ width: 100%; height: 100%; object-position: center center; object-fit:cover; }
.visual-swiper .swiper-slide .inner { position: relative; z-index: 10; display: flex; justify-content:center; align-items: center; height: 100%; }
.visual__text { text-align: center; }
.visual__text .box{ overflow:hidden; }
.visual__text .title { font-size: clamp(32px,4.69vw,90px); font-weight: 700; letter-spacing: -0.02em; color:#fff; }
.visual__text .title>br{ display: none; }
.visual__text .sub { margin-top: 25px; font-size: 22px; font-weight: 300; color:rgba(255,255,255,0.7); }
.visual-swiper .progress-bar { position:absolute; left:0; bottom:0; width: 100%; height: 4px; background-color: rgba(255,255,255,0.3); z-index: 10; }
.visual-swiper .progress-bar .bar { position:absolute; left:0; top:0; display: block; width: var(--progress); height: 100%; background-color: #fff; }
.visual-swiper .swiper-opt__wrap {  display:flex; align-items:center; column-gap:30px; position:absolute; left:100px; bottom:50px; width: fit-content; z-index: 10; }
.visual-swiper .swiper-opt__wrap .swiper-pagination { position:static; display: flex; column-gap:15px; }
.visual-swiper .swiper-opt__wrap .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; margin: 0; font-family: "Roboto", serif; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color:#fff; background-color: transparent; opacity:0.3;}
.visual-swiper .swiper-opt__wrap .swiper-pagination-bullet-active { opacity:1; }
.visual-swiper .swiper-opt__wrap .swiper-pagination-horizontal.swiper-pagination-bullets .visual-swiper .swiper-pagination-bullet { margin:0; }
.visual-swiper .swiper-opt__wrap .btn__area { display: flex; column-gap:13.66px; }
.visual-swiper .swiper-opt__wrap .btn__area .btn-start { width: 12px; height: 12px; border:none; background: url('/img/main/icon_start.svg') no-repeat center center/contain; }
.visual-swiper .swiper-opt__wrap .btn__area .btn-stop { width: 12px; height: 12px; border:none; background: url('/img/main/icon_stop.svg') no-repeat center center/contain; }
.scroll-text { position:absolute; right:100px; bottom:50px; display: flex; align-items:center; z-index: 10; }
.scroll-text>span{ font-size: 18px; letter-spacing: -0.02em; color: #fff; }
.scroll-text::after { content:""; display: inline-block; width: 12px; height: 12px; margin-left: 8px;background: url('/img/common/arrow_down.svg') no-repeat center center/contain; transform:translateY(-6px); animation: upDown 1.1s infinite ease-out both; }

.swiper-slide-active .visual__text .title{ animation: titleUp 0.6s 0.6s ease-out both; }
.swiper-slide-active .visual__text .sub{ animation: subUp 0.6s 1.2s ease-out both; }

.main-index .section__top { position: relative; margin-bottom: 40px; }
.main-index .section__top .category { font-size: 20px; font-weight: 500; color:var(--main-color); letter-spacing: -0.02em;}
.main-index .section__top .main-title { margin-top: 20px; font-size: clamp(24px,3.13vw,60px); font-weight: 700; line-height: 1.4; }
.main-index .section__top .link-more { font-family: var(--font-Pretendard); display: flex; align-items:center; font-size: 20px; font-weight: 500; color:#999;  transition:0.5s ease-out;}
.main-index .section__top .link-more::after{ content:""; display:block; width: 12px; height: 12px; margin-left: 6px; background: url('/img/common/arrow_right_gray.svg') no-repeat center center/contain;  transition:0.5s ease-out;}
.main-index .section__top .link-more:hover { color:var(--main-color); }
.main-index .section__top .link-more:hover::after{ transform:translateX(4px); }

.main-product { background: linear-gradient(180deg, #FFF 0%, #E5EBF3 100%);}
.main-product .inner { padding-top: 22px; }
.main-index .main-product .section__top .link-more { position: absolute; right:0; bottom:0; padding-right: 4px; }
.main-index .main-product .section__top .link-more:hover::after{ background: url('/img/common/arrow_right_blue.svg') no-repeat center center/contain; }
.card__list { display:flex; gap:30px; }
.card__item { flex:1; aspect-ratio:1.34/1; max-height:410px; }
.card__item>a { display: block; width: 100%; height: 100%; background-color: #fff;}
.card__inner { position:relative; width: 100%; height: 100%; transition: 0.5s ease-out;   transform-style: preserve-3d; }
.card__item .front, .card__item .back{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; }
.card__item .front { display: flex; flex-direction:column; justify-content:end; padding: min(2.6vw,50px); transition: 0.5s ease-out; }
.card__item:nth-child(1) .front{ background: url('/img/main/product_bg01.png') no-repeat center center/cover; }
.card__item:nth-child(2) .front{ background: url('/img/main/product_bg02.png') no-repeat center center/cover; }
.card__item:nth-child(3) .front{ background: url('/img/main/product_bg03.png') no-repeat center center/cover; }
.card__item .front h4 { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; color:#111; margin-bottom: 15px; }
.card__item .front p { margin-bottom: 20px; font-size: 18px; font-weight: 500; line-height: 1.5; color:#555555; }
.card__item .front span { font-size: 18px; font-weight: 400; color:#BBBBBB; }
.card__item .back { background: linear-gradient(180deg, #0059CD 0%, #002D67 100%); transform: rotateY(180deg); opacity:0; transition: 0.5s ease-out; }
.card__item:nth-child(1) .back{ padding-top:50px; }
.card__item:nth-child(2) .back{ padding-top:70px; }
.card__item:nth-child(3) .back{ padding-top:90px; }
.card__item .back img { display: block; margin:0 auto; }
.card__item:nth-child(1) .back img { width: min(9.01vw,173px); }
.card__item:nth-child(2) .back img { width: min(21.36vw,410px); }
.card__item:nth-child(3) .back img { width: min(20.26vw,389px); }
.card__item .back span { font-family: var(--font-Pretendard); position: absolute; left: 50%; bottom: 12.19%; display: flex; align-items:center; transform:translateX(-50%); font-size: 20px; font-weight: 300; letter-spacing: -0.02em; color:rgba(255,255,255,0.8); transition: 0.3s ease-out;}
.card__item .back span::after { content:""; display:block; width: 12px; height: 12px; margin-left: 10px; background: url('/img/common/arrow_right.svg') no-repeat center center/contain; opacity:0.8; transition: 0.3s ease-out;}
.card__item .back span:hover{ color:rgba(255,255,255,1); }
.card__item .back span:hover::after { opacity:1; transform:translateX(4px);}
.card__item:hover .card__inner { transform: rotateY(180deg); }
.card__item:hover .card__inner .back { opacity:1; }
.card__item:hover .card__inner .front { opacity:0; }

.main-tab { display: none; }
.main-business .slide-01 { background: url('/img/main/business_visual01.jpg') no-repeat center center/cover; }
.main-business .slide-02 { background: url('/img/main/business_visual02.jpg') no-repeat center center/cover; }
.main-business .slide-03 { background: url('/img/main/business_visual03.jpg') no-repeat center center/cover; }
.main-index .main-business .section__top{  opacity:0; }
.main-index .main-business .section__top .category { color:rgba(255,255,255,0.6); }
.main-index .main-business .section__top .main-title { font-size: clamp(24px, 3.646vw, 70px); color:#fff;}
.main-index .main-business .section__top .link-more { font-weight: 300; margin-top: 40px; color: rgba(255,255,255,0.8);}
.main-index .main-business .section__top .link-more::after { background: url('/img/common/arrow_right.svg') no-repeat center center/contain; opacity:0.8; }
.main-index .main-business .section__top .link-more:hover { color:#fff; }
.main-index .main-business .section__top .link-more:hover::after{ opacity:1; transform:translateX(4px); }
.main-business .area__list { position: absolute; right:100px; bottom:100px; z-index: 10; opacity:0; transition: opacity 0.3s ease-out; }
.main-business .area__list.active{ opacity:1; }
.main-business .area__list>li { font-size: 22px; font-weight: 400; color:rgba(255,255,255,0.5); letter-spacing: -0.02em; text-align: right; transition: 0.3s ease-out;}
.main-business .area__list>li+li { margin-top: 15px; }
.main-business .area__list>li.active{ font-size: 30px; font-weight: 500; letter-spacing: -0.02em; color:#fff;}
.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next {display: none;}
.fp-slides {width: 100% !important;}
.fp-slidesContainer { width: 100% !important; height: 300%; position:relative;}
.fp-slidesContainer .slide { float:none;  width: 100% !important; height: 33.3% !important; transition: all 0.6s linear;}
.fp-slidesContainer .fp-slide .inner { padding-top: 180px; }
.main-business .fp-tableCell { display: block; }
.main-business .slide:nth-child(2) { position: absolute; left: 0; top:0; transform:translateY(100%);}
.main-business .slide:nth-child(3) { position: absolute; left: 0; top:0; transform:translateY(100%);}
.main-business .slide:nth-child(2).prev{ transform:translateY(0%); }
.main-index .main-business .slide:nth-child(3).prev{ transform:translateY(0%); }
.main-index .main-business .slide:nth-child(2).active { transform:translateY(0%);}
.main-index .main-business .slide:nth-child(3).active { transform:translateY(0%);}

.main-index .main-business .slide.active .section__top { animation: slideLeft 1s 0.2s  ease-out both; }

.main-news { background: url('/img/main/news_visual.png') no-repeat center center/cover;}
.main-news .inner { padding-top: 110px; }
.main-index .main-news .section__top .main-title { margin-bottom: 55px; }
.main-index .main-news .section__top .link-more { position: absolute; right:0; bottom:0; color:#555; }
.main-index .main-news .section__top .link-more::after { background: url('/img/common/arrow_right_gray02.svg') no-repeat center center/contain; }
.main-index .main-news .section__top .link-more:hover { color: var(--main-color); }
.main-index .main-news .section__top .link-more:hover::after{ background-image: url('/img/common/arrow_right_blue.svg'); }
.main-news .card__item { flex:none; aspect-ratio:1.098/1; background: #fff; }
.main-news .card__item>a{ position: relative; padding: min(3.125vw,60px) min(2.6vw,50px); background: #fff; transition:0.3s ease-out; }
.main-news .card__item>a .category { display: inline-block; margin-bottom: min(2.08vw,40px); font-size: 18px; font-weight: 600; color: #999; transition:0.3s ease-out;}
.main-news .card__item>a .title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; font-size: clamp(18px,1.25vw,24px); font-weight: 600; line-height: 1.5; color: #111; transition:0.3s ease-out; white-space: normal; text-overflow: ellipsis;}
.main-news .card__item>a .date { font-family: var(--font-Pretendard); font-size: 16px; font-weight: 400; letter-spacing: -0.02em; color: #BBB; transition:0.3s ease-out;}
.main-news .card__item>a .arrow { position:absolute; left: min(2.6vw,50px); bottom:min(3.125vw,60px); display: inline-block; width: 40px; height: 20px; background: url('/img/common/arrow_more.svg') no-repeat 0% center/auto; transition:0.3s ease-out; }
.main-news .card__item:hover { background: linear-gradient(180deg, #0059CD 0%, #002D67 100%); }
.main-news .card__item:hover>a { background: transparent; }
.main-news .card__item:hover>a .category{ color: rgba(255,255,255,0.8); } 
.main-news .card__item:hover>a .title{ color: #fff; } 
.main-news .card__item:hover>a .date { color: rgba(255,255,255,0.8); } 
.main-news .card__item:hover>a .arrow { background: url('/img/common/arrow_more_on.svg') no-repeat 100% center/auto; }
.news-swiper { padding-bottom: 73px; }
.news-swiper .swiper-otp__wrap { position: absolute; left: 0; bottom:0; display: flex; align-items:center; column-gap:20px; width: 185px; }
.news-swiper .swiper-otp__wrap .page__area { position: relative; display: flex; column-gap:15px; width: 122px;}
.news-swiper .swiper-horizontal>.swiper-progress.swiper-pagination-progressbar, .news-swiper .swiper-progress.swiper-pagination-progressbar.swiper-pagination-horizontal { position: absolute; left: 50%; top:50%; width: 50px; height: 2px; transform:translate(-50%, -50%); }
.news-swiper .swiper-pagination-fraction { position: static; width: 100%; }
.news-swiper .swiper-pagination>span{ position: absolute; top: 50%; font-size: 18px; font-weight: 600; letter-spacing: -0.02em; transform: translateY(-50%); }
.news-swiper .swiper-pagination .swiper-pagination-current { left: 0; color: var(--main-color); }
.news-swiper .swiper-pagination .swiper-pagination-total { right: 0; color: #BBBBBB; }
.news-swiper .swiper-otp__wrap .btn__area { display: flex; column-gap:15px; }
.news-swiper .swiper-button-prev, .swiper-button-next { position: static; width: 14px; height: 14px; margin: 0; }
.news-swiper .swiper-button-prev { background: url('/img/main/swiper_prev.svg') no-repeat center center/contain; }
.news-swiper .swiper-button-prev.swiper-button-disabled { background-image: url('/img/main/swiper_prev_off.svg'); opacity:1; }
.news-swiper .swiper-button-next { background: url('/img/main/swiper_next.svg') no-repeat center center/contain; }
.news-swiper .swiper-button-next.swiper-button-disabled { background-image: url('/img/main/swiper_next_off.svg'); opacity:1; } 
.news-swiper .swiper-button-prev:after,.swiper-button-next:after{ display: none; }

.main-contact { background: url('/img/main/contact_visual.jpg') no-repeat center center/cover; }
.main-contact .inner { padding-bottom: 4.5px; }
.main-index .main-contact .section__top { margin-bottom: 60px; }
.main-index .main-contact .section__top .main-title { margin-top: 0; font-size: clamp(40px,4.6vw,90px); letter-spacing: -0.02em; color: #fff; text-align: center; }
.main-contact .link__list { display: flex; column-gap:30px; }
.main-contact .link__item { position: relative; flex:1; aspect-ratio: 2.54/1; width: 100%; height: 100%; }
.main-contact .link__item::before { content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.05); -moz-backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); z-index: 5; transition:0.4s ease-out;}
.main-contact .link__item .text__box { position: relative; display: flex; flex-direction:column; justify-content:space-between; height: 100%; padding: clamp(20px,3.13vw,60px); z-index: 10; }
.main-contact .link__item .text span { position: relative; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color: rgba(255,255,255,0.3); transition:0.4s ease-out;}
.main-contact .link__item .text h5 { margin-top: 10px; font-size: clamp(16px,1.875vw,36px); font-weight: 700; color: #fff; transition:0.4s ease-out;}
.main-contact .link__item:hover::before { background-color: transparent; -moz-backdrop-filter:none; -webkit-backdrop-filter:none; backdrop-filter:none;  }
.main-contact .link__item .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity:0; transition:0.4s ease-out; }
.main-contact .link__item:nth-child(1) .back { background: url('/img/main/contact_banner01.jpg') no-repeat center center/cover; }
.main-contact .link__item:nth-child(2) .back { background: url('/img/main/contact_banner02.jpg') no-repeat center center/cover; }
.main-contact .link__item a { display: flex; align-items:center; width: fit-content; padding: 15px 30px; font-size: clamp(14px,1.04vw,20px); font-weight: 500; color: #fff; background-color: transparent; outline:1px solid rgba(255,255,255,0.3); box-sizing:content-box; transition:0.4s ease-out; }
.main-contact .link__item a::after { content:""; display: block; width: 12px; height: 12px; margin-left: 15px; background: url('/img/common/arrow_right_gray.svg') no-repeat center center/contain; -moz-filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}
.main-contact .link__item:hover .text span { color: rgba(1,1,1,0.3); }
.main-contact .link__item:hover a { outline:none; background-color: var(--main-color); } 
.main-contact .link__item:hover .text h5 { color: #111; }
.main-contact .link__item:hover .back { opacity:1; }

@media screen and (max-width:1300px){
	.main-news .card__item>a .category, .main-news .card__item>a .date{ font-size: 14px; }
}

@media screen and (max-height:750px){
    #fullpage .fp-section:not(.fp-auto-height) { min-height: 700px !important; }
    #fullpage .fp-section.main-news { padding-bottom: 50px; }

    .main-business { overflow:hidden; position: relative; }
	.main-business .area__list { display: none; }
	.main-tab { position: absolute; left: 30px; bottom:20px; display: block; width: fit-content; z-index: 10; }
	.main-tab>button { display: block; font-size: 24px; font-weight: 400; color:#fff; letter-spacing: -0.02em; text-align: right; transition: 0.3s ease-out; opacity:0.8;  }
	.main-tab>button+button { margin-top: 15px; }
	.main-tab>button.on{ font-size: 28px; font-weight: 500; letter-spacing: -0.02em; opacity:1; }

	.main-business .slide { width: 100%; height: calc(100dvh - 80px); min-height:600px; z-index: 0; transition: none;}
	.main-business .slide.on { z-index: 1; transition: transform 0.6s linear;}
	.main-business .slide .inner { height: 100%; display: flex; align-items:center; }
	.main-business .slide.fixed{ transform:translateY(0%); }
	.main-business .slide.fixed-end{ transform:translateY(100%); }
	.main-business .slide-01 { position: relative; transform:translateY(100%); }
	.main-business .slide:nth-child(1).on { transform:translateY(0%);}
	.main-business .slide:nth-child(2).on { transform:translateY(0%);}
	.main-business .slide:nth-child(3).on { transform:translateY(0%);}
    .main-index .main-business .slide.active .section__top { animation: none; }
	.main-index .main-business .slide.on .section__top { animation: slideLeft 1s 0.2s  ease-out both; }
    
}

@media screen and (max-width:1200px){
	#fullpage .section:not(.main-visual,.main-business) { height: auto; padding: 80px 0 ;}
	#fullpage .section.fp-auto-height { padding: 0; }
	#fullpage .section .inner { padding: 0; }
	.card__item .front { padding: 24px; justify-content:center; }
	.card__item .front p, .card__item .front span { font-size: 14px; }
	.card__item:nth-child(1) .back { padding-top: 24px; }
	.card__item:nth-child(2) .back { padding-top: 40px; }
	.card__item:nth-child(3) .back { padding-top: 40px; }
	.card__item .back span { font-size: 14px; bottom: 24px; }
	.main-business { position: relative; }
	.main-index .main-business .section__top { margin-bottom: 0; }
	.main-business { overflow:hidden; position: relative; }
	.main-business .area__list { display: none; }
	.main-tab { position: absolute; left: 30px; bottom:20px; display: block; width: fit-content; z-index: 10; }
	.main-tab>button { display: block; font-size: 24px; font-weight: 400; color:#fff; letter-spacing: -0.02em; text-align: right; transition: 0.3s ease-out; opacity:0.8;  }
	.main-tab>button+button { margin-top: 15px; }
	.main-tab>button.on{ font-size: 28px; font-weight: 500; letter-spacing: -0.02em; opacity:1; }
	#fullpage .main-business { height: calc(100dvh - 80px); min-height:600px; }
	.main-business { overflow:hidden; }
	.main-business .slide { width: 100%; height: calc(100dvh - 80px); min-height:600px; z-index: 0;}
	.main-business .slide.on { z-index: 1; transition: transform 0.6s linear;}
	.main-business .slide .inner { height: 100%; display: flex; align-items:center; }
	.main-business .slide.fixed{ transform:translateY(0%); }
	.main-business .slide.fixed-end{ transform:translateY(100%); }
	.main-business .slide-01 { position: relative; transform:translateY(100%); background-image: url('/img/main/business_visual01_mo.jpg');}
	.main-business .slide-02 {background-image: url('/img/main/business_visual02_mo.jpg');}
	.main-business .slide-03 {background-image: url('/img/main/business_visual03_mo.jpg');}
	.main-business .slide:nth-child(1).on { transform:translateY(0%);}
	.main-business .slide:nth-child(2).on { transform:translateY(0%);}
	.main-business .slide:nth-child(3).on { transform:translateY(0%);}
	.main-index .main-business .slide.on .section__top { animation: slideLeft 1s 0.2s  ease-out both; }
}

@media screen and (max-width:1024px){
	.visual__text .sub { font-size: 16px; }
	.visual-swiper .swiper-opt__wrap { left: 30px; }
	.scroll-text { right:30px; }
	.scroll-text>span { font-size: 16px; }
	.main-index .section__top .link-more { font-size: 16px; }
	.card__list { gap: 10px; }
	.card__item .front { padding: 16px; }
	.card__item .front h4 { font-size: 22px; }
	.card__item .front p>br { display: none; }
	.card__item:nth-child(1) .back { padding-top: 12px; }
	.card__item:nth-child(2) .back { padding-top: 20px; }
	.card__item:nth-child(3) .back { padding-top: 20px; }
	.card__item .back span { bottom:16px; }
	.card__item .back span::after { width: 8px; height: 8px; margin-left: 6px; }

	.main-news .card__item {aspect-ratio: 1.69 / 1;}
	.main-contact .link__list { gap:20px; }
	.main-contact .link__item .text__box { padding: 20px; }
	.main-contact .link__item .text span { font-size: 14px; }
	.main-contact .link__item a { padding: 8px 14px; }
	.main-contact .link__item .text h5 { margin-top: 4px; }
}

@media screen and (max-width:768px){
	.main-index .section__top .link-more { font-size: 14px; }
	.main-index .section__top .link-more::after { width: 8px; height: 8px; }
	.visual__text .title>br{ display: inline; }
	.visual-swiper .progress-bar { height: 4px; }
	.visual-swiper .swiper-opt__wrap, .scroll-text { bottom: 40px;}
	.visual-swiper .swiper-opt__wrap { column-gap: 20px; }
	.visual-swiper .swiper-opt__wrap .swiper-pagination-bullet { font-size: 16px; }
	.visual-swiper .swiper-opt__wrap .swiper-pagination { column-gap: 10px; }
	.main-index .main-product .section__top .link-more, .main-index .main-news .section__top .link-more { position: static; margin-top: 10px; width: fit-content;}
	.card__list { flex-direction:column; }
	.card__item { flex:none; aspect-ratio: 0; height: 175px; }
	.card__item:nth-child(1) .front { background: url('/img/main/product_bg01.png') no-repeat 100% 1%/cover;}
	.card__item:nth-child(2) .front { background: url('/img/main/product_bg02.png') no-repeat 100% 1%/cover;}
	.card__item:nth-child(3) .front { background: url('/img/main/product_bg03.png') no-repeat 100% 1%/cover;}
	.card__item .back { display: flex; justify-content:space-between; padding: 20px 40px; }
	.card__item .back span { position: static; transform: translateX(0); }
	.card__item .back img { margin: 0; }
	.card__item:nth-child(1) .back img { width: 80px; }
	.card__item:nth-child(2) .back img { width: 140px; }
	.card__item:nth-child(3) .back img {	width: 140px; }
	.main-tab { margin: 0 auto 20px; }
	.main-tab>button { font-size: 20px; }
	.main-tab>button.on { font-size: 24px; }
	.main-news .card__item>a .title { font-size: 16px; }
	.news-swiper { padding-bottom: 30px; }
	.news-swiper .swiper-pagination>span { font-size: 16px;}
	.news-swiper .swiper-horizontal>.swiper-progress.swiper-pagination-progressbar, .news-swiper .swiper-progress.swiper-pagination-progressbar.swiper-pagination-horizontal { width: 60px; }
	.main-news .card__item>a { padding: 20px; }
	.main-news .card__item>a .arrow { left: 20px; width: 20px; height: 10px; background-size: contain;}
	.main-news .card__item>a:hover .arrow { background-size: contain; }
	.main-contact .link__list { flex-direction:column; }
	.main-contact .link__item a { padding: 8px; }
	.main-contact .link__item a::after { width: 8px; height: 8px; margin-left: 10px; }
}


@keyframes titleUp { 
	0% { transform:translateY(100.74%); }
	100% { transform:translateY(0px); }
}
@keyframes subUp { 
	0% { transform:translateY(100.68%); }
	100% { transform:translateY(0px); }
}
@keyframes upDown {
	0% { transform:translateY(-6px); }
	73% { transform:translateY(0px); }
	100% { transform:translateY(-6px); }
}
@keyframes slideLeft{
	0% { transform:translateX(-20%); opacity:0; }
	100% { transform:translateX(0); opacity:1;}
}