/***************
index key visual
**************/
/* 섹션 기본 설정 */
.section_visual {height: 90vh;position: relative;background-color: #000;overflow: hidden;}
/* 기존 카피 위치 유지 */
.section_visual .copy { position: absolute; width: 100%; z-index: 10; bottom: clamp(180px, 2.35rem, 160px); text-shadow: 0 2px 10px rgba(0,0,0,0.5);}

.dotline { margin: 0 auto;width:400px; height: 10px; border-bottom: 1px dashed #c9c9c9; }

@media all and (max-width: 960px){
  .section_visual {  height: 100vh; } 
  .dotline { width:auto; }
  
  .section_visual .copy { top: clamp(200px, 2.35rem, 160px);  }
}

/* 영상 컨테이너 */
.video-background {position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;}

/* [중요] 유튜브 여백 제거 로직 (Perfect Cover) */
.video-foreground {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);width: 100%; height: 100%;}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { width: 100vw; height: 56.25vw; } /* 가로 기준 16:9 */
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 177.78vh; height: 100vh; } /* 세로 기준 16:9 */
}

#player { width: 100%; height: 100%; }

/* 포스터 및 페이드 효과 */
.video-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 2; transition: opacity 0.8s ease;}
.video-poster.is-hidden { opacity: 0; visibility: hidden; }

/* 텍스트 가독성 오버레이 */
.video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); /* 영상 위 어두운 정도 조절 */ z-index: 3;}


/***************
index section business
**************/
.section_business_bg .biz_item img { width:90%; }
.section_business_bg  { 
  position: relative; width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;
  padding-left: calc(2.35vw + 15px); padding-right: calc(2.35vw + 15px); padding-top: 3vw; 
}

@media all and (max-width: 960px){
  .section_business_bg  { padding:0; } /* 세로 기준 16:9 */
}

/* prefers-reduced-motion 대응 */
@media (prefers-reduced-motion: reduce) {
  .intro_title, .intro_desc, .intro_image img { transition: none !important; transform: none !important;    opacity: 1 !important;  }
}

/***************
index new area
**************/
.section_media{text-align:center}
.section_media .news_header{ min-height:max(80px,3vw) ;padding-right:5%}
.section_media .news_kind{text-transform:uppercase; border-bottom: 1px solid #000000ff;}
.section_media .news_title{min-height: max(100px, 5vw); } 
.section_media .news_date{color: #a09999;font-size: 0.8rem;} 
.section_media .news-item .img-wrapper{position:relative;width:100%}
.section_media .news-item .img-wrapper img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}
.section_media .news-item a:hover img{transform:scale(1.1)}
.section_media .news-item a:focus img{transform:scale(1.1)}

.first_section { background-image: url('../img/bg/bannerbg_gray.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height:600px;}

@media all and (max-width: 960px){
  .first_section { background-image: url('../img/bg/bannerbg_gray_mobile.jpg') } /* 세로 기준 16:9 */
}