/* ===== NAV 기본 ===== */
.gnb {
  width: 100%;
  background-color: #2d2929; /* 이미지와 비슷한 진한 그레이 */
  padding: 16px 0;
}

.nav_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ----- 왼쪽 로고 ----- */
.nav_left img {
  height: 32px;   /* 필요 시 조절 */
  display: block;
}

/* ----- 오른쪽 메뉴 ----- */
.nav_right {
  display: flex;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav_right li a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.nav_right li a:hover {
  opacity: 0.8;
}

/* ===== 반응형 (600px 이하) ===== */
@media (max-width: 600px) {
  .nav_inner {
    flex-direction: column;
    gap: 12px;
  }

  .nav_right {
    gap: 18px;
  }

  .nav_left img {
    height: 28px;
  }
}

/* ===== footer 기본 ===== */

footer{
	position:relative;
	z-index:99;
	margin: 0 auto;
	max-width: 768px;
	line-height:20px;
	font-size:13px;
	padding:25px 0;
	text-align:center;
	background:#555;
	color:#999;
	border-top:1px dotted #ddd;
}


/* =========================
   개인정보취급방침 팝업 (.policy_wrap)
   ========================= */

/* 화면 전체 오버레이 */
.policy_wrap {
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  background: rgba(0, 0, 0, 0.6);
  display: none;              /* 기본은 숨김 */
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding:20px 0;
  box-sizing:border-box;
}

/* 열렸을 때 */
.policy_wrap.is-open {
  display: block;
}

/* 팝업 박스 공통 */
.policy_wrap .head_wrap,
.policy_wrap .cont_wrap {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}

/* 헤더 영역 */
.policy_wrap .head_wrap {
  background-color: #333;
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px 10px 0 0;
}

.policy_wrap .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 타이틀 텍스트 */
.policy_wrap .head p {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

/* 닫기 X 버튼 */
.policy_wrap .head span {
  font-size: 1.1rem;
  cursor: pointer;
  padding: 0 4px;
}

/* 내용 영역 */
.policy_wrap .cont_wrap {
  background-color: #fff;
  padding: 12px 18px 18px;
  border-radius: 0 0 10px 10px;
  max-height: 70vh;
  overflow-y: scroll;
}

.policy_wrap .cont {
  height: 100%;
}

/* textarea 스크롤 영역 */
.policy_wrap .cont_wrap p {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  font-size: 0.85rem;
  line-height: 1.5;
  resize: none;
  white-space: pre-line;
  box-sizing: border-box;
}

/* 작은 화면 대응 */
@media (max-width: 480px) {
  .policy_wrap {
    padding: 10px;
  }

  .policy_wrap .cont_wrap {
    padding: 10px 12px 12px;
  }
}