.hgroup_side.hg_side_right.jtb{display: none;}
.bs_intro { width: 100%; max-width: max(1267.2px, 125vw); margin: 0 auto; }
.bs_intro .sc_wrap { padding: max(100px, 10.5104166667vw) 0 max(105.6px, 10.4166666667vw); padding-bottom: 0; overflow: hidden; }
.bs_intro .text_area { width: 100%; position: fixed; top: max(200px, 1.5104166667vw); text-align: center; z-index: 11; padding-bottom: max(34.32px, 3.3854166667vw); left: 0; transition: top 0.4s ease; }
.bs_intro .text_area.on { position: absolute; top: max(800px, 1.5104166667vw); }
.bs_intro .text_area .top_text { font-size: max(13.2px, 1.3020833333vw); color: #DA291C;; }
.bs_intro .text_area .top_tit { margin-top: max(5.28px, 0.5208333333vw); font-size: max(29.04px, 2.8645833333vw); font-weight: 500; transition: color 0.4s ease-in-out; }
.bs_intro .text_area.on .top_tit { color: #fff; }
.bs_intro .text_area .top_desc { margin-top: max(40.28px, 4.0208333333vw); font-size: max(10.56px, 1.2416666667vw); }
.bs_intro .text_area.on .top_desc { color: #fff; }
.bs_intro .move_box { position: relative; overflow: hidden; max-width: 1200px; margin: 0 auto; border-top-right-radius: 30px;border-top-left-radius: 30px; transition: transform 0.6s ease; transform-origin: center; }
.bs_intro .move_box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 10; }
.bs_intro .bg { height: 350px; }
.move_box.fullscreen { transform: scale(1); width: 100%; height: 100vh; border-radius: 0; max-width: none; }
.bs_intro .detail_area { position: relative; display: flex; justify-content: center; gap: 100px; max-width: 1200px; margin: 0 auto; padding: 100px 0; }
.bs_intro .detail_area .detail_tit { font-size: max(18.48px, 1.8229166667vw); font-weight: 700; width: 20%; }
.bs_intro .detail_area .detail_box { flex: 1; }
.bs_intro .detail_area .detail_box .detail_list { border-top: 2px solid #000; }
.bs_intro .detail_area .detail_box .detail_list .detail_item { display: flex; justify-content: start; align-items: center; gap: 50px; padding: 20px 0; border-bottom: 1px solid #ccc; }
.bs_intro .detail_area .detail_box .detail_list .detail_item .title { display: block; font-size: max(11.88px, 1.171875vw); min-width: 110px; font-weight: 500; }
.bs_intro .detail_area .detail_box .detail_list .detail_item .desc { display: block; font-size: max(10.56px, 1.0416666667vw); color: #697077; }
.bs_intro .detail_area .detail_box .detail_list .detail_item .desc a { color: #697077; }
/* 스크롤 이벤트 */
.hidden-section { opacity: 0; transform: translateY(-50px); transition: opacity 1s, transform 1s; transition-delay: 0.1s; }
.hidden-sectiontwo { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
.hidden-sectionthree { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.5s; }
.hidden-sectionfour { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.7s; }
.visible { opacity: 1; transform: translateY(0); }
@media (max-width:1023px){
  .bs_intro .sc_wrap { padding: max(30px, 3.5104166667vw) 0 max(105.6px, 10.4166666667vw); }
  .bs_intro .text_area .top_tit br { display: none; }
  .bs_intro .text_area { top: 120px; width: 90%; left: 50%; transform: translateX(-50%); }
  .bs_intro .text_area.on { position: absolute; top: max(500px, 1.5104166667vw); }
  .bs_intro .text_area .top_text { font-size: max(17px, 1.3020833333vw); }
  .bs_intro .text_area .top_desc { margin-top: max(20.28px, 4.0208333333vw); font-size: max(14.2px, 1.3020833333vw); }
  .bs_intro .move_box{height: max(450.14px, 47.4609375vw);}
  .bs_intro .move_box img { transform: scale(1); }
  .bs_intro .detail_area { display: block; padding: 100px 10px; }
  .bs_intro .detail_area .detail_tit { width: 90%; margin: 0 auto; padding-bottom: 20px; }
  .bs_intro .detail_area .detail_box .detail_list .detail_item { padding: 15px 20px; }
  .bs_intro .detail_area .detail_box .detail_list .detail_item .title { font-size: max(13.88px, 1.171875vw); min-width: 70px; }
  .bs_intro .detail_area .detail_box .detail_list .detail_item .desc { font-size: max(12.56px, 1.0416666667vw); }
 }
@media (max-width:500px){
  .bs_intro .text_area .top_desc br { display: none; }
  .bs_intro .move_box { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
  .bs_intro .move_box img { width: 100%; height: 100%; transform: scale(1); }
 }