@charset "utf-8";
/*
    친효스킨 v2.6.3
    제작자 : 친절한효자손
    티스토리 : https://rgy0409.tistory.com
    e-mail : rgy0409@gmail.com
*/


/* ================= 웹폰트 시작 ================= */
@font-face {
    font-family: "IropkeBatang";
    font-style: normal;
    font-weight: 400;
    src: url('./images/IropkeBatangM.woff') format('woff');
}

@font-face {
    font-family: "NanumPen";
    font-style: normal;
    font-weight: 400;
    src: url('./images/NanumPen.woff') format('woff');
}

@font-face {
    font-family: "D2Coding";
    font-style: normal;
    font-weight: 400;
    src: url('./images/D2Coding.woff') format('woff');
}

/* =================웹폰트 끝================= */


/* =================공통 시작================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    font-size: 17px;
}

a {
    text-decoration: none;
    color: #404040;
}

li {
    list-style: none;
}

/* 빈 공간 추가 */
.rgy-empty {
    padding: 10px;
}

/* 접근성 */
.sr-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

/* 폰트어썸 위치조정 */
header .menu .button a i {
    vertical-align: top;
}

#topBtn i {
    position: relative;
    top: -2px;
}

/* ============ 스킨 로딩 ============ */
/* 로딩 이미지 */
#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99;
}

#loading > .loadingSize {
    transform: scale(1);
    -webkit-transform: scale(1);
}

#loading > .loadingSize,
#loading > .loadingSize > .loadingSpin,
#loading > .loadingSize > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 100;
}

#loading > .loadingSize > .rgyLoadingImg {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

/* 스핀애니 */
#loading .loadingSpin {
    width: 225px;
    height: 225px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

#loading .loadingAni {
    position: relative;
    width: 100%;
    height: 100%;
    transform: translateZ(0) scale(0.8);
    -webkit-transform: translateZ(0) scale(0.8);
    backface-visibility: hidden;
}

#loading .loadingAni > div {
    position: absolute;
    width: 191.25px;
    height: 191.25px;
    top: 16.875px;
    left: 16.875px;
    border-radius: 50%;
    border: 11.25px solid #000;
    border-color: #fff transparent #fff transparent;
    animation: loadingAni 2s linear infinite;
}

#loading .loadingAni > div:nth-child(2) {
    border-color: transparent;
}

#loading .loadingAni > div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#loading .loadingAni > div:nth-child(2) div:before,
#loading .loadingAni > div:nth-child(2) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 11.25px;
    height: 11.25px;
    top: -11.25px;
    left: 78.75px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 180px 0 0 #fff;
}

#loading .loadingAni > div:nth-child(2) div:after {
    left: -11.25px;
    top: 78.75px;
    box-shadow: 180px 0 0 0 #fff;
}

@keyframes loadingAni {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

/* 유튜브 플러그인 */
figure[data-ke-type='video'][data-ke-style='alignCenter'] {
    margin: 0 auto -10px !important;
}

/* 본문 SNS공유 플러그인 */
#contents .article .tt-sns-wrap ul li {
    list-style-type: none !important;
}

/* =================공통 끝================= */


/* ================ 다음 애드핏 ================ */
.kakao_ad_area {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


/* =========== 애드센스 관련 시작 =========== */
#topAdss {
    display: none;
}

@media (min-width: 1200px) {
    #topAdss {
        display: block !important;
        margin-top: 20px;
    }
}

#topAdss,
#bottomAdss {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (min-width: 1200px) {

    #topAdss,
    #bottomAdss {
        padding: 0 20px;
    }
}

#contents #rgyTistoryGoogleADUpper > .revenue_unit_wrap,
#contents #rgyTistoryGoogleADLower > .revenue_unit_wrap {
    margin: 0 20px 20px;
}

#contents .article .revenue_unit_wrap:first-child {
    margin: 0 0 30px;
}

#contents .article .revenue_unit_wrap:not(:first-child) {
    margin-top: 40px;
}

#contents .article .google-auto-placed {
    margin: 30px 0 20px;
}

@media (min-width:800px) {
    #contents .article .revenue_unit_wrap:first-child {
        display: none;
    }
}

/* 본문상단 애드센스 */
.adsense_1 {
    display: inline-block;
}

@media (max-width: 799px) {
    .adsense_1 {
        width: 100%;
        height: 300px;
    }
}

@media (min-width:800px) and (max-width:899px) {
    .adsense_1 {
        width: 300px;
        height: 250px;
    }
}

@media (min-width:900px) and (max-width:999px) {
    .adsense_1 {
        width: 336px;
        height: 280px;
    }
}

@media (min-width:1000px) and (max-width:1069px) {
    .adsense_1 {
        width: 100%;
        height: 280px;
    }
}

@media (min-width:1070px) {
    .adsense_1 {
        width: 336px;
        height: 280px;
    }
}

.adsense_empty {
    display: inline-block;
    width: 0px;
    height: 0px;
}

@media (max-width: 799px) {
    .adsense_empty {
        display: none;
    }
}

@media (min-width:800px) and (max-width:999px) {
    .adsense_empty {
        width: 20px;
    }
}

@media (min-width:1000px) and (max-width:1069px) {
    .adsense_empty {
        display: none;
    }
}

@media (min-width:1070px) {
    .adsense_empty {
        width: 20px;
    }
}

.adsense_2 {
    display: inline-block;
}

@media (max-width:799px) {
    .adsense_2 {
        display: none;
    }
}

@media (min-width:800px) and (max-width:899px) {
    .adsense_2 {
        width: 300px;
        height: 250px;
    }
}

@media (min-width:900px) and (max-width:999px) {
    .adsense_2 {
        width: 336px;
        height: 280px;
    }
}

@media (min-width:1000px) and (max-width:1069px) {
    .adsense_2 {
        display: none;
    }
}

@media (min-width:1070px) {
    .adsense_2 {
        width: 336px;
        height: 280px;
    }
}

/* =========== 애드센스 관련 끝 =========== */


/* ============== 커버 시작 ============== */
.rgyCoverElement:last-child {
    margin: 0;
}

.rgy-cover-more i {
    color: #fff;
}

/* ============== 와이드바 커버 ============== */
.rgy-cover-widebar-wrap .rgy-cover-widebar-flex {
    width: 100%;
    padding: 0 10px;
}

.rgy-cover-widebar-wrap > h1 {
    padding: 10px;
    margin: 0 20px 5px;
    border-radius: 0;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background-color: #555;
}

