.main_contents_wrap{
  width: 100%;
  display: flex;
  position: relative;
  margin-top: var(--header_high);
}

.main_contents_wrap .inner {
  max-width: 100%;
  padding: 0 var(--main_padding);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.banner_wrap{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
  position: relative;
}

.banner_wrap_dim {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 75%;
  background: linear-gradient(to top, #fff, #dce0db9d, #fff);
  z-index: -1;
  transform: translate(-50%, -50%);
}

.video_banner_wrap{
  width: calc(100% - 620px);
  height: 720px;
  display: flex;
  position: relative;
}

.video_banner_corner_wrap{
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  border-radius: 0 0 40px 0;
  background: var(--white);
  z-index: 15;
}

.video_banner_corner_box{
  display: flex;
  align-items: flex-start;
  padding: 0 20px 10px 10px;
  gap: 8px;
  position: relative;
}

.video_banner_corner_img{
  width: 40px;
  object-fit: contain;
  position: absolute;
}

.vbc_bottom{
  left: 0;
  bottom: -40px;
}

.vbc_right{
  top: 0;
  right: -40px;
}

.video_banner_corner_text{
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--gray-600);
}

.video_banner_corner_title{
  font-size: 36px;
  font-family: var(--HSSummer);
  color: var(--primary-color);
  transform: translateY(-4px);
}

.video_slider_swiper{
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}

.video_slider_swiper .swiper-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
}

.video_slider_swiper .swiper-wrapper .swiper-slide{
  width: 100% !important;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 80px;
}

.video_slider_swiper .swiper-wrapper .swiper-slide::after{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: linear-gradient(to right, #426C33 37%, #426c3300 70%);
  z-index: 5;
}

.video_text_box {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: relative;
  z-index: 10;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;
  margin-bottom: 80px;
}

.swiper-slide-active .video_text_box {
  opacity: 1;
  transform: translateY(0px);
}

.video_sub_title{
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--white);
  font-family: var(--HSSummer)
}
.video_main_title{
  font-size: 96px;
  height: 150px;
  font-weight: var(--bold);
  color: #D0EC52;
  font-family: var(--HSSummer)
}
.video_info_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--white);
  padding-left: 6px;
}

.main_banner_video{
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  object-fit: cover;
}




.swiper_paging_box{
  position: absolute;
  left: 80px;
  bottom: 25%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--gray-900);
  border-radius: 20px;
  z-index: 15;
  padding: 16px 20px;
}

.swiper_pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 10;
  color: #fff;
  width: auto !important;
  min-width: 67px !important; 
}

.progress-bar {
  width: 150px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.progress-fill {
  display: inline-block;
  width: 0%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

/* .bar_animation {
  animation: 5.1s bar_start linear;
}

@keyframes bar_start {
  0% {
    width: 0%;
  }
  100% {
      width: 100%;
  }
} */

.swiper-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  margin-left: 10px;
}

.swiper-button-prev,
.swiper-button-next {
  position: unset !important;
  border: none;
  cursor: pointer;
  width: auto !important;
  height: auto !important;
  margin-top: auto !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  position: relative;
}

.swiper_arrow_img{
  width: 24px;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.info_lounge_wrap{
  width: 580px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.info_banner_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.info_banner_box{
  width: 100%;
  display: flex;
  position: relative;
}

.info_banner_box .slider_control{
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
}

.info_banner_slider_swiper{
  width: 100%;
  display: flex;
}

.info_banner_slider_swiper .swiper-wrapper{
  width: 100%;
  display: flex;
}

.info_banner_slider_swiper .swiper-wrapper .swiper-slide{
  width: 100%;
  height: 290px;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
}

.info_banner_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lounge_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lounge_title_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.lounge_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lounge_list{
  width: 100%;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--gray-100);
  display: flex;
  transition: 0.3s ease;
}

.blue_lounge_list:hover{
  border-color: var(--Sky_Blue);
}

.brown_lounge_list:hover{
  border-color: var(--Terracotta_Brown_500);
}

.green_lounge_list:hover{
  border-color: var(--green-500);
}

.lounge_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 20px;
}

.lounge_caption{
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--gray-600);
}

