@charset "utf-8";

/* 슬라이드 시작 */

.imgslide {
  position: relative;
  width: 100vw;
  height: 800px;
}

.imgslide img {
  width: 100vw;
  height: 800px;
  object-fit: cover;
  display: block;
}

    /* 기존 스타일은 그대로 두고, 추가 */
/* 마우스 모양 */
/* 인디케이터 전체 묶음 */
.scroll-indicator {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column; /* 세로 정렬 */
  align-items: center;
  gap: 10px; /* 마우스와 텍스트 사이 간격 */
}

/* 마우스 테두리 */
.mouse-shape {
  width: 24px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 15px;
  position: relative;
}

/* 휠 점 */
.wheel {
  width: 4px;
  height: 8px;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  animation: wheelMove 1.5s infinite;
}

/* 휠 애니메이션 */
@keyframes wheelMove {
  0%   { opacity: 0; transform: translate(-50%, 0); }
  50%  { opacity: 1; transform: translate(-50%, 12px); }
  100% { opacity: 0; transform: translate(-50%, 20px); }
}

/* 텍스트 */
.scroll-text {
  font-size: 13px;
  color: #fff;
  font-family: 'Pretendard', sans-serif;
  letter-spacing: 1px;
  opacity: 0.85;
}

/* 슬라이드 끝 */


/* 이부분은 공통 타이틀을 지정하는 영역입니다. (제목. +)*/

h1{font-family: 'GmarketSansbold'; font-size: 30px; font-family: 'NexonLv2Gothic', sans-serif;}
i{float: right; position: relative; top: 25px; right: 30px; color: #474747; transition: transform 0.5s ease; cursor: pointer;}
i:hover {transform: rotate(360deg);}


/* 콘텐츠 영역 시작(모집중인 공고)*/

article{width: 1230px; height: 350px; margin-top: 40px;}
.content{width: 1230px; height: 350px; font-family: 'Pretendard-semiBold'; }
.box{width: 300px; height: 300px; float: left; margin-right: 7px; margin-top: 15px;}
.box>a>p{font-family: 'Pretendard-semiBold'; font-size: 18px; color: #000;}
.box img{width: 100%; height: 100%; object-fit: cover; border: solid 0.8px #d4d4d4;}

/* 콘텐츠 영역 끝(모집중인 공고) */


/* 콘텐츠 영역 시작(공지사항) */

.note{width: 710px; height: 350px; float: left; color: #000;}
.note li{width: 190px; height: 250px; border-top: 2px solid #333333; float: left; margin: 15px 25px 0 0; padding: 10px 10px 0 10px;}
.note li h3{color: #000; line-height: 30px; font-family: 'NexonLv2Gothic';}
.note li p{margin-top: 20px; color: #b3b3b3; line-height: 25px; font-family: 'NexonLv2Gothic gothic';}
.note li span{ color: #333333; font-family: 'NexonLv2Gothic gothic';}
.note a:hover{text-decoration: underline #333333 1px;}

/* 콘텐츠 영역 끝(공지사항) */


/* 콘텐츠 영역 시작(갤러리) */

.gel{width: 520px; height: 350px; float: right;}
.gel li{width: 250px; height: 300px; float: left; margin-right: 10px; margin-top: 15px;}
.gel li img{width: 250px; height: 200px; object-fit: cover; border-radius: 10%;}
.gel li h3{color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; font-family: 'NexonLv2Gothic';}

/* 콘텐츠 영역 끝(갤러리) */

aside {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

.organ {
  width: 1230px; /* 5개 x 270px */
  margin: 0 auto;
  overflow: hidden;
  position: relative; right: 10px;}

.organlist {
  display: flex;
  width: max-content;
  transition: transform 0.6s ease-in-out;
}

.slide {
  display: flex; 
}

.organbox {
  width: 270px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.organbox img {
  width: 55%;
  max-height: 100%;
  object-fit: contain;
}

/* 📸 메인 슬라이드 공통 스타일 */
.imgslide, .mimgslide {
  position: relative;
  overflow: hidden;
}

.imgslide img, .mimgslide img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 800px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.imgslide img.active, .mimgslide img.active {
  opacity: 1;
  z-index: 2;
}

/* 모바일 슬라이드 높이 조정 */
.mimgslide img {
  height: auto;
  max-height: 600px;
}