@charset "utf-8";
@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal, bold;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

@keyframes slide-in{from{transform: translateY(30px); opacity: 0;}}
.scroll-down{animation: scroll-arrow-ani .6s infinite linear alternate;}

@keyframes scroll-arrow-ani{
    from {transform: translateY(0);}
    to {transform: translateY(10px);}
}
@keyframes slide-in{from{transform: translateX(30px); opacity: 0;}}
.arrow-right{animation: arrow-right-ani .6s infinite linear alternate;}

@keyframes arrow-right-ani{
    from {transform: translateX(0);}
    to {transform: translateX(10px);}
}
.more_btn{width: 150px; height: 40px; border: 1px solid #2564F7; background: #FFF; border-radius: 40px; cursor: pointer; color:#2564F7; line-height: 40px; font-family: 'Montserrat';  font-size: 15px; box-shadow: 3px 3px 5px rgba(0,0,0,0.5); }
.more_btn:hover{background: #2564F7; color: #FFF; transition-duration: 0.5s;}


* {margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
img, video{display: block;}
header, section, body, footer, div, ul, ol, li, h1, h2, h3, h4, h5, h6, a, p, span,address{font-style: normal; color: #FFF; font-family: 'Montserrat','S-CoreDream-3Light';font-size: 14px;}

#header{position: fixed; left: 0; top: 0; width: 100%; height: 70px; border-bottom: 1px solid #03318C; z-index: 999; background-color: #FFF}
#header h1{position: absolute; left: 20px; top:10px ;}
#header h1 img{height: 40px;}

#header .gnb{width: 70%; margin: 0 auto;}
#header .gnb>ul{position: relative; display: flex; justify-content: space-around;}
#header .gnb>ul>li{width: 16.66%;}
#header .gnb>ul>li>a{display: block; line-height: 70px; font-size:1.1em ; font-weight: bold; color:#03318C;}
#header .lang_box{position: absolute; right: 50px; top: 25px; }
#header .lang_box select{width: 65PX; background: url(../img/drop_down_blue.png) no-repeat 85% 50%; border:none; -webkit-appearance: none; -moz-appearance: none; font-size: 1.1em; appearance: none; color: #03318C; font-weight: bold;}

.sub_wrap{position: fixed; left: 0; top: 70px; width: 100%; border-bottom: 1px solid #28FFAF; background-color: rgba(255,255,255,0.9); z-index: 999; display: none;}
.sub_wrap .sub_inner{position: relative; width:70%; margin: 0 auto; display: flex; justify-content: space-between;}
.sub_wrap .sub_inner>ul{width: 16.66%;}
.sub_wrap .sub_inner>ul a{line-height: 40px; font-weight: 600; color: #03318C;}


#topBtn{position: fixed; width: 30px; height: 30px; bottom: 27%; right: 0.7%; display: none;}
#topBtn img{width: 100%;}

#footer{display: flex; justify-content: space-between; background-color: #0D060D; border-top: 1px solid #28FFAF; height: 15vh; padding: 3%;}

.footer1{width: 30%; display: flex; flex-direction: column; justify-content: space-between; padding-right: 5%;}
#footer .footer1 .foot_logo{width: 25%;}
#footer .footer1 .fnb ul{display: flex; justify-content: space-between;}

.footer2{position: relative; width: 30%; display: flex; flex-direction: column; justify-content: space-between;}
.footer2 .familysite{position: relative; margin: 0 auto;}
.footer2 .sns ul{display: flex; justify-content: space-between; align-items: center;}
.footer2 .sns ul li:nth-child(4){display: block; width: 60px; height: 2px; background-color: #fff;}

.familysite>select{width: 100px; -webkit-appearance: none; color:#FFF; -moz-appearance: none; appearance: none; border:none; background: url(../img/drop_down_white.png) no-repeat 100% 50%;}
.familysite>select .dep{color: #000; font-size: 1em;}

.footer3{display: flex; flex-direction: column; justify-content: space-between; width: 30%; text-align: right;}