.bh_sec_1{padding: 100px 0; text-align: center;}
.bh_sec_1 h1{font-size: 52px; line-height: 67px;}
.bh_sec_1 span{font-size: 15px; font-weight: bold;}
.bh_sec_1 .fade-cw:nth-child(3){margin: 40px 0 100px;}

.bh_sec_2 .flex{padding-bottom: 0; gap: 52px; }
.bh_sec_2 .flex_left{position: relative; border-radius: 7px; border: 1px solid #000; box-sizing: border-box; overflow: hidden; aspect-ratio: 9 / 5;}
.bh_sec_2 .flex_left img{width: 100%; height: 100%; object-fit: cover; }
.bh_sec_2 .flex_left .txt{position: absolute; bottom: 24px; right: 36px; font-size: 15px;}

.bh_sec_2 .mb-20{margin-bottom: 20px;}
.bh_sec_2 .flex_right{ font-size: 15px; line-height: 1.45; letter-spacing: -0.5px; }
.bh_sec_2 .flex_right span{font-weight: 300;}
.bh_sec_2 .flex_right b{font-weight: bold;}

.bh_sec_2.bh_sec_4 .flex_right{line-height: 2;}

.bh_sec_3{padding: 0 60px 100px;}
.bh_sec_3_grid{display: flex; gap: 30px; text-align: center;}
.bh_sec_3_grid img.mb-30{margin-bottom: 30px;}
.bh_sec_3_grid h1{font-size: 27px; line-height: 1; letter-spacing: -1px; margin: 25px 0 9px;}
.bh_sec_3_grid span{font-size: 15px; line-height: 1; letter-spacing: -0.5px;}
.bh_sec_3 .hs_more{margin: 60px auto 0;}
.bh_sec_4 .flex_left .txt_2{position: absolute; top: 50%; left: 40px; transform: translateY(-50%); font-size: 15px; display: flex; flex-direction: column;}
.bh_sec_4 .flex_left .txt_2 b{font-weight: bold; margin-top: 6px; font-size: 27px;}

.hs_title{padding: 100px 0 60px; text-align: center;}
.hs_title .h1{font-size: 37px; line-height: 1; font-weight: bold; margin-bottom: 17px; letter-spacing: -1.5px}
.hs_title .h4{font-size: 15px; line-height: 1.6; font-weight: bold; letter-spacing: -0.5px}
.hs_title .span{font-size: 15px; line-height: 1.45; font-weight: 300; letter-spacing: -0.5px}

.hs_more{ margin-top: 60px; background-color: #15161B; color: #fff; font-size: 12px; font-weight: bold; height: 30px; width: 225px; border-radius: 3px; display: flex; align-items: center; justify-content: center;}


.wh_sec_1{text-align: center; padding: 100px 0;}
.wh_sec_1 .logo{width: 198px; margin:0 auto 60px;}
.wh_sec_1 .mb-30{margin-bottom: 30px;}
.wh_sec_1_img{margin: 60px auto; width: 830px; padding-top: 464px; position: relative;}
.wh_sec_1_img iframe{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.wh_sec_1 h1{font-size: 37px; line-height: 1; letter-spacing: -1px;}
.wh_sec_1 p{font-size: 15px; line-height: 1.45; letter-spacing: -0.5px; font-weight: 300;}
.wh_sec_1 b{font-weight: bold;}
.wh_sec_1 .hs_more{margin:60px auto 0; background-color: #2167FF;}

.wh_sec_2{padding: 0 60px 100px;}
.wh_sec_2_grid{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px 30px;}
.wh_sec_2_grid h1{font-size: 27px; line-height: 1; letter-spacing: -1px; margin: 40px 0 15px;}
.wh_sec_2_grid h4{font-size: 15px; line-height: 1; letter-spacing: -0.5px; margin: 0 0 20px;}
.wh_sec_2_grid span{font-size: 15px; line-height: 1.45; letter-spacing: -0.5px; font-weight: 300;}

.wh_sec_3{padding: 0 60px 100px;}
.wh_sec_3_grid{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.wh_sec_3_grid li{aspect-ratio: 1 / 1; border-radius: 7px; background-color: #D9D9D9;}
.wh_sec_3 .hs_more{margin: 60px auto 0;}

.wh_sec_4{padding: 0 60px 100px;}
.wh_sec_4 .hs_more{margin: 60px auto 0;}

.hs_title_2{padding: 60px 0 60px; margin-top: 60px; position: relative;}
.hs_title_2::after, .hs_title_2::before{content:''; display: block; width: 350px; height: 2px; background-color: #B6B6B6;position: absolute; left: 50%; transform: translateX(-50%);}
.hs_title_2::before{top: 0;}
.hs_title_2::after{ bottom: 0;}
.hs_title_3{padding: 60px 0;}
.wh_sec_2_grid.wh_sec_2_grid_2{grid-template-columns: 1fr 1fr 1fr 1fr;}
.wh_sec_2_grid.wh_sec_2_grid_2 img{display: block; margin-bottom: 20px;}


.ds_grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px;}
.ds_grid_el{display: flex; flex-direction: column; gap: 30px;}
.ds_grid_el img{aspect-ratio: 1 / 1; border-radius: 0.5vw;}
.bh_sec_3_grid > div{width: 100%;}
.em_bh img{aspect-ratio: 1 / 1; width: 100%;}
.wh_sec_3 .ds_grid{grid-template-columns: repeat(1, 1fr);}
.wh_sec_3 .ds_grid_el{display: grid; grid-template-columns: repeat(3, 1fr); }

.wh_sec_2_grid li img{border-radius: 0.6vw;}
.page_bluehouse img{border-radius: 0.6vw;}
@media(max-width:1024px){
  .page_bluehouse img{border-radius: 2vw;}
  
  .wh_sec_2_grid li img, .ds_grid_el img{border-radius: 2vw;}
  img{width: 100%;}
  .wh_sec_1{padding: 50px 20px;} 
  .wh_sec_1 .logo{width: 100px; margin-bottom: 20px;}
  .wh_sec_1_img{margin: 50px auto 30px; max-width: 830px; width: 100%; padding-top: 56.25%;}
  .wh_sec_1 h1{font-size: 25px; margin-bottom: 9px;}
  .wh_sec_1 .mb-30{margin-bottom: 13px;}
  .wh_sec_1 .hs_more{margin-top: 30px; height: 42px; max-width: 300px; width: 100%;}
  .wh_sec_2{padding: 0 20px 50px;}
  .hs_title{padding:50px 0 30px}
  .hs_title .h1{font-size: 25px;}
  .wh_sec_2_grid{grid-template-columns: 1fr;gap: 30px;}
  .wh_sec_2_grid h1{margin: 15px 0 6px; font-size: 20px;}
  .wh_sec_2_grid h4{margin: 0 0 15px;}

  .wh_sec_3{padding: 0 20px 50px;}

  .wh_sec_4{padding: 0 20px 50px;}
  .wh_sec_2_grid h1{margin: 15px 0;}

  .hs_title_2{padding-bottom: 50px;}
  .hs_title_2::after, .hs_title_2::before{width: 100%;}
  .hs_title_2 .span{max-width: 340px; margin: auto;}
  .wh_sec_2_grid.wh_sec_2_grid_2 {grid-template-columns: 1fr;}
  .wh_sec_2_grid.wh_sec_2_grid_2 img{margin-bottom: 15px;}
  .bh_sec_2 .flex{gap: 20px;}
  .bh_sec_4 .flex_left .txt_2{left: 14px; bottom: 17px; top: unset; transform: unset; color: #fff;}
  .bh_sec_4 .flex_left .txt_2 b{font-size: 15px; margin-top: 4px;}

  .bh_sec_1{padding: 50px 20px;}
  .bh_sec_1 h1{font-size: 25px; line-height: 30px;}
  .bh_sec_1 span{font-size: 15px;}
  .m_mt-14{margin-top: 14px;}
  .swiper-wrapper.ds_grid{gap: 0; margin-bottom: 0;}

  .bh_sec_1 .full_slide{margin-top: 50px;}
  .bh_sec_2 .flex_right.mob.balance{display: flex; flex-direction: column; gap: 15px;}
  .bh_sec_3{padding: 0 20px 50px;}
  .bh_sec_3_grid{flex-direction: column;}
  .bh_sec_3_grid h1{margin: 15px 0 6px; font-size: 20px;}
  .page_bluehouse .bh_sec_2 .flex_left .txt{bottom: 12px; right: unset; left: 18px;}
  .page_bluehouse .bh_sec_4 .flex_left .txt_2{color: #000;}
  .page_bluehouse .bh_sec_2.bh_sec_4 .flex_right{line-height: 1.4; gap: 10px;}
  .page_bluehouse .bh_sec_1 span{font-weight: 300;}
  .page_bluehouse .bh_sec_2 .flex_left{aspect-ratio: unset; border-radius: unset; border: unset;}

  .wh_sec_3 .ds_grid_el{grid-template-columns:1fr}
  .page_cover_txt{font-size: 46px;}
  .wrap{max-width: 100%; overflow-x: hidden;}
}