/*==========================
News Detail
==========================*/

.newsDetail{

    background:var(--cream);

}

.articleWrap{

    max-width:920px;

}

.articleHead{

    text-align:center;

    margin-bottom:60px;

}

.articleHead .date{

    color:var(--gold);

    letter-spacing:.2em;

    font-size:14px;

    margin-bottom:18px;

}

.articleHead h2{

    font-size:48px;

    color:var(--main);

    line-height:1.4;

    margin-bottom:25px;

}

.articleHead p{

    max-width:700px;

    margin:auto;

    line-height:2;

}

.articleCover{

    margin-bottom:70px;

}

.articleCover img{

    width:100%;

    display:block;

    border-radius:4px;

}

.articleContent{

    font-size:17px;

    line-height:2.2;

    color:#555;

}

.articleContent h3{

    margin:55px 0 22px;

    font-size:30px;

    color:var(--main);

    font-weight:500;

}

.articleContent p{

    margin-bottom:22px;

}

.articleContent blockquote{

    margin:70px 0;

    padding:70px 40px;

    text-align:center;

    background:#f8f3eb;

    border-top:1px solid rgba(201,161,90,.35);

    border-bottom:1px solid rgba(201,161,90,.35);

}

.articleContent blockquote{

    font-size:36px;

    color:var(--main);

    font-family:Georgia,serif;

    font-style:italic;

}

.articleContent blockquote span{

    display:block;

    margin-top:20px;

    font-size:17px;

    color:#777;

    font-style:normal;

}

.articleNav{

    margin-top:80px;

    padding-top:40px;

    border-top:1px solid rgba(201,161,90,.3);

    display:flex;

    justify-content:space-between;

}

.articleNav a{

    color:var(--main);

    transition:.3s;

}

.articleNav a:hover{

    color:var(--gold);

}

/*==========================
RWD
==========================*/

@media(max-width:768px){

.articleHead h2{

font-size:34px;

}

.articleContent{

font-size:16px;

}

.articleContent h3{

font-size:24px;

}

.articleContent blockquote{

padding:45px 25px;

}

.articleContent blockquote{

font-size:28px;

}

.articleNav{

flex-direction:column;

gap:15px;

}

}