/* 공통 fade-up 스타일 */
.fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease; /* 애니메이션 속도 조절 가능 */
}

.fade-up.active {
  opacity: 1;
  transform: translateY(0);
}

.pl60{padding-left: 60px;}

@media screen and (max-width:1024px) {
  .pl60{padding-left: 0;}
 }

.sec_visual{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.sec_visual .swiper-slide { height:auto; background-size: cover; } 
.sec_visual .swiper-slide::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: top center; background-size: cover; content: ""; } 
.sec_visual .visual_slider{position: relative;}
.sec_visual .visual_slider .visual_inner{padding: 12.5rem 7.5rem 0 7.5rem;position: relative;color: #fff;}
.sec_visual .visual_slider .visual_inner h2{color: var(--gray-0, #FFF);font-family: Prompt;font-size: 7.5rem;font-weight: 800;letter-spacing: -0.25rem;text-transform: uppercase;margin-bottom: 2rem;}
.sec_visual .visual_slider .visual_inner p{color: #FFF;font-size: 1.875rem;font-weight: 500;line-height: 140%;letter-spacing: -1.2px;}
.sec_visual .visual_slider .swiper-slide video{position: absolute;width:100%;height: 100vh;object-fit: cover;} 
/*
.sec_visual .visual_slider .swiper-slide.swiper-slide-active::before { animation:bgZoom 2s ease-in-out forwards; } 
.sec_visual .visual_slider .swiper-slide.slide01::before { background-image: url("../../images/main/bg_visual01.png"); } 
.sec_visual .visual_slider .swiper-slide.slide02::before { background-image: url("../../images/main/bg_visual02.png"); } 
@keyframes bgZoom { 
  0% { transform: scale(1.1); } 
  100% { transform: scale(1); } 
 /* }

.sec_visual .visual_slider .controls_box { display: flex; gap:1.25rem; align-items: center; margin-top:  6.1875rem; pointer-events:all;padding: 0 7.5rem;} 
.sec_visual .visual_slider .controls_box .swiper-pagination { display: flex; gap:0.625rem; align-items: center; position: relative !important; top:auto !important; bottom:0; left:auto !important; width:auto !important; } 
.sec_visual .visual_slider .controls_box .swiper-pagination .swiper-pagination-bullet { margin:0; width:50px; height:5px; background: rgba(255, 255, 255, 0.20);; transition: width 0.3s; border-radius: 0; opacity: 1;border-radius: 30px;} 
.sec_visual .visual_slider .controls_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#fff; } 

.sec_visual .visual_slider .controls_box .swiper-controls { position: relative; width:22px; height:22px;z-index: 5;} 
.sec_visual .visual_slider .controls_box .swiper-controls > button { position: absolute; top:0; left:0;  background-repeat: no-repeat; background-size: cover; font-size: 0; } 
.sec_visual .visual_slider .controls_box .swiper-controls .btn-play { display: none; background: url("../../images/main/btn_play.svg") no-repeat center; width:100%; height:100%;} 
.sec_visual .visual_slider .controls_box .swiper-controls .btn-pause { background: url("../../images/main/btn_pause.svg") no-repeat center;width:100%;height: 100%;} 
.sec_visual .visual_slider .controls_box .swiper-controls.is-paused .btn-play { display: block; } 
.sec_visual .visual_slider .controls_box .swiper-controls.is-paused .btn-pause { display: none; }

@media screen and (max-width:1420px) {
  .sec_visual .visual_slider .visual_inner{padding: 12.5rem 1.25rem 0px;}
  .sec_visual .visual_slider .visual_inner p{word-break: keep-all;}
  .sec_visual .visual_slider .visual_inner p br{display: none;}
  .sec_visual .visual_slider .controls_box{padding:1.25rem}
}

@media screen and (max-width:768px) {
  
  .sec_visual .visual_slider .visual_inner h2{letter-spacing: -3px;font-size: 3.75rem;margin-bottom: 1.25rem;}
  .sec_visual .visual_slider .visual_inner p{font-size: 1.375rem;}
} 
*/

.sec_visual{
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: #555;
}
.visual-swiper{
  position: relative;
  width: 100% !important;
  height: 100vh !important;
  z-index: 1;
  overflow: hidden;
}

.visual-swiper .swiper-wrapper{
  width: 100%;
  height: 100vh;
}

.visual-swiper .swiper-slide{
  position: relative;
  width: 100% !important;
  height: 100vh;
  overflow: hidden;
}




.sec_visual .scroll-mouse{position: absolute;bottom: 30px;left: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translateX(-50%);text-align: center;z-index: 99;animation: scrollMouseMove 1.6s ease-in-out infinite;}
.sec_visual .scroll-mouse p{color: #FFF;text-align: center;font-family: Poppins; font-size: .6875rem;font-weight: 600;letter-spacing: .0756rem;}

@keyframes scrollMouseMove{
  0%   { transform: translateY(0);    opacity: 1; }
  50%  { transform: translateY(10px); opacity: 0.4; }
  100% { transform: translateY(0);    opacity: 1; }
}

@media (prefers-reduced-motion: reduce){
  .sec_visual .scroll-mouse .scroll-img{ animation: none; }
}

@media screen and (max-width:768px){
  .sec_visual .scroll-mouse{ bottom: 24px; gap: 8px; }
  .sec_visual .scroll-mouse p{ font-size: 1.1rem; }
}


/* 초기 숨김 상태 */
.visual-swiper .txt .top,
.visual-swiper .txt h2,
.visual-swiper .txt p{
  opacity: 0;
  transform: translateY(-30px);
}


/* JS가 부여하는 트리거 클래스 */
.visual-swiper .swiper-slide.txt-play .txt .top{
  animation: visualTxtIn 0.9s cubic-bezier(.22,.61,.36,1) forwards;
  animation-delay: 0.3s;
}
.visual-swiper .swiper-slide.txt-play .txt p{
  animation: visualTxtIn 0.9s cubic-bezier(.22,.61,.36,1) forwards;
  animation-delay: 0.55s;
}
.visual-swiper .swiper-slide.txt-play .txt h2{
  animation: visualTxtIn 0.9s cubic-bezier(.22,.61,.36,1) forwards;
  animation-delay: 0.2s;
}

@keyframes visualTxtIn{
  from{ opacity: 0; transform: translateY(-20px); }
  to  { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce){
  .visual-swiper .txt .top,
  .visual-swiper .txt h2,
  .visual-swiper .txt p{
    opacity: 1;
    transform: none;
    animation: none;
  }
}
.visual-swiper{ width: 100%; height: 100%; }
.visual-swiper .swiper-wrapper,
.visual-swiper .swiper-slide{ height: 100%;overflow: hidden;}
.visual-swiper .swiper-slide{ position: relative; overflow: hidden; }

/* 배경 래퍼: 실제 높이보다 크게 잡고 위로 걸쳐둠 */
.visual-swiper .bg-wrap{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
}

/* 활성 슬라이드 
.visual-swiper .swiper-slide.bg-play .bg-img{
  transform: scale(1);
}*/

/* 이미지 배경 */
.visual-swiper .bg-img{
   display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  /*transform: scale(1.3);
  transition: transform 4s ease-out;*/
}
.visual-swiper .bg-img img{
    display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}




/* 비디오 배경 */
.visual-swiper .bg-video{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 어두운 오버레이 */
.visual-swiper .swiper-slide::after{
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.3);
  z-index: 2;
  pointer-events: none;
}

.sec_visual .inner{
  position: relative;
  z-index: 99;
  height: 100%;
  display: flex;
  align-items: center;
}
.sec_visual .txt{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  color: var(--gray-0, #FFF);
  align-items: flex-start;
  justify-content: flex-start;
}
.sec_visual .txt .top{
  color: #FFF;
text-align: center;
font-size: 1.375rem;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.88px;
text-transform: uppercase;
}
.sec_visual h2{
font-family: Prompt;font-size: 6.25rem;font-weight: 700;letter-spacing: -1px;line-height: 100%;text-transform: uppercase;}

.sec_visual p{
  color: #FFF;
font-family: Pretendard;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
letter-spacing: -1.2px;
text-transform:capitalize;
}

/* 모션 최소화 설정 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .visual-swiper .bg-wrap{ transition: none; }
}

@media screen and (max-width:1024px){
  .visual-swiper .bg-wrap{ transition-duration: 1.6s; }
}

@media screen and (max-width:768px){
  .sec_visual h2{ font-size: 3.4375rem; }
  .sec_visual p{ font-size: 1.125rem; word-break: keep-all; }

  .visual-swiper .bg-wrap{
    top: -40px;
    height: calc(100% + 40px);
    transition-duration: 1.4s;
  }
}

/* swiper 네비게이션 */
.swiper-pagination{bottom: 100px !important;width: 1420px !important;text-align: left;left: 50% !important;transform: translateX(-50%) !important;width: calc(100% - 40px) !important;max-width: 1420px;}
.swiper-pagination-bullet{width: 70px;border-radius: 0;height: 4px;background: #fff;opacity: 1;margin: 0 .625rem!important;}
.swiper-pagination-bullet-active{background: #DF414E;}
.swiper-button-prev:after, .swiper-button-next:after{display: none;}
.swiper-button-prev{background: url(../../images/main/main_arrow_prev.svg) no-repeat center;width: 37px;height: 75px;left: 50px;} 
.swiper-button-next{background: url(../../images/main/main_arrow_next.svg) no-repeat center;width: 37px;height: 75px;right: 50px;}

.sub_visual .visual_inner h2,
.sub_visual .visual_inner p{
  opacity: 0;
  transform: translateY(-30px);
  transition: transform 0.9s cubic-bezier(.22,.61,.36,1), opacity 0.9s ease;
}

.sub_visual .visual_inner h2{
  transition-delay: 0.4s;
}
.sub_visual .visual_inner p{
  transition-delay: 0.4s;
}

.sub_visual.is-loaded .visual_inner h2,
.sub_visual.is-loaded .visual_inner p{
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .sub_visual .visual_inner h2,
  .sub_visual .visual_inner p{
    transition: none;
    opacity: 1;
    transform: none;
  }
}

@media screen and (max-width:1024px) {
  .product_area{flex-direction: column;gap: 1.875rem;}
}
@media screen and (max-width:1024px) {
  .sec_visual .txt .top{font-size: 1.125rem;}
  .sec_visual p{font-size: 1.375rem;}
  .sec_product{padding:4.375rem 0;}
  .product_area .img{height: 21.875rem;}
  .product_area .txt h4{font-size: 1.25rem;}
  .product_area .txt p{font-size: 1rem;}
  .sec_visual h2{font-size: 3.125rem;letter-spacing: -0.0625rem;}
  .swiper-button-prev{left: 20px;}
  .swiper-button-next{right: 20px;}

  .scroll-mouse{display: none !important;}
  .swiper-pagination{text-align: center;}
  
}

@media screen and (max-width:768px) {
  .product_area .img{height: 15.625rem;}
  .swiper-button-prev,
  .swiper-button-next{width: 20px;background-size: 20px;height: 55px;}
}
/* sec_company */
.sec_company{padding: 8.125rem 0 .625rem 0;background: url(../../images/main/bg_company.svg) no-repeat bottom -50px left;background-size: cover;position: relative;}
.sec_company:before{content: '';display: block;background: url(../../images/main/logo_company.svg) no-repeat center;width:591px;height: 700px;position: absolute;right: 0;top: 100px;}
.sec_company:after{content: '';display: block;background: url(../../images/main/logo_campany_shadow.svg) no-repeat left center;width:510px;height: 150px;position: absolute;right: 0;bottom: 250px;}
.sec_company .title{display: flex;flex-direction: column;gap:30px;margin-bottom: 6.25rem;}
.sec_company .title .en{color: var(--gray-000, #000000);font-family: "Prompt", sans-serif;font-size: 1.875rem;line-height: 100%;font-weight: 400;text-transform: uppercase;}
.sec_company .title h3{font-size: 3.125rem;line-height: 140%;letter-spacing: -0.04em;font-weight: 700;text-transform: capitalize;}
.sec_company .title .desc{color: var(--gray-500, #808080);font-size: 1.625rem;line-height: 140%;letter-spacing: -0.04em;font-weight: 500;}
.sec_company .swiper_wrap{display: flex;align-items: center;position: relative;max-width: 1290px;justify-content: space-between;}
.sec_company .swiper_wrap:before{content: '';width:100%;height: 3px;background: #470E11;position: absolute;left: 0;top: calc(50% + 34.5px);transform: translateY(-50%);}
.sec_company .swiper_wrap .company_slider{width: calc(100% - 220px);overflow: hidden;padding-top: 75px;}
.sec_company .swiper_wrap .more{color: #fff;background: #470E11;font-weight: 500;padding: 2.625rem 1.875rem;border-radius: 40px;position: relative;z-index: 5;margin-top: 75px;transition: all .3s;}
.sec_company .swiper_wrap .more div{display:flex;overflow:hidden;text-shadow:0 16px 0 #fff}
.sec_company .swiper_wrap .more span{display:block;backface-visibility:hidden;transform:translateY(0);transition:transform .44s ease}
.sec_company .swiper_wrap .more span:nth-child(1){transition-delay:.05s}
.sec_company .swiper_wrap .more span:nth-child(2){transition-delay:.1s}
.sec_company .swiper_wrap .more span:nth-child(3){transition-delay:.15s}
.sec_company .swiper_wrap .more span:nth-child(4){transition-delay:.2s}
.sec_company .swiper_wrap .more span:nth-child(5){transition-delay:.25s}
.sec_company .swiper_wrap .more span:nth-child(6){transition-delay:.3s}
.sec_company .swiper_wrap .more span:nth-child(7){transition-delay:.35s}
.sec_company .swiper_wrap .more span:nth-child(8){transition-delay:.4s}
.sec_company .swiper_wrap .more:hover{transform:translateY(-10px);box-shadow:0 4px 20px -2px rgba(71,14,17,.5)}
.sec_company .swiper_wrap .more:hover span{transform:translateY(-16px)}
.sec_company .swiper-slide{border-radius:30px;overflow: hidden;position: relative;height: 388px;z-index: 5;transition: ease-in-out 0.3s;}
.sec_company .swiper-slide .img {position: absolute;left: 0;top: 0;width:100%;height: 100%;}
.sec_company .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;}
.sec_company .swiper-slide:nth-child(1),
.sec_company .swiper-slide:nth-child(3){transform:translateY(-75px);}
.sec_company .swiper-slide-prev,
.sec_company .swiper-slide-next,
.sec_company .swiper-slide-next + .swiper-slide + .swiper-slide {transform:translateY(-75px);}
.sec_company .ticker{width: 100%;overflow: hidden;display: flex;gap: 15px;cursor: default;}
.sec_company .line_txt{color: #F6F6F6;text-align: center;font-family: Prompt;font-size: 7.5rem;font-weight: 800;line-height: 100%;letter-spacing: 1.2px;text-transform: uppercase;white-space: nowrap;margin-top: 11.875rem;animation: tickerMove 25s linear infinite;}
@keyframes tickerMove {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

@media screen and (max-width:768px) {
  .sec_company .swiper-wrapper,
  .sec_company .swiper_wrap .company_slider{background: #fff;}
  .sec_company{padding:5rem 0}
  .sec_company:after{display: none;}
  .sec_company .title{gap: 15px;margin-bottom: 1.875rem;}
  .sec_company .title .en{font-size: 1.25rem;}
  .sec_company .title h3{font-size: 1.75rem;}
  .sec_company .title .desc {font-size: 1.125rem;word-break: break-all;}
  .sec_company:before{background-size: 300px;width:300px;height: 300px;right: 0;}
  /* .sec_company .swiper_wrap .company_slider{padding-top: 0;} */
  .sec_company .swiper_wrap{flex-direction: column;}
  .sec_company .swiper_wrap .company_slider{width:100%;z-index: 999;}
  .sec_company .swiper-slide-prev,
.sec_company .swiper-slide-next,
.sec_company .swiper-slide-next + .swiper-slide + .swiper-slide {transform: none;}
  .sec_company .swiper_wrap:before{width:3px;height:calc(100% - 75px);left: 50%;top: 75px;transform: translateX(-50%);}
  .sec_company .line_txt{margin-top: 3.125rem;font-size: 3.125rem;}
}
@media screen and (max-width:480px) {
    .sec_company .swiper-wrapper,
  .sec_company .swiper_wrap .company_slider{background: transparent}
  .sec_company:before{display: none;}
}

.bg_main{position: relative;}
.bg_main:before{content: '';width:100%;height: 1470px;display: block;position: absolute;bottom: 500px;right: 0;background: url(../../images/main/bg_line.svg) no-repeat right bottom;}
.sec_product{margin:7.5rem 0 ;}
main .main_title{font-family: Prompt;font-size: 5.625rem;font-weight: 700;text-transform: uppercase;text-align: center;}

@media screen and (max-width:768px) {
  main .main_title{font-size: 1.875rem;}
}


.sec_product .pro_tab{position: relative;margin-top: 2.5rem;margin-bottom: 4.375rem;}
.sec_product .pro_tab ul{display: flex;justify-content: center;gap: 5px;}
.sec_product .pro_tab ul li button{font-weight: 500;padding: 1rem 1.25rem;background: #fff;border-radius: 50px;border: 1px solid var(--gray-100, #E5E5E5);position: relative;}
.sec_product .pro_tab ul li.active button{background: transparent;color: #fff;font-weight: 600;border:none;}
.sec_product .pro_tab .indicator{position: absolute;bottom: 0;left: 0;height: 100%;background: #000;transition: left 0.3s ease;z-index: -1;border-radius: 50px}
.sec_product .tab_panel {width: calc(100% - 40px);margin: auto;opacity: 0;transform: translateY(100px);transition: all 0.4s ease;height: 0;overflow: hidden;max-width: 1660px;}
.sec_product .tab_panel.active {opacity: 1;transform: translateY(0);height: auto;}
.sec_product .product_list{display: flex;gap: 1.25rem;}
.sec_product .product_list .product_item{width: 33.333%}
.sec_product .product_list .product_item:last-child{margin-right: 0;}
.sec_product .product_list a{display: block;transition: all 0.3s;}
.sec_product .product_list .img{border-radius: 30px;background: linear-gradient(180deg, #F4F4F4 0%, #CFCFCF 100%);display: flex;justify-content: center;align-items: center;width: 100%;height: 400px;position: relative;overflow: hidden;transition: all 0.3s;margin: auto;}
.sec_product .product_list .img:after{content: '';display: block;width:52px;height: 52px;border-radius: 50%;background: url(../../images/main/ico_link.svg) no-repeat center #fff;position: absolute;right: 15px;bottom: 15px;}
.sec_product .product_list a:hover .img img{transform: scale(1.1);}
.sec_product .product_list .img img{max-width: 97%;transition: all 0.3s;max-height: 90%;}
.sec_product .product_list .txt{margin-top: 1.25rem;text-align: center;}
.sec_product .product_list .txt .title{color: var(--gray-750, #404040);
  font-size: 1.875rem;font-weight: 700;line-height: 100%;text-transform: uppercase;}
.sec_product .product_list .txt .desc{margin-top: .625rem;color: var(--gray-550, #737373);font-weight: 500;line-height: 100%;}

@media screen and (max-width:1420px) {
  .sec_product .tab_panel{width:calc(100% - 40px)}
  .sec_product .product_list .img{height: 280px;}
}


@media screen and (max-width:1024px) {
  .sec_product .product_list{flex-wrap: wrap;gap: 40px 20px;}
  .sec_product .product_list .product_item{width: calc(50% - 20px);margin-right: 0;}
  .sec_product .product_list .img img{max-height: 70%;}
  .sec_product .product_list .product_item:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width:768px) {
  .sec_product{margin: 5rem 0;}
  .sec_product .pro_tab{margin-top: 1.875rem;margin-bottom: 3.125rem;}
  .sec_product .pro_tab .indicator{display: none;}
  .sec_product .pro_tab ul{flex-wrap: wrap;}
  .sec_product .pro_tab ul li button{font-size: 1rem;}
  .sec_product .product_list .img{margin: auto;}
  .sec_product .pro_tab ul li.active button{background: #000;}
  .sec_product .product_list .product_item{width:100%}
  .sec_product .product_list .txt .title{font-size: 1.125rem;}
}

/* sec_business */
.sec_business{margin-top: 16.25rem;margin-bottom:12.5rem ;}
.sec_business .business_area{margin-top: 3.75rem;display: flex;position: relative;z-index: 5;max-width:1920px;margin-left: auto;margin-right: auto;}
.sec_business .business_area > .item{flex: 1 1;height: 490px;background: #333;border-radius:30px;transition: transform 0.3s ease;overflow: hidden;}
.sec_business .business_area > .item.item01{background: url(../../images/main/img_busi01.png) no-repeat;background-size: cover;}
.sec_business .business_area > .item.item02{background: url(../../images/main/img_busi02.png) no-repeat;background-size: cover;}
.sec_business .business_area > .item a{display: flex;flex-direction: column;justify-content: center;align-content: center;gap: 20px;width: 100%;height: 100%;color: #fff;text-align: center;position: relative;}
.sec_business .business_area > .item a:after{content: '';display: block;width:100%;height:100%;background: rgba(0, 0, 0, 0.3);overflow: hidden;transition: all 0.3s;position: absolute;left: 0;top: 0;opacity: 0;}
.sec_business .business_area > .item .title{color: #FFFDFD;font-size: 3.125rem;font-weight: 600;letter-spacing: -0.125rem;text-transform: uppercase;overflow: hidden;height: 47px;line-height: 47px;position: relative;z-index: 3;}
.business_area a:hover .title.play .letter {transform: translateY(-100%);}
.business_area .title .letter:nth-child(1)  { transition-delay: 0s; }
.business_area .title .letter:nth-child(2)  { transition-delay: 0.03s; }
.business_area .title .letter:nth-child(3)  { transition-delay: 0.06s; }
.business_area .title .letter:nth-child(4)  { transition-delay: 0.09s; }
.business_area .title .letter:nth-child(5)  { transition-delay: 0.12s; }
.business_area .title .letter:nth-child(6)  { transition-delay: 0.15s; }
.business_area .title .letter:nth-child(7)  { transition-delay: 0.18s; }
.business_area .title .letter:nth-child(8)  { transition-delay: 0.21s; }
.business_area .title .letter:nth-child(9)  { transition-delay: 0.24s; }
.business_area .title .letter:nth-child(10) { transition-delay: 0.27s; }
.business_area .title .letter:nth-child(11) { transition-delay: 0.30s; }
.business_area .title .letter:nth-child(12) { transition-delay: 0.33s; }
.business_area .title .letter:nth-child(13) { transition-delay: 0.36s; }
.business_area .title .letter:nth-child(14) { transition-delay: 0.39s; }
.business_area .title .letter:nth-child(15) { transition-delay: 0.42s; }
.business_area .title .letter:nth-child(16) { transition-delay: 0.45s; }
.business_area .title .letter:nth-child(17) { transition-delay: 0.48s; }
.business_area .title .letter:nth-child(18) { transition-delay: 0.51s; }
.business_area .title .letter:nth-child(19) { transition-delay: 0.54s; }
.business_area .title .letter:nth-child(20) { transition-delay: 0.57s; }
.business_area .title .letter {display: inline-block;transition: transform 0.5s ease;}
.sec_business .business_area > .item .desc{font-size: 1.5rem;font-weight: 400;position: relative;z-index: 3;}
.sec_business .view_more{margin-top: 3.75rem;display: flex;justify-content: center;align-items: center;font-family: Prompt;font-weight: 400;line-height: 100%;letter-spacing: 0.16px;gap: 1.25rem;transition: all .3s;}
.sec_business .view_more:after{content: '';width:80px;height:  16px;background: url(../../images/main/ico_more.svg) no-repeat center;transition:transform .44s ease}
.sec_business .view_more div{display:flex;}
.sec_business .view_more span{display:block;backface-visibility:hidden;transform:translateY(0);transition:padding .44s ease}
.sec_business .view_more span:nth-child(1){transition-delay:.05s}
.sec_business .view_more span:nth-child(2){transition-delay:.1s}
.sec_business .view_more span:nth-child(3){transition-delay:.15s}
.sec_business .view_more span:nth-child(4){transition-delay:.2s}
.sec_business .view_more span:nth-child(5){transition-delay:.25s}
.sec_business .view_more span:nth-child(6){transition-delay:.3s}
.sec_business .view_more span:nth-child(7){transition-delay:.35s}
.sec_business .view_more span:nth-child(8){transition-delay:.4s}
.sec_business .view_more:hover span{padding: 0 1px;}

@media screen and (max-width:768px) {
  .sec_business{margin: 5rem 0;}
  .sec_business .business_area > .item{height: 250px;}
  .sec_business .business_area > .item .title{font-size: 1.625rem;height: 35px;line-height: 35px;}
  .sec_business .business_area > .item .desc{font-size: 1.125rem;}
}

/* sec_network */
.sec_network{background: url(../../images/main/bg_network.svg) no-repeat left 80px bottom;padding-bottom: 10rem;}
.sec_network .title_wrap{display: flex;gap: 40px;align-items: flex-end;}
.sec_network .title_wrap .main_title{text-align: left;}
.sec_network .title_wrap .desc{font-size: 1.5rem;font-weight: 400;line-height: 140%;letter-spacing: -0.96px;text-transform: uppercase;transform: translateY(-8px);}
.sec_network .grop_site{display: flex;flex-direction: column;gap: 20px;margin-top: 5rem;align-items: flex-end;}
.sec_network .grop_site > a{display: flex;gap: 14px;width:700px;font-size: 1.5rem;font-weight: 600;line-height: 100%;text-transform: uppercase;padding: 22px 30px;border: 1px solid var(--gray-450, #8C8C8C);background: #fff;border-radius: 30px;align-items: center;transition: transform 0.3s;}
.sec_network .grop_site > a::before{content: '';width: 66px;height: 66px;border-radius: 50%;background: url(../../images/main/ico_link_white.svg) no-repeat center #999;}
.sec_network .grop_site > a:hover{transform: translateY(-20px);box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05);}

@media screen and (max-width:768px) {
  .sec_network{background-size: 400px;}
  .sec_network .title_wrap .desc{font-size: 1.125rem;transform: none;}
  .sec_network .grop_site > a{width:85%;padding: 1.25rem;font-size: 1.25rem;}
  .sec_network .grop_site > a::before{width:40px;height: 40px;background-size: 10px;}
}
@media screen and (max-width:480px) {
  .sec_network .title_wrap{flex-direction: column;gap: 20px;align-items: flex-start;}
  .sec_network .grop_site{margin-top: 1.875rem;}
  .sec_network .grop_site > a{width:100%;padding: 10px 15px;border-radius: 15px;}
}