@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN animation
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * 사이트 시작시 커버
 * **************************************** */
.main-cover{position:fixed; opacity:1; visibility:visible; top:0; left:0; z-index:999; width:100%; height:100%; background:#121212; transition:all 1.2s ease 0s;}
.motion-on .main-cover{opacity:0; visibility:hidden;}

/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

.main-visual__text [data-txt-motion="hidden"]{opacity: 1;}
.main-visual__bg i{transform: scale(1.2); transition:transform 15s ease;}
.swiper-slide-active .main-visual__bg i{transform: scale(1);}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * Site custom
 * **************************************** */

/* 메인 공통 */
.main .caption::before{background-color: var(--c-03);}
.main-title h3{margin-top: 29rem;}

/* main visual */
.main-visual{height:var(--height-full);}
.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide::before{content:'';position:absolute;background-position:50% 50%;transition:all 1s ease;transform:scale(1);inset:0;background-repeat:no-repeat;background-size: cover;}
.main-visual .swiper-slide .wrap{width:100%;}
.main-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual__bg i{display:block; height:100%; background-position:50% 50%; background-size: cover;}
.main-visual__video{ position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center; justify-content: center; font-size: 16rem;color: #fff;font-weight: 600;}
/* .main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 8rem;} */
.main-visual__btn > i{}
.main-visual__btn.button-prev{flex-direction: row-reverse;}
.main-visual__controls{position:absolute;bottom: 60rem;left:0;z-index:999;width:100%;}
.main-visual__controls > div{display:flex;align-items:center;justify-content: flex-start; width: 100%;}
/* .main-visual__controls .wrap *{opacity: 0.4;} */
.main-visual__count i{opacity: 1 !important}
.main-visual__count{display:flex; align-items:center; margin:0 22rem; font-size:17rem; color:#fff;}
.main-visual__count i{display:flex; align-items:center; position:relative;}
.main-visual__count i::before{opacity: 1;}
.main-visual__count em{opacity: 0.4;}
.main-visual__count i::before,
.main-visual__count em::before{content: "0";}
.main-visual__count i::after{content:"";display:block;width: 1px;height: 13rem;margin: 0 15rem;background: var(--op-w40);transform: rotate(20deg);position: relative;left: 1px;}
.main-visual__btn{opacity: 0.4;}
.main-visual__btn.button-next::after{/* transform:rotate(-90deg); */}
.main-visual__btn.button-prev::after{transform: rotate(180deg);}
.main-visual__count  * {font-size: 16rem;}
.main-visual-container .swiper-slide a{width: auto;}

.main-visual .swiper-pagination{display:flex; gap:18rem;}
.main-visual .swiper-pagination-bullet{background: var(--w);}
.main-visual .swiper-pagination-bullet{opacity:0.4; width:14rem; height:14rem; background:#fff;}
.main-visual .swiper-pagination-bullet-active{opacity:1;}
.main-visual .swiper-slide-active{z-index: 1;}

.main-visual__text{position:absolute;top: 50%;width:100%;color:#fff;transform: translateY(-50%);}
.main-visual__text h2{overflow:hidden;line-height:1.25; font-size:95rem; opacity: 0;}
.main-visual__text h2 span{font-weight: 600;}
.main-visual__text.first h2{line-height: 1;}
.main-visual__text p{margin-top:25rem;font-weight:400;font-size:22rem;opacity: 0;}
.main-visual__text p span{font-weight: 400; color: var(--w);}
.main-visual__text p + p{margin-top: 0;}

.main-visual__text .btn-wrap{margin-top: 80rem; gap: 10rem;}
.main-visual__text .btn-wrap .btn-basic.w{border-color: var(--w);}
.main-visual .btn-basic.w span{background-color: var(--w);}

.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:var(--c-01);}
.main-visual .swiper-slide-active .main-visual__bar > i{ width: 100%; transition: var(--progress-duration) linear; }

.main-visual__play{position:absolute; top:50%; left:0; z-index:99999; background:#fff; font-size:30rem; cursor:pointer;}
.main-visual__play:not(.on){opacity:0; visibility:hidden;}
.main-visual__play.on{opacity:1; visibility:visible;}


@media (hover: hover) and (pointer: fine){

   .main-visual .btn-basic.download:hover em{color: var(--c-01);}
   .main-visual .btn-basic.download:hover span{background-image: url(../img/common/icon-download-c.svg);}
   .main-visual .btn-basic.download:hover{border-color: var(--w); background-color: var(--w);}
   .main-visual .btn-basic.w:hover span{background-color: var(--c-01);}
}

@media (max-width:1200px){

}

@media (max-width:1023px){
	.main-visual{min-height: 600rem;}
    .main-visual__text h2{font-size: 82rem;}

    .main-title h3{margin-top: 20rem;}
}

@media (max-width:860px){
	
}

@media (max-width:540px){
	.main-visual__bg i{background-position: 62% 50%;}
	.main-visual__text h2{line-height:1.2; font-size:42rem;}
	.main-visual__text p{margin-top:10rem; font-size:15rem;}
	.main-visual__count{margin:0 10rem; font-size:15rem;}
	.main-visual__btn{font-size:14rem;}
	
	.main-visual__controls{bottom:32rem}
    .main-visual__btn{width: 20rem;}
    .main-visual__count *{font-size: 14rem;}

    .main-title h3{margin-top: 8rem;}
}


.main-intro{padding: var(--space-xl) 0; position: relative; overflow: hidden;}
.main-intro h3{text-align: center;  z-index: 3; position: relative ;}
.main-intro__top{position: relative; z-index: 3;}
.main-intro__top span{position: absolute;width: 850rem;top: -164rem;left: 50%;transform: translateX(-50%);height: 550rem;border-radius: 850rem;background-color: #ffffff;}
.main-intro__link{width: 1000rem; aspect-ratio: 1/1; position: relative; z-index: 2; margin:  0 auto; display: flex; align-items: center; justify-content: center;}
.main-intro .wrap > strong{position: absolute; bottom: 230rem; }
.main-intro__link figure{width: 540rem; aspect-ratio: 1 / 1; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); position: relative; border-radius: 100%; overflow: hidden; }
.main-intro__link i{position: absolute;aspect-ratio: 1 / 1;border-radius: 100%;border: 1px solid rgba(0, 77, 255, 0.20);transform: scale(0);transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.main-intro__link .line01{width: calc(100% - 220rem);/* transition-delay: .3s; */border: 1px solid rgba(0, 77, 255, 0.25);}
.main-intro__link .line02{width: 100%;/* transition-delay: .5s; */}
.main-intro__link.is_moved figure{box-shadow: 0 28px 84px 0 rgba(96, 101, 110, 0.90);}
.main-intro__link.is_moved i{transform: scale(1);}

.main-intro__link .btn-round{ position: absolute; bottom: 290rem; right: 232rem;  z-index: 10; }
.main-intro__link .btn-round::before{content: ""; width: 100%; height: 100%; background: rgba(16, 67, 185, 0.40); position: absolute; border-radius: 100%;  animation:zomm_out2 2s ease 0s infinite;}

.main-intro .text-roll-motion-wrap{position: absolute; top: 50%; transform: translateY(-50%);}
.text-roll-motion span{font-size: 200rem; font-weight: 700; color: rgba(140,140,140,0.06);}
.main-section-wrap{background: var(--bg-gradient); overflow: clip; /* overflow: hidden; */ position: relative;}
.main-section-wrap article{position: relative; z-index: 3;}
.main-section-wrap::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: linear-gradient(270deg, rgba(0, 29, 100, 0.80) 0%, rgba(0, 29, 100, 0.00) 100%), linear-gradient(270deg, #06153f 0%, #0168EA 100%);}
.texture-bg{right: 0;position: absolute;top: 0;/* width: 100%; */text-align: right;height: 100%;display: block; z-index: 1;}
.texture-bg img{display: inline;position: sticky;top: 0;height: 100vh;mix-blend-mode: color-dodge;z-index: 0;opacity: 0.24;}

@keyframes zomm_out2{
    0%{transform: scale(1); opacity: 1;}
    90%, 100%{transform: scale(1.8); opacity: 0;}
}


@media (max-width:1480px){

    .main-intro__link{width: 66%;}
    .main-intro__link figure{width: 53%;}
    .main-intro__top span{height: 500rem;}
    .text-roll-motion span{font-size: 180rem;}
    .main-intro__link .btn-round{bottom: 240rem;}
}
@media all and (max-width:1200px){
	
    .main-intro .wrap > strong{z-index: 11;}
    .main-intro__link .btn-round{bottom: 240rem; right: 192rem;}
}
@media all and (max-width:1023px){
	.text-roll-motion span{font-size: 120rem;}
    .main-intro .wrap > strong{position: relative; bottom: 0; text-align: center; margin-top: -30rem;}
    .main-intro__link .line01{width: 75%;}
    .main-intro__top span{height: 400rem;}
}
@media (max-width:860px){
    .main-intro__link{width: 80%;}
    .main-intro__top span{height: 190rem; top: 0;}
    .main-intro__link .btn-round{bottom: 134rem;}
}
@media (max-width: 540px){

    .main-intro__top span{width:400rem;height: 300rem; top: -178rem;}
    .main-intro__link.is_moved figure{box-shadow: 1px 0px 22px 0 rgba(96, 101, 110, 0.90);}
    .main-intro .wrap > strong{word-break: keep-all;}
    .main-intro__link{width: 100%;margin-top: -12rem;}
    .main-intro__link .btn-round{bottom: 94rem; right: 72rem;}

}






/* 솔루션 */
.main-solution{padding: var(--space-xl) 0;}
.main-solution .main-title h3{color: var(--w);}

.main-solution__conts{display: flex; justify-content: flex-end; gap: 226rem; margin-top: 120rem;}
.main-solution__list{width: 501rem;}
.main-solution__list li{background-color: rgb(2 31 97 / 54%);border-radius: 10rem;border: 1px solid var(--op-w30);padding: 30rem 24rem;/* backdrop-filter: blur(50rem); */}
.main-solution__list-tt span{font-size: 14rem; color: var(--op-w20); display: block; font-weight: 700;}
.main-solution__list-tt strong{font-size: var(--kr-lg); color: var(--w); display: block; margin-top: 6rem; transition: var(--trans-01);}
.main-solution__list li p{color: var(--w); word-break: keep-all;}
.main-solution__list li + li{margin-top: 11rem;}
.main-solution__list li .btn-wrap{margin-top: 40rem;}
.main-solution__list li .hide{/* display: none; */ padding-top: 20rem;}
.main-solution__list li.on{background-color: var(--op-b30); border:2px solid var(--c-01);box-shadow: 0 0 32px 0 rgba(22, 76, 251, 0.50); padding: 40rem 30rem; }
.main-solution__list li.on .hide{display: block;}
.main-solution__list li.on .main-solution__list-tt span{color: var(--c-01);}
.main-solution__list li.on .main-solution__list-tt strong{font-size: var(--kr-2xl);}

.main-solution__round{position:relative;width:652rem;height:652rem;padding:65rem;display:flex;align-items:center;justify-content:center;}
.main-solution__round figure{width:100%;height:100%;border-radius:100%;overflow:hidden;background-repeat: no-repeat;background-size: cover;}
.main-solution__round figure.first{background-image: url(../img/main/main-solution02.jpg);}
.main-solution__round figure.second{background-image: url(../img/main/main-solution01.jpg);}

/* 기본 각도 세팅 */
.main-solution__round .border-round{width:100%;height:100%;border:1px dashed var(--op-w50);border-radius:50%;position:absolute;left:0;top:0; transform: rotate(-25deg); transition: var(--trans-03);}
.main-solution__round .border-round i{width:12rem; height: 12rem; left: 50%; transform: translateX(-50%); border-radius: 20rem; background-color: var(--w); position: absolute;}
.main-solution__round .border-round .top{top: -6rem;}
.main-solution__round .border-round .bottom{bottom: -6rem;}
.main-solution__round .tabs2{position:absolute;inset:0;list-style:none;margin:0;padding:0;}
.main-solution__round .tabs2 li{cursor: pointer; font-weight: 700; position:absolute;border:2px solid transparent; transition: var(--trans-02); left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--deg,0deg)) translateX(var(--r)) rotate(calc(-1*var(--deg)));min-width:200rem;aspect-ratio:1/1;background:var(--op-b40);border-radius:50%;backdrop-filter:blur(14rem);color:var(--w);display:flex;align-items:center;justify-content:center;font-size:25rem;line-height:1;z-index:2;transition:transform 1s cubic-bezier(.22,.61,.36,1);}
.main-solution__round .tabs2 li.active{background-color:var(--c-01);font-size:var(--kr-2xl);min-width:258rem;}

.main-solution__round .tabs2 li[rel="tab11"] { --deg: 180deg; --r: calc(50% - 430rem); }
.main-solution__round .tabs2 li[rel="tab12"] { --deg: 0deg;   --r: calc(50% - 430rem); }

/* ✅ 한 방향(시계 방향) 순환 */
.main-solution__conts.first .main-solution__round .tabs2 li[rel="tab11"] { --deg: 180deg; } /* 왼쪽 */
.main-solution__conts.first .main-solution__round .tabs2 li[rel="tab12"] { --deg: 0deg; }   /* 오른쪽 */

.main-solution__conts.second .main-solution__round .tabs2 li[rel="tab11"] { --deg: 360deg; } /* 왼쪽→왼쪽 아래로 이동 */
.main-solution__conts.second .main-solution__round .tabs2 li[rel="tab12"] { --deg: 180deg; } /* 오른쪽→위쪽으로 이동 */

@media (hover: hover) and (pointer: fine){
    .main-solution__round .tabs2 li:not(.active):hover{border-color: var(--c-01); box-shadow: 0 0 32px 0 rgba(22, 76, 251, 0.50); }
}

@media (max-width:1480px){
    .main-solution__round .tabs2 li[rel="tab12"]{--r:calc(50% - 360rem)}
    .main-solution__round .tabs2 li[rel="tab11"]{--r:calc(50% - 350rem)}
    .main-solution__round .tabs2 li.active{min-width: 200rem;}
    .main-solution__round .tabs2 li{width: 170rem;}
    .main-solution__round{width: 540rem; height: 540rem;}
    .main-solution__list-tt strong{font-size: 20rem;}
    .main-solution__conts{gap: 146rem;}    
}
@media all and (max-width:1200px){
	.main-solution__list{width: 430rem;}
    .main-solution__round{width: 510rem; height: 510rem;}
    .main-solution__conts{gap: 130rem;}
    .main-solution__round .tabs2 li{min-width: 150rem; font-size: 22rem;}
    .main-solution__round .tabs2 li.active{min-width: 180rem;}
}
@media all and (max-width:1023px){
	
    .main-solution__round{width: 360rem; height: 360rem; padding: 40rem;}
    .main-solution__round .tabs2 li{width: 100rem; min-width: 100rem; font-size: 16rem;}
    .main-solution__round .tabs2 li:not(.active){--r: calc(50% - 230rem);}
    .main-solution__round .tabs2 li.active{min-width: 130rem; font-size: var(--kr-lg); }
    .main-solution__round .tabs2 li.active{--r: calc(50% - 260rem);}

    .main-solution__round .border-round i{width: 10rem; height: 10rem; bottom: -5rem;}
    .main-solution__conts{gap: 100rem; margin-top: 70rem;}
    .main-solution__list li p br{display: none;}

}
@media (max-width:860px){

    .main-solution__conts{flex-direction: column; align-items: center;}
    .main-solution__list,.accordion-custom{width: 100%;}
    .main-solution__round .tabs2 li.active{--r:calc(50% - 260rem)}
    .main-solution__round .tabs2 li:not(.active){--r:calc(50% - 230rem)}
    .main-solution__conts{gap: 32rem;}
}
@media (max-width: 540px){
    .main-solution__round{width: 240rem; height: 240rem; padding: 30rem;}
    .main-solution__round .tabs2 li{min-width: 80rem;width: 80rem;font-size: 13rem;}
    .main-solution__round .tabs2 li:not(.active){--r: calc(50% - 160rem);}
    .main-solution__round .tabs2 li.active{--r: calc(50% - 170rem); min-width: 100rem; font-size: 17rem;}
    .main-solution__list-tt strong{font-size: 17rem;}
    .main-solution__list li.on .main-solution__list-tt strong{font-size: 20rem;}

    .main-solution__list li.on {padding: 25rem 20rem;}
    .main-solution__list li { padding: 20rem 20rem;}
}


.main-business{overflow: hidden;}
.step-stiky__wrap  li{border-radius: 20rem;/*  max-width: 1826rem; */  width: 95.1%; margin: 0 auto; position: relative; background-color: #fff; overflow: hidden; padding-top: 230rem; height: /* 778rem */ var(--height-full);}
.step-stiky__wrap  li .wrap{display: flex; justify-content: space-between; gap: 120rem;}
.step-stiky__wrap  li figure{width: 680rem; position: relative; aspect-ratio: 1 / 1; border-radius: 100%; }
.step-stiky__wrap  li figure img{border-radius: 100%;}
.step-stiky__wrap  li figure::before{content: "";animation:zomm_out 2s ease 0s infinite;width: 100%;height: 100%;border-radius: 100%;background-color: rgba(22,76,251,.1);position: absolute;}
.step-stiky__wrap  li h3{margin-top: 12rem;}
.step-stiky__wrap  li p{margin-top: 68rem;}
.step-stiky__wrap  li .btn-wrap{margin-top: 47rem;}

@keyframes zomm_out{
    0%{transform: scale(1); opacity: 1;}
    90%, 100%{transform: scale(1.5); opacity: 0;}
}


@media (max-width:1480px){

    .step-stiky__wrap li figure{min-width: 560rem; width: 560rem;}
    .step-stiky__wrap li{height: 80vh;}
}
@media all and (max-width:1200px){
    .step-stiky__wrap li{padding-top: 140rem; height: 70vh;}
    .step-stiky__wrap li p br{display: none;}
	.step-stiky__wrap li p{word-break: keep-all;}
    .step-stiky__wrap li figure{min-width:400rem; width:400rem;}
    .step-stiky__wrap li .wrap{gap: 150rem;}
}
@media all and (max-width:1023px){
    .step-stiky__wrap li{padding-top: 110rem}
	.step-stiky__wrap li p {margin-top: 46rem;}
    .step-stiky__wrap li .wrap{gap: 30rem;}
    .step-stiky__wrap li figure{min-width: 430rem; width: 430rem; position: relative; right: -110rem;}
}
@media (max-width:860px){

    .step-stiky__wrap li{padding-top: 90rem}
    .step-stiky__wrap li + li{margin-top: 20rem;}
    .step-stiky__wrap li figure{position: absolute; opacity: 0.9; width: 380rem; min-width: 380rem; right: -170rem}
    .step-stiky__wrap li{height: 64vh;}
    .main-business__text{width: 60%;}
}
@media (max-width: 540px){

       .step-stiky__wrap li{height:auto;padding: 35rem 0 80rem;border-radius: 12rem;width: 90%;}
       .step-stiky__wrap li .wrap{flex-direction: column;}
       .step-stiky__wrap li figure{position: absolute; bottom:-50rem; right:0} 

       .step-stiky__wrap li + li{margin-top: 12rem;}
       .main-business__text{width: 100%;}
       .step-stiky__wrap li p{margin-top: 15rem;}
       .step-stiky__wrap li h3{margin-top: 10rem;font-size: var(--kr-3xl);}
       .step-stiky__wrap li figure{min-width: 200rem;width: 200rem;right: -59rem;bottom: -110rem;}
       .step-stiky__wrap li .btn-wrap{margin-top: 56rem;}

}


.main-media{padding: var(--space-xl) 0; }
.main-media h3{color: var(--w);}
.main-media .main-title--wrap{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 59rem;}

.main-media .gallery-slide{width: 468rem !important; background-color: transparent;}
.main-media .gallery-slide a{padding: 24rem; background-color: var(--op-w10); backdrop-filter: blur(11.5rem); border-radius: 10px; transition: var(--trans-01); }
.main-media .gallery-slide a h6{color: var(--w); margin-top: 12rem;}
.main-media .gallery-slide a figure{margin-bottom: 22rem;width: 100%;aspect-ratio: 420 / 270;overflow: hidden;border-radius: 10rem;}
.main-media .gallery-slide a p{display: none;}
.main-media .gallery-slide a i{color: var(--op-w40); font-size: 14rem; font-weight: 400; display: block; margin-top: 40rem;}
.main-media .btn-wrap{justify-content: center; margin-top: 80rem; gap: 10rem;}

@media (hover: hover) and (pointer: fine){
    .main-media .gallery-slide a:hover{background-color: var(--w);}
    .main-media .gallery-slide a:hover h6{color: var(--c-primary);}
    .main-media .gallery-slide a:hover i{color: var(--op-b30);}
}

@media (max-width:1680px){

    .main-media .gallery-slide{width: 390rem !important;}
}
@media (max-width:1480px){

}
@media all and (max-width:1200px){
	.texture-bg{width: 40%; opacity: 0.5;}
}
@media all and (max-width:1023px){
}
@media (max-width:860px){

    .main-media .gallery-slide{width: 320rem !important;}

}
@media (max-width: 540px){

    .main-media .gallery-slide a{padding: 18rem;}
    .main-media .gallery-slide{width: 270rem !important;}

    .main-media .main-title--wrap{flex-direction: column; align-items: flex-start; gap: 44rem; margin-bottom: 38rem;}
    .main-media .btn-wrap{margin-top: 48rem;}
    .texture-bg{width: 50%; opacity: 0.2;}
}



/* 공지사항 */
.main-board{background-color: var(--bg-default); padding: var(--space-xl) 0; }
.main-board .main-title{margin-bottom: 60rem; align-items: flex-end; justify-content: space-between;}
.main-board .category{background-color: var(--c-primary);}
.main-board .lat li{gap: 145rem;}
.main-board .lat li:nth-child(1){padding-top: 0;}
/* .main-board .lat li:last-child{padding-b} */
.main-board .lt_info{gap: 0; align-items: center; transition: var(--trans-01); overflow: hidden;}
.main-board .lt_info i{width: 9rem; height: 9rem;transition: var(--trans-01);   transform: translateX(-9rem); border-radius: 20rem; background-color: var(--c-01);}
.main-board .lt_info .lt_date{font-size: 14rem; color: var(--op-b30); font-weight: 400;}
.main-board .lt_title{align-items: center;}
.main-board .lt_info div{align-items: center; gap: 18rem;}
.main-board .lat li:hover .lt_info{gap: 25rem;}
.main-board .lat li:hover i{transform: none;}

@media (max-width:1480px){

}
@media all and (max-width:1200px){
	.main-board .lat li{gap: 95rem;}
}
@media all and (max-width:1023px){
	.main-board .lat li{padding: 32rem 0; gap: 65rem;}
    
}
@media (max-width:860px){

}
@media (max-width: 540px){

    .main-board .main-title{flex-direction: column; align-items: flex-start; margin-bottom: 30rem;}
    .main-board .btn-wrap{text-align: center;}
    .main-board .btn-wrap .btn-basic{margin:  0 auto;} 
    .main-board .lat li{flex-direction: column;gap: 0rem;align-items: flex-start;padding: 22rem 0;}
    .main-board .lt_info div{flex-direction: column; align-items: flex-start; gap: 8rem;}
    .main-board .lt_info i{display: none;}    
    
    .main-title .btn-basic{display: none !important;}
    .main-board .lt_info .lt_date {position: absolute; left: 65rem;}
    
}


/* 기업 */
.main-customers{text-align: center; padding: var(--space-xl) 0; background-color: var(--w);}
/* .main-customers .main-title{margin-bottom: 106rem;} */
.main-customers__logos{overflow:hidden; margin-top: 126rem; position: relative;}
.main-customers__logos::before,
.main-customers__logos::after{content: ""; top: 0; width:309rem; height: 100%; position: absolute; z-index: 1;}
.main-customers__logos::before{left: 0; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)}
.main-customers__logos::after{right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);}

.rolling-logo{overflow:hidden;}
.rolling-logo__box{animation:roll-fixed 30s linear infinite;display:flex; gap:100rem;}
.rolling-logo + .rolling-logo{margin-top: 85rem;}
.rolling-logo:nth-child(2) .rolling-logo__box{animation-direction:reverse;}

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

.main-contact{text-align: center; padding-top: 140rem; overflow: hidden;}
.main-contact h3{position: relative; z-index: 2;}
.main-contact .btn-wrap{justify-content: center; margin-top: 88rem; position: relative; z-index: 2;}

:root { --r-size:600rem; --r-dur:6s; --r-count:3; --r-gap:calc(var(--r-dur)/var(--r-count)); --r-start:.6; --r-end:2.69; }
.main-contact__object{position:relative;width:var(--r-size);height:var(--r-size);margin:0 auto;pointer-events:none;overflow:visible;}
.main-contact__object>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:block;max-width:55%;height:auto;}

/* 파동 */
.main-contact__object i{position:absolute;left:50%;top:50%;width:var(--r-size);height:var(--r-size);transform:translate(-50%,-50%) scale(var(--r-start));border-radius:50%;background:radial-gradient(88.57% 87.7% at 50% 50.04%, #fff 47.6%, rgb(175 197 255 / 94%) 100%);z-index:1;will-change:transform,opacity;animation:ripple var(--r-dur) linear infinite;}
.main-contact__object i:nth-of-type(1){animation-delay:calc( 0 * var(--r-gap));}
.main-contact__object i:nth-of-type(2){animation-delay:calc(-1 * var(--r-gap));}
.main-contact__object i:nth-of-type(3){animation-delay:calc(-2 * var(--r-gap));}

/* 모션 */
@keyframes ripple{
  0%   { transform:translate(-50%,-50%) scale(var(--r-start)); opacity:1; }
  70%  { opacity:.35; }
  100% { transform:translate(-50%,-50%) scale(var(--r-end)); opacity:0; }
}

/* 접근성 */
@media (prefers-reduced-motion:reduce){ .main-contact__object i{ animation:none; opacity:0; } }


.main #footer{margin-top: -280rem;}


@media all and (max-width:1200px){
    .rolling-logo__box{gap: 80rem;}
	.rolling-logo__box li img{height: 64rem;}
     .rolling-logo + .rolling-logo{margin-top: 65rem;}
     .main-contact{padding-top: 80rem;}
}
@media all and (max-width:1023px){
	.rolling-logo__box{gap: 30rem;}
    .rolling-logo__box li img{height: 58rem;}
    .rolling-logo + .rolling-logo{margin-top: 62rem;}
    
    .main-customers__logos{margin-top: 86rem;}

    .main-contact{padding-top: 60rem;}
}

@media (max-width:860px){

    
    .main-contact .btn-wrap{margin-top: 54rem;}
    :root{--r-size:500rem}

    .main #footer{margin-top: -220rem;}
}
@media (max-width: 540px){ 
    .rolling-logo__box{gap: 12rem;}
    .rolling-logo__box li img{height: 28rem;}
    .rolling-logo + .rolling-logo{margin-top: 30rem;}
    .main-customers__logos::before, .main-customers__logos::after{width: 90rem;}
    .main-customers__logos{margin-top: 50rem;}
    
    .main-contact{padding-top: 50rem;}
    .main-contact__object{width: 80%; aspect-ratio: 1 / 1; height: auto;}
     :root{--r-size:300rem}

     .main #footer{margin-top: -130rem;}
     .lt_info {padding: 5rem 0;}
     .main-solution__list li .hide {padding-top: 15rem;}
}