.darkmode-layer,
.darkmode-toggle {
  z-index: 500;
}
.darkmode button,
.darkmode input {
  color: #cfcfcf;
}

.darkmode--activated input[type="checkbox"]:checked + label > span::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 3px;
  width: 9px;
  height: 7px;
  background: url(./img/icon_common.png?211202) no-repeat -341px -110px;
}
.darkmode--activated-toggle {
  position: absolute;
  top: 10px;
  right: 20px;
}
.darkmode--activated-toggle-left {
  position: absolute;
  top: 5px;
  right: 330px;
}
.darkmode {
  background-color: #333;
  color: #cfcfcf;
}
.darkmode #header {
  background: #121212;
}
.darkmode a {
  color: #cfcfcf;
}
.darkmode .board-contents a:visited {
  color: #b9b9b9;
}
.darkmode #search-form-1 .search-box {
  background-color: #333;
}
.darkmode .search-box-min {
  border: 2px solid #0096ff;
  background: #333;
}
#dark-mode-btn {
  border: none;
  cursor: pointer;
}

#dark-mode-btn.light-mode {
  color: #cfcfcf;
}
.darkmode .top-menu .btn-logout {
  border: 1px solid #888;
}
.top-menu #dark-mode-btn {
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  padding: 0 5px;
  margin-left: 10px;
  cursor: pointer;
}
.darkmode .top-menu #dark-mode-btn {
  border: 1px solid #888;
}
.darkmode .top-menu .nick > a {
  color: #cfcfcf;
}
.darkmode .real-time-search > li > a:hover {
  color: #0096ff;
}

.darkmode .search__paging .prev {
  background-position: -198px 4px;
}
.darkmode .search__paging .next {
  width: 15px;
  background-position: -215px 4px;
}

.darkmode .nav {
  background: #121212;
}
.darkmode .login-option-group > a:hover {
  color: #888;
}
.darkmode .nav-list > li > a {
  color: #cfcfcf;
}
.darkmode .nav-list > li:hover .nav-depth2 {
  background: #444;
}
.darkmode .nav-depth2 > li {
  border-bottom: 1px dotted #888;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
}
.darkmode .nav-depth2 > li:hover {
  background: #000000;
}
.darkmode .nav-depth2 > li > a {
  color: #cfcfcf;
}
.darkmode .today .rate > strong {
  color: #cfcfcf;
}
.darkmode h2 {
  color: #cfcfcf;
}
.darkmode .list-more {
  color: #888;
}
.darkmode .index-contents-box {
  position: relative;
  width: 396px;
  background: #444;
  padding: 23px 16px 10px;
  border-radius: 10px;
  border: 0;
}
.darkmode .index-contents-box > h2 {
  border-bottom: 1px solid #888;
}
.darkmode .item-wrap > a:visited {
  color: #888;
}

.darkmode #subnav {
  background-color: #1d1d1d;
  padding: 2px;
}

.darkmode #subnav nav ul li a {
  color: #cfcfcf;
}
/*SUB new MENU SWIPER  2024 추가 */
.darkmode .swiper-area3 {
  position: relative;
  height: 45px;
  overflow: hidden;
}
.darkmode .swiper-area3 .sub_tabs > li {
  width: max-content;
  float: left;
  padding: 5px 15px;
  margin: 5px;
  border: 1px solid #505050;
  background-color: #505050;
  border-radius: 5rem;
}
.darkmode .swiper-area3 .sub_tabs > li > a {
  width: max-content;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  transition: all 0.2s ease-in-out;
}
.darkmode .swiper-area3 .sub_tabs > li.active {
  color: #cfcfcf;
  background-color: #878787;
  border: 1px solid #878787;
}
.darkmode .swiper-area3 .sub_tabs > li:first-child {
  margin-left: 10px;
}
.darkmode .swiper-container3 {
  position: relative;
  overflow: hidden;
  height: 45px;
  z-index: 10;
}
.darkmode .swiper-area3:before,
.darkmode .swiper-area3:after,
.darkmode .swiper-area3 .swiper-container1:after {
  position: absolute;
  top: 0;
  z-index: 11;
  width: 17px;
  height: 43px;
  background: url(../images/common/slide_bg_new1.png) no-repeat;
  background-size: 37px 45px;
  content: "";
}
.darkmode .swiper-area3:before {
  left: 0;
  background-position: 0;
}
.darkmode .swiper-area3:after,
.darkmode .swiper-container3:after {
  right: 0;
  background-position: -17px 0;
}

.darkmode .side-box {
  position: relative;
  width: 218px;
  background: #444;
  padding: 20px 16px 12px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 0;
}
.darkmode .btn-s-w {
  border: 1px solid #888888;
  height: 21px;
  color: #cfcfcf;
  line-height: 20px;
  border-radius: 2px;
  font-size: 12px;
  padding: 0 4px;
  background: #333;
}
.darkmode .user-util > a {
  color: #cfcfcf;
}
.darkmode .user-util > a:hover {
  background: #bbbbbb;
  color: #666;
}
.darkmode .info-group {
  border-bottom: 1px solid #cfcfcf;
}
.darkmode .top > button {
  background: #656565;
}
.darkmode #footer {
  background: #121212;
}
.darkmode .footer-link-wrap > li > a {
  color: #cfcfcf;
}
.darkmode .footer-link-wrap > li > a:hover {
  color: #888;
}
.darkmode .copyright {
  color: #cfcfcf;
}
.darkmode .pulldown {
  border: 1px solid #434343;
}
.darkmode .category > dl > dt > a {
  color: #cfcfcf;
}
.darkmode .category > dl > dd > a {
  color: #cfcfcf;
}
.darkmode .category > dl > dd > a:hover {
  color: #0096ff;
}
.darkmode .pulldown-box {
  background: #444;
}

/* 명쩐 */
.darkmode .board-cate {
  border-bottom: 1px solid #dfdfdf;
}
.darkmode .board-cate .current {
  color: #fff;
}

