@charset "UTF-8";



/** 레이아웃 **/
#wrap #container #contents .sub-content.single { background-color: #fff; }


/** 글보기 **/
.single .page-content .content-wrap { max-width: none; padding: 0; }
.single .page-content .content-wrap .content-head { max-width: 52rem; margin: 0 auto; }
.single .page-content .content-wrap .content-head .info { justify-content: flex-start; border-bottom: solid 1px #CCCCCC; padding-bottom: 1.7rem; }
.single .page-content .content-wrap .content-head .info .thumbnail { width: 3.6rem; height: 3.6rem; padding: 0 1rem 0 0; }
.single .page-content .content-wrap .content-head .info .thumbnail img { border-radius: 50%; aspect-ratio: 1 / 1; }
.single .page-content .content-wrap .content-head .info .right { flex-direction: column; align-items: flex-start; justify-content: center; }
.single .page-content .content-wrap .content-head .info .right .writer { font-weight: 500; font-size: 1.4rem; color: #333333; }
.single .page-content .content-wrap .content-head .info .right .date { font-weight: 500; font-size: 1.2rem; color: #CCCCCC; }
.single .page-content .content-wrap .content-head .subject { font-weight: 800; font-size: 3rem; color: #F9401F; margin: 3rem 0 2rem 0; }
.single .page-content .content-wrap .content-body { border: none; padding: 2rem 0; font-size: 1.8rem; line-height: 3.2rem; }
.single .page-content .content-wrap .content-body p { max-width: 52rem; margin: 1em auto; }
.single .page-content .content-wrap .content-body p.has-background { border-radius: 1rem; font-size: 1.4rem; padding: 1.25em 1.43em; }
.single .page-content .content-wrap .content-footer { max-width: 56rem; margin: 0 auto; border-bottom: none; }
.single .page-content .content-wrap .content-footer .right { display: flex; align-items: center; }
.single .page-content .content-wrap .content-footer .right > span { position: relative; margin: 0 1.5rem; cursor: pointer; }
.single .page-content .content-wrap .content-footer .right > span .layer-sns-share { display: flex; justify-content: space-between; align-items: center; position: absolute; left: 50%; top: 3rem; transform: translate(-50%, 0); width: 12rem; padding: 1rem 2rem; border-radius: 0.5rem; border: solid 1px #ccc; background-color: #fff; z-index: 9; transition-duration: 0.2s; opacity: 0; visibility: hidden; }
.single .page-content .content-wrap .content-footer .right > span .layer-sns-share.active { opacity: 1; visibility: visible; }
.single .page-content .content-wrap .content-recommend { max-width: 56rem; margin: 0 auto; border: solid 1px #F9401F; border-radius: 0.5rem; }
.single .page-content .content-wrap .content-recommend .wp-block-group { position: relative; margin: 1.5rem 2.5rem; }
.single .page-content .content-wrap .content-recommend .wp-block-group p:nth-child(1) { font-family: 'Cormorant Infant'; font-weight: 700; font-size: 2rem; color: #F9401F; margin: 0; }
.single .page-content .content-wrap .content-recommend .wp-block-group p:nth-child(2) { font-weight: 500; font-size: 1.4rem; color: #F9401F; margin: 4rem 0 0 8rem; }
.single .page-content .content-wrap .content-recommend .wp-block-group p:nth-child(3) { font-weight: 700; font-size: 1.8rem; color: #F9401F; margin: 0 0 0 8rem; }
.single .page-content .content-wrap .content-recommend .wp-block-group .wp-block-image { position: absolute; left: 0; top: 3rem; max-width: 7.5rem; }
.single .page-content .content-wrap .content-link { display: flex; justify-content: space-between; align-items: center; max-width: 56rem; margin: 3rem auto; }
.single .page-content .content-wrap .content-link li { width: 50%; border-bottom: solid 1px #E0DAC8; padding-bottom: 3rem; }
.single .page-content .content-wrap .content-link li:last-child { text-align: right; }
.single .page-content .content-wrap .content-link li a { display: block; position: relative; }
.single .page-content .content-wrap .content-link li a .button { display: inline-block; font-size: 1.2rem; color: #F9401F; padding: 0.3rem 1rem; background-color: #FCF9F1; border-radius: 1rem; }
.single .page-content .content-wrap .content-link li a .title { margin-top: 1.5rem; font-weight: 500; font-size: 1.4rem; color: #1F1F1F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 1rem 0 0; }
.single .page-content .content-wrap .content-link li:last-child a .title { padding: 0 0 0 1rem; }
.single .page-content .content-wrap .content-link li a img { position: absolute; left: -4rem; top: 50%; transform: translate(0, -50%); width: 2.8rem; height: 2.8rem; }
.single .page-content .content-wrap .content-link li:last-child a img { left: auto; right: -4rem; }
.single .page-content .content-wrap .content-link li:last-child a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 1px; height: 2.4rem; background-color: #E0DAC8; }
@media screen and (max-width: 1000px) {
    .single .page-content .content-wrap .content-head { width: calc(100% - 3rem); }
    .single .page-content .content-wrap .content-body p { width: calc(100% - 3rem); }
    .single .page-content .content-wrap .content-body p.has-background { width: calc(100% - 7.86rem); }
    .single .page-content .content-wrap .content-footer { width: calc(100% - 3rem); }
    .single .page-content .content-wrap .content-recommend { width: calc(100% - 3rem); }
    .single .page-content .content-wrap .content-link { width: calc(100% - 3rem); }
    .single .page-content .content-wrap .content-link li:nth-child(1) a { padding-left: 4rem; }
    .single .page-content .content-wrap .content-link li:nth-child(1) a img { left: 0; }
    .single .page-content .content-wrap .content-link li:nth-child(2) a { padding-right: 4rem; }
    .single .page-content .content-wrap .content-link li:nth-child(2) a img { right: 0; }
}





