@charset "utf-8";

/* Contents */
#contents {
    padding: 0 16px;
    margin-bottom: 64px;
    font-family: 'Noto Sans KR', sans-serif;
}
/* .w_intro */
.w_intro {
    font-weight: 700;
    text-align: center;
    color: #fff;
}
.w_intro h2+h2 {
    font-weight: 400;
    font-size: 1rem;
    margin-top: 18px;
    margin-bottom: 28px;
}
.w_intro h2 img,
.w_intro h3 img {
    width: 100%;
}
.w_intro h3 {
    padding: 0 2px;
}
.promo {
    font-weight: 300;
    text-align: center;
    font-size: 0.813rem;
    color: #f0f0f0;
    line-height: 1.5;
}
.promo h2 {
    margin-top: 50px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #8abf3f;
}
.promo p {
    margin-top: 26px;
    margin-bottom: 68px;
    font-weight: 300;
    line-height: 1.5;
}
.promo span {
    font-weight: 500;
}
.promo h3 {
    margin-bottom: 50px;
}

/* Story */
.story {
    font-size: 0.813rem;
    color: #f7f7f7;
    font-weight: 400;
    line-height: 1.5;
    padding: 28px 24px;
    background-color: #161616;
    margin-bottom: 20px;
    /* background: #000; */
}
.story img {
    width: 100%;
}
.story h3 {
    font-weight: 500;
    font-size: 1.25rem;
    margin-top: 26px;
    margin-bottom: 28px;
}
.story p+p {
    margin-top: 20px;
}
.story p:last-child {
    margin-bottom: 34px;
}
.story strong {
    font-weight: 900;
    text-shadow: 1px 1px 0 #000;
}