@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  padding-top: 80px; /* 고정 메뉴 높이만큼 */
}

/* 헤더 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: rgba(0,0,0,0.7);
  z-index: 1000;

}

.header_inner {
  max-width:70%;
  height: 100%;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 로고 */
.logo img {
  height: 80px;
}

/* 메뉴 */
.nav {
  display: flex;
  gap: 40px;
  margin-top: 60px;
}

.menu {
  color: #fff !important;
  font-weight: 400;           /* 기본 굵기 */
  text-decoration: none;
  transition: all 0.2s ease;  /* 부드러운 변화 */
}

/* 마우스 오버 시 */
.menu:hover {
  font-weight: 700;            /* 굵게 */
  transform: scale(1.1);       /* 살짝 커짐 */
}

/* 선택된 메뉴만 */
.menu.active::after {
  width: 100%;
}

/* 섹션 */
.section {
  width: 100%;
}

.section img {
  width: 100%;
  display: block;
}

.header .nav a,
.header .nav a:hover,
.header .nav a.active {
  color: #fff !important;
}



/*문의하기*/

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Pretendard, sans-serif;
}

body {
  background: #f1f2f5;
}

/* 전체 섹션 */
.contact {
  padding: 80px 0;
}

/* ✅ 가이드 기준 박스 */
.inner {
  max-width: 80%;
  margin: 0 auto;
  padding: 0 40px;
}

/* 제목 */
.container h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 50px;
  font-weight: 700;
  text-shadow: 0 0 1px #000; /* 아주 미세한 그림자 */
}

/* 폼 */
.contact-form {
  background: #fff;
  padding: 50px 40px;
  border-radius: 6px;
}

/* 입력 영역 */
.row {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
}

.field {
  flex: 1;
}

.field.full {
  margin-bottom: 40px;
}

label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 600;
}

input,
textarea {
  width: 100%;
  background: #eef0f4;
  border: none;
  border-radius: 6px;
  padding: 14px 16px;
  font-size: 14px;
}

textarea {
  height: 160px;
  resize: none;
}

button {
  display: block;
  margin: 0 auto;
  background: #1677ff;
  color: #fff;
  border: none;
  padding: 14px 40px;
  border-radius: 6px;
  cursor: pointer;
}


/* 퀵 메뉴 전체 컨테이너 */
./* 부드러운 스크롤 */
.html {
  scroll-behavior: smooth;
}

/* 퀵 메뉴 전체 */
.quick-menu {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* 메뉴 개별 칸 */
.menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 5px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #eee;
  transition: background 0.3s;
}

.menu-item:hover {
  background-color: #f8f8f8;
}

/* 아이콘 크기 조절 (작게) */
.icon-box {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 글자 스타일 */
.menu-item span {
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}

/* 맨위로 버튼 배경 */
.top-btn {
  background-color: #e9ecef;
  border-bottom: none;
}

/* 상단 메뉴바 높이만큼 위치 조정 (메뉴바가 이미지를 가리지 않게) */
.section {
  scroll-margin-top: 80px; /* 상단 헤더 높이가 80px 정도라면 이 정도가 적당합니다 */
}