.rgy-cover-widebar-wrap > h1 > i {
    margin-right: 5px;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner {
    position: relative;
    overflow: hidden;
    flex: 200px;
    height: 250px;
    margin: 0 10px 20px;
    border: 1px solid #555;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover {
    border-color: #ff5544;
    background-size: 0;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .thumnailWrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-right: 10px;
    outline: 1px solid #e5e5e5;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .thumnailWrap .thumnail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .thumnailWrap .thumnail {
    filter: contrast(0.05) brightness(1.97);
    -webkit-filter: contrast(0.05) brightness(1.97);
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}


.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-title h1.title {
    position: absolute;
    top: -70px;
    left: 20px;
    margin-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: normal;
    font-size: 1.5rem;
    color: #111;
    transition: all 0.3s 0.2s;
    -webkit-transition: all 0.3s 0.2s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-title h1.title {
    top: 20px;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-title h1.title::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #111;
    transition: all 0.7s 0.4s;
    -webkit-transition: all 0.7s 0.4s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-title h1.title::after {
    width: 100%;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-summary .summary {
    position: absolute;
    top: 50%;
    left: 20px;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 15px;
    color: #222;
    opacity: 0;
    transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-summary .summary {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-category .category {
    position: absolute;
    bottom: 30px;
    left: -230px;
    font-size: 14px;
    color: #777;
    transition: all 0.3s 0.1s;
    -webkit-transition: all 0.3s 0.1s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-category .category {
    left: 20px;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-date .date,
.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-url .url {
    position: absolute;
    bottom: -30px;
    right: 40px;
    font-size: 14px;
    color: #777;
    transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-date .date,
.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .rgy-cover-widebar-wrap-inner-over .rgy-cover-widebar-wrap-inner-over-url .url {
    bottom: 30px;
}

/* ============= 갤러리 시리즈 커버 공통 ============= */
.rgy-cover-gallery-wrap .rgy-cover-gallery-flex,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-flex {
    display: flex;
    flex-wrap: wrap;
    flex: auto;
    padding: 0 10px;
}

.rgy-cover-gallery-wrap > h1,
.rgy-cover-gallery2-wrap > h1 {
    padding: 10px;
    margin: 0 20px 5px;
    border-radius: 0;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background-color: #555;
}

.rgy-cover-gallery-wrap > h1 > i,
.rgy-cover-gallery2-wrap > h1 > i {
    margin-right: 5px;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner {
    position: relative;
    overflow: hidden;
    flex: 200px;
    height: 250px;
    margin: 0 10px 20px;
    border: 1px solid #555;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner:hover,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner:hover {
    border-color: #ff5544;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .thumnailWrap,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .thumnailWrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-right: 10px;
    outline: 1px solid #e5e5e5;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .thumnailWrap .thumnail,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .thumnailWrap .thumnail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner:hover .thumnailWrap .thumnail,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner:hover .thumnailWrap .thumnail {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-top h1.title,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-top h1.title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: normal;
    font-size: 15px;
    color: #111;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-top .summary,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-top .summary {
    display: none;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-bottom,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-bottom {
    padding-top: 15px;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-bottom > div,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-bottom > div {
    float: left;
    padding-top: 10px;
    font-size: 11px;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-rioverght-bottom::after,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-rioverght-bottom::after {
    content: "";
    display: block;
    clear: both;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-bottom .category,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-bottom .category {
    margin-right: 15px;
    color: #aaa;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-bottom .date,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-bottom .date {
    padding-right: 20px;
    color: #aaa;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-bottom .summary,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-bottom .summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #888;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-bottom .url,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-bottom .url {
    color: #aaa;
}

/* ============= 갤러리 커버 ============= */
.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over {
    position: absolute;
    bottom: -130px;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner:hover .rgy-cover-gallery-wrap-inner-over {
    bottom: 0;
}

/* ============= 갤러리2 커버 ============= */
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over:hover {
    opacity: 1;
}

.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-title {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 20px;
    transform: translateY(-50%);
}

/* ============= 그리드 리스트 커버 공통 ============= */
.rgy-cover-grid-wrap > h1,
.rgy-cover-list-wrap > h1 {
    padding: 10px;
    margin: 0 20px 5px;
    border-radius: 0;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background-color: #555;
}

.rgy-cover-grid-wrap > h1 > i,
.rgy-cover-list-wrap > h1 > i {
    margin-right: 5px;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner:hover,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner:hover {
    border-color: #ff5544;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-left .thumnailWrap,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-left .thumnailWrap {
    width: 100%;
    height: 100%;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-left .thumnailWrap .thumnail,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-left .thumnailWrap .thumnail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner:hover .rgy-cover-grid-wrap-inner-left,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner:hover .rgy-cover-list-wrap-inner-left {
    filter: grayscale(2);
    -webkit-filter: grayscale(2);
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-top h1.title,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-top h1.title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: normal;
    font-size: 15px;
    color: #111;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-top .summary,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-top .summary {
    display: none;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-bottom > div,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-bottom > div {
    float: left;
    padding-top: 10px;
    font-size: 11px;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-bottom::after,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-bottom::after {
    content: "";
    display: block;
    clear: both;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-bottom .category,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-bottom .category {
    margin-right: 15px;
    color: #aaa;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-bottom .date,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-bottom .date {
    padding-right: 20px;
    color: #aaa;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-bottom .url,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-bottom .url {
    color: #aaa;
}

/* ============= 그리드 커버 ============= */
.rgy-cover-grid-wrap .rgy-cover-grid-flex {
    display: flex;
    flex-wrap: wrap;
    flex: auto;
    padding: 0 10px;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner {
    position: relative;
    overflow: hidden;
    flex: 200px;
    padding: 10px;
    margin: 0 10px 20px;
    border: 1px solid #555;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-left {
    overflow: hidden;
    width: 100%;
    height: 120px;
    outline: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right {
    padding: 5px;
    margin-top: 10px;
}

.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-bottom {
    padding-top: 10px;
}

/* ============= 리스트 커버 ============= */
.rgy-cover-list-wrap > h1 > i {
    margin-right: 5px;
}

.rgy-cover-list-wrap .rgy-cover-list-wrap-inner {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 0 20px 20px;
    border: 1px solid #555;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-left {
    overflow: hidden;
    flex: 0 0 120px;
    height: 120px;
    margin: 5px 10px 5px 5px;
    outline: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right {
    padding: 5px;
}

.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-top .summary {
    display: none;
}

/* 커버 삼각형 스타일 */
.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner .rgy-cover-widebar-wrap-inner-over i,
.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-over-bottom > div > i,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-over-bottom > div > i,
.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-bottom > div > i,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-bottom > div > i {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.rgy-cover-widebar-wrap .rgy-cover-more,
.rgy-cover-gallery-wrap .rgy-cover-more,
.rgy-cover-gallery2-wrap .rgy-cover-more,
.rgy-cover-grid-wrap .rgy-cover-more,
.rgy-cover-list-wrap .rgy-cover-more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-bottom: 30px solid #555;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-cover-widebar-wrap .rgy-cover-widebar-wrap-inner:hover .rgy-cover-more,
.rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner:hover .rgy-cover-more,
.rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner:hover .rgy-cover-more,
.rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner:hover .rgy-cover-more,
.rgy-cover-list-wrap .rgy-cover-list-wrap-inner:hover .rgy-cover-more {
    border-bottom-color: #ff5544;
}

.rgy-cover-widebar-wrap-inner .rgy-cover-more i,
.rgy-cover-gallery-wrap-inner .rgy-cover-more i,
.rgy-cover-gallery2-wrap-inner .rgy-cover-more i,
.rgy-cover-grid-wrap-inner .rgy-cover-more i,
.rgy-cover-list-wrap-inner .rgy-cover-more i {
    position: absolute;
    right: 5px;
    bottom: -27px;
    font-size: 12px;
}

/* 와이드바 리스트 커버 + 인피드 애드센스 */
.rgy-cover-widebar-wrap .rgy-cover-widebar-adsense {
    margin: 0 10px 20px;
}

.rgy-cover-list-wrap .rgy-cover-list-infeedAdsense {
    margin: 0 20px 20px;
}

/* ============== 커버 끝 ============== */


/* =========== 인덱스 페이지 시작 =========== */
.index-list-content {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 0 20px 20px;
    border: 1px solid #555;
    border-radius: 0;
}

.index-list-content:hover {
    border-color: #FF5544;
}

.index-list-content .index-list-content-inner {
    display: flex;
    align-items: center;
    padding: 10px;
}

.index-list-content .index-list-content-inner .index-inner-left {
    display: block;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    outline: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: contrast(0.9);
    -webkit-filter: contrast(0.9);
}

.index-list-content .index-list-content-inner .index-inner-left .rgy-index-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.index-list-content:hover .index-inner-left {
    filter: contrast(1) !important;
    -webkit-filter: contrast(1) !important;
}

.index-list-content .index-list-content-inner .index-inner-right {
    display: flex;
    flex-direction: column;
    width: calc(100% - 135px);
    padding: 5px 0;
}

.index-list-content .index-list-content-inner .index-inner-right a.link_post {
    display: inline-block;
}

.index-list-content .index-list-content-inner .index-inner-right a.link_post h1.tit_post {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 15px;
    font-weight: normal;
    color: #111;
}

.index-list-content .index-list-content-inner .index-inner-right a.link_post p.txt_post {
    display: none;
}

.index-list-content .index-list-content-inner .index-inner-right .detail_info {
    padding-top: 10px;
    font-size: 10px;
}

.index-list-content .index-list-content-inner .index-inner-right .detail_info i {
    margin-right: 5px;
    vertical-align: middle;
}

.index-list-content .index-list-content-inner .index-inner-right .detail_info a.link_cate {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    color: #555;
}

.index-list-content .index-list-content-inner .index-inner-right .detail_info span.txt_bar {
    display: inline-block;
    color: #aaa;
}

.index-list-content .rgy-index-more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-bottom: 30px solid #555;
    color: #fff;
}

.index-list-content:hover .rgy-index-more {
    border-bottom-color: #FF5544;
}

.index-list-content .rgy-index-more i {
    position: absolute;
    right: 5px;
    bottom: -27px;
    font-size: 12px;
    color: #fff;
}

/* 인덱스 페이지 인피드 애드센스 */
.rgy-index-infeedAdsense {
    margin: 0 20px 20px;
}

/* =========== 인덱스 페이지 끝 =========== */


/* ============= 페이징 시작 ============= */
#contents .paging-wrap {
    display: block;
    width: 100%;
    min-height: 20px;
    margin: 20px 0 40px;
    text-align: center;
}

#contents .paging-wrap .paging {
    display: inline-block;
    margin: 0;
    font-size: 13px;
}

#contents .paging-wrap .paging > a {
    color: #555;
}

#contents .paging-wrap .paging .numbox .num {
    padding: 0 5px;
    color: #555;
}

#contents .paging-wrap .paging .numbox .num .selected {
    margin: 0 -5px;
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    background-color: #555;
}

/* ============= 페이징 끝 ============= */


/* ============= 헤더 시작 ============= */
header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #fff;
    border-radius: 0 0 0 0;
    z-index: 10;
    background-color: #555;
}

header .blog-title {
    position: relative;
    width: 50%;
    margin-left: 10px;
    font-size: 0.5em;
    line-height: 60px;
    z-index: 6;
}

header .blog-title h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "IropkeBatang", sans-serif;
    font-weight: lighter;
}

header .blog-title a {
    color: #fff;
}

header .mobile-category {
    position: absolute;
    top: 50%;
    right: 55px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

header .mobile-category a {
    display: block;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

header .mobile-btn {
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 35px;
    color: #fff;
    cursor: pointer;
}

header .menu {
    display: none;
    z-index: 5;
    width: 100%;
    border-bottom: 1px solid #fff;
    background-color: #555;
}

header .menu::after {
    content: "";
    display: block;
    clear: both;
}

header .menu .search {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-bottom: 1px solid #fff;
}

header .menu .search input {
    border: 1px solid transparent;
    vertical-align: middle;
    background-color: #fff;
}

header .menu .search input:focus {
    outline: none;
}

header .menu .search input[type="text"] {
    width: 80%;
    height: 30px;
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;
}

header .menu .button {
    padding: 10px;
}

header .menu .button::after {
    content: "";
    display: block;
    clear: both;
}

header .menu .button ul {
    display: flex;
    align-items: center;
}

header .menu .button ul li {
    flex: 1;
}

header .menu .button a {
    display: block;
    padding: 5px 7px;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

header .menu .button a:hover {
    text-shadow: 0 0 10px #ff5544;
}

/* ============= 헤더 끝 ============= */


/* ============= 블로그 메뉴 시작 ============= */
#blogMenu {
    display: none;
}

@media (min-width:1000px) {
    #blogMenu {
        display: block !important;
    }
}

#blogMenu > label.blogMenuBtn {
    position: fixed;
    top: 60px;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #efefef;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    cursor: pointer;
}

#blogMenu:hover label.blogMenuBtn {
    left: 200px;
}

#blogMenu:hover label.blogMenuBtn > i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#blogMenu > label.blogMenuBtn > i {
    font-size: 2rem;
    line-height: 50px;
    color: #aaa;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

#blogMenu > ul {
    position: fixed;
    top: 60px;
    left: -200px;
    width: 200px;
    padding: 30px 10px 0;
    text-align: center;
    background-color: #efefef;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    z-index: 5;
}

#blogMenu > ul::before {
    position: relative;
    top: -15px;
    content: "Tistory Menu";
    font-size: 12px;
    color: #aaa;
}

#blogMenu:hover ul {
    left: 0;
}

#blogMenu > ul > li {
    padding: 10px;
    border-top: 1px dashed #ccc;
}

#blogMenu > ul > li > a {
    overflow: hidden;
    display: block;
    padding: 10px 20px;
    font-size: 15px;
    color: #888;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#blogMenu > ul > li > a:hover {
    border-radius: 5px;
    color: #FFF;
    background-color: #FF5544;
}

/* ============= 블로그 메뉴 끝 ============= */


/* 긴급공지 모듈 */
#rgy-urgentnotice {
    max-width: 1200px;
    margin: 20px auto;
}

#rgy-urgentnotice .rgy-urgentnotice-inside {
    padding: 20px;
    margin: 0 20px;
    border-width: 0;
    border-style: solid;
    border-color: #555;
    background-color: #f54;
}

#rgy-urgentnotice .rgy-urgentnotice-inside > h1 {
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

#rgy-urgentnotice .rgy-urgentnotice-inside > h1::before {
    content: "\f071";
    font-family: "FontAwesome";
    margin-right: 5px;
}


/* ====== 컨테이너: 본문+사이드바 시작 ====== */
#container {
    margin-top: 20px;
}

#container::after {
    content: "";
    display: block;
    clear: both;
}

/* ========== 본문 콘텐츠 시작 ========== */
/* 본문 감싸는 영역*/
#rgyArticle {
    padding: 0 20px 20px;
}

/* 보호글 */
#contents .entryProtected {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding: 10px;
    margin: 0 20px 20px;
    border: 1px solid #555;
}

#contents .entryProtected h1 {
    padding: 10px;
    font-size: 17px;
    font-weight: normal;
}

#contents .entryProtected span.date {
    position: absolute;
    display: block;
    bottom: 10px;
    right: 10px;
    padding: 5px;
    font-size: 12px;
    color: #777;
}

#contents .entryProtected span.date::before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    margin-right: 3px;
    font-weight: 500;
    font-size: 10px;
    vertical-align: middle;
}

