@import url(color.css);

body.theme--dark {
    background: var(--dark-bg);
    color: #fff;
}

body.theme--dark .page-header {
    background: var(--dark-bg);
    color: #fff;
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .page-header .btn {
    background: var(--dark-default);
    color: #fff;
}

body.theme--dark .page-header .btn-text {
    background: transparent;
    color: #fff;
}

body.theme--dark .page-header.filter {
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .page-header.filter .btn {
    color: var(--dark-primary);
}

body.theme--dark .page-header.filter .btn .icon-wrap {
    background: var(--dark-default);
}


/** input field  start **/
body.theme--dark .field-title {
    color: var(--dark-primary);
}

body.theme--dark .field .input {
    background: var(--dark-default);
    color: #ffffff;
}

body.theme--dark .field .input:focus {
    background: transparent;
}

body.theme--dark .field .input:disabled {
    background: #181818;
}

body.theme--dark .field .input:placeholder-shown~.btn-eraser {
    opacity: 0;
}

body.theme--dark .field .input:read-only {
    color: #888;
}

/** input field end **/


/** button start **/
body.theme--dark .btn {
    background-color: var(--dark-default);
}

body.theme--dark .btn:disabled {
    opacity: 0.4;
}

body.theme--dark .btn-primary {
    background-color: var(--dark-primary);
}

body.theme--dark .btn-default {
    background-color: var(--dark-default);
    color: var(--dark-primary);
}

/** button end **/

/** checkbox start **/
body.theme--dark .checkbox-group {
    border: 1px solid var(--dark-divider);
}

body.theme--dark .checkbox-group .checkbox-item:first-child {
    border-bottom: 1px solid var(--dark-divider);
}

/** alert modal start **/
body.theme--dark .alert-modal {
    background-color: var(--dark-bg);
    border-radius: 4px;
}

body.theme--dark .alert-modal .modal-title {
    color: var(--dark-primary);
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .alert-modal .modal-message b {
    color: var(--dark-primary);
}

body.theme--dark .alert-modal .modal-message a {
    color: var(--dark-primary);
}

/** alert modal end **/

/** login style **/
body.theme--dark .login .login-option .item a {
    color: var(--dark-primary);
}


/** fin list start **/
body.theme--dark .fin-list {
    border: 1px solid var(--dark-divider);
}

body.theme--dark .fin-list li b {
    color: var(--dark-primary);
}

/** fin list end **/



/** List start **/
body.theme--dark .list .list-item {
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .list .list-item:last-child {
    border-bottom: none;
}

body.theme--dark .list .list-item .rank-num {
    background: var(--dark-primary);

}

body.theme--dark .list .list-item .rank-num.high {
    background: var(--point);
}

body.theme--dark .list .list-item .text-wrap .item-title {
    color: #ffffff;
}


body.theme--dark .list .list-item .btn-bookmark {
    display: none;
}

body.theme--dark .list .list-item .btn-bookmark+label {
    background-color: var(--dark-default);
}


body.theme--dark .list .list-item .variation-wrap .variation-tag.increase {
    background: var(--dark-plus-bg);
}

body.theme--dark .list .list-item .variation-wrap .variation-tag.decrease {
    background: var(--dark-minus-bg);
}

/** List end **/

/** bottom popup start **/
body.theme--dark .bottom-popup {
    background: var(--dark-bg);
}

body.theme--dark .bottom-popup .popup-handler {
    width: 96px;
    height: 5px;
    background: #2c2c2c;
    margin: 0 auto;
}

/** bottom popup end **/

/** full popup start **/
body.theme--dark .full-popup {
    background: var(--dark-bg);
}

body.theme--dark .full-popup .popup-header {
    background: var(--dark-bg);
    color: #ffffff;
    border-bottom: 1px solid var(--dark-divider);
}

/** full popup end **/


/** radio group start **/

body.theme--dark .radio-group .radio .radio-content {
    background-color: var(--dark-default);
    color: #ffffff;
}


/* 월 선택 header */
body.theme--dark .month-picker-header {
    color: #ffffff;
}

body.theme--dark .month-picker-header .btn:active {
    background: #dddddd;
}

/** radio group end **/

/** bottom navigation start **/
body.theme--dark .bottom-navigation {
    background: #262626;
}

body.theme--dark .bottom-navigation .nav-item p {
    color: #53555b;
    font-size: 0.8em;
    margin: 0;
}

body.theme--dark .bottom-navigation .nav-item.active p {
    color: #ffffff;
}

/* 인기상품 inactive*/
body.theme--dark .bottom-navigation .nav-item .nav-icon.home {
    width: 25px;
    background: url('../img/icon/nav/nav_home_inactive_dark.png') no-repeat;
    background-size: 25px;
}

/* 인기상품 active*/
body.theme--dark .bottom-navigation .nav-item.active .nav-icon.home {
    width: 25px;
    background: url('../img/icon/nav/nav_home_active_dark.png') no-repeat;
    background-size: 25px;
}

/* 신상품 inactive*/
body.theme--dark .bottom-navigation .nav-item .nav-icon.new {
    width: 25px;
    background: url('../img/icon/nav/nav_new_inactive_dark.png') no-repeat;
    background-size: 25px;
}

/* 신상품 active*/
body.theme--dark .bottom-navigation .nav-item.active .nav-icon.new {
    width: 25px;
    background: url('../img/icon/nav/nav_new_active.png') no-repeat;
    background-size: 25px;
}

/* 구색추천 inactive*/
body.theme--dark .bottom-navigation .nav-item .nav-icon.recommend {
    width: 25px;
    background: url('../img/icon/nav/nav_recommend_inactive_dark.png') no-repeat;
    background-size: 25px;
}

/* 구색추천 active*/
body.theme--dark .bottom-navigation .nav-item.active .nav-icon.recommend {
    width: 25px;
    background: url('../img/icon/nav/nav_recommend_active.png') no-repeat;
    background-size: 25px;
}

/* 관심상품 inactive*/
body.theme--dark .bottom-navigation .nav-item .nav-icon.bookmark {
    width: 25px;
    background: url('../img/icon/nav/nav_bookmark_inactive_dark.png') no-repeat;
    background-size: 25px;
}

/* 관심상품 active*/
body.theme--dark .bottom-navigation .nav-item.active .nav-icon.bookmark {
    width: 25px;
    background: url('../img/icon/nav/nav_bookmark_active.png') no-repeat;
    background-size: 25px;
}

/* 나의정보 inactive*/
body.theme--dark .bottom-navigation .nav-item .nav-icon.myinfo {
    width: 25px;
    background: url('../img/icon/nav/nav_myinfo_inactive_dark.png') no-repeat;
    background-size: 25px;
}

/* 나의정보 active*/
body.theme--dark .bottom-navigation .nav-item.active .nav-icon.myinfo {
    width: 25px;
    background: url('../img/icon/nav/nav_myinfo_active.png') no-repeat;
    background-size: 25px;
}

/** bottom navigation end **/


/** 나의 정보 Style Start **/

body.theme--dark .page.myinfo .page-content .list .list-item.list-group .group-title {
    color: var(--dark-primary);
}

body.theme--dark .page.myinfo .page-content .list .list-item.list-group ul li {
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .page.myinfo .page-content .list .list-item.list-group ul li:last-child {
    border-bottom: none;
}

/** 나의 정보 Style End **/


/** 매장 정보 수정 Style Start **/
body.theme--dark .page.market-info .page-content .edit-img {
    padding: 20px 0;
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .page.market-info .page-content .edit-info .field .btn {
    background-color: var(--dark-default);
    color: #ffffff;
}

/** 매장 정보 수정 Style End **/


/** 알림 카테고리 설정 Style Start **/
body.theme--dark .content-header {
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .content-header .total .num {
    color: var(--dark-primary);

}

/** 알림 카테고리 설정 Style End **/


/** 공지사항,자주묻는 질문 + 상세 Style Start **/

body.theme--dark .page.notice-detail .content-header .content-title,
body.theme--dark .page.faq-detail .page-content .content-header .content-title {
    color: #ffffff;
}

/** 공지사항,자주묻는 질문 + 상세 Style End **/


/** 설정 Style Start **/

body.theme--dark .page.setting .page-content .list .list-item.list-group .group-title {
    color: var(--dark-primary);
}

body.theme--dark .page.setting .page-content .list .list-item.list-group ul li {
    border-bottom: 1px solid var(--dark-divider);
}

body.theme--dark .page.setting .page-content .list .list-item.list-group ul li:last-child {
    border-bottom: none;
}

body.theme--dark .page.setting .page-content .list .list-item.list-group ul li.version .num {
    color: var(--dark-primary);
}

/** 설정 Style End **/


/** 회원정보 Style Start **/
body.theme--dark .page.setting-userinfo .page-content .list .list-item a {
    color: var(--dark-primary);
}

/** 회원정보 Style End **/

/** 휴대폰 번호 변경 Style Start **/
body.theme--dark .page.setting-phone-change .page-content .list .list-item p.phone {
    color: var(--dark-primary);
}

body.theme--dark .page.setting-phone-change .page-content .list .list-item a {
    color: var(--dark-primary);
}

/** 휴대폰 번호 변경 Style End **/


/** 유통상품 Style Start **/

body.theme--dark .search-goods .content-header {
    border-bottom: none;
}

body.theme--dark .search-goods .content-header .btn-tag {
    border: 1px solid var(--dark-divider);
    color: #ffffff;
}

body.theme--dark .page.search-goods .result-filter .btn {
    color: var(--dark-primary);
}

/** 유통상품 Style End **/