@charset "UTF-8";@import url("/resources/css/fnc_css/font/font.css");*,
*::after,
*::before { box-sizing: border-box; margin: 0; padding: 0; } 
html { font-size: 16px; line-height: 24px;
 /* font-family: "SCoreDream", sans-serif; */
 /* font-family: "HancomMalangMalang", sans-serif; */
 /* font-family: "Esamanru", sans-serif; */
 font-family: "Noto Sans KR", sans-serif; /* font-family: "Pretendard", sans-serif; */
 /* font-family: "GmarketSans", sans-serif; */
 /* font-family: "NumnumSquare_ac", sans-serif; */
 /* font-family: "NumnumSquare", sans-serif; */
 /* font-family: "Gowun Batang", 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; text-decoration: none; cursor: pointer; } 
img { max-width: 100%; max-height: 100%; } 
input,
button,
select,
textarea { border: none; outline: none; background-color: transparent; color: inherit; cursor: pointer; font-size: inherit; } 
form,
label { display: block; width: 100%; } 

/* 헤더 */
.header { height: 50px; width: 100%; display: flex; align-items: center; justify-content: space-between; } 
.header-lang { position: relative; } 
.header-lang > img { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } 
.header-lang > select { border-radius: 15px; height: 30px; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none;
 outline: none; background: url("/resources/images/fnc_images/common/select.svg") no-repeat, #fff; background-position: right 10px top 50%; padding-left: 40px; padding-right: 30px; font-size: 14px; line-height: 20px; font-weight: 500; } 
/* 푸터 */
.footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 65px; background-color: #fff; box-shadow: 0px 0px 15px #00000029; z-index:980;} 
.footer-link { height: 100%; display: flex; align-items: center; justify-content: space-evenly; } 
.footer-link > a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 70px; height: 100%; } 
.footer-link > a > span { width: 22px; height: 22px; } 
.footer-link > a.footer-link1 > span { background: url("/resources/images/fnc_images/common/footer_icon1.svg") no-repeat center/cover; } 
.footer-link > a.footer-link1.active > span { background: url("/resources/images/fnc_images/common/footer_icon1_color.svg") no-repeat center/cover; } 
.footer-link > a.footer-link2 > span { background: url("/resources/images/fnc_images/common/footer_icon2.svg") no-repeat center/cover; } 
.footer-link > a.footer-link2.active > span { background: url("/resources/images/fnc_images/common/footer_icon2_color.svg") no-repeat center/cover; } 
.footer-link > a.footer-link3 > span { background: url("/resources/images/fnc_images/common/footer_icon3.svg") no-repeat center/cover; } 
.footer-link > a.footer-link3.active > span { background: url("/resources/images/fnc_images/common/footer_icon3_color.svg") no-repeat center/cover; } 
.footer-link > a.footer-link4 > span { background: url("/resources/images/fnc_images/common/footer_icon4.svg") no-repeat center/cover; } 
.footer-link > a.footer-link4.active > span { background: url("/resources/images/fnc_images/common/footer_icon4_color.svg") no-repeat center/cover; }
.footer-link > a.footer-link5 > span { background: url("/resources/images/fnc_images/common/footer_icon5.svg") no-repeat center/cover; } 
.footer-link > a.footer-link5.active > span { background: url("/resources/images/fnc_images/common/footer_icon5_color.svg") no-repeat center/cover; }

.footer-link > a > p { font-size: 14px; line-height: 18px; color: #c1c1c1; font-weight: 500; } 
.footer-link > a.active > p { color: #0074e6; }

@media screen and (min-width: 1024px){
	.footer{top:0; left:50%;transform:translateX(-50%);  background-color: transparent; box-shadow:none; height:60px;max-width:1480px;margin:0 auto;padding:0 30px;}
	.footer-link{justify-content:end;gap:20px;}
	.footer-link > a{width:auto;padding:0 20px;}
	.footer-link > a > span{display:none;}
	.footer-link > a > p{font-size:18px;line-height:26px; color:#000;}
	.wrap:has(.main) ~ .footer .footer-link > a > p{color:#fff;}
}