.darkmode .board-left {
  background: #444;
}
.darkmode .board-right {
  border: none;
  background: #2d2d2d;
}
.darkmode .board-side-box {
  border-bottom: 1px solid #666;
}
.darkmode .list-header {
  border-top: 1px solid #cfcfcf;
}
.darkmode .list-header th,
.list-body th {
  border-bottom: 1px solid #cfcfcf;
}
.select-box {
  border: 1px solid #888;
}
.darkmode .select-box label {
  color: #888;
}
.darkmode .pagination > ul > li > a {
  color: #888;
}
.darkmode .pagination > ul > li.active > a {
  color: #cfcfcf;
}
.darkmode .list-btn-wrap .btn-refresh {
  border: 1px solid #888;
}
.darkmode .list-btn-wrap .btn-refresh:hover {
  background: #000000;
}
.darkmode .page-search-wrap .select-box {
  border: 1px solid #888;
}
.darkmode .search-wrapper {
  background: #444;
}
.darkmode .search-result__document .title {
  color: #429bd9;
}
.darkmode .search-bar__box > input[type="text"] {
  color: #555;
}
.darkmode .search-bar__box > input[type="text"] {
  color: #555;
}
.darkmode .search-bar .btn-search {
  color: #555;
}
.darkmode .search-bar_box {
  background: #444;
}
.darkmode .page-search-box {
  border: 1px solid #888;
}
.darkmode .select-box select {
  color: #cfcfcf;
  /* text-shadow: 1px 1px 0 rgba(0, 0, 0, .8); */
  border-color: #888;
  background-color: #333 !important;
  /* box-shadow: 0 1px 3px #444; */
}
.darkmode .user-pop-menu {
  border: 1px solid rgb(136 136 136) !important;
  background: #333 !important;
  color: #cfcfcf !important;
}
.darkmode .user-pop-menu a {
  color: #cfcfcf;
}
/* 게시글 list 페이지 */
.darkmode .sort-group > li > a {
  display: block;
  height: 25px;
  background: #333;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 100px;
  color: #cfcfcf;
  border: 1px solid #666;
}
.darkmode .sort-group > li > a.active {
  background: #f4f4f4;
  color: #666;
  border: 1px solid #888;
}
.darkmode .sort-group > li > a:not(.active):hover {
  background: #000000;
  color: #cfcfcf;
}
.darkmode .btn-favo:hover {
  background: #333333;
}
.darkmode .list-header td {
  background: #5b5b5b;
}
.darkmode .list-header th {
  border-bottom: 1px solid #dfdfdf;
}
.darkmode .list-header td {
  border-bottom: 1px solid #888888;
}
.darkmode .list-body td {
  border-bottom: 1px solid #666;
}
.darkmode .list-header .tag-notice {
  background: #f4f4f4;
  border: 1px solid #888888;
  color: #666;
}
/* 게시글 view 페이지 */
.darkmode .top_wrap > button {
  background: #656565;
}
.darkmode .view-header-link .right > a {
  color: #aaa;
}
.darkmode .board-header__btn-wrap > a {
  border: 1px solid #666;
}
.darkmode .manager-box {
  border: 1px solid #666;
}
.darkmode .select-box:before {
  border-top: 5px solid #888;
}
.darkmode .view-header-util {
  border-bottom: 1px solid #888;
}
.darkmode .view-util .left > a {
  color: #cfcfcf;
}
.darkmode .view-util .right > a {
  color: #cfcfcf;
  border: 1px solid #666;
  background: #444 !important;
}
.darkmode #input_bonus_point {
  border: 1px solid #666 !important;
}
.darkmode .writer-post {
  border-top: 1px solid #888;
}
.darkmode .writer-latest {
  border: 1px solid #666;
}
.darkmode .reply-hinged {
  background: #333;
  border: 1px solid #666;
}
.darkmode .reply-list {
  border-top: 1px solid #888;
}
.darkmode .reply-list > li {
  border-bottom: 1px solid #666;
  background: #444 !important;
}
.darkmode .reply-list .reply-list--best {
  background: #5b5b5b !important;
}
.darkmode .commenting-wrap {
  border: 1px solid #cfcfcf;
}
.darkmode .commenting-box {
  border-bottom: 1px solid #cfcfcf;
}
.darkmode .commenting .left > button {
  color: #000;
}
.darkmode .commenting-box > textarea {
  color: #cfcfcf;
  background: #444;
}
.darkmode .reply-list--best > li {
  border-bottom: 1px solid #666;
  background: #5b5b5b !important;
}
.darkmode #current_doc {
  background: #ffffff;
  color: #888;
}
.darkmode #current_doc .item-wrap.list-item > a {
  color: #888;
}
.darkmode #current_doc .item-wrap.list-item > a:hover {
  color: #0096ff;
}
.darkmode #current_doc .global-nick > a {
  color: #888;
}
.darkmode .commenting .reply-util .btn-cancle:hover {
  color: #cfcfcf;
  text-decoration: underline;
}
.darkmode #current_doc .global-nick > a:hover {
  color: #0096ff;
}
.darkmode .reply-util > a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.darkmode .reply-list--best {
  border-top: none;
}
.darkmode .reply-list--best .reply-recommend .like > span {
  background-position: -67px -234px;
}
.darkmode .reply-list--best .reply-recommend .dislike > span {
  background-position: -85px -238px;
}
.darkmode .reply-list--best .reply-recommend .report > span {
  background-position: -182px -176px;
}
.darkmode .reply-recommend .report:hover > span {
  background-position: -167px -176px;
}
.darkmode .commenting-util {
  background-color: #444;
}
.darkmode .reply-list--best {
  background: #494949 !important;
}
.darkmode .con-wrap.active {
  background: #333;
  border: 1px solid #888;
}
.darkmode .con__body {
  border-top: 1px solid #666;
}

/* toast 팝업 창 */
.darkmode .comp-desc {
  color: #333;
}
.darkmode .popup_comp-box {
  color: #333;
  background: #444;
}
.darkmode .popup_comp-box > h2 {
  color: #333;
}
.darkmode #popup_comp-box {
  background: #f0f0f0;
}
.darkmode #stat_button {
  color: #333;
}
.darkmode #month {
  color: #333;
}
/* 글쓰기 ck 에디터 */
.darkmode .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  background: #121212;
}
.darkmode .ck.ck-editor__main > .ck-editor__editable {
  background: #121212;
}
.darkmode .board-contents p {
  color: #cfcfcf;
}
.darkmode .ck-placeholder[data-placeholder]::before {
  /* color: #cfcfcf;  */
}
.darkmode .list-btn-wrap .btn-default:hover {
  background: #fafafa;
  color: #666;
}
.darkmode .list-btn-wrap .btn-default {
  border: 1px solid #888;
}
.darkmode .league-table > table td:last-child {
  border-right: 0 !important;
}

/* 짱공리그 */
.darkmode .collected-league {
  background: #444;
  border-radius: 10px;
}
.darkmode .index-best-box {
  width: 397px;
}
.darkmode .sub-section-best > h2 {
  border-bottom: 1px solid #888;
}
.darkmode .league-table > table th {
  border-top: 1px solid #666;
  background: #333;
}
.darkmode .league-table > table td {
  border-top: 1px solid #666;
  border-right: 1px solid #666;
}
.darkmode .league-table {
  background: #444;
}
.darkmode .league-table > table tr:last-child {
  border-bottom: 1px solid #666;
}

/* 짱공콘 */
.darkmode .store-nav a {
  color: #cfcfcf;
}
.darkmode .store-component {
  background: #444;
}
.darkmode .store-component h2 {
  color: #cfcfcf;
}
.darkmode .btn-con-more {
  color: #888;
}
.darkmode .btn-favorite {
  background: url(img/dark_icon_favorite_off.png) no-repeat 0 0;
  background-size: 30px;
}
.darkmode .btn-favorite.active {
  background-image: url(img/dark_icon_favorite_on.png);
  transition: ease 0.1s;
  background-size: 30px;
}
.darkmode .store-wrap button {
  color: #666;
}
.darkmode .store-common {
  background: #333;
}
.darkmode .tab-header {
  background: #333;
}
.darkmode .tab-header.right {
  background: #5d5d5d;
}
.darkmode .tab-header.left {
  background: #5d5d5d;
}
.darkmode .tab-header.select {
  background: #444;
}
.darkmode .register__body-wrap > h2 {
  color: #cfcfcf;
  border-top: 1px solid #888;
}
.darkmode .register-header {
  background: #333;
  border-bottom: 1px solid #888;
}
.darkmode .btn-con-write {
  border: 2px solid #888;
}
.darkmode .register__body {
  background: #444;
}
.darkmode .write-box {
  border: 1px solid #888;
}
.darkmode .write-box input,
.darkmode .write-box textarea {
  background: #444;
  color: #cfcfcf;
}

