body{
    background-color: #e8e8e8;
    font-family: 'Noto Sans KR', sans-serif, Arial;
}
/* 전체 헤더 */
header {
  width: 100%;
  height:81px;
  font-family: 'Noto Sans KR', sans-serif;
}
/* 공통 컨테이너 - 가운데 정렬, 최대 너비 제한 */
.header_top{
   max-width: 1410px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   box-sizing: border-box;
   border-bottom:7px solid #21293c;
}

.header_top{
   background-color: #fff;
}


.header_top{
    padding: 20px var(--padding-64);
}

/* 로고 */
.logo {
  height: 35px;
  object-fit: contain;
}

/* 상단 메뉴 */
.list_nav ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 40px;
}

.list_nav a.nav-link {
  text-decoration: none;
  color: #222;
  font-weight: 500;
  font-size: 20px;

}

.list_nav a.nav-link:hover {
  color: #0072ff;
}


/* footer*/
footer .container{
    background-color:#fff;
    max-width: 1410px;
    padding: 50px var(--padding-64);
    box-sizing: border-box;
    font-size:16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; /* ← 추가: 좌우 끝으로 배치 */
    border-top: 1px solid #21293c;
}
footer .list_footer{
    width:900px;
}
footer .list_footer ul{
    display: flex;
    flex-direction: row;
    gap:5px;
    flex-wrap: wrap;
}
footer .list_footer li{
    color:var(--color-text);
    white-space: normal;   /* ✅ 텍스트 줄바꿈 허용 */
    word-break: break-word; /* ✅ 긴 단어도 줄바꿈 */
    flex: 0 0 auto;
    font-size:12px;
    padding-right:10px;
}
footer p{margin-top:30px;font-size:12px;}

.admin-link{position:absolute;bottom:10px;color:#e9e9e9;}


 /* 모바일 대응 */
 @media screen and (max-width: 825px) {
    header {
    height:51px;
   }
     .header_top{
         padding: 10px 10px;
     }

     /* 로고 */
     .logo {
       height: 20px;
     }

     /* 상단 메뉴 */
     .list_nav ul {
       gap: 20px;
     }

     .list_nav a.nav-link {
       font-size: 15px;
     }

     /* footer */
     footer .container{
         padding: 10px;
         font-size:16px;
         justify-content: space-between; /* ← 추가: 좌우 끝으로 배치 */
     }
     footer .footer-brand{
        display:none;
     }
     .admin-link{position:absolute;bottom:10px;right:10px;color:#e9e9e9;}

 }