*{
    font-family: "Audiowide", sans-serif;
list-style: none;
text-decoration: none;
border-collapse: collapse;
margin: 0px;
padding: 0px;
color: #000;
}

h1 {
font-size: 68px;
height: 100px;
color:rgb(165, 165, 165)
}
h2 {
font-size: 40px;

}
.contents1{
font-size: 20px;
font-weight: lighter;
color: rgb(126, 126, 126);
}
.contents1_bold{
font-size: 18px;
font-weight: bold;
}

.intro_bg{
background-image:url(image/bg.gif);
width: 100%;
height: 800px;
}

.header{
display: flex;
width: 1280px;
margin: auto;
height: 86px;
}
.search_area{
width: 300px;
height: 40px;
background: rgba(66, 66, 66, 0.5);
border-radius: 5px;
margin-top: 24px;
}

.search_area > form > input{
border: none;
width: 250px;
height: 40px;
background: rgba(0,0,0,0);
color:#fff;
padding-left:10px;
}
.search_area > form > span{
width: 50px;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.nav{
display: flex;
justify-content: flex-end;
line-height: 86px;
width: calc(1280px - 300px);
color:#fff;
font-size: 20px;
}

.nav > li{
margin-left:84px;
}

.nav > li > a {
color: #fff;
}

.intro_text{
width: 100%;
margin: 195px auto 230px auto; /*상 우 하 좌*/
text-align: center;
}
.intro_text > h4{
color:rgb(31, 31, 31);
}

footer {
    display: flex;
    background: #1f1f1f;
    padding: 30px;
}   

footer > div:first-child{
    flex: 2;
    text-align: center;
    color: #fff;
}

footer > div:last-child{
    flex: 10;
    color: #fff;
}