.darkmode .select-box label {
  color: #cfcfcf !important;
}
.darkmode .store__product-box {
  border-bottom: 1px solid #888;
}
.darkmode .pop-terms h3 {
  color: #e0e0e0;
}
.darkmode .select-box {
  border-color: #888 !important;
}
.darkmode .pop-container {
  background: #333;
}
.darkmode .pop-container h1 {
  color: #fff;
}
.darkmode .btn-pop-terms-agree {
  color: #fff;
}
.darkmode .btn-default.active {
  color: #fff;
}
.darkmode .store__btn-wrap .btn-default.inactive {
  color: #cfcfcf;
  background: #222;
  border: 1px solid #666;
}
.darkmode .store__btn-wrap .btn-default:hover {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.darkmode .comp-textarea {
  border: 1px solid #888888;
  background: #333;
  color: #cfcfcf;
}
.darkmode .comp-item-list > dt {
  color: #cfcfcf;
}
.darkmode .global-nick {
  color: #ffff;
}
.darkmode .popup_comp-btn-box .btn-negative {
  border: 1px solid #888;
  color: #cfcfcf;
}
/* 광고센터 */
.darkmode .sub-header {
  background: #121212;
  border-bottom: 2px solid #0096ff;
}

.darkmode .sub-header > h1 {
  color: #fff;
}
.darkmode .my-menu > li > a.on {
  color: #fff;
}
.darkmode .ads-section .ads-txt {
  background: #333;
}
.darkmode .ads-section .ads-txt > h3 {
  color: #fff;
}
.darkmode .footer-min__link > a:hover {
  text-decoration: underline;
  color: #888;
}
.darkmode .btn-my-close {
  background: url(img/dark_close.png?211202) no-repeat;
  background-size: cover;
}
/* 이용약관 */
.darkmode .my-menu > li > a {
  color: #a5a5a5;
}
.darkmode .my-menu > li > a:hover {
  color: #888;
}
.darkmode .my-box--terms {
  background: #333;
  color: #cfcfcf;
}
.darkmode .my-box--terms p {
  color: #cfcfcf;
}

/* 고객센터 */
.darkmode .cs-contact-wrap {
  background: #444;
}
.darkmode .cs-contact__box h3 {
  color: #cfcfcf;
}
.darkmode .cs-item-wrap > li > a {
  color: #cfcfcf;
}
.darkmode .cs-item-wrap > li > a:hover {
  color: #888;
}
.darkmode .cs-contact__box > h3 {
  border-bottom: 1px solid #888;
}
.darkmode .cs-direct-area {
  background: #444;
}
.darkmode .cs-direct-area h3 {
  color: #cfcfcf;
}
.darkmode .cs-direct-area > ul > li::after {
  background: #888;
}
.darkmode .create-league__box > h3 {
  color: #cfcfcf;
}
.darkmode .create-league {
  background: #121212;
}
.darkmode .create-league-header {
  background: #121212;
  border-bottom: 0;
}
.darkmode .create-league__desc {
  color: #888;
}
.darkmode .create-league-body {
  background: #333 url(img/bg_create_league2.png) no-repeat;
  background-position: calc(50% + 300px) 20%;
}
.darkmode .my-box > h3 {
  color: #cfcfcf;
}
.darkmode .my-box {
  background: #444;
}
.darkmode .my-detail-list {
  border-top: 1px solid #cfcfcf;
}
.darkmode .my-box--list__desc--border {
  border-bottom: 1px solid #888;
}
.darkmode .member-contents-box > h3 {
  color: #cfcfcf;
}
.darkmode .data-field-box {
  border: 1px solid #888;
}
.darkmode .create-league-field .plan-box {
  border: 1px solid #888;
}
.darkmode .create-league-field .plan-box > textarea {
  background: #333;
  color: #cfcfcf;
}
.darkmode .member-contents-box--mid {
  border-top: 1px solid #888;
}
.darkmode .member-contents-box--mid {
  border-top: 1px solid #888;
}
.darkmode .member-data-field h3 {
  color: #cfcfcf;
}
.darkmode .my-view-bottom {
  border-top: 1px solid #888;
}
.darkmode .my-view-bottom button {
  border: 1px solid #888;
}
.darkmode .my-tab-ui {
  border-top: 1px solid #888;
}
.darkmode .accordion-ui {
  margin-top: 30px;
  border-top: 1px solid #cfcfcf;
}
.darkmode .my-tab-ui > a:first-child {
  border-left: 1px solid #888;
}
.darkmode .my-tab-ui > a {
  background: #333;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
.darkmode .my-tab-ui .active {
  background: #444;
  border-bottom: 0;
}
.darkmode .accordion-ui > li {
  border-bottom: 1px solid #888;
}
.darkmode .accordion-ui__body {
  background: #333;
}
.darkmode .accordion-ui__head .hinge > i {
  width: 16px;
  height: 10px;
  background-position: -180px -152px;
}
.darkmode .accordion-ui__head .hinge > i.on {
  background-position: -180px -144px;
}
/* 1:1문의 */
.darkmode .btn-inquiry-box > a:hover {
  background: #f8f8f8;
  color: #666;
}
.darkmode .my-detail-list th {
  border-bottom: 1px solid #cfcfcf;
}
.darkmode .my-detail-list td {
  border-bottom: 1px solid #cfcfcf;
}
.darkmode .my-view-header {
  border-bottom: 1px solid #888;
  border-top: 1px solid #cfcfcf;
  color: #cfcfcf;
}
.darkmode .my-detail-list td {
  border-bottom: 1px solid #888;
}
.darkmode .inner-paging > dt,
.darkmode .inner-paging > dd {
  border-top: 1px solid #888;
  height: 40px;
  line-height: 40px;
}
.darkmode .inner-paging > dd > a {
  color: #cfcfcf;
}
.darkmode .my-view-body--answer > a {
  color: #0096ff !important;
}
.darkmode .my-view-body--answer {
  background: #333;
}
.darkmode .send-message-title > input::placeholder {
  color: #cfcfcf;
}
.darkmode .inner-paging > dd > a:hover {
  color: #0069ff;
  text-decoration: underline;
}
.darkmode .my-view-bottom a {
  border: 1px solid #888;
}
/* 이벤트 */
.darkmode .event_main_wrap {
  background: #333;
}
.darkmode .event-wrap > h3 {
  color: #cfcfcf;
}
.darkmode .special-tabs > div {
  border: 1px solid #666;
  background: #121212;
}
.darkmode .special-tabs > div > a {
  color: #888;
  border-right: 1px solid #666;
}
.darkmode .special-tabs > div > a.active {
  color: #0096ff !important;
}
/* 사이트맵 */
.darkmode .sitemap-continer .sitemap-category > li {
  border-right: 1px solid #666;
}
.darkmode .sitemap-continer .sitemap-category {
  background-color: #444;
}
.darkmode .cate-item > li {
  border-bottom: 1px solid #666;
}
.darkmode .cate-item > li > a {
  color: #cfcfcf;
}
.darkmode .cate-item > li > a:hover {
  color: #0096ff !important;
  text-decoration: underline;
}
/* 프로필 */
.darkmode .my-box__activity > li > strong {
  color: #fff;
}
.darkmode .btn-class-guide {
  border: 1px solid #888;
  background-color: #333 !important;
  color: #cfcfcf;
}
.darkmode .my-box__util .btn-empty {
  border: 1px solid #888;
  color: #cfcfcf;
}
.darkmode .my-post-list .contents > a {
  color: #cfcfcf;
}
.darkmode .my-detail-list .contents > a:hover {
  color: #0096ff !important;
  text-decoration: underline;
}
.darkmode .my-detail-list tbody > tr > th {
  color: #cfcfcf;
}
.darkmode .my-detail-list tbody > tr > th {
  border-bottom: 1px solid #888;
}
.darkmode .data-field-box.inactive {
  color: #ffffff;
}
.darkmode .data-field-box.inactive {
  background: #888888;
}
.darkmode .my-detail-list td {
  color: #999;
}
.darkmode .my-detail-list .contents > a {
  color: #cfcfcf;
}
.darkmode .my-view-body {
  color: #cfcfcf;
}
.darkmode .popup_component {
  border: 1px solid #666;
  background: #333;
}
.darkmode .popup_comp-box > h2 {
  color: #cfcfcf;
}
.darkmode .send-message-box > textarea {
  background: #444;
  color: #cfcfcf;
}
.darkmode .btn-inner--product {
  border: 1px solid #888;
}
.darkmode .btn-inactive {
  color: #666 !important;
}
.darkmode .my-option > li {
  border-top: 1px solid #888;
}
.darkmode .my-option > li:first-child {
  border-top: 0;
}
.darkmode #best_board_set li {
  border-top: 1px solid #444;
}
/* 로그인창 */
.darkmode .member-box {
  background: #444;
}
.darkmode .btn-member-cancel {
  color: #666;
}
.darkmode .terms-box--19pic em {
  color: #cfcfcf;
}
.darkmode .btn-history-back {
  background: #666;
}
.darkmode .btn-history-back > span {
  filter: opacity(0.7) drop-shadow(0 0 0 #ffffff);
}
.darkmode .member-contents-box .terms-box {
  background: #444;
}
.darkmode .check19 button {
  border: 1px solid #888;
}
.darkmode .check19 button:hover {
  background: #dddddd;
  color: #666;
}
.darkmode .logo-jjang0u--store {
  background: url("img/logo_store_dark.png") no-repeat 0 0;
}
.darkmode .member-login-box {
  border: 1px solid #888;
  padding: 0;
  display: flex;
  width: 100%;
}
.darkmode .member-login-box > input {
  height: 36px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  padding: 0px 10px;
}
.darkmode .member-login-box > input:focus,
.darkmode .signup_box .signup_form div input[type="password"]:focus {
  border: 1px solid #fff;
  background: #333;
  color: #cfcfcf;
}
.darkmode #user_id:focus,
.darkmode #passwd:focus,
.darkmode #passwd2:focus,
.darkmode #nick_name:focus,
.darkmode #email:focus {
  border: 1px solid #fff;
  background: #333;
  color: #cfcfcf;
}
.darkmode .data-field-box {
  padding: 0;
}
.darkmode .data-field-box > input {
  width: calc(100% - 5px);
  height: 100%;
}
.darkmode .data-field-box > input {
  padding-left: 5px;
}
.darkmode input[type="checkbox"] + label > span {
  border: 1px solid #888;
}
.darkmode .btn-member-login {
  color: #fff;
}
.darkmode .sns-text {
  color: #fff;
}
.darkmode .comp__tab > li.on > a {
  color: #fff;
}
.darkmode .comp__tab > li {
  border: 1px solid #888;
}
.darkmode .login-method-wrap > a {
  border: 1px solid #888;
}

/* 모바일 메인 */
.darkmode .darkmode .search-box {
  background: #121212;
}
.darkmode header.menu {
  background: #121212;
}
.darkmode .box {
  background: #333;
}
.darkmode .list_tab {
  background: #333;
}
.darkmode .search_condition {
  background: #333;
}
.darkmode .border-b {
  border-bottom: 1px solid #888 !important;
  background: #333 !important;
}
.darkmode .border-r {
  border-right: 1px solid #888 !important;
}
.darkmode .best_list {
  background: #333 !important;
}
.darkmode .content_box ul li {
  border-bottom: 1px solid #666;
}
.darkmode .content_box ul li:last-child {
  border-bottom: 0;
}
.darkmode .comp-tip {
  color: #cfcfcf;
}
.darkmode .search-box {
  background: #121212 !important;
  transition: all 0s ease;
  -webkit-transition: all 0s ease;
}
.darkmode .page_box {
  background-color: #333;
}
.darkmode .notice_box {
  background-color: #333;
}

.darkmode .content_box .notice_more_box {
  padding: 0;
  border-bottom: 1px solid #333 !important;
}

.darkmode .menu-user .btn-user {
  filter: opacity(1) drop-shadow(0 0 0 #ffffff);
}

.darkmode .menu-user .btn-user > img {
  filter: opacity(1) drop-shadow(0 0 0 #ffffff);
}
.darkmode .menu-mobile span {
  background-color: #0096ff;
}
.darkmode .search-mb input {
  border: 2px solid #0096ff;
  background-color: #333;
}
.darkmode .search-mb #search_ad {
  background-color: #333 !important;
}
.darkmode .search-box button.search-button {
  filter: opacity(1) drop-shadow(0 0 0 #ffffff);
}
.search-mb input {
  border: 2px solid #0096ff;
}
/* 모바일 게시판 리스트 */
/* .darkmode .pos-rel,
.darkmode .sub_content {
  background-color: #333;
} */
.darkmode .content_box {
  background: #121212;
}
.darkmode .sub-category-box {
  background-color: #333;
}
.darkmode .content_box .ad_area1,
.darkmode .content_box .ad_area2 {
  background-color: #121212;
}
.darkmode .sub-category-box .category {
  color: #cfcfcf;
}
.darkmode .sub-category-box .now-category {
  color: #fff;
  vertical-align: top;
  line-height: 32px;
}
.darkmode select {
  font-size: 13px;
  padding: 5px 20px 5px 5px;
  background: url(../m/assets/images/common/icon_selectbox.png) no-repeat right !important;
  background-size: 16px 12px !important;
  border: none;
  -webkit-appearance: none;
  outline: none;
}
.darkmode .list_txt_on,
.darkmode .list_img_on {
  background: #e3e4e6;
  height: 16px;
}
.darkmode .footer-area {
  border-top: 2px solid #0096ff;
}
.darkmode .list_tabs {
  display: block;
  height: 25px;
  background: #48484b;
  line-height: 23px;
  padding: 0 10px;
  border-radius: 100px;
  color: #dadde0;
  border: 0;
}
.darkmode .list_tab ul li.active a {
  color: #202023;
  background: #f0f0f2;
}
.darkmode .board_list_normal ul li:last-child {
  border-bottom: 1px solid #888 !important;
}

.darkmode .board_list_img ul li:last-child {
  border-bottom: 1px solid #888 !important;
}

.darkmode .mob_new ul li:last-child {
  border-bottom: 0 !important;
}

.darkmode .page_btn_box .page_btn {
  border: 1px solid #666;
}
.darkmode .page_btn_box .page_btn.btn_next_page {
  border-color: #888;
}
.darkmode .search .serach_text_box {
  border: 1px solid #888;
  background: #333;
}
.darkmode .search .btn-search {
  color: #666;
  border-radius: 2px;
  background: #f8f8f8;
}
.darkmode #board_list_bottom {
  background-color: #121212;
}

/* 모바일 게시글 뷰 페이지 */
.darkmode .title_box {
  background-color: #333;
}
.darkmode .view_info {
  background-color: #333;
}
.darkmode .view_info2 {
  background-color: #333;
  border-bottom: 1px solid #888;
}
.darkmode .border-box {
  padding: 5px 10px;
  color: #cfcfcf;
  border: 1px solid #666;
  border-radius: 2px;
  background-color: #444444 !important;
  border-radius: 15px;
}
.darkmode .my-post {
  background-color: #333;
}
.darkmode .border-b2 {
  border-bottom: 1px solid #888 !important;
}
.darkmode .my-post .bg_triangle_fold {
  color: #cfcfcf;
}
.darkmode .best_reply_box {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: #494949;
}
.darkmode .best_reply_box .best_replys {
  border-bottom: 1px solid #666;
}
.darkmode .reply_box .reply_view_condition a.on {
  color: #fff;
}
.darkmode .reply_box .reply_view_condition a {
  color: #cfcfcf;
}
.darkmode .reply_box {
  background-color: #333;
}
.darkmode .reply_box .reply_view_condition .btn_fold_reply {
  color: #cfcfcf;
  filter: opacity(1) drop-shadow(0 0 0 #ffffff);
  border: 1px solid #666;
  border-radius: 15px;
  background-color: #333 !important;
}
.darkmode .reply_box .reply_view_condition .btn_fold_reply.open {
  color: #cfcfcf;
  filter: opacity(1) drop-shadow(0 0 0 #ffffff);
  border: 1px solid #666;
  border-radius: 15px;
  background-color: #333 !important;
}
.darkmode.list_userinfo a {
  color: #fff;
}
.darkmode .reply_date {
  color: #cfcfcf;
}
.darkmode .best_reply_box .best_replys .best_reply_content {
  color: #cfcfcf;
}
.darkmode .mbest_reply {
  background: #494949 !important;
}
.darkmode .reply_box .mbest_reply .reply_info p .pop_user {
  color: #fff !important;
}
.darkmode .reply_box .reply .reply_info p .pop_user {
  color: #cfcfcf;
}
.darkmode .reply_box .reply {
  border-top: 1px solid #555;
}
.darkmode .reply_box .reply:last-child {
  border-bottom: 1px solid #888;
}
.darkmode #current_doc {
  background-color: #5b5b5b !important;
}
.darkmode .no-margin #current_doc {
  background-color: #494949 !important;
}
.darkmode #current_doc .board-list-title2 {
  color: #fff;
}
.darkmode .board-list-link:visited {
  color: #888888;
}
.darkmode .doc_user_comm {
  color: #ed7547 !important;
}
body#m_common.darkmode .page_box .page_num {
  background-color: #333;
}
.darkmode .page_box .page_num {
  height: 66px;
  margin: 0;
  background: #444;
  padding: 20px;
}
.darkmode .page_btn_box {
  height: 60px;
  background: #333;
}
.darkmode .reply_box {
  margin-bottom: 0px;
}
.darkmode .page-search-wrap {
  margin-bottom: 0px;
  background-color: #444;
}
.darkmode #list_in_view div[style="height:20px"] {
  height: 40px !important;
  background-color: #333;
}
.darkmode .content_box div[style="height:20px"] {
  height: 40px !important;
  background-color: #333;
}
.darkmode .page-search-under {
  height: 40px !important;
  background-color: #333;
}
.darkmode .board_btn {
  background: #333;
}
.darkmode .reply_box .reply_write_box {
  border: 1px solid #666;
}
.darkmode .reply_box .reply_write_box textarea {
  background-color: #444;

  color: #cfcfcf;
  border-bottom: 1px solid #888;
  border-radius: 0;
}
.darkmode .reply_box .reply_write_box .reply_write_btn button {
  border: 0;
  border-radius: 15px;
  text-align: center;
  margin: 0 auto;
  background: #555;
}
.darkmode .board_btn .border-box.btn_write_reply {
  color: #fff;
}
.darkmode .reply_box .reply_write_box .reply_write_btn button.point {
  padding-right: 10px;
  padding-left: 10px;
}
.darkmode .reply_box .reply_write_box .reply_write_btn {
  border-top: 1px solid #888;
  background-color: #444;
}
.darkmode .view-util {
  background-color: #444;
}
.darkmode .page_btn_box .page_btn.btn_next_page {
  background: url("../img/dark_icon_page_next.png") no-repeat right;
  background-size: 9px 10px;
  background-position-x: 68px;
  padding-left: 40px;
  padding-right: 55px;
  border-color: #666;
}
.darkmode .page_btn_box .page_btn.btn_prev_page {
  background: url("../img/dark_icon_page_prev.png") no-repeat left;
  background-size: 9px 10px;
  background-position-x: 10px;
  padding-left: 23px;
}
.darkmode .page_btn_box .page_btn.btn_first_page {
  background: url("../img/dark_icon_page_first.png") no-repeat left;
  background-size: 9px 10px;
  background-position-x: 10px;
  padding-left: 23px;
}