#contents .entryProtected p.entryProtected_txt {
    padding: 10px;
    font-size: 13px;
    color: #FF5544;
}

#contents .entryProtected p.entryProtected_btn {
    padding: 10px 100px 10px 10px;
    color: #555;
}

#contents .entryProtected p.entryProtected_btn label {
    font-size: 12px;
    vertical-align: middle;
}

#contents .entryProtected p.entryProtected_btn input:focus {
    outline: none;
}

#contents .entryProtected p.entryProtected_btn input.entryProtected_password {
    width: 150px;
    height: 25px;
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 5px;
    vertical-align: middle;
}

#contents .entryProtected p.entryProtected_btn input.entryProtected_submit {
    width: 40px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    font-size: 12px;
    vertical-align: middle;
    background-color: #E5E5E5;
    cursor: pointer;
}


/* =============== 검색결과 + 리스트 시작 =============== */
/* 검색결과 */
#contents .searchList {
    padding: 7px 0;
    margin-bottom: 20px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    text-align: center;
    color: #888;
}

#contents .searchList h3 {
    font-size: 1em !important;
    font-weight: normal;
}

#contents .searchList h3 span {
    color: #222;
}

/* 리스트 */
#contents .rgyList {
    margin-bottom: 30px;
}

#contents .rgyList li.rgyList-Li {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 10px;
    margin: 0 5px;
}

#contents .rgyList li.rgyList-Li:not(:last-child) {
    border-bottom: 1px dashed #888;
}

#contents .rgyList li.rgyList-Li .rgyList-thumnail {
    flex: 0 0 40px;
    -webkit-flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#contents .rgyList li.rgyList-Li .rgyList-title {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
}

#contents .rgyList li.rgyList-Li .rgyList-title a {
    display: block;
    padding: 5px;
    font-size: 15px;
}

#contents .rgyList li.rgyList-Li .rgyList-title a:hover {
    color: #FF5544;
}

#contents .rgyList li.rgyList-Li .rgyList-title a > img {
    width: 17px !important;
    height: 12px !important;
    vertical-align: baseline !important;
}

#contents .rgyList li.rgyList-Li .rgyList-title span.cnt {
    margin: 0 5px;
    font-size: 14px;
    color: #ff5544;
}

#contents .rgyList li.rgyList-Li .rgyList-info {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-left: auto;
}

#contents .rgyList li.rgyList-Li .rgyList-info span.date {
    padding-left: 20px;
    font-size: 12px;
    color: #aaa;
}

/* =============== 검색결과 + 리스트 끝 =============== */


/* 공지사항 글 */
#contents .entryNotice .titleWrap h1 {
    font-size: 20px;
    font-weight: normal;
}

#contents .entryNotice .titleWrap .date {
    display: block;
    padding: 10px 0;
    font-size: 12px;
    color: #777;
}

#contents .entryNotice .titleWrap .date::before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    font-size: 10px;
    vertical-align: middle;
}

/* 본문 타이틀 상단 */
#contents {
    width: 100%;
}

#contents .titleWrap {
    text-align: center;
}

/* 본문 타이틀 제목 */
#contents .titleWrap h1 {
    padding: 20px 10px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
    font-size: 20px;
}

#contents .titleWrap .into_titlewrap {
    width: 100%;
    color: #888;
}

/* 본문 타이틀 카테고리 + 작성날짜 */
#contents .titleWrap .into_titlewrap > div {
    display: inline-block;
    padding: 10px 5px;
    font-size: 12px;
}

#contents .titleWrap .into_titlewrap > div i {
    margin-right: 5px;
    vertical-align: middle;
}

#contents .titleWrap .into_titlewrap .category a,
#contents .titleWrap .into_titlewrap .date {
    color: #777;
}

/* 본문 타이틀 관리자 메뉴 : 글 관리 기능 (수정/공개/비공개/관련글/삭제) */
#contents .titleWrap .into_titlewrap .admin {
    display: block;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #E5E5E5;
}

#contents .titleWrap .into_titlewrap .admin a {
    display: inline-block;
    color: #FF5544;
}

#contents .titleWrap .into_titlewrap .admin a:not(:first-child)::before {
    content: "|";
    padding-right: 5px;
}

/* 진짜본문 (article_rep_desc) */
#contents .article {
    word-break: break-all;
    -webkit-word-break: break-all;
    padding: 20px;
    border: 1px solid #E5E5E5;
    border-radius: 0;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0;
}

.rgy-article-fontfamily-ilopkebatang .article {
    font-family: "IropkeBatang", sans-serif;
}

.rgy-article-fontfamily-notosanskr .article {
    font-family: "Noto Sans Kr", sans-serif;
}

.rgy-article-fontfamily-basic .article {
    font-family: initial;
}

/* 본문 소제목 */
#contents .article h1,
#contents .article h2,
#contents .article h3,
#contents .article h4 {
    margin: 30px 0 10px;
}

#contents .article h1 {
    font-size: 1.3em;
}

#contents .article h2 {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    border-radius: 100px;
    font-size: 1.1rem;
    color: #fff;
    font-weight: normal;
    background-color: #333;
}

#contents .article h2::before {
    position: absolute;
    top: 50.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    padding: 5px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: 100px;
    border: 2px dashed #999;
}

#contents .article h2::after {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    transform: skewX(-20deg);
    background-color: rgba(255, 255, 255, 0.3);
    animation: rgyArticleH1 2s infinite;
}

@keyframes rgyArticleH1 {
    0% {
        width: 60px;
        left: -40px;
    }

    100% {
        width: 10px;
        left: 130%;
    }
}

#contents .article h3 {
    padding: 2px 5px 4px;
    border-bottom: 3px solid #555;
    border-left: 15px solid #555;
    font-size: 1.1em;
    color: #555;
}

#contents .article h4 {
    display: inline-block;
    padding: 7px 15px 7px 12px;
    border: none;
    border-radius: 0 10px 0 10px;
    font-size: 1em;
    font-weight: normal;
    color: #eee;
    background-color: #555;
}

#contents .article h4::before {
    position: relative;
    top: -4px;
    margin-right: 7px;
    content: "\f0dd";
    font-family: "FontAwesome";
    font-weight: normal;
}

/* 본문 텍스트 정렬 */
#contents .article > p,
#contents .article div.contents_style > p,
#contents .article div#toc-contents > p {
    text-align: justify;
}

/* 본문 리스트 */
#contents .article ul,
#contents .article ol {
    margin-left: 40px;
}

#contents .article ul li,
#contents .article ol li {
    list-style-type: inherit;
    font-size: 16px;
    color: #888;
}

#contents .article ul a,
#contents .article ol a {
    color: inherit;
}

#contents .article ul ul,
#contents .article ul ol,
#contents .article ol ul,
#contents .article ol ol {
    margin-left: 20px;
}

/* 본문 이미지 스타일 (구버전 글쓰기 에디터) */
#contents .article p > span.imageblock {
    margin: 20px 0 7px;
}

/* 본문 이미지 테두리 (구버전 글쓰기 에디터) */
#contents .article p > span.imageblock > img,
#contents .article p > span.imageblock > span > img {
    display: block;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.rgy-article-img-border-on .article p > span.imageblock > img,
.rgy-article-img-border-on .article p > span.imageblock > span > img {
    outline: 1px solid #ccc;
}

.rgy-article-img-border-off .article p > span.imageblock > img,
.rgy-article-img-border-off .article p > span.imageblock > span > img {
    outline: none;
}

#contents .article p > span.imageblock > span.cap1 {
    padding: 10px;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 14px;
    color: #555;
    word-break: break-all;
    -webkit-word-break: break-all;
    outline: 1px solid #ccc;
    background-color: #eee;
}

/* 본문 이미지 링크 */
figure.imageblock > a {
    display: inline-block;
    position: relative;
    bottom: -5px;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
}

figure.imageblock > a::before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: calc(100% - 15px);
    background-color: #000;
    transition: all 0.2s;
    opacity: 0;
    z-index: 1;
}

figure.imageblock > a::after {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    content: "바로가기";
    padding: 0 20px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 13px;
    color: #fff;
    transform: translateX(-50%);
    transition: all 0.2s;
    opacity: 0;
    z-index: 2;
}

figure.imageblock > a:hover::before,
figure.imageblock > a:hover::after {
    opacity: 0.7;
}

/* 본문 표 이미지 */
#contents .article table {
    width: 100%;
    border-spacing: 0;
    font-size: 14px;
}

#contents .article table span.imageblock {
    width: 100% !important;
}

#contents .article table img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border: none;
}

#contents .article table a {
    color: #1D67B1;
}

#contents .article table a:hover {
    color: #FF5544;
}

#contents .article table td {
    padding: 0 5px;
}

/* 본문 하이퍼 링크 */
#contents .article .tx-link {
    color: #1D67B1;
}

#contents .article .tx-link:hover {
    color: #FF5544;
}

/* 본문 더보기 접기 접은글 업데이트 버전 */
/* 더보기 접기 버튼 */
#contents .article button.btn_more,
#contents .article div.moreless_content button.btn_less {
    width: auto;
    height: auto;
    padding: 5px 15px;
    margin: 0;
    border: none;
    border-radius: 20px;
    font-size: 15px;
    line-height: normal;
    color: #fff;
    background-color: #555;
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
}

/* 접은글 본문 */
#contents .article .moreless_content {
    padding: 20px;
    background-color: #F6F6F6;
}

#contents .article button.btn_more::before,
#contents .article div.moreless_content button.btn_less::before {
    padding-right: 0;
    margin-right: 5px;
    font-size: 15px;
    line-height: 0;
    vertical-align: baseline;
}

#contents .article button.btn_more:hover,
#contents .article div.moreless_content button.btn_less:hover {
    background-color: #FF5544;
}

