@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: "SCoreDream", 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,
select { border: none;   outline: none;  background-color: transparent; color: inherit; cursor: pointer; font-size: inherit; }
/* 그리드스택 기본 */
.grid-stack { width: 100%; height: auto;  width: 100%;  container-name: all-container;  container-type: inline-size;}
.grid-stack-item {overflow: hidden; }
.grid-stack-item-content { display: flex; align-items: center; justify-content: center;  width: 100% !important; height: 100% !important; inset: 0 !important;  position: relative !important;  container-name: grid-stack-container;  container-type: inline-size;}

/* 헤더 */
.header { width: 100%; height: 80px; z-index: 99; position: fixed; background-color: #fff; border-bottom: 1px solid #ddd; top:0;left:0;transform:none;transition:all 0.2s;}
.header.active {transform:translateY(-80px);}
.header-wrap { width: 100%; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; max-width: 1500px; padding: 0 30px; gap: 50px; }
.header-logo { width: auto; height: 100%; }
.header-logo > a { display: flex; align-items: center; justify-content: center; height: 100%; }
.gnb { display: flex; align-items: center; width: auto; height: 100%;}
.gnb > a{height:50px;padding:0 20px;  display: flex;    align-items: center;    justify-content: center;    border-radius: 40px;background-color: #2069b3;color:#fff;font-size:20px;font-weight:600;border:2px solid #2069b3;transition: all 0.2s; text-align:center;}
.gnb > a:hover{background-color:#fff;color:#2069b3}
.gnb > div { width: auto; height: 100%; }
.gnb > div > a { width: auto; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 30px; font-size: 18px; font-weight: 500; }
.gnb > div > a:hover { border-bottom: 3px solid #53b3d6; }
.mo-btn { display: none; height: 100%; align-items: center; justify-content: center; flex-shrink: 0; width: 25px; cursor: pointer; background: url("/fnc_images/common/mo-btn.svg") no-repeat center; transition: all 0.2s; }
.mo-btn.active { background: url("/fnc_images/common/mo-x.svg") no-repeat center; }
.mo-menu { z-index: 999; position: fixed; margin-top: 80px; background-color: rgba(0, 0, 0, 0.7); left: 0; right: 0; top: 0; bottom: 0; display: none; justify-content: end; }
.mo-menu.active { display: flex; }
html:has(.mo-menu.active){overflow:hidden;}
/* .header.active .mo-menu{height:calc(100vh + 80px);margin-top:0;} */
.mo-menu-wrap { width: 280px; height: 100%; background-color: #fff; }
.mo-gnb { display: flex; flex-direction: column; gap: 20px; padding: 30px; width:100%;height:100%;}
/* .header.active .mo-gnb{padding-top:110px;} */
.mo-gnb > a { font-size: 18px; line-height: 24px; font-weight: 500; }
/* 푸터 */
.footer { /* 폰트 한번더 첨부하기 */
 width: 100%; background-color: #000; color: #fff; }
 .footer-qna {z-index:9999; position: fixed; bottom: 30px; right: 50px; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0px 3px 6px #00000029; display: flex; align-items: center; justify-content: center; transition: all 0.3s;  background-color:#FF46A2;}
.footer-qna > img { width: 40px; }
.footer-qna > p { max-width: 0; font-size: 20px; line-height: 30px; font-weight: 500; overflow: hidden; transition: all 0.3s; color:#fff;}
 .footer-qna:hover { width: 200px; border-radius: 50px; gap: 10px; }
 .footer-qna:hover > p { max-width: 100px; }


.footer-wrap { width: 100%; margin: 0 auto; max-width: 1480px; padding: 50px 30px; display: flex; flex-direction: column; gap: 30px; }
.footer-left { flex-shrink: 0; }
.footer-right { width: 100%; }
.footer-right > p { font-size: 14px; color: #999; }
.footer-right-line { display: flex; gap: 30px; margin-bottom: 20px; }
.footer-right-line > p { font-size: 16px; line-height: 24px; }
/* 반응형 */
 @media (max-width: 1439px) {
 .footer-qna{right:20px;}
 .gnb > a{font-size:18px;line-height:24px;}
 }
@media (max-width: 1023px){
.header{height:60px;}
.header-logo{height:35px;}
.mo-menu{margin-top:60px;}
 .header-wrap { padding: 0 20px; gap:20px;}
 .mo-btn { display: flex; }
 .gnb { display: none; }
   .footer-qna{width:50px;height:50px;right:20px;bottom:20px;}
   .footer-qna > img {width:26px;}
   .footer-qna > p { font-size: 14px; line-height: 22px; }
 .footer-qna:hover { width: 120px; border-radius: 50px; gap: 10px; }
 .footer-qna:hover > p { max-width: 55px; }
 }
@media (max-width: 767px){
 .footer-right-line { flex-direction: column; gap: 15px; margin-bottom: 15px; }
 }
@media (max-width: 479px) { }