/* 모바일 로그인 폼 */
.btn_back {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/m/assets/images/common/icon_back.png") no-repeat center
    center;
  background-size: contain;
}
.darkmode header.sub {
  background-color: #333;
}
.darkmode .btn_back {
  background: url("../img/dark_icon_page_prev.png") no-repeat center center;
  background-size: contain;
}
.darkmode .signup_box .signup_form {
  padding-bottom: 30px;
  padding-top: 30px;
  background: #333;
}
.darkmode .signup_box .signup_comment_box.sns_login {
  border-top: 1px solid #888888;
}
.darkmode .signup_box {
  background: #333;
}
.darkmode .signup_box .sns_btn div {
  background: #444;
}
.darkmode .signup_box .signup_form div input[type="text"],
.darkmode .signup_box .signup_form div input[type="password"] {
  border: 1px solid #888;
  background: #333;
  color: #cfcfcf;
}
.darkmode .signup_box .signup_form div input[type="text"]:focus,
.darkmode .signup_box .signup_form div input[type="password"]:focus {
  border: 1px solid #fff;
  background: #333;
  color: #cfcfcf;
}
.darkmode .signup_box .sns_btn a {
  border: 1px solid #888;
}
body#m_login_form.darkmode {
  background: #333;
}
/* body.darkmode {
  background: #333; 
} */
.darkmode .terms_box {
  background: #333;
  color: #cfcfcf;
}
/* 좌측 메뉴바 */
.darkmode .user_point {
  background-color: #444;
}
.darkmode .user_point .point_info_box {
  color: #fff;
}
.darkmode header.menu nav.menu > ul li.profile div.text {
  color: #fff;
}
.darkmode header.menu nav#user_info.open {
  background-color: #444;
}
.darkmode header.menu nav.menu > ul li.profile {
  background-color: #444;
}
.darkmode .user_notice {
  background-color: #444;
  border-top: 1px solid #888;
}