/* 본문 첨부파일 스타일변경 시작 */
#contents .article p > span.imageblock > a {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 10px;
    font-family: "Noto Sans Kr", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    background-color: #555;
    transition: all 0.15s;
}

#contents .article p > span.imageblock > a:hover {
    background-color: #FF5544;
}

#contents .article p > span.imageblock > a::before {
    display: inline-block;
    margin-right: 10px;
    box-sizing: border-box;
    content: "\f019";
    font-family: "FontAwesome";
    font-size: 30px;
    font-weight: normal;
    vertical-align: middle;
}

#contents .article p > span.imageblock > a img {
    display: none !important;
}

/* 플러그인 : 카테고리 다른글 */
#contents .article .another_category {
    font-family: "Noto Sans Kr", sans-serif !important;
    font-size: 15px;
}

#contents .article .another_category h4 {
    padding-bottom: 10px !important;
    border-left: none;
    font-family: "Noto Sans Kr", sans-serif;
    font-size: 17px;
    background: transparent;
}

#contents .article .another_category tr {
    line-height: 1em !important;
}

#contents .article .another_category th,
.another_category td {
    padding: 0 !important;
}

#contents .article .another_category th a.current {
    font-weight: normal;
}

/* 본문 태그 */
#contents .tagTrail {
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #E5E5E5;
    border-radius: 0;
}

#contents .tagTrail .tagText {
    font-size: 13px;
    color: #555;
}

#contents .tagTrail a {
    padding: 5px;
    font-size: 12px;
    color: #999;
}

#contents .tagTrail a::before {
    content: "#";
}

/* ====== 친효애드온: 본문 공유 모듈 시작 ====== */
#contents .rgyShare {
    overflow: hidden;
    margin: 20px 0;
    border: 1px solid #E5E5E5;
    border-radius: 0;
    border-radius: var(--borderRadius);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#contents .rgyShare h3 {
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 13px;
    font-weight: normal;
    color: #555;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#contents .rgyShare .rgyShare-inner {
    padding: 10px;
    text-align: center;
}

#contents .rgyShare .rgyShare-inner > a {
    display: inline-block;
    width: 30px;
    margin: 0 5px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

#contents .rgyShare .rgyShare-inner > a:hover {
    filter: brightness(1.15);
    -webkit-filter: brightness(1.15);
}

#contents .rgyShare .rgyShare-inner > a > img {
    width: 100%;
    border-radius: 7px;
}

/* ====== 본문 공유 모듈 끝 ====== */

/* ============= 본문 관련글 시작 ============= */
#contents .area_related {
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #E5E5E5;
    border-radius: 0;
}

#contents .area_related .tit_related {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 13px;
    font-weight: normal;
    color: #555;
}

#contents .area_related .list_related {
    display: block;
    margin-top: 10px;
}

#contents .area_related .list_related li a.link_related {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #555;
    border-radius: 0;
}

#contents .area_related .list_related li a.link_related:last-child {
    margin-bottom: 5px;
}

#contents .area_related .list_related li a.link_related:hover {
    border: 1px solid #FF5544;
}

#contents .area_related .list_related li a.link_related::after {
    content: "";
    display: block;
    clear: both;
}

#contents .area_related .list_related li a.link_related .link-related-left {
    float: left;
    margin-right: 10px;
}

#contents .area_related .list_related li a.link_related span.thumb_related .thumb-related-img {
    width: 80px;
    height: 80px;
    outline: 1px solid #E5E5E5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#contents .area_related .list_related li a.link_related .link-related-right {
    width: 100%;
    padding: 10px 0;
}

#contents .area_related .list_related li a.link_related .link-related-right .txt_related {
    display: block;
    font-size: 12px;
}

#contents .area_related .list_related li a.link_related .link-related-right .date_related {
    display: block;
    font-size: 10px;
    padding: 5px 0;
    color: #aaa;
}

#contents .area_related .list_related li a.link_related .link-related-right .date_related .fa-clock {
    font-size: 10px;
    margin-right: 5px;
    vertical-align: middle;
}

#contents .area_related .list_related li a.link_related .link-more {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px;
    border-top-left-radius: 0;
    font-size: 10px;
    color: #fff;
    background-color: #555;
}

#contents .area_related .list_related li a.link_related:hover .link-more {
    background-color: #FF5544;
}

/* ============= 본문관련글 끝 ============= */


/* ============= 댓글 + 방명록 시작 ============= */
/* 댓글 갯수 */
#contents .re-count {
    margin: 30px 0 20px;
}

#contents .re-count span.addcomment {
    position: relative;
    display: inline-block;
}

#contents .re-count span.addcomment > a {
    display: block;
    padding: 10px;
    border-bottom: 5px solid #ccc;
}

#contents .re-count span.addcomment > a > i {
    font-size: 2.8em;
    color: #555;
}

#contents .re-count span.addcomment > a span.cnt {
    position: absolute;
    top: 0;
    left: 40px;
    padding: 3px 8px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    background-color: #ff5544;
    z-index: 1;
}

/* 신형 댓글+방명록 친효스킨 스타일 */
.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > .tt-wrap-cmt > .tt-box-thumb {
    margin-right: 10px !important;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc {
    background-color: #f5f5f5;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc::before {
    content: "◀";
    left: -10px;
    color: #f5f5f5;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt > .tt-box-thumb {
    margin-left: 10px;
    margin-right: 0 !important;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt > .tt-box-content > .tt-box-meta {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc {
    float: right;
    background-color: #555;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc::before {
    content: "▶";
    right: -10px;
    color: #555;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc > p {
    color: #f5f5f5;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt > .tt-box-content > .tt-wrap-info {
    clear: both;
    justify-content: flex-end;
}

.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc,
.tt-comment-cont > .tt-area-reply > ul.tt-list-reply > li.tt-item-reply.rp_general > ul.tt-list-reply-comment > li.tt-item-reply > .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc {
    max-width: calc(100% - 100px) !important;
}

.tt-comment-cont {
    display: flex;
    flex-direction: column-reverse;
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.tt-comment-cont > .tt-area-reply {
    padding: 20px 0;
    margin-top: 20px;
    margin-bottom: 0 !important;
    border-top: 1px solid #e5e5e5;
}

.tt-comment-cont > .tt-area-reply > .tt-list-reply {
    display: flex;
    flex-direction: column-reverse;
    border-top: none !important;
    border-bottom: none !important;
}

.tt-comment-cont > .tt-area-reply > .tt-list-reply > li.tt-item-reply:has(p.tt_cmt_info) {
    order: 1;
    border-bottom: 1px solid #e5e5e5;
}

@supports not (selector(:has(*))) {
    .tt-comment-cont > .tt-area-reply > .tt-list-reply {
        flex-direction: column;
    }
}

.tt-item-reply {
    padding: 20px 0 !important;
}

.tt-item-reply:nth-last-of-type(1),
.tt-item-reply .tt-list-reply-comment {
    border-top: none !important;
}

.tt-list-reply-comment .tt-item-reply {
    padding: 10px !important;
    margin: 0 !important;
    border-top: none !important;
}

.tt-comment-cont > form {
    padding: 30px 10px 20px;
}

.tt-comment-cont > form > .tt-area-write .tt-box-account input,
.tt-comment-cont > form > .tt-area-write .tt-box-textarea .tt-inner-g {
    border-radius: 10px !important;
}

.tt-comment-cont > form .tt-box-thumb {
    margin-right: 10px !important;
}

.tt-box-total,
.tt-item-reply::before {
    display: none;
}

.tt-wrap-cmt {
    padding: 10px;
}

.tt-box-thumb > a {
    display: block;
    position: relative;
    top: 6px;
}

.tt-box-thumb span.tt-thumbnail {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
}

.tt-box-thumb span.tt-thumbnail::after {
    border: none !important;
    border-radius: 15px !important;
}

.tt-wrap-cmt .tt-box-meta {
    margin-bottom: 0 !important;
}

.tt_cmt_profile {
    top: 2px;
}

.tt_ico_profile {
    position: relative;
    top: 3px;
}

.tt-wrap-cmt .tt-link-user {
    font-size: 12px !important;
}

.tt-wrap-desc {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 7px;
}

.tt-wrap-desc::before {
    display: block;
    position: absolute;
    top: -2px;
}

.tt-wrap-desc > p {
    font-size: 13px !important;
}

.tt-wrap-cmt .tt-wrap-info {
    padding: 2px 0;
}

.tt-wrap-cmt .tt_date {
    padding-top: 3px !important;
    font-size: 9px !important;
    line-height: 9px !important;
}

.tt-wrap-cmt .tt-wrap-link-comment {
    padding-left: 7px !important;
    line-height: 1 !important;
    font-size: 9px !important;
}

.tt-wrap-cmt .tt-wrap-link-comment > a {
    font-size: inherit !important;
}

.tt-link-comment .tt_txt_g {
    padding-top: 0 !important;
    font-size: 12px !important;
    line-height: 0.9 !important;
}

.tt-link-comment .tt_txt_g:hover {
    color: #f54;
}

.tt-link-comment .tt_num_g {
    font-size: 11px !important;
}

.tt-wrap-cmt .tt-wrap-link-comment::before {
    display: none !important;
}

p.tt_cmt_info {
    margin: 0 0 0 20px !important;
}

p.tt_cmt_info ~ .tt-wrap-cmt {
    padding: 10px 10px 30px !important;
}

p.tt_cmt_info ~ .tt-wrap-cmt > .tt-box-thumb {
    margin-right: 10px !important;
}

p.tt_cmt_info ~ .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc {
    background-color: #f54;
}

p.tt_cmt_info ~ .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc::before {
    content: "◀";
    left: -10px;
    color: #f54;
}

p.tt_cmt_info ~ .tt-wrap-cmt > .tt-box-content > .tt-wrap-desc > p {
    color: #f5f5f5;
}

.tt-txt-mention {
    font-size: 12px;
    border-radius: 5px !important;
}

.tt_ico_fixed {
    margin-top: 2px;
    margin-bottom: 0 !important;
}

.tt_sns_layer {
    z-index: 9999;
}

button.tt_btn_prev_more {
    padding: 30px 0 30px !important;
    transition: all .3s;
}

button.tt_btn_prev_more:hover {
    color: #f54;
}

#contents h3.guestbook_title {
    padding: 5px;
    border-top: 1px solid #E5E5E5;
    font-size: 17px;
}

/* 댓글,방명록 프로필 클릭했을 때 보이는 창 */
#tistoryProfileLayer .wrapMiddle .innerItem a,
#tistorySidebarProfileLayer .wrapMiddle .innerItem a {
    width: auto !important;
}

/* ============= 댓글 + 방명록 끝 ============= */


/* ========== 새로운(신형) 글쓰기 에디터 시작 ========== */
/* 새로운 글쓰기 에디터 (카카오TV) */
figure[data-ke-type='video'][data-video-host='kakaotv'] {
    margin: 0 auto 20px !important;
}

figure[data-video-host='kakaotv'] > figcaption {
    padding: 10px;
    margin-top: -10px;
    font-style: italic;
    background-color: #E5E5E5;
}

/* 티스토리 자동 링크 스타일 */
.rgy-article-autolink-on figure[data-ke-type='opengraph'] a,
.rgy-article-autolink-on #tt-body-page figure[data-ke-type='opengraph'] a {
    height: 100px !important;
}

.rgy-article-autolink-on figure[data-ke-type='opengraph'] div.og-image {
    width: 100px !important;
}

.rgy-article-autolink-on figure[data-ke-type='opengraph'] div.og-text {
    left: 100px !important;
    padding: 10px !important;
}

.rgy-article-autolink-on figure[data-ke-type='opengraph'] div.og-text p.og-title,
.rgy-article-autolink-on #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {
    max-width: 550px !important;
    font-size: 18px !important;
    color: #555 !important;
}

