.main_sec_1{position: relative; height: 810px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff;}
.main_sec_1 img, .main_sec_1 video{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.main_sec_1 img{opacity: 0;}
.ms_1_h1{margin-bottom: 12px; font-size: 120px; font-weight: bold; line-height: 1;}
.ms_1_span{font-size: 37.5px; font-weight: bold;}

.main_sec_2{background-color: #000;}
.ms_2_slide{overflow: hidden; padding: 60px 60px 120px; position: relative;}

.ms_2_slide .swiper-slide{border-radius: 8px; overflow: hidden; aspect-ratio: 9 / 5;}
.ms_2_slide .swiper-slide img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.ms_2_slide .swiper-pagination{position: absolute; left: 50%; bottom: 60px!important; transform: translateX(-50%);}
.ms_2_slide .b_btn{ width: 112px; padding: 0; height: 30px; max-width: calc(100% - 30px); left: 39px; bottom: 33px; font-size: 12px; position: absolute;}
.ms_2_slide h4{left: 38px; bottom: 74px; position: absolute; color: #fff; font-size: 37.5px;}
/*.ms_2_slide a{left: 39px; bottom: 33px; position: absolute;}*/
.ms_2_slide .swiper-pagination-bullet{background-color: #fff; opacity: 1;}
.ms_2_slide .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #2167FF;}

.main_sec_3{padding: 60px;}
.main_sec_3 .ms_3_inner{position: relative; height: 380px; padding: 15px 34px; box-sizing: border-box;}
.main_sec_3 .ms_3_inner img{position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; left: 0; top: 0;}
.ms_3_inner h1, .ms_3_inner .fade-slice{position: relative;}
.ms_3_inner h1{letter-spacing: -1px; line-height: 1.8; font-size: 27px; font-weight: 900;}
.ms_3_inner .fade-cw{letter-spacing: -1px; line-height: 1.6; font-size: 14px; font-weight: 300;}
.ms_3_inner .b_btn{position: absolute; bottom: 33px; left: 34px;}

.main_sec_4{padding: 60px; background-color: #000;}
.ms_4_inner{display: flex; align-items: flex-start; gap: 30px;}
.ms_4_inner > div{width: 100%;letter-spacing: -1px; position: relative; color: #fff;}
/*.ms_4_inner > div:last-child{color: #000;}*/
.ms_4_inner > div img{width: 100%; border-radius: 7px;}
.ms_4_inner *{font-family: 'Noto Sans';}

.ms_4_inner > div h1{position: absolute; left: 35px; bottom: 61px; line-height: 1.8; font-size: 27px; }
.ms_4_inner > div span{position: absolute; left: 35px; bottom: 45px; font-weight: 200; font-size: 14px;}
.ms_4_inner > div:nth-child(odd){padding-top: 42px;}

@media(min-width:1025px){
  .ms_4_inner > div h1{position:absolute; left:2.431vw; bottom:4.236vw; line-height:1.8; font-size:1.875vw;}
  .ms_4_inner > div span{position:absolute; left:2.431vw; bottom:3.125vw; font-weight:200; font-size:0.972vw;}
}

@media(max-width:1024px){
  .main_sec_1{height: calc(100 * var(--vh));}
  .ms_1_h1{margin-bottom: 24px; font-size: 50px; font-weight: bold; line-height: 1;}
  .ms_1_span{font-size: 22px; font-weight: bold;}

  .ms_2_slide{padding: 30px 20px 87px;}
  .ms_2_slide .swiper-slide{aspect-ratio: 238 / 375;}
  .ms_2_slide h4{left: 14px; bottom: 65px; font-size: 22px;}
  /*.ms_2_slide a{left: 50%; transform: translateX(-50%); bottom: 17px; width: 100%; font-size: 12px; max-width: calc(100% - 30px); height: 42px;}*/
  .ms_2_slide .swiper-pagination{bottom: 51px!important;}
  .swiper-pagination-bullet{width: 15px; height: 15px; margin: 0 8px!important;}
  .main_sec_3{padding: 50px 20px;}
  .main_sec_3 .ms_3_inner{padding: 54px 20px;}
  .ms_2_slide .b_btn{bottom: 22px; left: 14px;}
  .main_sec_3 .ms_3_inner{aspect-ratio: 300 / 516; height: unset; width: 100%;}
  .ms_3_inner h1{font-size: 50px; line-height: 1; margin-bottom: 24px; letter-spacing:-3px;}
  .ms_3_inner img{width: 100%;}
  .ms_3_inner .fade-cw{font-size: 15px;}

  .ms_3_inner .b_btn{width: 100%; padding:  0; height: 42px; max-width: calc(100% - 30px); left: 15px; bottom: 15px; font-size: 12px;}
  .main_sec_4{padding: 0;}
  .main_sec_4 .swiper-slide{position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 15px;}
  /*.main_sec_4 .swiper-slide:nth-child(3) *{color: #000;}*/
  .main_sec_4 .swiper-slide img{left: 0; top: 0; border-radius: 5px; border: 0px solid #2167ff;}
  .main_sec_4 .swiper-slide h1{margin-bottom: 12px; font-size: 25px; line-height: 1; color: #fff; letter-spacing: -1px;}
  .main_sec_4 .swiper-slide span{font-size: 15px; line-height: 1.3; color: #fff; font-weight: 300; letter-spacing: -0.5px;}
  .main_sec_4 .swiper-slide h1, .main_sec_4 .swiper-slide span{position: relative;}
  .main_sec_4 .swiper-slide{position: relative;}
}

.popup_w{position: fixed; top: 50px; left: 20px; max-width: 400px; width: calc(100% - 40px); display: none; z-index: 12;}
.popup_w.show{display: block; }
.popup_w .popup_close{width: 30px; height: 30px; position: absolute; right: 10px; top: 10px;  cursor: pointer;}
.popup_close::after, .popup_close::before{content: ''; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top: 50%; left: 50%;}
.popup_close::after{transform: translate(-50%, -50%) rotate(45deg);}
.popup_close::before{transform: translate(-50%, -50%) rotate(-45deg);}
.popup_w label{display: flex; align-items: center; padding: 4px; width: 100%; background-color: #fff; gap: 6px;}
@media(max-width:1024px){
 .popup_w{top: 50%; left: 50%; transform: translate(-50%, -50%);} 
}