:root {
    --bgColor: #2c2c2f;
    --color: #f1f1f1;
}

.dark,
.dark .oot-m-f,
.dark .ot-op-li,
.dark .m-gossip-title,
.dark .m-txt,
.dark .m-detail-footer,
.dark header {
    background-color: var(--bgColor);
}

.dark .swiper-pagination-bullet,
.dark .newm-bnt-ic span {
    background-color: var(--color);
}

.dark:not(:root):fullscreen::backdrop {
    background-color: var(--bgColor);
}

.dark .m-pagination button {
    color: var(--color);
}

.dark .m-pagination button.active,
.dark .m-pagination button:hover {
    color: rgba(34, 34, 34);
}

.dark .m-comnity-btn.active {
    color: var(--color);
}

.dark .m-comnity-btn {
    color: #aaa;
}

.dark .m-page-prev:hover,
.dark .m-page-prev.active {
    background-image: url("../image/icon-arrow-left-active-dark.svg");
}

.dark .m-page-next:hover,
.dark .m-page-next.active {
    background-image: url("../image/icon-arrow-right-active-dark.svg");
}

.dark .m-gossip-publish-option-title:after {
    background-image: url("../image/icon-arrow-down-dark.svg");
}

.dark .m-icon-andriod {
    background-image: url("../image/icon-andriod-dark.png");
}

.dark .m-icon-iphone {
    background-image: url("../image/icon-iphone-dark.png");
}

.dark .m-icon-pc {
    background-image: url("../image/icon-iphone-dark.png");
}

.dark .m-header-icon {
    background-image: url("../image/icon-detail-btn-dark.png");
}

.dark .m-detail-list-right span,
.dark .m-detail-list-left,
.dark .dt-bnt-o p,
.dark .dt-bnt-t p,
.dark .m-page-prev,
.dark .m-page-next,
.dark .pt-dt-ttt span,
.dark .pt-dt-tto h4,
.dark .newm-title h1 a,
.dark .m-detail-list-wrap-title a,
.dark .otm-list li a,
.dark .newm-boxo li a,
.dark .newm-tth h1,
.dark .new-box-tttt span,
.dark .top-li-tt h3,
.dark .top-li-tt p:nth-child(2),
.dark .m-top-tags p,
.dark .top-li-tt span,
.dark .top-th-tt h1,
.dark .top-th-tt div h3,
.dark .top-th-tt div p,
.dark .top-th-tt div span,
.dark .lt-tp-tt p:nth-child(2),
.dark .lt-tp-tt p:nth-child(3),
.dark .lt-tp-tt h2,
.dark .lt-tp-tt span,
.dark .com-pt-im p,
.dark .com-photo h1,
.dark .com-photo span,
.dark .cm-tt-name h1,
.dark .cm-tt-textt p,
.dark .cmtt-tp span,
.dark .cm-tt-rig span,
.dark .m-gossip-title h4,
.dark .m-gossip-item-index,
.dark .m-gossip-item-title,
.dark .m-gossip-item-comment,
.dark .m-gossip-item-hit,
.dark .m-gossip-item-like,
.dark .m-gossip-item-time,
.dark .m-gossip-publish-title,
.dark .m-title-limit,
.dark .m-gossip-publish-option-item h4,
.dark .m-gossip-publish-option-media li,
.dark .m-gossip-publish-option-media,
.dark .m-gossip-publish-option-title,
.dark .m-tags-list,
.dark .icon-plus,
.dark .m-txt,
.dark .m-operation-btn,
.dark .m-tags-title,
.dark .m-title,
.dark .m-title-title,
.dark .m-title-comment,
.dark .m-tag-wrap span,
.dark .m-content,
.dark .dt-lp-tt h4,
.dark .m-title-hit,
.dark .m-msg-item-name,
.dark .m-msg-item-content,
.dark .m-icon-like,
.dark .de-mn-tt p,
.dark .de-mn-tt a,
.dark .dt-le-c h1,
.dark .dt-rg-c div,
.dark .dt-le-c p,
.dark .m-header-title,
.dark .oot-t-list h2,
.dark .oot-t-list div a,
.dark .m-input-wrap span,
.dark .m-upload-select-btn,
.dark .m-upload-btn-pic,
.dark .dt-lp-bt button,
.dark .m-msg-item-msg-info-other,
.dark .newm-al-ck a {
    color: var(--color);
}

.dark .oot-t-list h2 font {
    color: rgb(244, 13, 13);
}

.dark .m-upload-select-btn,
.dark .m-upload-btn-left nav label,
.dark .m-upload-btn-left select,
.dark .m-upload-btn-pic label,
.dark .otoon-top,
.dark .m-gossip-title,
.dark .m-gossip-list,
.dark .m-gossip-item,
.dark .m-gossip-h1,
.dark .m-tags-list li,
.dark .m-txt,
.dark .m-operation-btn,
.dark .m-title-wrap,
.dark .m-tag-wrap,
.dark .dt-lp-tt,
.dark .m-icon-like,
.dark .m-gossip-publish-option-title,
.dark .m-detail-header,
.dark .m-full-screen-btn,
.dark .m-detail-footer,
.dark .m-comnity-btn-wrap,
.dark .m-input-wrap,
.dark .cm-tx-li li {
    border-color: var(--color);
}

