@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Noto+Sans+KR&display=swap');

*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
img{border: none; display: block;}

body,section,div,header,footer,nav,li,p,h1,h2,h3,h4,h5,h6,address,a{font-size:16px; font-family: 'Jost', sans-serif; font-weight: normal;}

.util_btn{display: none;}
.gnb_btn{display: none;}
.col_img .view_btn{position: absolute; left: 50%; top: 60%; transform: translate(-50%,-50%);margin-top: 10px;}
.view_btn{width:200px; background-color: rgba(255, 255, 255, 0.5) ; display: block; line-height: 50px; font-weight: bold; color: #0000c5; text-align: center; margin-top: 30px; border: 1px solid #fff;}
.view_btn:hover{background-color: rgba(0, 0, 0, 0.5); color: #FFF;}
/* header */
#header{position: fixed; left: 0; top:0; width: 100%; height: 85px; z-index: 999; background-color: #0000c5;}
#header .white_box{width: 100%; height: 32px; background-color: #FFF;}
#header h1.top_logo{position: absolute; width: 100px; height: 30px; background-color: #0000c5; border-radius: 13px; top: 5px; left: 100px; text-align: center; padding-top: 10px; }
#header h1.top_logo a{color: #FFF; font-weight: bold;}
#header .gnb{position: absolute; left: 50%; top: 40%; transform: translateX(-50%); }
#header .gnb>ul{display: flex;}
#header .gnb>ul>li{width: 100px;}
#header .gnb>ul>li a{width: 100px;}
#header .gnb>ul>li>a{display: block; line-height:48px; text-align: center; font-size: 0.9em; color:#fff;}
#header .gnb>ul>li>ul{background-color:rgba(0, 0, 197, 0.5); height: 0; overflow: hidden; transition-duration: 0.5s;}
#header .gnb>ul>li>ul a{display: block; line-height: 48px; color:#FFF; font-size: 0.9em;}
#header .gnb>ul>li>ul>li{display: block; line-height: 48px; text-align: center; font-size: 0.9em; color:#fff}
#header .gnb>ul>li:hover>ul{height:192px; width:100%;}
#header .util{position: absolute; right: 20px; top:40px;}
#header .util ul{display: flex;}
#header .util ul a{display: flex; flex-direction: column; align-items: center; color: #fff; line-height: 10px; padding: 0 10px; font-size: 0.8em;}
 /*FAB*/
.top_btn{display: flex; position: fixed; right: 10px; bottom: 15px; z-index: 999;}


 /* footer */
#footer{position: relative; margin: 0 auto; width: 100%; background-color: #eaf1fa; padding: 50px 0;}
#footer p{font-size: 0.8em;}
#footer .footer_top h2{font-weight: bold;margin-bottom: 10px;}
.footer_top{display: flex; justify-content: space-around;}
.footer_top .fb_sns ul li{display: inline-block;}
.footer_top .fb_sns ul li img{width: 80%;}
.footer_top .mark img{width: 70%;}
.info address{font-size: 0.9em;}
.footer_botom{display: flex; justify-content: center; align-items: center;}
.footer_botom p{margin-left: 90px;}
.footer_botom .fnb ul li{display: inline-block; margin: 20px 10px; }
.footer_botom .fnb ul li a{color: #000;}