.rgy-article-autolink-on figure[data-ke-type='opengraph'] div.og-text p.og-desc,
.rgy-article-autolink-on #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-desc {
    padding-right: 50px;
    max-height: initial !important;
    -webkit-line-clamp: 1 !important;
    line-height: 17px !important;
    color: #999 !important;
}

.rgy-article-autolink-on figure[data-ke-type='opengraph'] div.og-text p.og-host,
.rgy-article-autolink-on #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-host {
    bottom: 0 !important;
    right: 10px !important;
    font-size: 9px !important;
    color: #ccc !important;
}

/* 본문 이미지 (새로운 글쓰기 에디터) */
.article figure.imageblock.alignCenter {
    margin: 25px auto 10px !important;
}

.rgy-article-img-border-on .article figure.imageblock > span > img {
    outline: 1px solid #eee !important;
}

.rgy-article-img-border-off .article figure.imageblock > span > img {
    outline: none !important;
}

.article figure.imageblock figcaption {
    margin-top: -10px !important;
    margin-bottom: 5px !important;
    padding: 10px !important;
    font-style: italic !important;
    color: #777 !important;
    background-color: #eee !important;
}

/* 본문 이미지 이어붙이기 / 이미지그리드 (새로운 글쓰기 에디터) */
figure.imagegridblock {
    margin: 25px 0 10px !important;
}

figure.imagegridblock > .image-container span img {
    outline: 1px solid #eee;
}

figure.imagegridblock > figcaption {
    position: relative;
    top: -8px;
    padding: 10px !important;
    font-style: italic;
    color: #777;
    background-color: #eee;
    outline: 1px solid #eee;
}

/* 본문 이미지 슬라이드 (새로운 글쓰기 에디터) */
#contents .article figure.imageslideblock {
    margin-bottom: -15px !important;
}

#contents .article figure.imageslideblock > div.image-container {
    width: 100% !important;
    height: auto !important;
    background-color: transparent !important;
}

#contents .article figure.imageslideblock > div.mark {
    position: relative;
    top: -20px;
    height: 40px !important;
    background-color: #F7F7F7;
}

#contents .article figure.imageslideblock figcaption {
    padding: 0 10px 10px !important;
    margin-top: -20px;
    font-style: italic;
    font-size: 13px;
    color: #777;
    background-color: #F7F7F7;
}

/* 본문 유튜브 동영상 캡션 (새로운 글쓰기 에디터) */
figure[data-ke-type='video'] figcaption {
    padding: 0;
    margin: -10px 0 30px;
    min-height: 0;
    line-height: 50px;
    font-style: italic;
    background-color: #eee;
}

/* 더보기 및 접기 (새로운 글쓰기 에디터) */
div[data-ke-type='moreLess'],
#tt-body-page div[data-ke-type='moreLess'] {
    position: relative;
}

div[data-ke-type='moreLess'] .btn-toggle-moreless,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless {
    padding: 3px 20px !important;
    border-radius: 20px !important;
    color: #fff !important;
    background-color: #555;
    transition: all 0.2s !important;
}

div[data-ke-type='moreLess'] .btn-toggle-moreless::after,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless::after {
    content: "";
    position: absolute;
    display: block;
    top: 13px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #555;
    z-index: -1;
}

div[data-ke-type='moreLess'] .btn-toggle-moreless:hover,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless:hover {
    background-color: #FF5544;
}

div[data-ke-type='moreLess'] .btn-toggle-moreless:hover::after,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless:hover::after {
    border-color: #FF5544;
}

div[data-ke-type='moreLess'].open .moreless-content,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content {
    padding: 10px 15px;
    margin: 10px 0;
    background-color: #555;
}

div[data-ke-type='moreLess'].open .moreless-content::after,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 20px solid #333;
    border-right: 20px solid #fff;
    z-index: 1;
}

div[data-ke-type='moreLess'].open .moreless-content > p,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content > p {
    font-size: 14px;
    color: #fff;
    padding: 3px 0;
    border-bottom: 1px dashed #888;
}

/* 본문 인용구 스타일 (새로운 글쓰기 에디터) */
blockquote[data-ke-style='normal'],
blockquote[data-ke-style='style2'] {
    border-left: 20px solid #eee;
    padding: 10px 5px;
}

/* 본문 링크 삽입 (새로운 글쓰기 에디터) */
.article p > a {
    padding: 0 5px;
    color: #1D67B1;
}

.article p > a::before {
    content: "\f0c1";
    margin-right: 3px;
    font-family: "FontAwesome";
    font-weight: 400;
    vertical-align: middle;
    color: #1D67B1;
}

.article p > a:hover,
.article p > a:hover::before {
    color: #FF5544;
}

/* 본문 맨 아래 공감버튼 관련 (새로운 글쓰기 에디터) */
.article div.container_postbtn {
    padding: 35px 0 10px;
}

/* 코드블럭 (새로운 글쓰기 에디터)*/
.article pre {
    margin: 10px 0;
    word-break: break-all;
    white-space: pre-wrap;
    word-wrap: normal;
}

.article pre > code {
    padding: 10px;
    font-family: "D2Coding";
    font-size: 16px;
}

/* 첨부파일 (새로운 글쓰기 에디터) */
figure.fileblock,
#tt-body-page figure.fileblock {
    position: static !important;
    margin: 20px 0 !important;
    border: none !important;
    width: 100% !important;
    height: 100% !important;
    font-family: "Noto Sans Kr", sans-serif !important;
}

figure.fileblock a,
#tt-body-page figure.fileblock a {
    position: relative !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    display: inline-block !important;
    height: auto !important;
    border-radius: 10px !important;
    background-color: #555 !important;
    transition: all 0.2s !important;
}

figure.fileblock a:hover,
#tt-body-page figure.fileblock a:hover {
    background-color: #FF5544 !important;
}

figure.fileblock a::after,
#tt-body-page figure.fileblock a::after {
    display: none !important;
    background-image: none !important;
}

figure.fileblock a div.image,
#tt-body-page figure.fileblock a div.image {
    display: none !important;
}

figure.fileblock a div.desc,
#tt-body-page figure.fileblock a div.desc {
    position: static !important;
}

figure.fileblock a div.desc::after,
#tt-body-page figure.fileblock a div.desc::after {
    background-image: none !important;
}

figure.fileblock a div.desc div.filename,
#tt-body-page figure.fileblock a div.desc div.filename {
    height: auto !important;
    padding: 5px 10px !important;
    margin: 0 !important;
    color: #fff !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow: visible !important;
}

figure.fileblock a div.desc div.filename span.name,
#tt-body-page figure.fileblock a div.desc div.filename span.name {
    display: inline-block !important;
    max-width: 100% !important;
    height: 100% !important;
    padding: 5px 20px 7px !important;
    font-size: 20px !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow: visible !important;
}

figure.fileblock a div.desc div.filename span.name::before,
#tt-body-page figure.fileblock a div.desc div.filename span.name::before {
    margin-right: 10px !important;
    content: "\f019" !important;
    font-family: "FontAwesome" !important;
    font-size: 25px !important;
    font-weight: normal !important;
    color: #fff !important;
    vertical-align: middle !important;
}

figure.fileblock a div.desc div.size,
#tt-body-page figure.fileblock a div.desc div.size {
    height: auto !important;
    margin-top: -5px !important;
    border-radius: 0 0 10px 10px !important;
    font-size: 11px !important;
    color: #fff !important;
    text-align: center !important;
    background-color: #555 !important;
    filter: brightness(0.8) !important;
    -webkit-filter: brightness(0.8) !important;
    -moz-filter: brightness(0.8) !important;
    -ms-filter: brightness(0.8) !important;
    -o-filter: brightness(0.8) !important;
    transition: all 0.2s !important;
}

figure.fileblock a:hover div.desc div.size,
#tt-body-page figure.fileblock a:hover div.desc div.size {
    background-color: #FF5544 !important;
    filter: brightness(0.8) !important;
    -webkit-filter: brightness(0.8) !important;
    -moz-filter: brightness(0.8) !important;
    -ms-filter: brightness(0.8) !important;
    -o-filter: brightness(0.8) !important;
}

/* 각주 */
div.footnotes {
    position: relative;
    padding: 10px;
    margin: 50px 0 10px;
    background-color: #ededed;
}

div.footnotes::before {
    position: absolute;
    top: 10px;
    left: 15px;
    content: "\f08d";
    font-family: "FontAwesome";
    margin-right: 10px;
    font-size: 16px;
    color: #555;
}

div.footnotes::after {
    position: absolute;
    display: block;
    top: 10px;
    left: 30px;
    content: "본문에 사용된 각주";
    font-size: 16px;
    font-style: italic;
    color: #555;
}

div.footnotes > ol.footnotes {
    padding-top: 35px;
    padding-right: 20px;
    list-style-type: none;
}

div.footnotes > ol.footnotes > li {
    margin-left: -20px;
    padding: 2px 0;
    border-bottom: 1px dashed #ccc;
    font-size: 13px !important;
    font-style: italic;
    line-height: 1.5rem;
    color: #888;
}

div.footnotes > ol.footnotes > li:first-child {
    border-top: 1px dashed #ccc;
}

div.footnotes > ol.footnotes > li::before {
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
    margin-right: 5px;
    color: #888;
}

