* {
    box-sizing: border-box;
}


body {

    margin:0;

    font-family:
    "Noto Sans KR",
    sans-serif;

    background:#faf9f6;

    color:#333;

}


main {

    max-width:700px;

    margin:auto;

}


/* 첫 화면 */

.hero {

    text-align:center;

    padding-bottom:80px;

}


.main-photo {

    width:100%;

    height:80vh;

    object-fit:cover;

}


.hero h1 {

    margin-top:40px;

    font-size:28px;

    font-weight:500;

}


.intro {

    line-height:1.8;

    color:#666;

    margin-top:25px;

}



/* 공통 영역 */

.section {

    padding:70px 25px;

    text-align:center;

}



.section h2 {

    font-size:24px;

    font-weight:500;

    margin-bottom:20px;

}



.desc {

    color:#777;

    line-height:1.8;

}



/* 사진 */

.photo-grid {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

    margin-top:35px;

}


.photo-grid img {

    width:100%;

    aspect-ratio:1/1;

    object-fit:cover;

}



button {

    margin-top:35px;

    padding:14px 35px;

    border:none;

    background:#555;

    color:white;

    border-radius:30px;

}



/* 영상 */

.video-box {

    margin-top:30px;

    height:220px;

    background:#222;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:40px;

}


/* 글 */

.message-box {

    margin-top:30px;

    padding:40px 20px;

    background:white;

    line-height:1.8;

}


/* 마지막 */

.footer {

    padding:100px 30px;

    text-align:center;

}


.footer h2 {

    font-weight:500;

}


.footer p {

    color:#777;

    line-height:1.8;

}