@charset "UTF-8";



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


/** 글보기 **/
.single .page-content .content-wrap { max-width: none; }
.single .page-content .content-wrap .content-head { max-width: 56rem; margin: 0 auto; }
.single .page-content .content-wrap .content-head h3 { font-family: 'Cormorant Infant'; font-weight: 700; font-size: 6.4rem; color: #F9401F; text-align: center; margin: 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 > * { max-width: 56rem; margin: 1em auto; }
.single .page-content .content-wrap .content-body > p:nth-child(1) { width: 2.9rem; font-weight: 400; font-size: 1.2rem; color: #F9401F; padding: 0.3rem 1rem; margin: 0 auto; line-height: normal; background-color: #FCF9F1; border-radius: 1rem; }
.single .page-content .content-wrap .content-body > p:nth-child(2) { font-weight: 700; font-size: 2.6rem; color: #3D3625; text-align: center; }
.single .page-content .content-wrap .content-body > .wp-block-table { position: relative; max-width: calc(56rem - 4rem); border: solid 1px #F9401F; border-radius: 0.5rem; margin-top: 7rem; overflow: visible; padding: 2rem; }
.single .page-content .content-wrap .content-body > .wp-block-table::before { content: 'info'; display: block; position: absolute; top: -4rem; left: 0; width: 100%; font-family: 'Cormorant Infant'; font-weight: 700; font-size: 2.4rem; color: #F9401F; text-align: center; }
.single .page-content .content-wrap .content-body > .wp-block-table td { border: none; font-weight: 400; font-size: 1.4rem; color: #3D3625; }
.single .page-content .content-wrap .content-body > .wp-block-table td:first-child { width: 20%; font-weight: 600; font-size: 1.4rem; }
.single .page-content .content-wrap .content-body > .wp-block-group > div > p:nth-child(1) { position: relative; font-weight: 700; font-size: 2.4rem; color: #3D3625; text-align: center; margin-top: 9rem; }
.single .page-content .content-wrap .content-body > .wp-block-group > div > p:nth-child(1)::before { content: ''; position: absolute; left: 50%; top: -4rem; transform: translate(-50%, 0); width: 2.8rem; height: 3.32rem; background: url("../images/icon_board_point.svg") no-repeat center; background-size: 100%; }
.single .page-content .content-wrap .content-body > .wp-block-group > div > .wp-block-gallery .wp-block-image img { border-radius: 0.5rem; border: solid 1px #EEEEEE; }
.single .page-content .content-wrap .content-body > .wp-block-group > div > .wp-block-gallery-thumbnail { width: calc(100% + 1rem); margin-left: -0.5rem; }
.single .page-content .content-wrap .content-body > .wp-block-group > div > .wp-block-gallery-thumbnail .slick-slide { margin: 0 0.5rem; cursor: pointer; }
.single .page-content .content-wrap .content-body > .wp-block-group > div > .wp-block-gallery-thumbnail .slick-slide > img { border-radius: 0.5rem; border: solid 1px #EEEEEE; }
.single .page-content .content-wrap .content-body > .wp-block-group > div > .wp-block-gallery-thumbnail .slick-slide.slick-current > img { border-color: #F9401F; }
.single .page-content .content-wrap .content-body .tab-menu-wrap { max-width: none; height: 6.2rem; }
.single .page-content .content-wrap .content-body .tab-menu-wrap .tab-menu { display: flex; align-items: center; height: 100%; border-bottom: solid 1px #F9401F; background-color: #fff; z-index: 999; }
.single .page-content .content-wrap .content-body .tab-menu-wrap .tab-menu.fixed { position: fixed; left: 0; top: 80px; width: 100%; height: 6.2rem; }
.customize-support .single .page-content .content-wrap .content-body .tab-menu-wrap .tab-menu.fixed { top: 112px; }
.single .page-content .content-wrap .content-body .tab-menu-wrap .tab-menu .tab-menu-item { display: flex; justify-content: center; align-items: center; position: relative; width: 33.33%; height: 100%; font-weight: 500; font-size: 1.4rem; color: #F9401F; }
.single .page-content .content-wrap .content-footer { max-width: 56rem; margin: 0 auto; }
.single .page-content .content-wrap .content-body .tab-menu-wrap .tab-menu .tab-menu-item.active::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #F9401F; }
.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-comment { max-width: 56rem; margin: 3rem auto; }
.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,
    .single .page-content .content-wrap .content-body > *,
    .single .page-content .content-wrap .content-footer,
    .single .page-content .content-wrap .content-comment { width: calc(100% - 3rem); }
    .single .page-content .content-wrap .content-body > .wp-block-table { width: calc(100% - 7rem); }
    .single .page-content .content-wrap .content-body .tab-menu-wrap .tab-menu.fixed { top: 56px; }
    .customize-support .single .page-content .content-wrap .content-body .tab-menu-wrap .tab-menu.fixed { top: 102px; }
    .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; }
}