.darkmode header.menu nav.menu > ul li.profile a.btn {
  color: #666;
}
.darkmode .btn_logout {
  /* width: 100%;
  padding: 1rem;
  margin: 0 auto;
  font-size: 1rem;
  background-color: #2f2f2f;
  display: block;
  text-align: center;
  color: #888;
  position: absolute;
  bottom: 0; */
}
.darkmode .user_level {
  background-color: #444;
  color: #fff;
}
.darkmode .user_menu {
  background-color: #444;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}
.darkmode .user_point .point_info_box {
  border-radius: 3px;
  background-color: #555;
  height: 40px;
  padding: 10px 10px 10px 15px;
  margin-top: 10px;
}

.darkmode .user_menu div a {
  color: #e1e1e1;
}
.darkmode .user_menu p {
  display: block;
  margin: 0 auto;
}

.darkmode .user_menu .navm01 {
  width: 100%;
  height: 1.5rem;
  padding: 1rem;
  background: url(/m/assets/images/common/ic_my01_w.png) no-repeat center;
  background-size: 50%;
  display: inline-block;
}

.darkmode .user_menu .navm02 {
  width: 100%;
  height: 1.5rem;
  padding: 1rem;
  background: url(/m/assets/images/common/ic_my02_w.png) no-repeat center;
  background-size: 50%;
  display: inline-block;
}

.darkmode .user_menu .navm03 {
  width: 100%;
  height: 1.5rem;
  padding: 1rem;
  background: url(/m/assets/images/common/ic_my03_w.png) no-repeat center;
  background-size: 50%;
  display: inline-block;
}

.darkmode .user_menu .navm04 {
  width: 100%;
  height: 1.5rem;
  padding: 1rem;
  background: url(/m/assets/images/common/ic_my04_w.png) no-repeat center;
  background-size: 50%;
  display: inline-block;
}

/* 우측 메뉴바 */
.darkmode header.menu nav#cate_list.open {
  background: #333;
}

