@charset "euc-kr;

/* 1. @import: 필요한 파일들을 올바른 순서로 불러오기 (각각 세미콜론 필수) */
@import url("globals.css");
@import url("header.css");
@import url("visual.css");
@import url("contents.css");
@import url("footer.css");
@import url("search.css");

/* 2. 리셋 및 글로벌 스타일 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

/* 3. 부드러운 스크롤 */
html {
  scroll-behavior: smooth;
}


/*4. 폰트*/
body, h1, h2, h3, h4, h5, h6, input, textarea, select {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;    
    color: #333;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

main {
    width: 100%;
    overflow: hidden;
}

/* 5. 미디어 쿼리 (반응형) */
/* 768px 이하 */
@media (max-width: 768px) {
  h2 {
    font-size: 24px; /* 폰트 크기 줄이기 */
    margin: 10% 0;  /* 여백 조정 */
  }
}

/* 480px 이하 */
@media (max-width: 480px) {
  h2 {
    font-size: 20px; /* 폰트 크기 줄이기 */
    margin: 5% 0;   /* 여백 조정 */
  }
}

/* 360px 이하 */
@media (max-width: 360px) {
  h2 {
    font-size: 18px; /* 폰트 크기 줄이기 */
    margin: 4% 0;   /* 여백 조정 */
  }
}

body{
    width: 100%;
}