@charset "UTF-8";@import url("/fnc_css/font/font.css");*,
*::after,
*::before { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; /* font-family: "Noto Sans KR", sans-serif; */
 font-family: "NumnumSquare_ac", sans-serif; /* 글꼴 크기 조정을 방지 */
 -webkit-text-size-adjust: 100%; /* 폰트를 부드럽게 */
 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* 웹킷 마음대로 눌림 하이라이트 막음 */
 -webkit-tap-highlight-color: transparent; }
body { display: block; position: relative; word-break: keep-all; }
a { color: inherit; cursor: pointer; }
img { max-width: 100%; max-height: 100%; }
input,
button { border: none; outline: none; background-color: transparent; cursor: pointer; }

/* 헤더 */
.header { font-family: "NumnumSquare_ac", sans-serif; width: 100%; z-index: 999; position: fixed; height: 90px; background-color: #fff; position: fixed; top: 0; left: 0; box-shadow: 0px 3px 6px #00000029; }
.header-wrap { width: 100%; max-width: 1400px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.header-logo { height: 100%; display: flex; align-items: center; }
.header-logo > a { display: flex; align-items: center; width: auto; height: 100%; }
.gnb { display: flex; align-items: center; height: 100%; }
.gnb > li { height: 100%; width: 200px; }
.gnb > li > a { width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; font-size: 21px; font-weight: 800; line-height: 23px; text-align:center;}
.gnb > li:hover > a { color: #865d43; border-bottom: 6px solid #865d43; }
.hidden-gnb { display: none; background-color: #fff; color: #000; text-align: center; padding: 20px 0; height: 430px; border-bottom:1px solid #ddd;}
.hidden-gnb a { display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; font-size: 18px; line-height: 24px; }
.hidden-gnb a:hover { color: #865d43; }
.gnb:hover > li .hidden-gnb { display: block; }
.mo-btn { cursor: pointer; display: none; width: 25px; }
/* 푸터 */
.footer { font-family: "NumnumSquare", sans-serif; width: 100%; height: 150px; background-color: #4e3728; color: #fff; }
.footer-wrap { width: 100%; max-width: 1400px; height: 100%; margin: 0 auto; display: flex; gap: 60px; padding-top: 40px; position: relative; }
.footer-logo { flex-shrink: 0; }
.footer-info-link { display: flex; align-items: center; gap: 50px; margin-bottom: 10px; }
.footer-info-link > a { font-size: 16px; line-height: 18px; display: block; position: relative; }
.footer-info-link > a:last-child::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -25px; width: 1px; height: 16px; background-color: #fff; }
.footer-info-info { display: flex; gap: 30px; margin-bottom: 15px; }
.footer-info-info > p { font-size: 16px; line-height: 18px; }
.footer-info-copy { font-size: 14px; line-height: 16px; }
.top-btn { position: absolute; right: 0px; top: 60px; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background-color: #363636; cursor: pointer; }

/* 모바일 메뉴 */
.mo-menu { position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 70px; left: 0; right: 0; bottom: 0; display: none; justify-content: end; z-index: 999; height: 100vh; width: 100vw; }
.mo-menu.active { display: flex; }
.mo-menu-wrap { width: 300px; height: 100vh; max-height: 100vh; overflow: auto; background-color: #fff; padding: 30px 30px 80px; }
.mo-menu-wrap > div { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; margin-top: 35px; }
.mo-menu-wrap > div:first-child { margin-top: 0; }
.mo-menu-wrap > div > p { font-size: 16px; color: #444; flex-shrink: 0; }
.mo-menu-wrap > div > span { width: 100%; height: 1px; background-color: #dcdcdc; }
.mo-menu-wrap > p { font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 10px; }

/* 반응형 */
@media (max-width: 1460px){
 .header-wrap { padding: 0 30px; }
 .footer { height: auto; }
 .footer-wrap { padding: 40px 30px; }
 .top-btn { bottom: 20px; top: unset; right: 20px; }
 .footer-info-info { flex-wrap: wrap; row-gap: 10px; }
 }
@media (max-width: 1279px){

.gnb > li{width:160px;}
 .footer-wrap { gap: 30px; }
 }
@media (max-width: 1023px){
 .mo-btn { display: block; }
 .header { height: 70px; }
 .header-wrap { padding: 0 20px; }
 .footer { height: auto; }
 .footer-wrap { padding: 40px 20px; }

 .header-logo > a { height: 70%; }
 .gnb > li { display: none; }
 }
@media (max-width: 767px){
 .footer-wrap { flex-direction: column; gap: 20px; }
 .footer-info-link { margin-bottom: 20px; }
 }
@media (max-width: 479px) { }