div.footnotes > ol.footnotes > li > a {
    margin: 0 10px;
    color: #aaa;
}

/* ========== 새로운(신형) 글쓰기 에디터 끝 ========== */


/* ========= 태그 클라우드 시작 ========= */
#contents .taglog {
    padding: 0 10px;
    margin-bottom: 40px;
    border: 1px solid #E5E5E5;
}

#contents .taglog h3 {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 17px;
    font-weight: normal;
    color: #333;
    text-align: center;
}

#contents .taglog ul {
    padding: 10px 0;
}

#contents .taglog ul > li {
    display: inline-block;
    margin: 5px;
}

#contents .taglog ul > li > a {
    padding: 3px 5px;
    color: #888;
}

#contents .taglog ul > li:first-child > a {
    padding: 5px 8px;
    font-size: 2rem;
    color: #333;
}

#contents .taglog ul > li > a::before {
    content: "#";
}

#contents .taglog ul > li > a:hover {
    border-radius: 5px;
    color: #fff;
    background-color: #FF5544;
}

/* ========= 태그 클라우드 끝 ========= */


/* ============ 본문 콘텐츠 끝 ============ */


/* ============ 사이드바 시작 ============ */
#sidebar {
    padding: 0 20px 20px;
}

#sidebar > aside > div:not(:last-child) {
    margin-bottom: 20px;
}

/* 사이드바 모듈 제목 */
.rgy-sidebar-title {
    overflow: hidden;
    width: 100%;
    border: 1px solid #555;
    border-radius: 0;
}

.rgy-sidebar-title > h3 {
    padding: 5px;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background-color: #555;
}

/* 사이드바 모듈 내용 */
.rgy-sidebar-content ul,
.rgy-sidebar-content-recommend ul {
    padding: 5px;
}

.rgy-sidebar-content li,
.rgy-sidebar-content-recommend li {
    font-size: 14px;
    padding: 5px;
    margin: 5px 0;
}

.rgy-sidebar-content li a {
    display: block;
}

.rgy-sidebar-content li a:hover,
.rgy-sidebar-content-recommend li a:hover {
    color: #FF5544;
}

.rgy-sidebar-content li a::before,
.rgy-sidebar-content-recommend li a::before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 5px;
}

/* 추천글 모듈 내용 */
.rgy-sidebar-content-recommend li a {
    display: block;
    vertical-align: middle;
}

/* 블로그 정보 (프로필) */
.blogInfo li img {
    width: 100%;
}

.blogInfo > ul > li:not(:first-child) {
    padding-top: 15px;
    border-top: 1px solid #E5E5E5;
    word-break: break-word;
}

.blogInfo li.blogInfo-text p:first-child {
    margin-bottom: 10px;
    font-size: 17px;
    color: #111;
}

.blogInfo li.blogInfo-text p:last-child {
    padding: 5px 0;
    color: #777;
}

.blogInfo li.blogInfo-sns > p {
    display: flex;
    margin-bottom: -5px;
    text-align: center;
}

.blogInfo li.blogInfo-sns > p > a {
    display: block;
    flex: 1;
    padding: 5px;
    font-size: 2.5em;
}

.blogInfo li.blogInfo-sns > p > a::before {
    display: none !important;
}

.blogInfo li.blogInfo-sns > p > a:hover {
    color: #FF5544;
}

/* 사업자 정보 */
.rgy-buness-info {
    margin-top: 10px;
    border-top: 1px solid #E5E5E5;
}

.rgy-buness-info > h3 {
    padding: 15px 5px 5px;
    font-size: 17px;
    font-weight: normal;
    color: #111;
}

.rgy-buness-info > ul > li {
    padding: 3px 0;
    margin: 0;
    color: #777;
}

.rgy-buness-info > ul > li span {
    color: #111;
}

.rgy-buness-info > ul > li a {
    display: inline-block;
    margin-left: 5px;
}

/* 공지사항 인기글, 최근글, 최근댓글 문장개수 제어 */
.notice ul li,
.popularPost ul li,
.recentPost ul li,
.recentComment ul li {
    overflow: hidden;
    word-break: break-all;
    padding: 0 5px;
    margin: 10px 0 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.notice ul li:last-child,
.popularPost ul li:last-child,
.recentPost ul li:last-child,
.recentComment ul li:last-child {
    margin-bottom: 10px;
}

/* dday 디데이 */
#dDay > li {
    margin: 1px 0;
    color: #404040;
}

#dDay > li::before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #404040;
}

#dDay > li .ddayColor,
#dDay > li .ddayLink {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 5px;
    color: #fff;
    background-color: #ff5544;
}

#dDay > li .ddayLink {
    margin-left: 5px;
}

#dDay > li .ddayLink::before {
    content: "";
    margin-right: 0;
}

/* 실시간 라이브 스트리밍 */
.rgyLive > a {
    display: block;
    padding: 20px 10px;
}

.rgy-sidebar-live-off .rgyLive > a {
    color: #fff;
    background-color: #ff5544;
}

.rgy-sidebar-live-on .rgyLive > a {
    color: #555;
    background-color: #6BD089;
}

.rgyLive > a .rgylive-icon {
    text-align: center;
}

.rgyLive > a .rgylive-icon i {
    font-size: 2.4em;
}

.rgyLive > a .rgylive-textbox {
    margin-top: 10px;
    font-size: 25px;
    text-align: center;
}

/* 글보관함 */
.archive li {
    position: relative;
}

.archive li .archive-date {
    padding-right: 5px;
}

.archive li .archive-count {
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 3px 7px;
    margin-right: 5px;
    margin-top: -3px;
    border-radius: 10px;
    color: #999;
    background-color: #eee;
}

.archive li a:hover .archive-count {
    color: #fff;
    background-color: #FF5544;
}

/* 태그클라우드 */
.tagbox ul {
    padding: 5px;
}

.tagbox li {
    display: inline-block;
    font-size: 14px;
    padding: 3px;
}

.tagbox li a::before {
    content: "#";
}

.tagbox li a:hover {
    color: #FF5544;
}

/* 달력 */
.calendar .calendar-inner {
    padding: 5px;
}

.calendar .calendar-inner .tt-calendar {
    width: 100%;
    padding: 5px;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
}

.calendar .calendar-inner .cal_month {
    padding: 5px 0 10px;
    margin: 0;
    font-size: 17px;
    text-align: center;
}

.calendar .calendar-inner .cal_month a:nth-child(2) {
    font-weight: normal;
}

.calendar .calendar-inner .tt-calendar thead tr th.cal_week1,
.calendar .calendar-inner .tt-calendar thead tr th.cal_week2 {
    padding: 5px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
    color: #555;
}

.calendar .calendar-inner .tt-calendar tbody tr.cal_week td {
    padding: 3px;
    color: #ccc;
}

.calendar .calendar-inner .tt-calendar tbody tr.cal_week td a.cal_click {
    color: #000;
    font-weight: normal;
}

/* 방문자 카운터 */
.counter li.rgy-counter-list {
    position: relative;
}

.counter li.rgy-counter-list::before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 5px;
}

.counter li.rgy-counter-list .yesterday,
.counter li.rgy-counter-list .total {
    color: #aaa;
}

.counter li .rgy-counter {
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 3px 7px;
    margin-right: 5px;
    margin-top: -3px;
    border-radius: 5px;
    color: #999;
    background-color: #eee;
}

.counter li .today-count {
    color: #fff;
    background-color: #555;
}

/* 방문자 그래프 */
.graph div#chartdiv {
    padding: 10px 0 0 10px;
}

.graph div#chart-time {
    padding: 10px;
    margin-top: -10px;
    font-style: italic;
}

.graph div#chart-time::before {
    content: "";
    display: block;
    position: relative;
    left: 0;
    top: -10px;
    padding: 0 5px;
    height: 1px;
    background-color: #e5e5e5;
}

/* ============ 카테고리 시작 ============ */
/* 카테고리 새글 표시 */
.rgy-category-new {
    padding: 1px 4px;
    margin-left: 5px;
    border-radius: 50%;
    color: #fff;
    background-color: #FF5544;
}

.aside_category .tt_category {
    padding: 3px;
    font-size: 14px;
}

.aside_category .tt_category .link_tit {
    position: relative;
    display: block;
    padding: 5px 5px 7px;
}

.aside_category .tt_category .sub_category_list {
    margin-bottom: 5px;
}

/* 대메뉴 */
.aside_category .tt_category .category_list .link_item {
    position: relative;
    display: block;
    padding: 8px 5px 5px;
    border-top: 1px solid #E5E5E5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.aside_category .tt_category .category_list .link_item::before {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    font-weight: 900;
    font-size: 16px;
}

/* 소메뉴 */
.aside_category .tt_category .sub_category_list .link_sub_item {
    position: relative;
    display: block;
    padding: 5px 2px;
    margin-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.aside_category .tt_category .sub_category_list li .link_sub_item::before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 5px;
}

.aside_category .tt_category .c_cnt {
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 3px 7px;
    margin-right: 5px;
    margin-top: -3px;
    border-radius: 10px;
    color: #999;
    background-color: #eee;
}

.aside_category .tt_category a:hover {
    color: #FF5544;
}

.aside_category .tt_category a:hover .c_cnt {
    color: #FFF;
    background-color: #FF5544;
}

/* 사이드바 커스텀 배너 이미지 */
.module_plugin img {
    width: 100%;
    height: 100%;
}

/* ============ 카테고리 끝 ============ */
/* ============ 사이드바 끝 ============ */
/* ======= 컨테이너: 본문+사이드바 끝 ======= */


/* ============= 푸터 시작 ============= */
footer #footer {
    margin-top: 20px;
    border-radius: 0 0 0 0;
    text-align: center;
    color: #fff;
    background-color: #555;
}

footer #footer > div.footer-inner {
    padding: 10px;
}

footer #footer > div.footer-inner > p {
    padding: 2px 0;
    font-size: 12px;
}

footer #footer > div.footer-inner > p > a {
    color: #ff0;
}

footer #footer > div.footer-inner > p.copyleft a#skinver {
    font-family: "IropkeBatang", "Noto Sans Kr", sans-serif;
    margin-left: 5px;
}

footer #footer > div.footer-inner > p.iagree {
    color: #fff;
}

/* ============= 푸터 끝 ============= */


