@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: inherit;
}
.header{
    width: 1280px;
    height: 100px;
    background-color: aqua;
    margin: 0 auto; /* width 가 있어야 사용가능 */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .nav .gnb{
    display: flex;
    gap: 20px;
}
.header .util{
    display: flex;
    gap: 16px;
}

.main_visual{
    height: 100vh; /* 100vh는 현재 보여지는 브라우저 높이 전체를 말한다. */
}
.main_visual img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-01{
    width: 1280px;
    margin: 0 auto;
    padding: 160px 0;
}
.section-01 .list{
    display: flex;
    justify-content: space-between;
}
.section-01 .list .item{
    width: 400px;
}
.section-01 .list .item img{
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.section-02{
    margin: 160px 0; /* auto를 쓰지 않아도 중앙정렬 */
}
.section-02 h2{
    text-align: center;
}
.section-02 .list{
    display: flex;
    justify-content: center; /* 가로 넓이를 지정하지 않아도 센터 정렬 */
    gap: 40px;
}
.section-02 .list .item{
    width: 300px;
    height: 300px;
    background-color: aqua;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer{
    padding: 80px;
    background-color: aqua;
    text-align: center;
}