html, body {
    color: #f1f1f1;
    background-color: #000;
}
body, button, input, select, table, textarea {
    font-size: 1rem;
}
a {
    color: #f1f1f1;
}
.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
/* header */
.inner_header .btn_menu, .inner_header .btn_search {
    color: #f1f1f1;
}
.inner_header .logo {
    font-size: 2.2rem;
}
/* list */
.article_content .txt_post {
    font-size: 1.2rem;
    line-height: 1.5;
}
/* list - category */
.category_list .title_category {
    color: #f1f1f1;
}

/* header content */
.category_list .info_post {
    text-align: center !important;
}
/* content */
.article_content .article_view {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: center;
}
.article_view .ad-html-code {
    padding: 20px !important;
    color: #fff !important;
    max-width: 540px !important;
    margin: 30px auto !important;
    border-radius: 0px 20px 20px 20px !important;
    background-color: #3d6e21 !important;
}
.article_view .ad-html-code h2 {
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa !important;
}
.article_view .ad-html-code .title {
    display: block;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px dashed #aaa !important;
}
.article_view .ad-html-code .desc {
    display: block;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #aaa !important;
}
.article_view .ad-html-code p:last-child .desc {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}
.article_view .ad-html-code .desc a {
    text-decoration: none;
}
.article_view .ad-html-code .title a:hover,
.article_view .ad-html-code .desc a:hover {
    color: #fff !important;
}
.article_view .ad-html-code .title a,
.article_view .ad-html-code .desc a {
    display: block;
}
.article_view p.talk {
    padding: 20px !important;
    color: #f1f1f1 !important;
    max-width: 540px !important;
    margin: 0 auto 30px !important;
    border-radius: 0px 20px 20px 20px !important;
    background-color: #333 !important;
}
.article_view p.talk .user-nick-name {
    display: block;
    padding-bottom: 3px;
    border-bottom: 1px dashed #aaa;
}
.article_view p.talk .user-comment {
    display: block;
    padding-top: 15px;
}

/* 썸네일 부분 */
.thumbnail_zone {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.26%;
}
.thumbnail_zone .thumbnail_post {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.article_view h1, .article_view h2, .article_view h3, .article_view h4 {
    color: #f1f1f1;
}
.index_type_horizontal .title_post {
    padding-top: 0;
    font-size: 2.2rem;
    text-overflow: initial;
    white-space: normal;
}
.article_content .link_title {
    padding: 1.2rem 0;
    color: #f1f1f1;
}
.article_content .link_title:hover {
    color: #ddd;
}
.thema_black .title_post:hover {
    color: #ddd;
}
.link_article:hover .txt_post {
    color: #ddd;
}
/* youtube */
.youtube-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.26%;
    margin-bottom: 10px;
}
.youtube-wrap.horizon {
    padding-top: 56.26%;
}
.youtube-wrap.vertical {
    padding-top: 130%;
}
.youtube-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* content tail */
.container_postbtn {
    border-color: #999;
}
.container_postbtn .postbtn_like {
    border-color: #bbb;
}
.another_category_color_gray, .another_category_color_gray h4 {
    border-color: #999;
}
.another_category_color_gray h4, .another_category_color_gray h4 a {
    color: #eee;
}
.another_category_color_gray * {
    color: #eee !important;
}
/* content tag */
.area_view_content .area_tag {
    border-color: #bbb;
}
.area_view_content .area_tag .tag_content {
    color: #eee;
}
.area_view_content .area_tag .tag_content a {
    color: #eee;
}
/* comment */
.tt-wrap-cmt .tt-link-user {
    color: #eee !important;
}
.tt-comment-cont .tt-wrap-cmt .tt_desc {
    font-size: 1.2rem;
    color: #f1f1f1;
}
.tt-wrap-cmt .tt_date {
    color: #ccc;
}
.tt-box-textarea .tt-inner-g {
    border-color: #bbb;
}
.tt-box-textarea textarea, .tt-box-textarea div {
    color: #f1f1f1;
}
/* sidebar */
.related_type .title_related {
    color: #f1f1f1;
}
/* sidebar - related post */
.related_type .link_related .txt {
    font-size: 1.2rem;
}
/* sidebar - blog info */
.box_sidebar .text_about {
    color: #f1f1f1;
}
/* pagination */
.area_paging .link_num span {
    border-radius: 49%;
    color: #eee;
}
.thema_black .thema_apply .selected {
    color: #f1f1f1 !important;
}
.area_paging .paging_num .link_num:last-child span {
    color: #eee;
    padding: 0 10px;
}
.area_paging .link_page {
    color: #eee;
}
.area_paging .link_num span.selected,
.area_paging .link_num:hover span{
    background: #777 !important;
    color: #f1f1f1 !important;
}

.floating-button {
    position: fixed;
    bottom: 20px;
    right: 50%;
    z-index: 100;
}

.ts-flex {
    display: flex;
    margin-bottom: 5px;
}

.floating-button .ts-flex {
    gap: 3px;
}

.goTop, .goBottom {
    text-align: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    line-height: 2rem;
    border: 1px solid #ccc;
    background-color: #fff;
}
.goTop a, .goBottom a {
    display: block;
    text-align: center;
    width: 2rem;
    height: 2rem;
}
.goContInner a svg {
    vertical-align: middle;
}
.goTop a svg {
    margin-bottom: 0.1rem;
    margin-right: 0.1rem;
}

.floating-button .goComment a {
    display: none;
    cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  background-color: #21952b;
  padding: 7px 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.coupa {
    margin: 15px 0 65px;
}
.coupa-text {
    color: #eee;
    font-size: 0.9rem;
    margin: 25px 0 25px;
}
.coupang {
    display: none;
}

@media screen and (max-width: 820px) {
    .area_menu {
        background-color: #333 !important;
    }
    .index_type_horizontal .list_horizontal .list_horizontal_item {
        margin-bottom: 40px;
    }
    .index_type_horizontal .title_post {
        font-size: 1.6rem;
    }
    .related_type_view .link_related .txt strong {
        font-size: 1rem;
    }
    /* youtube */
    .youtube-wrap.vertical {
        padding-top: 178%;
    }

    /* pagination */
    .area_paging .paging_num .link_num .selected {
        padding: 0 10px;
    }
    .area_paging .link_num span:not(.selected) {
        display: inline-block;
    }
    .area_paging .link_num span.selected,
    .area_paging .link_num:hover span{
        background: #777 !important;
        color: #f1f1f1 !important;
    }
}
@media screen and (min-width: 821px) {
    body, button, input, select, table, textarea {
        font-size: 1rem;
    }
    .inner_header .area_search {
        background-color: #777;
    }
    .thema_aqua .area_search.thema_apply {
        border-color: #eee;
    }
}