/* ======== 반응형 미디어쿼리 시작 ======== */
@media (min-width:420px) {

    .rgy-cover-widebar-wrap > h1,
    .rgy-cover-list-wrap > h1,
    .rgy-cover-grid-wrap > h1,
    .rgy-cover-gallery-wrap > h1,
    .rgy-cover-gallery2-wrap > h1 {
        font-size: 18px;
    }

    .rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-top h1.title,
    .rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-top h1.title,
    .rgy-cover-gallery-wrap .rgy-cover-gallery-wrap-inner .rgy-cover-gallery-wrap-inner-over .rgy-cover-gallery-wrap-inner-right-over h1.title,
    .rgy-cover-gallery2-wrap .rgy-cover-gallery2-wrap-inner .rgy-cover-gallery2-wrap-inner-over .rgy-cover-gallery2-wrap-inner-right-over h1.title {
        font-size: 17px;
    }

    .rgy-cover-list-wrap .rgy-cover-list-wrap-inner .rgy-cover-list-wrap-inner-right .rgy-cover-list-wrap-inner-right-top .summary,
    .rgy-cover-grid-wrap .rgy-cover-grid-wrap-inner .rgy-cover-grid-wrap-inner-right .rgy-cover-grid-wrap-inner-right-top .summary {
        display: block;
        overflow: hidden;
        height: 2.4em;
        margin-top: 20px;
        font-size: 13px;
        color: #888;
        line-height: 1.3;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .index-list-content .index-list-content-inner .index-inner-right a.link_post h1.tit_post {
        font-size: 17px;
    }

    .index-list-content .index-list-content-inner .index-inner-right a.link_post p.txt_post {
        display: block;
        overflow: hidden;
        height: 2.4em;
        margin: 15px 0;
        font-size: 13px;
        color: #888;
        line-height: 1.3;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .index-list-content .index-list-content-inner .index-inner-right .detail_info {
        padding: 0;
        font-size: 12px;
    }

    header .menu .search {
        float: left;
        width: 43%;
        margin-left: 10px;
        border-bottom: none;
    }

    header .menu .button {
        float: right;
    }
}

@media (min-width:500px) {

    #contents .area_related .list_related li a.link_related .link-related-left {
        margin-right: 15px;
    }

    #contents .area_related .list_related li a.link_related span.thumb_related .thumb-related-img {
        width: 100px;
        height: 100px;
    }

    #contents .area_related .list_related li a.link_related .link-related-right .txt_related {
        font-size: 17px;
    }

    #contents .area_related .list_related li a.link_related .link-related-right .date_related {
        font-size: 12px;
        padding: 15px 0;
    }

    #contents .area_related .list_related li a.link_related .link-more {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 10px;
        font-size: 12px;
    }
}

@media (min-width:600px) {

    #contents .rgyShare .rgyShare-inner > a {
        width: 40px;
    }

    #contents .rgyShare .rgyShare-inner > a > span {
        font-size: 12px;
    }
}

@media (min-width:768px) {

    .index-list-content .index-inner-right {
        padding: 10px 0;
    }

    .index-list-content .rgy-index-more {
        border-left: 60px solid transparent;
        border-bottom: 50px solid #555;
    }

    .index-list-content .rgy-index-more i {
        right: 10px;
        bottom: -45px;
        font-size: 15px;
    }

    header .blog-title {
        margin-left: 20px;
        font-size: 0.7em;
    }

    #contents {
        margin-top: 0;
    }

    #contents .rgyShare .rgyShare-inner > a {
        margin: 0 10px;
    }

    #contents .paging-wrap .paging {
        font-size: 17px;
    }

    figure.fileblock a div.desc div.filename {
        padding: 15px 20px;
    }

    figure.fileblock a div.desc div.filename span.name {
        font-size: 20px;
    }

    figure.fileblock a div.desc div.filename span.name::before {
        font-size: 30px;
    }

    figure.fileblock a div.desc div.size {
        font-size: 13px;
    }

    #contents .commentList .rgy-rewrite-window .rgy-rewrite-window-right .rgy-rewrite-window-right-bottom .re-chatwindow,
    #contents .commentList .rgy-rewrite-window2 .rgy-rewrite-window2-right .rgy-rewrite-window2-right-bottom .re-chatwindow {
        max-width: calc(100% - 170px);
    }

    #contents .commentList .rgy-rewrite-window .rgy-rewrite-window-right .rgy-rewrite-window-right-bottom .re-date {
        display: inline;
    }

    #contents .commentList .rgy-rewrite-window2 .rgy-rewrite-window2-right .rgy-rewrite-window2-right-bottom {
        flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
    }

    #contents .commentList .rgy-rewrite-window2 .rgy-rewrite-window2-right .rgy-rewrite-window2-right-bottom .re-date {
        margin-right: 5px;
    }
}

@media (min-width: 1000px) {

    header {
        border-bottom: none;
    }

    header .mobile-category,
    header .mobile-btn {
        display: none;
    }

    header .menu {
        position: absolute;
        display: flex;
        justify-content: flex-end;
        top: 0;
        right: 20px;
        height: 60px;
        border-bottom: none !important;
        background-color: transparent;
    }

    header .menu .search {
        width: 200px;
        padding: 14px 0;
    }

    header .menu .button {
        padding: 14px 0;
        margin-left: 20px;
    }

    /* 컨테이너 위치 및 가로 크기 */
    .rgy-sidebar-on #container,
    .rgy-sidebar-stk #container {
        max-width: 1200px;
        margin-right: auto;
    }

    .rgy-sidebar-on #container.rgy-container-center,
    .rgy-sidebar-stk #container.rgy-container-center {
        margin-left: auto;
    }

    .rgy-sidebar-on #container.rgy-container-left,
    .rgy-sidebar-stk #container.rgy-container-left {
        margin-left: none;
    }

    /* (콘텐츠 위치) 사이드바 위치 및 크기 */
    .rgy-sidebar-on #container #contents,
    .rgy-sidebar-stk #container #contents {
        width: calc(100% - 300px);
    }

    .rgy-sidebar-on #container #contents.rgy-contents-right,
    .rgy-sidebar-stk #container #contents.rgy-contents-right {
        float: right;
    }

    .rgy-sidebar-on #container #contents.rgy-contents-left,
    .rgy-sidebar-stk #container #contents.rgy-contents-left {
        float: left;
    }

    #contents .rgyShare .rgyShare-inner > a {
        width: 50px;
        margin: 0 15px;
    }

    .rgy-sidebar-on #container #sidebar {
        float: left;
        width: 300px;
    }

    .rgy-sidebar-stk #container #sidebar {
        position: sticky;
        position: -webkit-sticky;
        top: 20px;
        float: left;
        width: 300px;
    }

    footer #footer {
        text-align: inherit;
        height: 60px;
    }

    footer #footer > div.footer-inner {
        position: relative;
        padding: 0;
        line-height: 60px;
    }

    footer #footer > div.footer-inner > p {
        padding: 0;
    }

    footer #footer > div.footer-inner > p.copyright {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    footer #footer > div.footer-inner > p.copyleft {
        position: absolute;
        left: 10px;
    }

    footer #footer > div.footer-inner > p.iagree {
        position: absolute;
        right: 10px;
    }
}

@media (min-width:1100px) {

    .rgy-sidebar-on #container #contents,
    .rgy-sidebar-stk #container #contents {
        width: calc(100% - 320px);
    }

    .rgy-sidebar-on #container #sidebar,
    .rgy-sidebar-stk #container #sidebar {
        width: 320px;
    }
}

@media (min-width:1200px) {

    .rgy-sidebar-on #container #contents,
    .rgy-sidebar-stk #container #contents {
        width: calc(100% - 340px);
    }

    #contents .article {
        font-size: 1.1em;
        line-height: 1.6em;
    }

    .rgy-sidebar-on #container #sidebar,
    .rgy-sidebar-stk #container #sidebar {
        width: 340px;
    }
}

/* ======== 반응형 미디어 쿼리 끝 ======== */


/* ============== 스킨 편집 ============== */
.rgy-sidebar-off #container {
    max-width: 1200px;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 20px;
}

.rgy-sidebar-off #container.rgy-container-center {
    margin-left: auto;
}

.rgy-sidebar-off #container.rgy-container-left {
    margin-left: none;
}

.rgy-sidebar-off #container #content {
    width: 100%;
}

.rgy-sidebar-off #container #sidebar {
    display: none;
}

/* 사이드바 모바일 숨기기 */
.rgy-sidebar-mobile-off #sidebar {
    display: none;
}

@media (min-width:1000px) {
    .rgy-sidebar-mobile-off #sidebar {
        display: block !important;
    }
}

/* ============= 친효애드온 시작 ============= */
/* 친효애드온 : 본문 목차 목록 모듈 (TOC) 시작 */
div.rgyList,
div#rgyTOC {
    position: relative;
    padding: 10px;
    border-top: 10px solid #FF5544;
    background-color: #e5e5e5;
}

div.rgyList::after,
div#rgyTOC::after {
    position: absolute;
    content: "<LIST>";
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 1.3em;
    font-family: "NanumPen", "Noto Sans Kr", sans-serif;
    font-style: italic;
    color: #FF5544;
    letter-spacing: 5px;
}

div.rgyList ul,
div#rgyTOC ul {
    margin-left: 0 !important;
}

div.rgyList > ul,
div#rgyTOC > ul {
    border-bottom: 1px dashed #FF5544;
}

div.rgyList li,
div#rgyTOC li {
    list-style-type: none !important;
    border-top: 1px dashed #FF5544;
}

div.rgyList li a,
div#rgyTOC li a {
    position: relative;
    display: block;
    padding-left: 10px;
    font-size: 14px;
}

div.rgyList li a::after,
div#rgyTOC li a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px;
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
}

div.rgyList li a:hover,
div.rgyList li a:hover::after,
div#rgyTOC li a:hover,
div#rgyTOC li a:hover::after {
    color: #FF5544 !important;
}

div.rgyList li li li a,
div#rgyTOC li li li a {
    padding-left: 20px;
}

div.rgyList ul ul li a::before,
div#rgyTOC ul ul li a::before {
    content: "└";
    margin-right: 5px;
    font-weight: bold;
    vertical-align: middle;
}