.darkmode .cate_menu {
  background-color: #444;
  border-top: 1px solid #000;
}

.darkmode .cate_menu h3 {
  background-color: #282828;
}

.darkmode .cate_menu h3 a {
  color: #fff;
}

.darkmode .cate_menu ul li {
  border-top: 0px solid #666;
  background-color: #444;
}
.darkmode .cate_menu ul li:nth-child(2n) {
  border-left: 0px solid #666;
}
.darkmode .cate_menu ul li a {
  background-color: #444;
}
.darkmode .cate_menu_txt {
  color: #cfcfcf;
}
.cate_menu ul li a {
  transition: all 0s;
  -webkit-transition: all 0s;
}
.darkmode .cate_menu ul li a {
  transition: all 0s;
  -webkit-transition: all 0s;
}
/* 모바일 글쓰기 */
.darkmode .write-form {
  background-color: #333;
}
.darkmode .sub_content .ip_title {
  color: #cfcfcf;
  font-size: 1.4em;
  padding-bottom: 5px;
  background: #333;
  border-bottom: 1px solid #888;
}
.darkmode input.ip_title::placeholder {
  color: #fff;
}
.darkmode .ck.ck-placeholder:before,
.darkmode .ck .ck-placeholder:before {
  color: #999;
}
.darkmode .btn-writeform {
  color: #666;
}
.darkmode .btn-writeform.on {
  color: #fff !important;
}
/* 모바일 프로필 */
.darkmode .mypage_menu ul {
  background-color: #444;
  border-top: 0;
}

.darkmode .mypage_box .myimg {
  background-color: #444;
}
.darkmode .mypage_box .myimg label {
  border: 1px solid #888;
  color: #fff;
}

.darkmode .mypage_form .form_box {
  background-color: #444;
}
.darkmode .mypage_form .form_box dd input {
  background-color: #444;
}
.darkmode .form_box input[type="text"],
.darkmode .form_box input[type="number"],
.darkmode .form_box input[type="password"],
.darkmode .form_box textarea {
  border: 1px solid #888;
}
.darkmode .form_box input[type="text"]:focus,
.darkmode .form_box input[type="number"]:focus,
.darkmode .form_box input[type="password"]:focus,
.darkmode .form_box textarea:focus {
  border: 1px solid #fff;
}
.darkmode .mypage_form .form_box ul li {
  background-color: #444;
  border: 0;
  color: #fff;
}
.darkmode #a1 {
  /* background-color: #444; */
}
.darkmode p.point_info_txt {
  color: #888;
  margin: 0;
  padding: 20px;
}
.darkmode .mypage_info_box1 {
  background-color: #444;
}
.darkmode .activity_menu_box {
  background-color: #333;
}
.darkmode .mypage_info_box1 .user_info {
  color: #fff;
}
.darkmode .mypage_info_box1 dt {
  color: #999;
}
.darkmode .mypage_info_box1 .level_info a {
  color: #fff;
  border: 0;
  background: #555;
}
.darkmode .mypage_info_box2 ul li dd {
  color: #444;
}

