body{font-family: var(--main_font); background-color: var(--main_white_fa);}
.inner{width: 90%; max-width:1660px; margin:150px auto 0;}
.logo_box{width: 200px;}
.logo_box img{width: 100%; height: 100%; object-fit: cover;}
video{width: 100%; height: 100%; position: absolute; top: 0; left: 0;object-fit: cover;}

#header{
  width: 100%; height: 100vh; position: relative;
}
  
.navi{margin-top: 20px; display: flex; justify-content: space-between; align-items: center;  position: absolute; z-index: 10; left: 130px; color: var(--main_white_fa);}

ul{display: flex; gap: 100px;}
ul li{transition: 0.5s;}
ul li:hover{color: var(--main_color); font-weight: 700;}
.utill{gap: 30px; display: flex;}
.utill span{transition: 0.5s;}
.utill span:hover{color: var(--main_color); font-weight: 700;}

.main_title{font-size: 64px; font-weight: 600; color: var(--main_black_1b);}
.sub_title{font-size: 20px; font-weight: 400; color: var(--sub_black_4a);}

.btn_box{width: 10%; height: 10%; display: flex; align-items: center; justify-content: center; margin: 100px auto; color: var(--sub_black_4a); font-family: var(--sub_font); transition: 0.5s;}

.btn_box:hover{color: var(--main_color); font-weight: 700;}



/* 푸터 스타일 */
footer{width: 100%; background-color: #000; color: var(--dark_text9);}
footer .inner{margin-top: 0; padding: 50px;}
footer .logo_box{padding-bottom: 30px;}
footer .footer_bottom{display: flex; justify-content: space-between; align-items: center;}
footer .footer_title{display: flex; align-items: center; gap: 10px; padding-bottom: 30px;}
footer .family_site{width: 150px; height: 40px; background-color: var(--white_text_f9); border-radius: 35px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-left: 74%;}
footer .family_site span{display: flex; align-items: center; justify-content: center;}
footer .service{display: flex; gap: 50px; padding-top: 80px;}