/* ------------------------------공통 */
/** 타이틀 **/
.main .tit_wrap h2 {margin-bottom:0.938rem; font-family:var(--prostoOne); font-size: 5.188rem; line-height: 96.386%; color: #EBEBEB;}
.main .tit_wrap p { font-size: 1.625rem; font-weight: 500; line-height: 140%;}

@media screen and (max-width:640px) { 
  .main .tit_wrap h2 {font-size: 3rem;}  
  .main .tit_wrap p { font-size: 1.5rem;}
} 

/** 슬라이드버튼 **/
.main .slide_btns>div { display: flex; align-items: center; justify-content: center; margin-top:0; position: absolute; top: 50%; z-index: 88; width: 4rem; height: 4rem; background: rgba(255, 255, 255, 0.70); cursor: pointer; border-radius: 100%; transform: translateY(-50%);} 

/* .main .slide_btns>div::before { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); }  */

.main .slide_btns>div.next,
.main .slide_btns>div.prev { font-family: 'Material Symbols Outlined'; font-size: 2rem; color: var(--gray-900); font-variation-settings: 'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24; } 
.main .slide_btns>div.next { right: 0.875rem; } 
.main .slide_btns>div.prev { left: 0.875rem; } 
.main .slide_btns>div.next::before { content: "keyboard_arrow_right"; } 
.main .slide_btns>div.prev::before { content: "keyboard_arrow_left"; } 
.main .slide_btns>div.next::after { display: none; } 
.main .slide_btns>div.prev::after { display: none;  } 

@media screen and (max-width:640px) { 
  .main .slide_btns>div {width: 2.5rem; height: 2.5rem; } 
} 



/** 섹션마진 **/
.main > section:not(.visual_slider) { margin-top:-2.5rem;position: relative; background-color: #fff; border-radius: 2.5rem 2.5rem 0 0;}

/** 메인버튼 **/
.main .btn_wrap {display: flex;}
.main .btn_wrap.end {justify-content: flex-end; }
.main .btn_wrap .btn_arrow { display: flex; gap:2rem; align-items: center;padding:1.25rem 1.75rem; border: 1px solid var(--gray-350, #C8C8C8); background-color: #fff; font-weight: 500; border-radius: 3.75rem; }
.main .btn_wrap .btn_arrow::after {transition: all 0.3s; content: url('../../images/main/ico_arrow.svg'); }
.main .btn_wrap .btn_arrow:hover::after {transform: translateX(5px);}

/** 넓은 width **/
.main .wrap { margin: 0 auto; width:100%;max-width:1590px;}


@media screen and (max-width:1590px){
  .main .wrap {padding:0 16px;}
}




/*------------------------------ 비주얼 슬라이드 */
.main .visual_slider {position: relative; width:100%; height:38.75rem;}
.main .visual_slider .swiper-slide  { display: flex; position: relative; height:100%; background-position: top center; background-size: cover;}
.main .visual_slider .swiper-slide > div {display: flex; gap:3.438rem; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%; color: #FFF; text-align: center;}
.main .visual_slider .swiper-slide > div p.lg { font-size: 3.625rem; font-weight: 700; line-height: 140%; letter-spacing: -2px;}
.main .visual_slider .swiper-slide > div p.sm { font-size: 1.625rem;}

.main .visual_slider .swiper-slide::before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; content: "";} 


.main .visual_slider .swiper-slide:nth-child(1)::before {background-image:url("../../images/main/bg_visual01.jpg") ;}
.main .visual_slider .swiper-slide:nth-child(2)::before {background-image:url("../../images/main/bg_visual02.jpg") ;}
.main .visual_slider .swiper-slide:nth-child(3)::before {background-image:url("../../images/main/bg_visual03.jpg") ;}

.main .visual_slider .swiper-slide.swiper-slide-active::before { animation:bgZoom 2s ease-in-out forwards;}

.main .visual_slider .visual-pagination {position: absolute; bottom:6.25rem; left:0px;}
.main .visual_slider .visual-pagination .swiper-pagination-bullet {width:50px; height:5px; background-color: #fff; border-radius: 5px; }


@media screen and (max-width:1590px){
  .main .wrap {padding:0 16px;}
}

@media screen and (max-width:640px){
  .main .visual_slider {height:32rem;} 
  .main .visual_slider .swiper-slide > div {padding:16px;}
  .main .visual_slider .swiper-slide > div p.lg { font-size: 2.8rem; word-break: keep-all;}
  .main .visual_slider .swiper-slide > div p.lg br {display: none;}
  .main .visual_slider .swiper-slide > div p.sm { font-size: 1.5rem;}
}


@keyframes bgZoom { 
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}


/*------------------------------ 비즈니스  */
.main .sec_business { padding:6rem 0 8.75rem 0;z-index: 1;}
.main .sec_business .tit_wrap {text-align: center;}
.main .sec_business .tit_wrap h2 {text-align: center;}
.main .sec_business .business_slider {margin-top:5.625rem; width:100%; height:36.875rem;}
.main .sec_business .business_slider .swiper-wrapper {display: flex; align-items: flex-end;}
.main .sec_business .business_slider .swiper-slide { position: relative; height:400px;  color:#fff; transition: height 0.3s ease, transform 0.3s ease; }
.main .sec_business .business_slider .swiper-slide a { display: block;  padding:3.375rem; position: relative; width:100%; height:100%; background-size: cover; border-radius: 1.875rem;}

.main .sec_business .business_slider .swiper-slide h3 { margin-bottom:1.25rem; width:100%;  font-size: 1.875rem; font-weight: 600; color:#fff; text-align: left;}
.main .sec_business .business_slider .swiper-slide p { font-size: 1.125rem; line-height: 130%;  transition: all 0.3s;opacity: 1;}
.main .sec_business .business_slider .swiper-slide .more { display: block;position: absolute; right:3.375rem; bottom:3.375rem; width:76px; height:16px; background:url("/assets/basic/images/main/ico_arrow_business.svg");  transition: all 0.3s;}




.main .sec_business .business_slider .swiper-slide.slide01 a {background-image: url("../../images/main/bg_business01.jpg");}
.main .sec_business .business_slider .swiper-slide.slide02 a {background-image: url("../../images/main/bg_business02.jpg");}
.main .sec_business .business_slider .swiper-slide.slide03 a {background-image: url("../../images/main/bg_business03.jpg");}
.main .sec_business .business_slider .swiper-slide.slide04 a {background-image: url("../../images/main/bg_business04.jpg");}

.main .sec_business .business_slider .swiper-slide.swiper-slide-active { height:100%; }

.main .sec_business .business_slider .slide_btns {position: absolute; bottom:0; left:0;   width:100%; height:400px; }

@media screen and (max-width:1024px){
  .main .sec_business .business_slider .slide_btns {height:100%;}
}

@media screen and (max-width:640px){
  .main .sec_business {padding:5rem 0 8rem;}
  .main .sec_business .business_slider {margin-top:4rem;height:25rem;}
  .main .sec_business .business_slider .swiper-slide {height:100%;}
}


/*------------------------------ 비전  */
.main .sec_vision { margin-top:-2.5rem; padding:5.625rem 0;position: relative; z-index: 2; height:56.25rem; background:url("../../images/main/bg_vision.jpg") no-repeat top center; background-size: cover; border-radius: 2.5rem 2.5rem 0 0;  }
.main .sec_vision .tit_wrap h2 {margin-bottom:2.5rem;}
.main .sec_vision .tit_wrap p {margin-bottom:5.625rem; font-weight: 400; color:#fff;}

@media screen and (max-width:640px){
  .main .sec_vision {height:80vh; background-position: top right 30%;}
  .main .sec_vision .tit_wrap p br {display: none;}
}


/*------------------------------ 공지사항  */
.main .sec_partners {padding-top:6rem; z-index: 3;}
.main .sec_partners .inner {display: flex; align-items: flex-end; justify-content: space-between;}
.main .sec_partners .logo_slider {margin-top:5rem;}
.main .sec_partners .logo_slider .swiper-slide { display: flex; align-items: center;  justify-content: center; padding:20px; border:1px solid #EBEBEB; width: 18.375rem; height:7.5rem; border-radius: 10px;}
.main .sec_partners .logo_slider .swiper-slide img {max-width:100%; max-height:100%;}

@media (max-width: 640px){
  .main .sec_partners .inner { gap:1.5rem; align-items: center;flex-direction: column;}
  .main .sec_partners .tit_wrap { width:100%;text-align: center;} 
  .main .sec_partners .logo_slider .swiper-slide { width: 40%;}
}