.dark .postTypeWrap .active {
    border-color: #f40d0d;
}

.dark .m-gossip-detail,
.dark .m-input-wrap input,
.dark .m-gossip-h1 input {
    background: transparent;
    color: var(--color);
}

.dark .m-operation-btn.active {
    border: none;
    color: #fff;
}

.dark .m-upload-btn-pic label {
    background-image: url('../image/icon-pic-dark.png');
}

.dark .m-msg-btn {
    background-image: url('../image/icon-msg-dark.svg');
}

.dark .m-icon-like,
.dark .m-gossip-item-like {
    background-image: url('../image/icon-gossip-like-dark.png');
}

.m-theme-switch-wrap {
    margin-right: 10px;
    position: relative;
    width: 82px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 34px;
}

.dark .m-theme-switch-wrap {
    border-color: #fff;
}

.m-theme-switch-btn {
    position: absolute;
    width: 28px;
    height: 28px;
    background-color: #000;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: 0.4s;
    background-image: url("../image/m-icon-theme-light.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
}

.dark .m-theme-switch-btn {
    background-color: #fff;
    left: 50px;
    transition: 0.4s;
    background-image: url("../image/m-icon-theme-dark.png");
}

.m-theme-switch-text {
    position: absolute;
    width: 46px;
    height: 32px;
    top: 0px;
    left: 30px;
}

.m-theme-switch-text:after {
    position: absolute;
    width: 46px;
    height: 32px;
    left: 0;
    top: 0;
    /* content: "다크"; */
    content: "\B2E4\D06C";
    font-size: 13px;
    color: #222;
    line-height: 32px;
    text-align: center;
}

.dark .m-theme-switch-text {
    left: 3px;
}

.dark .m-theme-switch-text:after {
    /* content: "화이트"; */
    content: "\D654\C774\D2B8";
    color: #fff;
}

.dark .m-leave-msg .w-e-text {
    color: #000;
}

.dark .m-mask-msg {
    background-color: var(--bgColor);
}

.dark .mPlatformList li {
    color: #000;
}

.dark .m-post-content,
.dark .m-post-content * {
    color: var(--color);
}


.dark .w-e-text p,
.dark .w-e-text h1,
.dark .w-e-text h2,
.dark .w-e-text h3,
.dark .w-e-text h4,
.dark .w-e-text h5,
.dark .w-e-text table,
.dark .w-e-text pre {
    color: #000;
}

/*** arcade ***/
.dark .m-detail-content-title,
.dark .m-detail-content-message,
.dark .m-detail-content-info,
.dark .m-detail-content-content p, 
.dark .m-content-list-item-title,
.dark .m-home-arcade-title-title,
.dark .m-home-arcade-more,
.dark .m-home-arcade-title-message
{
    color: #fff;
}
.dark .mf-Pagination-wrap svg path {
    stroke: #fff;
}
.dark .m-content-type-wrap {
    background: none;
}
.dark .m-home-arcade-more {
    border-color: #fff;
}
.dark .ot-op-li button,
.dark .m-content-type-item {
    background: none;
    border: 1px solid rgba(229, 229, 229);
    color: #fff;
}
.dark .ot-op-li .active,
.dark .m-content-type-item.active {
    background-color: #fff;
    border: 1px solid rgba(229, 229, 229);
    color: rgb(34, 34, 34);
}
.dark .newm-title {
    margin-bottom: 0;
}
.dark .m-home-arcade-title-message:after {
    background: #2c2c2f;
}
.dark .otm-list li .active {
    color: #f40d0d;
}
.dark .lt-tp-tt p:nth-child(1) {
    color: #fff;
}
.dark .ot-mi-wt {
    background-color: #2c2c2f;
}
.dark .newm-title h1 {
    color: #fff;
}
.dark .my-book button {
    color: #fff;
}
.dark .my-book .active {
    color: rgb(244, 13, 13);
}
.dark .m-book-operation button {
    color: #444;
}
.dark .my-bk-dt {
    color: #fff;
}
.dark .m-mask-msg-switch .active {
    color: #fff;
}
.dark .m-mask-msg-title-title {
    color: #fff;
}
.dark .m-mask-msg-close {
    background-image: url("../image/icon-narrow-back-active.png");
}
.dark .m-layout-logo {
     background-image: url("../image/m-logo-dark-v2.gif");
}

.dark .m-collection-title, 
.dark .m-collection-item-title, 
.dark .m-collection-item-time, 
.dark .m-collection-nav-expand-supplement, 
.dark .m-collection-nav-item 
{
    color: #fff;
}

.dark .m-collection-nav-item.active {
    color: var(--themeColor);
}