.wrap,
.drawer-visible .drawer,
.sp--view,
.pc--view .footer_block
{ background: #222; }

/* background color */

.page--home .section--video .slick-dots li button:before,
.block__answer,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"]
{ background: #E8E8E3; }

/* logo shadow color */
h1.logo a img {
 filter: drop-shadow(2px 1px 0px #aaaaaaaa);
}

.page--information .section--list .list .list__item,
.page--blog .section--list .list .list__item,
.page--blog .section--list .section--latestBlogs,
.page--blog .block--comment .list--comment
 {background: #2c2c2c;}

.tit .limited::after,
.drawer__btn span,
.limited .section-tit::after,
.page--schedule .section--list .block--refine label p,
.page--faq .block--faq-detail span.icon--a,
.block--login .nav__list--login li.g-nav--item__join a
{ background: #9D9C9C;}

.drawer__btn::before {background: #424242;}
.drawer__btn span {background: #9c8469;}

input[readonly="readonly"],
.list--schedule .block--date > [class^="block--date"] .block--date__month::after,
.block--pager li::before,
.page--schedule .section--list .block--refine li input[type="checkbox"]:not(:checked) + p
{ background: #e0d3ae;}
.block__question
{ background: rgba(255, 255, 255, 0.1);}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

.page--home footer .list-tit::before,
.page--home footer .list-tit::after {
	background: #9c8469;
}

/* mix color */
.header .drawer .nav li a {color: #0f0f0f;}
.next-stream{ background:#ede3c5; color: #0f0f0f;}
.next-stream svg { fill:#9c8469;}

.btn .btn--main{background: #9c8952;}
header{background: #0f0f0f; border-color: transparent;}
.btn .btn--sub{ background: none; border-color: #9c8952; color:#9c8952; }
.page--information .category{
	background: #ada8a2;
	color: #0f0f0f;
}
.page--information .category.streaming {
	background: #ab9175;
}

/* page--home salon intro */
.salon--intro .detailTit { background: rgb(15 15 15 / 78%); }
.salon--detail_btn {
	background: #e0d3ae;
	color: #0f0f0f;
}
.salon--detail.show::after{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #222), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(360deg, #222 40%, rgba(255, 255, 255, 0) 100%);
}

.block--login .nav__list--login li.g-nav--item__login a{background: none;}
.block--login .nav__list--login li.g-nav--item__join a
{color: #0f0f0f; background: #e0d3ae;}

.fanstream--btn li { background: transparent;}


/* text color */
body,
.header .drawer .nav li a,
.block__answer,
.page--home .fa-plus-circle:before,
.page--home .fa-chevron-right:before,
.fanstream--btn li a .fa-chevron-right::before,
.section--detail.new .block--title .date::after,
.list__item.new .tit::after,
.page--schedule .list--schedule li .block--txt.new .tit::after,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter,
.page--faq .section--detail .block--contact a,
.block--login .nav__list--login li.g-nav--item__login a
{ color: #e0d3ae; }
.list__more a,
.block--category li a,
.block--category .current a,
.page--home .salon--intro .tit,
.page--home footer .list-tit,
.list--support .list__item a,
.section-tit { color: #9c8469;}
.block--category li a {opacity: 0.4;}
.block--category .current a {opacity: 1;}
.page--blog .block--comment .list--comment li form input {
	background: #e0d3ae;
	color: #fff;
}


.next-stream .block--date .block--date__youbi {color: inherit;}


/* svg color */
.block--share li svg{ fill:#e0d3ae;}
.ico--play{ stroke: #a4a39c; }
.page--feature .page--introduction .block--service .block--service__contents li .inner span {background: #9c8469;}
.page--feature .block--service__contents li .inner span svg { fill: #222; }


/* border color */
.block--pager .pager__item--newer a::after,
.block--pager .pager__item--newer span::after,
.block--pager .pager__item--older a::after,
.block--pager .pager__item--older span::after,
.page--faq .block--faq-detail span.icon--q,
.form__select select,
.form__select select:focus,
.form__select::after,
.form__checkbox label p::before,
textarea,
.list__more a::after,
.block--login .nav__list--login li.g-nav--item__login a,
.page--blog .section--list .section--latestBlogs .writer { border-color: #e0d3ae; }
.page--blog .form--comment {
	border-top: none;
}
.page--blog .block--comment .list--comment li,
.list--faq li,
.list--faq li:last-child,
textarea,
.page--faq .block--faq-detail,
.page--faq .block--faq-detail dt,
.list .list__item,
.fanstream--btn li,
.form--confirm,
.page--blog .block--comment .list--comment li {
	border-color:rgba(225,211,174,0.4);
}
/* .page--blog .form--comment,
.page--blog .block--comment .list--comment li{
	border-top: solid 1px rgba(225,211,174,0.4);
} */


/* questionnaire */
.page--questionnaire .form--post dt:not(:first-child) {
	border-top: solid 1px rgba(225,211,174,15%);
}
.page--questionnaire input[type="text"],
.page--questionnaire textarea {
	border-color: #e0d3ae;
	background: #fff;
}
.page--questionnaire .icon--required:after {
	background: #9c8952;
	color: #fff;
}
.page--questionnaire .form__select select {
	color: #e0d3ae;
}
.page--questionnaire .form__radio :checked ~ p::before {
	border-color: #e0d3ae;
}
.page--questionnaire .form__checkbox label p::after {
	border-color: #222;
}
.page--questionnaire .form__checkbox :checked ~ p::before {
	border-color: #e0d3ae;
	background: #e0d3ae;
}
.page--questionnaire .block--error {
	background-color: #dcc3c3;
}
.page--questionnaire .form__select::after {
	border-color: #e0d3ae !important;
}


/* page--blog */
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-thumb {
	background-color: #7b735d;
}
.page--blog .block--comment .list--comment .reply-form .btn {
	background: #9c8952;
	color: #fff;
}
.page--blog textarea {
	background: #e0d3ae;
}
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-track {
	background: rgb(123 115 93 / 20%);
}
.list--blog	.category,
.page--blog .section--detail .category {
	background: #393838;
	color: #e0d3ae;
}
.page--blog--all .list--blog .category {
	background: #444;
	color: #e0d3ae;
}
.page--blog .block--comment .list--comment .replies li:first-child::before,
.page--blog .block--comment .list--comment .replies li::after {
	background: rgba(225,211,174,0.2);
}
.page--blog .block--comment .list--comment > li.comment--member .comment--bg,
.page--blog .block--comment .list--comment .replies li.comment--member {
	background: #6d6448;
	color: #ebe1c3;
}
.page--blog .block--comment .list--comment li.comment--member .user::after {
	color: #C59967;
}


/* swipe navigation */
.page--home .swiper-pagination-bullet {
	background: #e0d3ae;
}
.page--home .swiper-pagination-bullet::before {
	background: #6c6c6c;
}


/* PC */
@media screen and (min-width: 961px) {
	.page--home footer .list--support {
		background: #222222;
	}
	.header .g-nav .nav li a::after, .detail__btn a::after, .list__more a::after {
		background: #e0d3ae;
	}
	footer .copyright {
		color:#e0d3ae !important;
	}
}
/* SP */
@media screen and (max-width: 960px) and (min-width: 1px) {
	.page--home footer {
		padding-top: 40px;
	}
}


/* page--chat-community */
.page--chat-community .block--title,
.page--chat-community .section-detail__inner {
	background: #222;
}
.page--chat-community .block--comment .list--comment li .txt,
.page--chat-community .form--inptarea .input_close::before,
.page--chat-community .form--inptarea .input_close::after {
	background: #3b3b3b;
}
.page--chat-community .block--comment .list--comment li .parent.txt,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker {
	background: #4e4e4e;
}
.page--chat-community .form--inptarea textarea,
.page--chat-community .wrap--action.list--head .form--post .input_close::before,
.page--chat-community .wrap--action.list--head .form--post .input_close::after {
	background: #fff;
}
.page--chat-community #ui-datepicker-div,
.page--chat-community .block--comment .list--comment li .icon,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
	background: #f1f1f1;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active::before,
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea,
.page--chat-community .wrap--action.list--head .form--post .input_close ,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
	background: #9c8952;
}

.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close {
	background: #E8E2D3;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	background: #AA975E;
}
.page--chat-community #comment_modal_close::after,
.page--chat-community #comment_modal_close::before,
.page--chat-community .comment_reply_modal_close::after,
.page--chat-community .comment_reply_modal_close::before {
	background: #61605b;
}
.page--chat-community .block--comment .list--comment .comment_txt .txt,
.page--chat-community .block--comment .list--comment .comment_txt .txt a {
	color: #e0d3ae;
}
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea i,
.page--chat-community #comment_confirm_popup i,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt a,
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button  {
	color: #fff;
}
.ui-widget-header .ui-icon,
.page--chat-community #ui-datepicker-div,
.page--chat-community #ui-datepicker-div a,
.page--chat-community .block--cmnty_serch .cmnty_serch i,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker,
.page--chat-community .comment_reply_confirm_modal.is-visible,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .delete input,
.page--chat-community .comment_reply_confirm_popup i,
.page--chat-community #comment_confirm_modal {
	color: #222;
}
.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
	color: #ec9871;
}
.page--chat-community .block--title {
	border-color: rgba(255, 255, 255, 0.1);
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-highlight::before {
	border-color: #9c8952;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	border-color: #5d5d5d;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	border-color: #BCAD80;
}
.page--chat-community .block--comment .list--comment li .txt::before {
	border: 8px solid transparent;
	border-left: 18px solid #3b3b3b;
}
.page--chat-community .block--comment .list--comment li .parent.txt::before {
	border-left: 18px solid #4e4e4e;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt::before {
	border-left: 18px solid #9c8952;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt::before {
	border-left: 18px solid #AA975E;
}
.page--chat-community .block--comment .list--comment li .icon svg {
	fill: #AA975E;
}
.page--chat-community #ui-datepicker-div,
.page--chat-community .form--inptarea,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
	-webkit-box-shadow: 0 35px 60px -20px rgba(77, 73, 70, 0.7);
			box-shadow: 0 35px 60px -20px rgba(77, 73, 70, 0.7);
}
.page--chat-community .form--inptarea .input_close,
.page--chat-community .wrap--action.list--head #comment_popup {
	-webkit-box-shadow: 0 5px 20px -4px rgba(77, 73, 70, 0.7);
			box-shadow: 0 5px 20px -4px rgba(77, 73, 70, 0.7);
}