body#m_profile.darkmode {
  background: #333;
}
.darkmode .mypage_form {
  padding-bottom: 0px;
}
.darkmode .activity_menu_box > ul > li a {
  color: #666;
}
.darkmode .favorites_menu_box > ul > li a {
  color: #666;
}
.darkmode .activity_menu_box ul li.active a {
  color: #0096ff !important;
  font-weight: bold;
}
.darkmode .notify_box {
  background-color: #444;
}
.darkmode .notify_box .control_box {
  background-color: #444;
  border-bottom: 1px solid #888;
}
.darkmode .empty-content {
  background-color: #444;
}
.darkmode .mypage_box.fav_box ul li {
  background-color: #444;
}
.darkmode .mypage_box {
  background-color: #444;
}
.darkmode .noti_section {
  background-color: #444 !important;
}
.darkmode .noti_section li {
  background-color: #444 !important;
}
.darkmode .notify_box ul li p {
  color: #999;
}
.darkmode .notify_box ul li .list_userinfo a {
  color: #cfcfcf;
}
.darkmode .notify_box .page_box .page_num {
  background-color: #444;
}
.darkmode .notify_box .page_box .page_btn_box {
  height: 60px;
  background: #444;
}
.darkmode .page_btn_box .page_btn.btn_last_page {
  background: url(/m/assets/images/common/dark_icon_page_last.png) no-repeat
    right;
  background-size: 9px 10px;
  background-position-x: 25px;
  padding-right: 22px;
}
.darkmode .mypage_box ul li {
  background-color: #444;
}
.darkmode .cs_menu {
  background-color: #444;
}
.darkmode .cs_menu ul {
  border-top: 1px solid #888;
}
.darkmode .message_box {
  background-color: #444;
}
.darkmode .message_box .page_box .page_btn_box {
  height: 60px;
  background: #444;
}
.darkmode .content_box .alarm_box {
  border-bottom: 1px solid #888 !important;
  background-color: #444;
}
.darkmode .message_box .control_box {
  border-bottom: 1px solid #888 !important;
  background-color: #444;
}
body#m_profile.darkmode .page_num {
  background-color: #444;
  padding: 0;
  margin: 17px 0px 0px 0px;
}
.darkmode .filter-wrap {
  background-color: #444;
}
.darkmode .filter__selector {
  border: 1px solid #888;
}
.darkmode .filter__selector > select {
  color: #fff;
}
.darkmode .filter__input-box > input[type="text"] {
  background-color: #444;
}
.darkmode .filter__input-box {
  border: 1px solid #888;
}
.darkmode .filter__input-box input:focus {
  border: 1px solid #fff;
}
.darkmode .product-item {
  background: #444;
}
.darkmode .btn-have {
  color: #fff;
}
.darkmode .item__price {
  color: #fff;
}
.sub_content .list_tab ul li {
  border: 0;
}
.darkmode .btn-heart.active span {
  background: url(img/dark_icon_favorite_on.png) no-repeat 0 0;
  background-size: 16px 16px;
  transition: ease 0.2s;
  transform: scale(1.2);
}
.darkmode .btn-heart {
  background: #444;
}
.darkmode .notify_box {
  border-top: 1px solid #888;
}
.darkmode .notify_box > div:first-child {
  border-bottom: 1px solid #888 !important;
}
.darkmode .login-log + .page_box {
  background-color: #444;
}
.darkmode .login-log {
  background: #444 !important;
}
.darkmode .notify_box {
  border: 0;
}
.darkmode .mypage_box .control_box {
  border-bottom: 1px solid #888 !important;
}
.darkmode .login-log .head {
  color: #cfcfcf;
}
.darkmode .login-log li span {
  color: #b5b5b5;
}
.darkmode .chks_ul li {
  border: 0 !important;
}
.darkmode .form_box {
  background-color: #444 !important;
}
.darkmode .notify_box ul li p span::before {
  color: #999;
}
.darkmode .cs_box {
  background-color: #444;
}
.darkmode .cs_box ul li {
  background-color: #444;
}
.darkmode .cs_box .title_box {
  background-color: #444;
}
.darkmode .cs_box .page_btn_box {
  height: 60px;
  background: #444;
}
.darkmode .answer_content {
  background-color: #333 !important;
}
.darkmode .cs_box .answer_box {
  background-color: #333;
}
.darkmode .info_menu_box ul li a {
  color: #666;
}

.darkmode .info_menu_box ul li.active a {
  color: #0096ff;
}
.darkmode .faq-box div a.active {
  color: #0096ff;
}
.faq-box div a.active {
  color: #0096ff;
}

.darkmode .league_list > ul > li > a {
  background: none;
}
.darkmode .league_list h4 {
  border-top: 1px solid #888;
  background-color: #616161;
  border: 0;
}
.darkmode .cate_menu h4 a {
  color: #cfcfcf;
}
.darkmode #post_content > p {
  color: #cfcfcf !important;
}
.darkmode #post_content > p > span {
  color: #cfcfcf !important;
}
.darkmode .adult_comment_box > em > button {
  background: #333;
  border: 1px solid #888;
}
.darkmode .signup_box {
  background: #444;
}
.darkmode .store__index-box {
  background: #444;
}

body.store.darkmode .btn-heart span {
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url(../m/assets/css/images/dark_icon_heart_off.png) no-repeat 0 0;
  background-size: 16px 14px;
  margin-top: 3px;
  transition: ease 0.2s;
}
body.store.darkmode .btn-heart.active span {
  /* background: url(img/dark_icon_favorite_on.png) no-repeat 0 0 !important; */
  background: url(../m/assets/css/images/icon_heart_on.png) no-repeat 0 0;
  background-size: 16px 14px;
}
.darkmode .btn-status {
  color: #666;
}
.darkmode .store-banner p {
  color: #333;
}
.darkmode .store-banner a {
  color: #222;
}
.darkmode .product-list {
  background: #444;
}
.darkmode .tab-header.righttab {
  background-color: #5d5d5d;
}
.darkmode .tab-header.lefttab {
  background-color: #5d5d5d;
}
.darkmode .righttab.select {
  background-color: #444;
}
.darkmode .tab-header.lefttab.select {
  background-color: #444;
}
.darkmode .regist-con {
  background: #444;
}
.darkmode .btn-registration {
  border: 1px solid #888;
}
.darkmode .regist-cautious {
  background: #444;
}
.darkmode #leagueform {
  background-color: #444;
}
.darkmode .sub_content .inquiry_form {
  background-color: #333;
}
body#m_common.darkmode #board_search_form {
  background-color: #333;
}
.darkmode .layer-box {
  border: 1px solid #444;
  background: #444;
  color: #cfcfcf;
}
.darkmode .member-block {
  border: 1px solid #888;
}
.darkmode .layer-box dl dt {
  background: #333;
  color: #cfcfcf;
}
.darkmode .layer-box dl {
  border-bottom: 1px solid #666;
}
.darkmode .layer-box .message-box textarea {
  background: #444;
  color: #fff;
}
.darkmode .popup_comp-contents .member-info-box {
  color: #cfcfcf;
}
.darkmode .member-tracking li {
  color: #cfcfcf;
}
.darkmode .member-tracking li > a {
  color: #cfcfcf;
}
.darkmode .member-tracking li > a:visited {
  color: #0d95fa;
}
.darkmode .layer-box .message-box {
  border: 1px solid #888;
}
.darkmode .manager-box button {
  color: #fff;
  border: 1px solid #888;
  background-color: #444;
}
.darkmode .load-more {
  background: #333;
}
.darkmode .search_result_box .contents_title > p {
  color: #429bd9;
}
.darkmode .search_result_box .right-box a.on {
  color: #429bd9;
}
.darkmode .search_result_box .list_userinfo a {
  color: #cfcfcf;
}
.darkmode .search_result_box {
  background-color: #444;
}
.darkmode .search_result_box ul li {
  background-color: #444;
}
.darkmode .search_result_box ul li:last-child {
  border-bottom: 1px solid #666;
}
.darkmode .search_result_box .page_box .page_btn_box {
  background: #444;
}
.darkmode .search_board_list {
  background-color: #444;
}
.darkmode .board-contents {
  background-color: #444 !important;
}
.darkmode .layer-box {
  border: 0;
}
.darkmode .board-cate > p {
  color: #fff;
}
.darkmode .mycommunity_box {
  background: #444;
}
.darkmode .mycommunity_box dl dd {
  color: #a3a3a3;
}
.darkmode .mypage_form .btn_box {
  color: #666;
}
.mypage_form p span {
  color: #a3a3a3;
}
.darkmode .content_box .board_name {
  color: #a3a3a3;
}
.darkmode .contents_info {
  color: #a3a3a3;
}
.darkmode .quick_btn a.btn-top {
  color: #666;
}
/* 인풋 배경색제거 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  /* border-radius: 20px; */
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  /* border-radius: 20px; */
}
.darkmode input:-webkit-autofill,
.darkmode input:-webkit-autofill:hover,
.darkmode input:-webkit-autofill:focus,
.darkmode input:-webkit-autofill:active {
  -webkit-text-fill-color: #cfcfcf;
  -webkit-box-shadow: 0 0 0px 1000px #444 inset;
  box-shadow: 0 0 0px 1000px #444 inset;
  transition: background-color 5000s ease-in-out 0s;
  /* border-radius: 20px; */
}

