.profile-sheet {
  display: none; /* Hidden by default */
  z-index: 1000; /* Sit on top */
  height: 100%;
  position: fixed;
  inset: auto 0% 0% !important;
  transform: translate(-50%, -50%); /* 중앙에서의 위치 조정 */
}

.select-box {
  padding-top: 17px;
  padding-bottom: 17px;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
  font-size: var(--16);
  line-height: var(--line-height--16pt);
  color: var(--gray--gray-80);
  font-weight: 600;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/chevron-down-w20-gray70.svg") no-repeat;
  background-position: right 8px center;
  background-size: 12px;
}

@font-face {
  font-family: "GowunDodum";
  src: url("../fonts/GowunDodum-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* 폰트를 특정 클래스에 적용 */
.gowun {
  font-family: "GowunDodum", sans-serif;
}

#input-text {
  padding: 17px 8px;
}

.textarea-intro {
  padding: 8px 0;
}

.textarea-appeal {
  padding: 8px 0;
}

textarea {
  resize: none;
}

/* 기본 선택 요소의 포커스 시 자동 변경 제거 */
select {
  border: 1px solid #ccc; /* 기본 border 색상 */
  outline: none; /* 포커스 시 아웃라인 제거 */
  box-shadow: none; /* 포커스 시 자동으로 추가되는 box-shadow 제거 */
}

/* 선택 요소가 포커스를 받을 때의 상태 */
select:focus {
  border-color: #ccc; /* 포커스 시에도 같은 border 색상 유지 */
  outline: none; /* 포커스 시 아웃라인 제거 */
  box-shadow: none; /* 포커스 시 박스 그림자 제거 */
}

.slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  /* 정사각형을 유지하기 위한 패딩 */
  position: relative;
  cursor: grab;
  /* 드래그 가능함을 시각적으로 표시 */
  user-select: none;
  /* 드래그 시 텍스트 선택 방지 */
}

.swiper-container:active {
  cursor: grabbing;
}

.swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.swiper-slide img,
.swiper-slide video {
  width: 100%; /* 가로 너비를 100%로 설정 */
  height: auto; /* 높이를 자동으로 조절 */
  aspect-ratio: 1 / 1; /* 정사각형 비율 유지 */
  object-fit: cover; /* 이미지 잘림 방지 및 채우기 */
  /* 이미지와 비디오가 슬라이드 영역을 꽉 채우도록 */
}

/* 화면 너비가 501px 이상일 때 */
@media (min-width: 501px) {
  .swiper-slide img,
  .swiper-slide video {
    width: 375px; /* 가로 너비 고정 */
    height: 375px; /* 세로 높이 고정 */
  }
}

.slide-number {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 14px;
  z-index: 10;
  pointer-events: none;
  /* 마우스 이벤트 차단 방지 */
}

.swiper-container {
  user-select: none;
  /* 드래그 시 텍스트 선택 방지 */
}

.ellipsis {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.photo-box input[type="file"],
.video-box input[type="file"] {
  display: none;
}

.photo-box,
.video-box {
  position: relative;
}

.delete-button {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 24px;
  height: 24px;
  background: url("../images/icon_delete.svg") no-repeat center center;
  background-size: cover;
  cursor: pointer;
  display: none;
}

.text-34 {
  line-height: 1.5;
  /* 원하는 간격으로 조정 */
}

::-webkit-scrollbar {
  display: none;
  /* 스크롤바를 완전히 숨깁니다 */
}

.watermark-container {
  position: relative;
  display: inline-block; /* 이미지를 컨테이너 크기에 맞추어 감싸도록 */
}

/* 모든 워터마크 라인 공통 스타일 */
.watermark-line {
  position: absolute;
  color: rgba(0, 0, 0, 0.3); /* 글자색+투명도 */
  font-size: 12px;
  font-family: sans-serif;
  pointer-events: none; /* 텍스트 부분을 클릭해도 이미지로 클릭이 통과되도록 */
  transform: rotate(-15deg); /* 대각선 회전 */
}

/* 각 줄마다 다른 위치(top/left) 지정 */
.watermark-line1 {
  top: 40px;
  left: 30px;
}
.watermark-line2 {
  top: 70px;
  left: 200px;
}
.watermark-line3 {
  top: 180px;
  left: 30px;
}
.watermark-line4 {
  top: 210px;
  left: 200px;
}
.watermark-line5 {
  top: 300px;
  left: 30px;
}

img {
  object-fit: cover;
}

.label-medium18 {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
  color: var(--black);
  font-size: var(--18);
  line-height: var(--line-height--18pt);
  font-weight: 600;
}

.label-medium18.tycolor-gray60 {
  color: var(--gray--gray-60);
}

.empty {
  width: 100%;
  height: 10px;
}

section.scrollbar-none {
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

section.scrollbar-none::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.scrollbar-none.dragging {
  user-select: none;
  cursor: grabbing;
  scroll-behavior: auto; /* 드래그 중엔 부드러운 스크롤 끄기 */
}

.scrollbar-none {
  cursor: grab;
  scroll-behavior: smooth; /* 기본은 부드러운 스크롤 */
}