@charset "utf-8";
@import url("/fnc_css/font/font.css");

* { margin: 0; padding: 0; box-sizing: border-box; }
ul,
li { list-style: none; }
a { text-decoration: none; color: inherit; }
html { font-size: 16px; font-family: "Noto Sans KR", sans-serif; color: #111; }

/* html.translated-ltr .header { top: 40px;} */
body{position:static !important;}
.goog-te-gadget img{display:none;}
.skiptranslate{display:none;}
iframe.skiptranslate{display:block;}
.skiptranslate.goog-te-gadget {display:block;}
.hd_lang{z-index:9999;position: fixed; top: 100px; left: 0px;}
.goog-te-gadget-simple{padding:10px 5px !important; border:none !important;}
.goog-te-gadget-simple a {display:flex;gap:10px;}
.header.active ~ .hd_lang .goog-te-gadget-simple{background:#006934;}
.header.active ~ .hd_lang .goog-te-gadget-simple a span{color:#fff !important;}

/* 헤더 */
.header { background-color:rgba(0,0,0,0.2);width: 100%; height: 100px; position: fixed; top: 0; left: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); z-index: 999; display: flex; align-items: center; justify-content: space-between; }
.header .header-home { position: absolute; left: 0; top: 0; width: 80px; height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.15); }
.header .header-home a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.header .header-link { height: 100%; margin-left: 7%; }
.header .header-link ul { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; gap: 30px; }
.header .header-link ul li { width: auto; height: 100%; }
.header .header-link ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.logo1 {width:14vw;height:100%;background:url('../fnc_images/common/logo_4_white.png')no-repeat center;background-size:contain;}
.header.active .logo1 {background:url('../fnc_images/common/logo_4.png')no-repeat center;background-size:contain;}
.header.active .logo1:hover{background:url('../fnc_images/common/logo_color1.png')no-repeat center;background-size:contain;}
.logo2 {width:14vw;height:100%;background:url('../fnc_images/common/logo_5_white.png')no-repeat center;background-size:contain;}
.header.active .logo2 {background:url('../fnc_images/common/logo_5.png')no-repeat center;background-size:contain;}
.header.active .logo2:hover{background:url('../fnc_images/common/logo_color2.png')no-repeat center;background-size:contain;}
.logo3 {width:14vw;height:100%;background:url('../fnc_images/common/logo_6_white.png')no-repeat center;background-size:contain;}
.header.active .logo3 {background:url('../fnc_images/common/logo_6.png')no-repeat center;background-size:contain;}
.header.active .logo3:hover{background:url('../fnc_images/common/logo_color3.png')no-repeat center;background-size:contain;}

.header .gnb { margin-right: 120px; height: 100%; display: flex; align-items: center; justify-content: center; }
.header .gnb > ul { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.header .gnb > ul > li { width: 150px; height: 100%; position: relative; padding: 0 10px;}
.header .gnb > ul > li > a { font-weight:bold;display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; color: #fff; font-size: 23px; line-height: 27px; }

.header .gnb > ul > li.header-down {width:120px;cursor:pointer;}
.header .gnb > ul > li.header-down > a{font-size:18px;line-height:24px;flex-direction:column; animation: dowmani 2s infinite;  color: #fff;}
.header .gnb > ul > li.header-down > a:hover{animation:none;}
@keyframes dowmani {
 0% { color: #fff; }
 50% { color: #6669dc; }
 100% { color: #fff; }
 }

.header .gnb > ul > li:hover { border-bottom:5px solid #008542;}
.header .gnb-hidden { display: flex; flex-direction: column; align-items: center; position: absolute; padding: 0; top: 58px; left: 50%;transform: translateX(-50%); width: 200%; background-color: #fff; margin-top: 40px; height: 0; overflow: hidden; transition: all 0.3s; }
.header .gnb ul > li:hover .gnb-hidden { height: auto; padding: 10px 0; border:1px solid #ddd;}
.header .gnb-hidden li { width: 100%; padding: 15px 0; }
.header .gnb-hidden li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; word-break: keep-all; font-size: 20px; }
.header .gnb-hidden li:hover{color: #008542;}
.header .gnb-raw div {margin-left:10px;width:14px;height:14px;background:url('../fnc_images/common/header_law1.png')no-repeat;background-size:contain;}
.header .gnb-raw:hover div {background:url('../fnc_images/common/header_law2.png')no-repeat;background-size:contain;}
.header .header-menu { position: absolute; top: 0; right: 0; width: 80px; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.15); display: flex; align-items: center; justify-content: center;cursor:pointer;}
.header .mo-menu { padding:10px;position: absolute; width: 100%; height: 100vh; top: 0; left: 0; background-color: #eee; display: none;     overflow: auto;}
.header .mo-menu-close { z-index:99; position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; background: url('../fnc_images/sub/modal_icon1.png')no-repeat; background-size: cover; filter: invert(1); cursor: pointer; }
.header .mo-gnb { padding-top: 100px;display: flex; align-items: center; justify-content: center; flex-direction: column;}
.header .mo-gnb > h2{font-size:45px; line-height:63px;margin-bottom:55px;text-align: center;color: #1B5E3C; font-family: "S-CoreDream", sans-serif; font-weight:bold;}
.header .mo-gnb > ul {  display:flex;height: auto;align-items: flex-start;    justify-content: center; gap:30px;}
.header .mo-gnb > ul > li {width:330px;display: flex;flex-direction: column; align-items: center;position: relative; transition: all 0.3s; margin-bottom: 20px;  }
.header .mo-gnb > ul > li > a {background: #111111;height:80px;display: flex; align-items: center;  text-align: center; width: 100%;justify-content: center; color: #FFFFFF;font-size: 30px; line-height: 45px; font-weight: bold; }
.header .mo-gnb > ul > li.header-down > a{line-height:24px;cursor:pointer;}
.header .mo-gnb-hidden {border-bottom:1px solid #707070; height:auto;min-height:300px;flex-direction: column;display: flex; align-items:flex-start;justify-content: flex-start; width: 100%; transition: all 0.3s; padding: 20px;}
.header .mo-gnb-hidden li { width:100%;margin-right: 20px;padding: 10px 0; }
.header .mo-gnb-hidden li a { width: 100%; height: 100%; display: flex; align-items: center;  word-break: keep-all; font-size: 22px;line-height: 27px; }
.header .mo-gnb-hidden li:hover a{color:#1B5E3C;}

@media (max-width: 1660px){
.logo1,.logo2,.logo3 {width:253px;}
.header .mo-gnb > ul > li{width:224px;}
.header .mo-gnb > ul > li > a {height:60px;font-size:24px;}
 .header .header-link { margin-left: 100px; }
 .header .header-link ul li { width: 215px; position: absolute; top: 0; left: 0; display: none; }
 .header .header-link ul li:first-child { display: block; }
}

@media (max-width: 1440px){


 }
 @media (max-width: 1280px) {
  .header { justify-content: center; }
 .header .header-link { margin: 0 80px; }
 .header .header-link ul{gap:20px;padding:0 10px;}
 .header .header-link ul li { width: auto; position: relative; top: 0; left: 0; display: block; }
 .header .gnb { display: none; }
 .logo1,.logo2,.logo3 {width:22vw;}
.header .mo-gnb > h2{margin-bottom:30px;}
.header .mo-gnb{padding-top: 20px;}
.header .mo-gnb > ul{flex-wrap:wrap;}
.header .mo-gnb > ul > li{width:330px;}
 }
@media (max-width: 1023px){


 }
@media (max-width: 768px){
.logo1,.logo2,.logo3 {width:253px;}
.header .mo-menu{overflow:auto;}
.header .mo-gnb-hidden{height:auto;}
.header .mo-gnb > h2{margin-bottom:20px;}
.header .mo-gnb > ul > li > a {height:60px;font-size:24px;}
 .header{height:80px;}
 .hd_lang{top: 80px; }
 .header .header-link ul li { display: none; }
 .header .header-link ul li:first-child { display: block; }
 .header .header-menu > img{width:25px; height:25px;}
 .header .header-home a > img {width:25px; height:25px;}
 .header .header-link ul li a{padding :0 10px;}
 }
@media (max-width: 420px){
.logo1,.logo2,.logo3 {width:190px;}
}
/* 탑버튼 */
.top-btn {cursor:pointer;width:52px;height:52px;display:flex;align-items:center;justify-content: center;  position: fixed; right: 150px; bottom: 50px;box-shadow: 0px 0px 10px #1B5E3C54;background:#fff;border-radius: 50%;z-index:999;}
.top-btn2 {cursor:pointer;width:52px;height:52px;display:flex;align-items:center;justify-content: center;  position: absolute; right: 150px; bottom: 50px;box-shadow: 0px 0px 10px #1B5E3C54;background:#fff;border-radius: 50%;z-index:999;}
/* .top-btn.active{display:flex;} */


/* 푸터 */
.footer { width: 100%; height: 190px; background-color: #040c08; position: relative; }
.footer-wrap { height: 100%; width: 100%; }
.footer-up { width: 100%; height: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding: 0 14%; }
.footer-up ul { width: 100%; height: 100%; display: flex; align-items: center; justify-content: start; }
.footer-up ul li { margin-right: 25px; }
.footer-up ul a { color: #fff; font-size: 13px; line-height: 23px; }
.footer-down { width: 100%; padding: 0 14%; padding-top: 35px; display: flex; align-items: end; justify-content: space-between; }
.footer-down-info { width: 100%; height: 100%; display: flex; align-items: start; justify-content: start; }
.footer-down-wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: start; }
.footer-down-title { margin-right: 30px; flex-shrink: 0; }
.footer-down-title li { color: #fff; font-size: 14px; line-height: 23px; font-weight: 500; }
.footer-down-detail { margin-right: 100px; flex-shrink: 0; }
.footer-down-detail li { font-size: 14px; line-height: 23px; color: #dedede; }
.footer-down-copy { font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, 0.5); white-space: nowrap; }


@media (max-width: 1440px){
.top-btn{right:50px;}
 .footer-down-copy { position: absolute; right: 10px; bottom: 10px; }
 }
@media (max-width: 1023px){
 .footer-up { padding: 0 50px; }
 .footer-down { padding: 35px 50px 0; }
 .footer-down-detail { margin-right: 20px; }
 }
@media (max-width: 768px){
.top-btn{bottom:20px;right:20px;}
.top-btn2{bottom:30px;right:20px;}
 .footer { height: 300px; }
 .footer-up { padding: 0 50px; }
 .footer-up ul li { flex-shrink: 0; }
 .footer-down { padding: 30px 50px 0; }
 .footer-down-info { flex-direction: column; }
 .footer-down-wrap { margin-bottom: 30px; }
 }
@media (max-width: 550px){
 .footer-up { padding: 0 30px; }

 .footer-down { padding: 30px 30px 0; }
 }