.blue_lounge_list .lounge_caption{
  color: var(--Sky_Blue);
}

.brown_lounge_list .lounge_caption{
  color: var(--Terracotta_Brown_500);
}

.green_lounge_list .lounge_caption{
  color: var(--green-500);
}

.lounge_text_box{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.lounge_text{
  font-size: 16px;
  font-weight: var(--regular);
  color: var(--gray-600);
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: 0.3s ease;
}

.lounge_list:hover .lounge_text{
  font-weight: var(--bold);
  color: var(--gray-900);
}

.lounge_day_text{
  min-width: 80px;
  font-size: 14px;
  font-weight: var(--regular);
  color: var(--gray-400);
}

.main_point_text_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 64px 0;
}

.main_point_text{
  font-size: 12px;
  font-weight: var(--bold);
  color: #A7BAA0;
  text-transform: uppercase;
  letter-spacing: 36px;
}



.company_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.company_wrap_dim {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 60%;
  background: linear-gradient(to top, #fff, #fff2eba8, #fff);
  z-index: -1;
  transform: translate(-50%, -50%);
}

.company_top_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.company_tab_wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 150px;
}

.company_tab_title_box{
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.company_tab_title{
  font-size: 36px;
  font-weight: var(--bold);
  color: var(--gray-900);
  line-height: 130%;
  word-break: keep-all;
}

.company_tab_sub_title{
  font-size: 16px;
  font-weight: var(--medium);
  color: var(--gray-400);
  letter-spacing: 0.5px;
}

.company_tab_box{
  width: calc(100% - 400px);
  height: 180px;
  border-radius: 64px;
  overflow: hidden;
  background-image: url(/factory/site/basic/img/bg_01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.company_tab_click_box{
  position: absolute;
  left: 120px;
  bottom: 0;
  display: flex;
  border-radius: 20px 20px 0 0;
  background: #fff;
}

.company_tab_click_ul{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  position: relative;
}

.company_tab_click_list{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 16px;
  background: #fff;;
  transition: background 0.3s ease;
}

.company_tab_click_list.company_yw.on{
  background: var(--yw_color);
}
.company_tab_click_list.company_pg.on{
  background: var(--pg_color);
}
.company_tab_click_list.company_js.on{
  background: var(--js_color);
}

.company_tab_click_text{
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--gray-600);
  transition: color 0.3s ease;
  padding: 14px 20px;
  white-space: nowrap;
}

.company_tab_click_list.on .company_tab_click_text{
  color: #fff;
}

.company_tab_corner_img{
  width: 20px;
  object-fit: contain;
  position: absolute;
}

.company_tab_left_corner_img{
  left: -19px;
  bottom: 0;
  transform: rotate(180deg);
}

.company_tab_right_corner_img{
  right: -19px;
  bottom: 0;
  transform: rotate(-90deg);
}

.company_util_wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 150px;
}

.company_util_charecter_box{
  width: 280px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.company_util_charecter_img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.company_util_box{
  width: calc(100% - 400px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.company_util_title_box{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.company_util_title{
  font-size: 64px;
  font-family: var(--HSSummer);
  color: var(--gray-900);
}

.company_color{
  color: var(--gray-400);
  transition: 0.3s ease;
}

.company_yw .company_color{
  color: var(--yw_color);
}
.company_pg .company_color{
  color: var(--pg_color);
}
.company_js .company_color{
  color: var(--js_color);
}

.company_util_address_box{
  background: var(--gray-100);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
}

.company_util_address_text{
  font-size: 16px;
  font-weight: var(--medium);
  color: #596069;
  padding: 8px 16px;
}

.company_util_ul{
  display: flex;
  gap: 10px;
}

.company_util_list{
  border-radius: 20px;
  background: var(--gray-400);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 200px;
  aspect-ratio: 1/1;
  padding: 20px;
  transition: 0.3s ease;
}

.company_yw .company_util_list{
  background: var(--yw_color);
}
.company_pg .company_util_list{
  background: var(--pg_color);
}
.company_js .company_util_list{
  background: var(--js_color);
}

.company_util_link{
  border: 2px solid var(--gray-400);
  background: #fff !important;
}

.company_yw .company_util_link{
  border-color: var(--yw_color);
}
.company_pg .company_util_link{
  border-color: var(--pg_color);
}
.company_js .company_util_link{
  border-color: var(--js_color);
}

.company_util_link:hover .more_box{
  background: var(--gray-200);
}

.company_util_list a{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.company_util_list_top_box{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
}

.company_util_list_title_img{
  width: 24px;
  object-fit: contain;
}

.company_util_list_title{
  font-size: 20px;
  font-weight: var(--bold);
  color: #fff;
}

.company_util_list_bottom_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 6px;
}

.company_util_list_info_unit{
  font-size: 16px;
  font-weight: var(--T-black);
  color: #ffffff8c;
}

.company_util_list_info_value{
  font-size: 36px;
  font-weight: var(--T-black);
  color: #ffffff;
}

.company_util_list_link_text{
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--gray-600);
  line-height: 130%;
  word-break: keep-all;
}

.company_util_list_link_text span{
  transition: 0.3s ease;
}

.company_yw .company_util_list_link_text span{
  color: var(--yw_color);
}
.company_pg .company_util_list_link_text span{
  color: var(--pg_color);
}
.company_js .company_util_list_link_text span{
  color: var(--js_color);
}



.company_bottom_wrap{
  width: 100%;
  display: flex;
}

.company_tab_swiper_wrap{
  width: 100%;
  display: flex;
  position: relative;
}

.company_tab_swiper_box{
  position: relative;
  width: 100%;
  height: 560px;
  border-radius: 40px;
  overflow: hidden;
  z-index: 10;
}

.company_tab_swiper_tag_title{
  font-size: 24px;
  font-family: var(--HSSummer);
  color: #fff;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 10;
  transition: 0.3s ease;
}

.company_yw .company_tab_swiper_tag_title span{
  color: var(--yw_color);
}
.company_pg .company_tab_swiper_tag_title span{
  color: var(--pg_color);
}
.company_js .company_tab_swiper_tag_title span{
  color: var(--js_color);
}

.company_tab_swiper_box .slider_control{
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  background: #fff;
}

.company_slider_swiper{
  width: 100%;
  height: 100%;
  display: flex;
}

.company_slider_swiper .swiper-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
}

.company_slider_swiper .swiper-wrapper .swiper-slide{
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.company_slider_swiper .swiper-wrapper .swiper-slide::before{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background: #00000077;
}

.company_slider_swiper .swiper-wrapper .swiper-slide::after{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background: linear-gradient(to top, #b962378a , #ff7c3500 70%)
}

.company_slider_title_more_box{
  position: absolute;
  left: 40px;
  top: 45%;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.company_slider_tag{
  font-size: 14px;
  font-weight: var(--bold);
  color: #fff;
}

.company_slider_title{
  font-size: 48px;
  font-family: var(--HSSummer);
  color: #fff;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.company_slider_swiper .swiper-wrapper .swiper-slide .more_box .h_line,
.company_slider_swiper .swiper-wrapper .swiper-slide .more_box .v_line{
  background: #fff;
}
.company_yw .company_slider_swiper .swiper-wrapper .swiper-slide .more_box{
  background: var(--yw_color);
}
.company_pg .company_slider_swiper .swiper-wrapper .swiper-slide .more_box{
  background: var(--pg_color);
}
.company_js .company_slider_swiper .swiper-wrapper .swiper-slide .more_box{
  background: var(--js_color);
}

.company_bg_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.company_name_siwper_wrap{
  position: absolute;
  top: 60px;
  right: 20px;
  width: 100%;
  max-width: 20vw;
  height: 65%;
  z-index: 15;
}

.company_name_slider_swiper{
  width: 100%;
  height: 100%;
  display: flex;
  pointer-events: none;
}

.company_name_slider_swiper .swiper-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
}

.company_name_slider_swiper .swiper-wrapper .swiper-slide{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  cursor: pointer;
  transition: 0.3s ease;
}

.company_yw .company_name_slider_swiper .swiper-wrapper .swiper-slide-active .company_name_slider_title_wrap{
  border-color: var(--yw_color);
}
.company_pg .company_name_slider_swiper .swiper-wrapper .swiper-slide-active .company_name_slider_title_wrap{
  border-color: var(--pg_color);
}
.company_js .company_name_slider_swiper .swiper-wrapper .swiper-slide-active .company_name_slider_title_wrap{
  border-color: var(--js_color);
}

.company_name_slider_title_wrap{
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
  padding-right: 10px;
  border-right: 2px solid transparent;
}

.company_name_slider_title{
  font-size: 16px;
  font-weight: var(--bold);
  color: #fff;
  word-break: keep-all;
}

.company_name_slider_tag{
  font-size: 12px;
  font-weight: var(--regular);
  color: var(--gray-200);
  word-break: keep-all;
}






.company_product_wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  max-width: 67vw;
  background: #fff;
  border-radius: 0 40px 0 0;
  z-index: 10;
}

.company_product_box{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 24px 0 0;
  gap: 10px;
}

.company_product_ul{
  width: calc(100% - 120px);
  display: flex;
  gap: 16px;
}

.company_product_list{
  width: 100%;
  display: flex;
  border-radius: 20px;
  background: var(--gray-100);
  padding: 8px;
  transition: 0.3s ease;
}

.company_yw .company_product_list:hover{
  background: var(--yw_color);
}
.company_pg .company_product_list:hover{
  background: var(--pg_color);
}
.company_js .company_product_list:hover{
  background: var(--js_color);
}

.company_product_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.company_product_img_box{
  width: 72px;
  min-width: 72px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.company_product_img{
  width: 100%;
  object-fit: contain;
}

.company_product_corner_img{
  width: 40px;
  object-fit: contain;
  position: absolute;
}

.cpc_top{
  top: -40px;
  left: 0px;
  transform: rotate(-90deg);
}

.cpc_right{
  bottom: 0;
  right: -40px;
  transform: rotate(-90deg);
}

.company_product_text_box{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.company_product_sub_text{
  font-size: 14px;
  font-weight: var(--medium);
  color: var(--gray-600);
  transition: 0.3s ease;
}

.company_product_list:hover .company_product_sub_text{
  color: #ffffffc0;
}

.company_product_main_text{
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--gray-900);
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: 0.3s ease;
}

.company_product_list:hover .company_product_main_text{
  color: #fff;
}


.company_product_more_box{
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.company_product_num_text{
  font-size: 14px;
  font-weight: var(--bold);
  color: var(--gray-600);
  word-break: keep-all;
  text-align: right;
}

.company_yw .company_product_num_text span{
  color: var(--yw_color);
}
.company_pg .company_product_num_text span{
  color: var(--pg_color);
}
.company_js .company_product_num_text span{
  color: var(--js_color);
}

.company_product_more_box .more_box .h_line, .company_product_more_box .more_box .v_line{
  background: #fff;
}

.company_yw .company_product_more_box .more_box{
  background: var(--yw_color);
}
.company_pg .company_product_more_box .more_box{
  background: var(--pg_color);
}
.company_js .company_product_more_box .more_box{
  background: var(--js_color);
}




/* 뉴스룸 */
.news_room_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
  position: relative;
}

.news_room_wrap_dim {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 80%;
  background: linear-gradient(to top, #fff, #e9eef8c9, #fff);
  z-index: -1;
  transform: translate(-50%, -50%);
}

.news_room_top_wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

.news_room_top_title_box{
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.news_room_top_title{
  font-size: 36px;
  font-weight: var(--bold);
  color: var(--gray-900);
  line-height: 130%;
  word-break: keep-all;
}

.news_room_top_title span{
  color: #3B68FF;
}

.news_room_top_sub_text{
  font-size: 16px;
  font-weight: var(--medium);
  color: var(--gray-400);
}

.news_room_top_util_box{
  width: 50%;
  display: flex;
  align-items: center;
}

.news_room_top_util_ul{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 64px;
  padding: 0 24px;
}

.news_room_top_util_list{
  display: flex;
}

.news_room_top_util_list a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.news_room_top_util_icon_box{
  width: 120px;
  aspect-ratio: 1/1;
  background: #E8EDFE;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.news_room_top_util_list:hover .news_room_top_util_icon_box{
  background: #3b69ff4f;
}

.news_room_top_util_icon_img{
  width: 80px;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.news_room_top_util_icon_text{
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--gray-900);
  text-align: center;
  word-break: keep-all;
  transition: color 0.3s ease;
}

.news_room_top_util_list:hover .news_room_top_util_icon_text{
  color: #3B68FF;
}

.news_room_bottom_wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

.news_room_visual_box{
  width: 50%;
  min-height: 410px;
  border-radius: 64px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-image: url(/factory/site/basic/img/news_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 40px;
  position: relative;

}

.news_room_visual_box::after{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 64px;
  background: linear-gradient(to right, #00000000, #00000080);
}

.news_room_visual_human_img{
  height: 250px;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: -225px;
  z-index: 10;
}

.news_room_visual_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  position: relative;
  z-index: 9;
}

.news_room_visual_title{
  font-size: 48px;
  font-family: var(--HSSummer);
  color: #fff;
  height: 80px;
}

.news_room_visual_sub_text{
  font-size: 16px;
  font-weight: var(--medium);
  color: #fff;
}

.news_room_visual_title_box .more_box{
  background: var(--Cobalt_Blue_500);
}

.news_room_visual_title_box .more_box:hover{
  background: var(--gray-900)
}

.news_room_visual_title_box .more_box .h_line, .news_room_visual_title_box .more_box .v_line{
  background: #fff;
}

.news_room_text_info_box{
  width: 50%;
  display: flex;
}

.news_room_text_info_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news_room_text_info_list{
  width: 100%;
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
}

.news_room_text_info_list:hover{
  transform: translateX(10px);
}

.news_room_text_info_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 24px 8px;
  gap: 40px;
}

.news_room_text_info_day_box{
  width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.nrti_day_text{
  font-size: 36px;
  font-weight: var(--T-black);
  color: var(--gray-900);
}

.nrti_year_month_text{
  font-size: 12px;
  font-weight: var(--bold);
  color: var(--gray-600);
}

.news_room_text_info_in_box{
  width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.news_room_text_info_in_kate_box{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--Cobalt_Blue_500);
  padding: 8px 12px;
}

.news_room_text_info_in_kate_text{
  font-size: 16px;
  font-weight: var(--medium);
  color: #fff;
}

.news_room_text_info_in_title{
  font-size: 20px;
  font-weight: var(--bold);
  color: var(--gray-900);
  text-decoration: underline;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: 0.2s ease;
}

.news_room_text_info_list:hover .news_room_text_info_in_title{
  color: var(--Cobalt_Blue_500);;
}


.footer_copy_list:first-child .footer_copy_text {
  color: var(--yw_color);
}











/* 반응형 */
@media(min-width : 1697px){
  .news_room_wrap{margin-top: 120px;}
}

@media(max-width : 1696px){
  :root{--main_padding:40px;}
  .main_contents_wrap .inner {max-width: 1480px; gap: 120px 0;}
  .main_point_text_box{display: none;}
  .company_tab_wrap {gap: 24px; flex-direction: column;}
  .company_tab_title_box {text-align: center;}
  .company_tab_title br{display: none;}
  .company_tab_box {width: 100%;}
  .company_util_charecter_box{display: none;}
  .company_util_box {width: 100%;}
  .company_product_wrap{max-width: 70vw;}
}

@media(max-width : 1480px){
  .main_contents_wrap .inner {max-width: 1240px;}
  .banner_wrap {flex-direction: column;}
  .video_banner_wrap {width: 100%; height: 520px;}
  .video_text_box {margin-bottom: 40px;}
  .swiper_paging_box {bottom: 10%;}
  .video_slider_swiper .swiper-wrapper .swiper-slide::after {background: linear-gradient(to right, #426C33 45%, #426c3300 75%);}
  .info_lounge_wrap {width: 100%; flex-direction: row; gap: 24px;}
  .info_banner_wrap {width: calc(50% - 12px);}
  .lounge_wrap {width: calc(50% - 12px);}
  .lounge_ul {height: 100%;}
  .lounge_list {height: 100%;}
  .company_tab_box {height: 140px;}
  .company_tab_click_text {padding: 12px 20px;}
  .company_util_title{font-size: 48px;}
  .company_util_list_info_value {font-size: 24px;}
  .company_tab_swiper_tag_title {font-size: 20px;}
  .company_slider_title {font-size: 36px; letter-spacing: 2px;}
  .company_name_slider_title {font-size: 14px;}
  .news_room_visual_human_img{display: none;}
  .news_room_top_title_box {width: 40%;}
  .news_room_top_util_box {width: 60%;}
  .news_room_visual_box {width: 40%;}
  .news_room_text_info_box {width: 60%;}
}

@media(max-width : 1240px){
  .main_contents_wrap .inner {gap: 96px 0;}
  .video_banner_corner_text {font-size: 16px;}
  .video_banner_corner_title {font-size: 20px;}
  .video_banner_corner_img {width: 20px;}
  .vbc_bottom {bottom: -20px;}
  .vbc_right {right: -19.5px;}
  .video_slider_swiper .swiper-wrapper .swiper-slide {padding: 0 56px;}
  .video_main_title {font-size: 64px; height: 110px;}
  .swiper_paging_box {left: 56px; padding: 12px 20px; bottom: 15%;}
  .swiper_pagination {font-size: 14px; min-width: 60px !important;}
  .swiper-navigation {margin-left: 6px;}
  .video_text_box {margin-bottom: 55px;}
  .company_util_title {font-size: 40px;}
  .company_util_list {width: 170px;}
  .company_util_list_title {font-size: 18px;}
  .company_util_list_title_img {width: 22px;}
  .company_util_title_box {gap: 14px;}
  .banner_wrap {margin-top: 20px;}
}

@media(max-width : 1024px){
  :root{--main_padding:24px;}
  .video_banner_wrap {height: 460px;}
  .video_main_title {height: 100px;}
  .swiper_paging_box {bottom: 12%;}
  .info_banner_slider_swiper .swiper-wrapper .swiper-slide {height: 250px;}
  .lounge_list a {padding: 16px 20px;}
  .company_tab_title {font-size: 24px;}
  .company_tab_sub_title {font-size: 14px;}
  .company_tab_box {border-radius: 40px;}
  .company_util_box {width: 100%; gap: 40px; flex-direction: column;}
  .company_util_title {font-size: 48px;}
  .company_util_title_box {width: 100%; align-items: center;}
  .company_util_address_text {word-break: keep-all; text-align: center;}
  .company_util_list {width: 100%; aspect-ratio: unset; min-height: 150px;}
  .company_util_ul {width: 100%;}
  .company_name_siwper_wrap{display: none;}
  .company_tab_swiper_tag_title {font-size: 16px; left: 32px;}
  .company_slider_title {font-size: 24px;}
  .company_slider_title_more_box {gap: 10px; left: 32px;}
  .company_tab_swiper_box {height: 300px;}
  .company_tab_swiper_wrap {flex-direction: column;}
  .company_product_wrap {position: relative; max-width: 100vw;}
  .lounge_text {font-size: 15px;}
  .company_product_corner_img{display: none;}
  .news_room_top_wrap {gap: 40px; flex-direction: column;}
  .news_room_top_title_box {width: 100%; align-items: center; text-align: center; gap: 8px;}
  .news_room_top_title {font-size: 24px;}
  .news_room_top_util_icon_img {width: 56px;}
  .news_room_bottom_wrap {gap: 24px; flex-direction: column;}
  .news_room_visual_box {width: 100%; min-height: 210px; border-radius: 40px; padding: 32px;}
  .news_room_visual_title {font-size: 36px; height: 55px;}
  .news_room_visual_title_box {align-items: flex-start;}
  .news_room_text_info_box {width: 100%;}
  .nrti_day_text {font-size: 24px;}
  .news_room_text_info_in_kate_text {font-size: 14px;}
  .news_room_text_info_in_title {font-size: 16px;}
  .news_room_text_info_list a {padding: 16px 8px;}
  .news_room_top_util_box {width: 100%;}
  .news_room_top_util_ul {justify-content: center;}
  .news_room_top_util_icon_text {font-size: 16px;}
  .news_room_visual_box::after{background: linear-gradient(to left, #00000000 50%, #000000d2 100% ); border-radius: 40px;}
}

@media(max-width : 768px){
  .info_lounge_wrap {flex-direction: column; gap: 40px;}
  .info_banner_wrap {width: 100%;}
  .info_banner_slider_swiper .swiper-wrapper .swiper-slide {height: 370px;}
  .lounge_wrap {width: 100%;}
  .company_tab_click_text {font-size: 16px;}
  .company_tab_click_box {left: 50%; transform: translateX(-50%);}
  .company_util_ul {flex-wrap: wrap;}
  .company_util_list {width: calc(50% - 5px);}
  .company_product_box {width: 100vw; overflow-x: scroll; padding: 24px 24px 8px 0;}
  .company_product_box::-webkit-scrollbar {width: 100%; height: 6px;}
  .company_product_box::-webkit-scrollbar-thumb {background-color: var(--gray-400); border-radius: 100px;}
  .company_product_box::-webkit-scrollbar-track {background-color: none;}
  .company_product_ul {width: auto;}
  .company_product_list {min-width: 240px;}
  .company_product_more_box {min-width: 120px;}
  .video_text_box {margin-bottom: 0;}
  .video_slider_swiper .swiper-wrapper .swiper-slide {padding: 0 24px;}
  .swiper_paging_box {bottom: 24px; left: 24px; width: calc(100% - 48px);}
  .progress-bar {width: 100%;}
  .video_slider_swiper .swiper-wrapper .swiper-slide::after {
  background: linear-gradient(to right, #426C33 35%, #426c3300 65%);}
}

@media(max-width : 564px){
  .video_banner_wrap {height: 350px;}
  .company_tab_swiper_tag_title {left: 20px;}
  .company_slider_title_more_box {left: 20px; top: 38%;}
  .company_tab_swiper_box {height: 350px;}
  .info_banner_slider_swiper .swiper-wrapper .swiper-slide {height: 270px;}
  .video_sub_title {font-size: 16px;}
  .video_main_title {font-size: 48px; height: 80px;}
  .news_room_top_util_ul {gap: 24px;}
  .news_room_top_util_icon_box {width: 80px;}
  .news_room_text_info_list a {gap: 20px;}
  .news_room_text_info_in_kate_text {font-size: 12px;}
}

@media(max-width : 390px){
  .info_banner_slider_swiper .swiper-wrapper .swiper-slide {height: 200px;}
  .news_room_top_util_ul {padding: 0px;}
  .news_room_top_util_list {width: 100%;}
  .news_room_top_util_icon_box {width: 100%;}
}