/* 친효애드온 : 포스트잇 모듈 (마크1) 시작 */
div.rgyPostIt {
    position: relative;
    display: inline-block;
    padding: 20px 45px 20px 15px;
    margin: 5px 0;
    border: 1px solid #f8f861;
    border-left: 30px solid #f8f861;
    border-bottom-right-radius: 60px 10px;
    font-family: "NanumPen", "Noto Sans Kr", sans-serif;
    font-size: 27px;
    color: #555;
    word-break: break-all;
    background: #ffff88;
    background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(81%, #ffff88), color-stop(82%, #ffff88), color-stop(82%, #ffff88), color-stop(100%, #ffffc6));
    background: -webkit-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
    background: -o-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
    background: -ms-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
    background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff88', endColorstr='#ffffc6', GradientType=1);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

div.rgyPostIt::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 35px;
    width: 150px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 2px 35px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 35px 5px rgba(0, 0, 0, 0.4);
    transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

div.rgyPostIt:hover {
    border-bottom-right-radius: 75px 30px;
}

div.rgyPostIt:hover::after {
    box-shadow: 2px 37px 7px rgba(0, 0, 0, 0.37);
}

div.rgyPostIt > p {
    padding: 5px 0 !important;
}

div.rgyPostIt > p::before {
    content: "\f198";
    margin-right: 7px;
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 20px;
    vertical-align: middle;
}

div.rgyPostIt > p > a {
    color: #555;
}

/* 포스트잇 모듈 (마크1) 끝 */

/* 친효애드온: 커스텀 DIV박스 */
.rgyBG,
.rgyBG2,
.rgyBG3,
.rgyBG4,
.rgyBG5,
.rgyBG6 {
    margin: 10px 0;
    padding: 10px 15px;
    border-radius: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: normal;
    font-size: 1rem;
    line-height: 1.3;
}

.rgyBG2 > p,
.rgyBG3 > p,
.rgyBG4 > p,
.rgyBG5 > p,
.rgyBG6 > p {
    color: #222;
    margin: 10px 0 !important;
}

.rgyBG {
    font-family: "D2Coding";
    line-height: 1.3em;
    color: #eee;
}

.rPre {
    padding-top: 0;
    padding-bottom: 20px;
    white-space: pre-wrap;
    -webkit-white-space: pre-wrap;
    -moz-white-space: pre-wrap;
    -ms-white-space: pre-wrap;
    -o-white-space: pre-wrap;
    background-color: #333;
}

.rgyBG2 {
    background-color: #d8f3ff;
}

.rgyBG3 {
    background-color: #f5cfd8;
}

.rgyBG4 {
    background-color: #c5ffe4;
}

.rgyBG5 {
    background-color: #fdffdf;
}

.rgyBG6 {
    background-color: #d7d0eb;
}

.rgyBS {
    padding: 10px 13px;
    margin: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px 5px #ccc;
    font-size: 1rem;
    color: #777;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgyBS:hover {
    box-shadow: 0 0 15px 5px #ff5544;
    color: #fff;
    background-color: #333;
}

.rgyBS > p::before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 5px;
}

/* 검정 DIV박스 */
.rgyBG-Black,
.rBLACK,
.rBK {
    background-color: #333;
}

/* 빨강 DIV박스 */
.rgyBG-Red,
.rRED,
.rRD {
    background-color: #FF5544;
}

/* 파랑 DIV박스 */
.rgyBG-Blue,
.rBLUE,
.rBE {
    background-color: #007AAE;
}

/* 친효애드온 : 사이드바 배지 */
.rgyBadge {
    position: relative;
    top: -1px;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    background-color: #FF5544;
}

/* 친효애드온: 형광펜모드 - 본문 글씨 두껍게 스타일 시작 */
.rgy-chAddOn-articleBoldOn .contents_style > p > b,
.rgy-chAddOn-articleBoldOn .article > p > b,
.rgy-chAddOn-articleBoldOn div#toc-contents > p > b {
    padding: 1px 4px;
    margin: 0 2px;
    border-radius: 3px;
    font-weight: normal;
    color: #222;
    background-color: #C0FFEE;
}

.rgy-chAddOn-articleBoldOff .article > p > b,
.rgy-chAddOn-articleBoldOff .contents_style > p > b,
.rgy-chAddOn-articleBoldOff div#toc-contents > p > b {
    font-weight: bold;
}

/* 형광펜모드 - 본문 글씨 두껍게 끝 */

/* 친효애드온 : TOP버튼 시작 */
#topBtn {
    transform-origin: bottom right;
}

.rgy-topbtnmobilehide-on #topBtn,
.rgy-topbtnmobilehide-off #topBtn {
    display: none;
    position: fixed;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    z-index: 9999;
    opacity: 1;
}

.rgy-topbtnmobilehide-mleft #topBtn {
    display: none;
    position: fixed;
    bottom: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    z-index: 9999;
}

.rgy-topbtnmobilehide-on #topBtn ul li,
.rgy-topbtnmobilehide-off #topBtn ul li,
.rgy-topbtnmobilehide-mleft #topBtn ul li {
    position: relative;
    width: 20px;
    height: 100px;
    font-size: 0.6rem;
    line-height: 100px;
    text-align: center;
    border: 1px solid #fff;
    background-color: rgba(85, 85, 85, 1);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.rgy-topbtnmobilehide-on #topBtn ul li:hover,
.rgy-topbtnmobilehide-off #topBtn ul li:hover,
.rgy-topbtnmobilehide-mleft #topBtn ul li:hover {
    background-color: #FF5544;
}

.rgy-topbtnmobilehide-on #topBtn ul li a,
.rgy-topbtnmobilehide-off #topBtn ul li a,
.rgy-topbtnmobilehide-mleft #topBtn ul li a {
    display: block;
    color: #fff;
}

.rgy-topbtnmobilehide-on #topBtn ul li a.rgyTop,
.rgy-topbtnmobilehide-off #topBtn ul li a.rgyTop,
.rgy-topbtnmobilehide-mleft #topBtn ul li a.rgyTop {
    font-size: 1rem;
    cursor: pointer;
}

.rgy-topbtnmobilehide-on #topBtn ul li .topBtn-exp,
.rgy-topbtnmobilehide-off #topBtn ul li .topBtn-exp,
.rgy-topbtnmobilehide-mleft #topBtn ul li .topBtn-exp {
    display: none;
}

.rgy-topbtnmobilehide-off #topBtn {
    transform: scale(0);
    -webkit-transform: scale(0);
}

@media (min-width: 768px) {
    .rgy-topbtnmobilehide-off #topBtn {
        transform: scale(1) translateY(50%);
        -webkit-transform: scale(1) translateY(50%);
    }
}

@media (min-width: 1000px) {

    .rgy-topbtnmobilehide-on #topBtn,
    .rgy-topbtnmobilehide-off #topBtn,
    .rgy-topbtnmobilehide-mleft #topBtn {
        right: 10px;
        bottom: 220px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    .rgy-topbtnmobilehide-on #topBtn ul li,
    .rgy-topbtnmobilehide-off #topBtn ul li,
    .rgy-topbtnmobilehide-mleft #topBtn ul li {
        width: 50px;
        height: 50px;
        margin: 5px;
        font-size: 1.5rem;
        line-height: 50px;
        text-align: center;
        border-radius: 5px;
    }

    .rgy-topbtnmobilehide-on #topBtn ul li:hover .topBtn-exp,
    .rgy-topbtnmobilehide-off #topBtn ul li:hover .topBtn-exp,
    .rgy-topbtnmobilehide-mleft #topBtn ul li:hover .topBtn-exp {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }

    .rgy-topbtnmobilehide-on #topBtn ul li a.rgyTop,
    .rgy-topbtnmobilehide-off #topBtn ul li a.rgyTop,
    .rgy-topbtnmobilehide-mleft #topBtn ul li a.rgyTop {
        font-size: 2rem;
    }

    .rgy-topbtnmobilehide-on #topBtn ul li div.topBtn-exp,
    .rgy-topbtnmobilehide-off #topBtn ul li div.topBtn-exp,
    .rgy-topbtnmobilehide-mleft #topBtn ul li div.topBtn-exp {
        display: block;
        position: absolute;
        right: 50px;
        top: 3.5px;
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 1rem;
        transform-origin: right;
        -webkit-transform-origin: right;
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }

    .rgy-topbtnmobilehide-on #topBtn ul li > div .topBtn-exp1,
    .rgy-topbtnmobilehide-off #topBtn ul li > div .topBtn-exp1,
    .rgy-topbtnmobilehide-mleft #topBtn ul li > div .topBtn-exp1 {
        position: absolute;
        width: 90px;
        border-radius: 5px;
        color: #fff;
        background-color: #555;
    }

    .rgy-topbtnmobilehide-on #topBtn ul li > div .topBtn-exp2,
    .rgy-topbtnmobilehide-off #topBtn ul li > div .topBtn-exp2,
    .rgy-topbtnmobilehide-mleft #topBtn ul li > div .topBtn-exp2 {
        position: absolute;
        top: 50%;
        right: 0;
        width: 0;
        height: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #555;
    }
}

/* TOP버튼 끝 */


/* 친효애드온 : TIP박스 */
.rgyInfo {
    position: relative;
    border: 3px solid #FF5544;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 20px;
    font-family: "Noto Sans Kr", sans-serif;
    font-weight: 400;
    text-align: justify;
}

.rgyInfo .rgyInfo-circle {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.rgyInfo .rgyInfo-circle > div {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    box-sizing: border-box;
    text-align: center;
}

.rgyInfo .rgyInfo-circle .topDiv {
    font-size: 18px;
    color: #fff;
    z-index: 10;
    background-color: #FF5544;
}

.rgyInfo .rgyInfo-circle .bottomDiv {
    z-index: 9;
    border: 5px solid #FF5544;
    animation: rgyAni01 1s infinite;
}

.rgyInfo .rgyInfo-circle .bottomDiv2 {
    z-index: 8;
    border: 5px solid #FF5544;
    animation: rgyAni01 1s 0.25s infinite;
}

@keyframes rgyAni01 {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    100% {
        border: 0.5px solid white;
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

.rgyInfo .rgyInfo-text {
    display: table;
    min-height: 70px;
    margin-left: 80px;
    margin-right: 5px;
}

.rgyInfo .rgyInfo-text p {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1.4;
}

.rgyInfo .rgyInfo-text p::before {
    font-family: "FontAwesome";
    content: "\f105";
    margin-right: 5px;
    margin-left: 2px;
}

.rgyInfo .rgyInfo-text p a {
    color: #ff5544;
}

.rgyInfo .rgyInfo-text p a:hover {
    font-weight: bold;
    text-decoration: underline;
}

/* TIP박스 끝 */

/* 친효애드온 : 엑셀표 스타일 */
#rgyTable {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    border: 2px solid black;
    text-align: center;
}

#rgyTable tr,
#rgyTable th,
#rgyTable td {
    border: 1px solid black;
    padding: 5px;
}

#rgyTable tr:nth-child(2n+1) {
    background: #ffff9f;
}

#rgyTable th {
    border-bottom: 2px solid black;
    font-size: 20px;
    background: yellow;
}

/* 엑셀표 스타일 끝 */
/* ============= 친효애드온 끝 ============= */