/* 
font-family: 'Black Han Sans', sans-serif;
font-family: 'Jua', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
 *
/* Layout Selector */
html, body {}
body{}
.animate_imgs{}
#wrap {position: relative; min-height:100vh;}
.clearfix:before,
.clearfix:after {display: block;content: "";clear: both;}
/* header */
#header { z-index:100; position: fixed; width:100%; top: 0;left: 0; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);background-color: #fff;}
.headerin {position:relative; display: flex; align-items: center; justify-content: space-between; }
.container {position:relative;width: 85%; margin: 0 auto; padding: 100px 0; }
#header .container{padding: 20px 0;}
#header .headerin h1{width: 275px;}
#header .headerin h1 a{}
#header .headerin h1 a img{}
#header .headerin>ul{display: flex;}
#header .headerin>ul li{transition: .2s; position: relative;}
#header .headerin>ul li:hover{font-weight: bold;}
#header .headerin>ul li a{padding: 0 1.5vw;}
#header .sub_menu{position: absolute; font-weight: normal; width: 150%; background-color: #fff; box-shadow: 4px 9px 10px rgba(0, 0, 0, 0.2); border-radius: 5px; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 10px; display: none;}
#header .sub_menu li{text-align: center; padding: 10px 0;}
/* content */
.morebtn{font-size: 25px; color: #0c3256; cursor: pointer; font-weight: bold;}

.morebtn i{ transition: .3s;}
.morebtn:hover i{width: 100%;}


/* footer */

#footer{}
#footer .container{padding: 50px 0; font-size: 16px;}
.footer_left{}
.footer_left .top{display: flex; justify-content: space-between; align-items: center;}
.footer_left .logo{width: 30%;}
.footer_left .logo img{}
.footer_left .f_menu{padding: 10px 0;}
.footer_left .f_menu ul{display: flex; gap: 30px;}
.footer_left .f_menu ul li{}
.footer_left .f_menu ul li:hover{font-weight: bold;}
.footer_left .f_menu ul li a{}
.footer_left .company{padding-top: 1vw;}
.footer_left .company ul{}
.footer_left .company ul li{padding: 2px 0;}
.footer_right{}
.footer_right{display: flex; width: 10%; justify-content: space-between;}
.footer_right li{width: 45%;}
.footer_right li a{} 
.footer_right li a img{border-radius: 50%;}
.footer_right li a img:hover{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}