*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans', sans-serif;
}

.container{
    width:100%;
    height:120px;
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(image/intro.png);
}

.container .header{
    width: 80%;
    height: 120px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container .header h2 a{
    text-decoration: none;
    color: white;
}

.container .nav ul li{
    display: inline-block;
    margin:0 10px;
}

.container .nav ul li a{
    text-decoration: none;
    color: white;
    /*font-family: abster;*/
}

.container .nav ul li a:hover{
    color: rgb(166, 176, 197);
}


/*.container .title{
    width: min(90%, 1400px);
    height: 80px;
    margin: 0 auto;
}*/
.container .title{ 
    width: 70%; 
    height: 80px; 
    margin:0 300px; 
    align-items: center; 
    justify-content: space-between; 
    align-items: center;  
}

.container .title ul li{
    display: block;
    margin:0;
    font-size: 1.3em;
    line-height: 120px;
    text-decoration: none;
    color: rgb(69, 118, 151);
    margin-bottom: -40px;
}

/*.container hr{
    width: min(90%, 1400px);
    margin: 0 auto;
}*/
.container hr{ 
    width: 70%; 
    margin: 0 300px; 
    color: rgb(69, 118, 151); 
    border:thin solid rgb(69, 118, 151); 
    background-color: rgb(69, 118, 151); 
}

/*
.container .contents{
    width: min(90%, 1400px);
    margin: 0 auto;
}*/
.container .contents{ 
    width: 60%; 
    margin:0 320px; 
    justify-content: space-between; 
    align-items: center; 
}

.container .contents h3{
    margin-top: 20px;
    margin-bottom: 5px;
}

.container .contents p{
    margin-bottom: 40px;
}

.container .contents ul li{
    display: block;
}

.container .contents h4{
    margin-top: 30px;
    margin-bottom: 3px;
}

.img-row{
  display: flex;
  align-items: flex-start;  /* 위쪽 맞춤 */
  gap: 10px;
}