.darkmode input:autofill,
.darkmode input:autofill:hover,
.darkmode input:autofill:focus,
.darkmode input:autofill:active {
  -webkit-text-fill-color: #cfcfcf;
  -webkit-box-shadow: 0 0 0px 1000px #444 inset;
  box-shadow: 0 0 0px 1000px #444 inset;
  transition: background-color 5000s ease-in-out 0s;
  /* border-radius: 20px; */
}
.darkmode input {
  caret-color: #ffffff;
}
/* 실시간 키워드 */
.darkmode .realtime-keywords {
  border: 1px solid #666;
}
.darkmode .realtime-keywords .realtime-header button {
  width: 50px;
  height: 48px;
  background-color: #484848;
  border: 0;
  border-radius: 0;
  position: absolute;
  right: 0px;
  border-left: 1px solid #000;
}
.darkmode .realtime-keywords .realtime-header button.toggle-btn {
  border-radius: 0;
}
.darkmode .realtime-keywords ul {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: #333;
}

/* 지정 - 스위치 버튼 */
.darkmode .l-switch .slider:before {
  position: absolute;
  content: "";
  height: 1.1rem;
  width: 1.1rem;
  left: 0.2rem;
  top: 0.2rem;
  background-color: #fff;
  transition: 0.4s;
}
.darkmode .mypage_box .myimg {
  border: none;
}
.darkmode .mypage_form {
  margin-top: 10px;
  padding-bottom: 40px;
  background: #444;
}

.darkmode .jjang_league {
  border-top: 1px solid #666;
  background: #444444;
}
.darkmode .jjang_league h3 {
  background-color: #444444;
}
.darkmode .my-post ul {
  border-top: 1px solid #888;
}
.darkmode .reply_box {
  border-bottom: 1px solid #666;
}
.darkmode #list_in_view {
  border-top: 1px solid #888;
}

/* 방문 페이지 정보 출력 */
.darkmode .search-area {
  background: #333;
  border-bottom: 1px solid #000;
}
.darkmode .arrow-down-btn {
  background-color: transparent;
  border-bottom: 1px solid #000;
}
.darkmode .arrow-up-btn {
  background-color: transparent;
  border-bottom: 1px solid #000;
}

.darkmode .recent_tabs {
  border-bottom: 1px solid #000;
}

.darkmode .recent_tab-btn {
  background: #333;
}
.darkmode .recent-visit-header {
  border-bottom: 1px solid #000;
}

.darkmode .visit-item {
  background: #333;
  border: 1px solid #000;
  color: #333;
}

.darkmode .delete-btn {
  background-color: transparent;
  border: 1px solid #0096ff;
}
.darkmode .ad_footer_bann {
  background-color: #2b2b2b !important;
}
.darkmode #closeFooterBanner {
  position: absolute;
  top: 0px;
  right: 1px;
  background: #fbfbfb;
  color: #7e7e7e;
  border: none;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
}

.darkmode .recent-visit-container {
  background: #444;
}
.darkmode .web-recent {
  border: none;
}
.darkmode .web-recent .delete-btn {
  border: none;
}

.darkmode .recent-tab-btn.active {
  background: #555;
}
.darkmode .recent-tab-btn {
  background: #444;
}
.darkmode .recent-tabs {
  border-bottom: 1px solid #888;
}
.darkmode .recent-visit-expanded {
  border: none;
}
.darkmode .recent-visit-container.expanded {
  border-bottom: 1px solid #888;
}
.darkmode .tab-content.active {
  background: #555;
}
.darkmode .recent-visit-expanded {
  background: #444;
}
.darkmode #recentContent .recent-item {
  background: #4d4d4d;
  border: 1px solid #888;
}
.darkmode #recentContent .visit-name {
  color: #cfcfcf;
}

.darkmode #bookmarkContent .recent-item {
  background: #4d4d4d;
  border: 1px solid #888;
}
.darkmode #bookmarkContent .visit-name {
  color: #cfcfcf;
}
.darkmode .index-list-body {
  background: #444;
}
.darkmode .list-main-thumbs li:first-child {
  border-top: 1px solid #888;
}
.darkmode .list-main-thumbs li {
  border-bottom: 1px solid #888;
}
.darkmode .list-main-thumbs__img > a {
  border: 1px solid #444;
}
.darkmode .main-new-contents {
  background: #444;
}
.darkmode .main-index-list > li {
  border-bottom: 1px solid #888;
}
.darkmode .main-new-contents .tabs .tab {
  border: 1px solid #888;
  color: #cfcfcf;
}
.darkmode .main-new-contents .tabs .tab.active {
  color: #fff;
}
.darkmode .main-new-contents header {
  border-bottom: 1px solid #999;
}
.darkmode .main-list-link {
  border: 1px solid #999;
}
.darkmode .login-message {
  color: #cfcfcf;
}
.darkmode .info-group > dl > dt {
  color: #cfcfcf;
}
.darkmode .keyword-ranking {
  background: #444;
}
.darkmode .keyword-ranking li {
  background: #444;
  border: 1px solid #888;
}
.darkmode .keyword-ranking mark {
  color: #cfcfcf;
}
.darkmode .keyword-ranking li::before {
  color: #cfcfcf;
}
.darkmode .p-side-box {
  background: #444;
}
.darkmode .p-side-box #list_in_view {
  border: none;
}
.darkmode .fixed-item {
  border: 1px solid #666;
  background: #323232;
}
.darkmode .fixed-item p {
  color: #cfcfcf;
}
.darkmode .popular-posts-swiper .swiper-slide {
  border: 1px solid #666;
  background: #323232;
}
.darkmode .p-item-wrap p {
  color: #cfcfcf;
}
.darkmode .related-news {
  background-color: #444;
}
.darkmode .news-item {
  background-color: #333;
}
.darkmode .news-meta {
  color: #cfcfcf;
}