/* background color */
header,
.container,
.wrap,
.block--login .g-nav--item__login::before,
.pc--view .footer_block,
.sp--view{
	background: #222;
}

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

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

.page--movie .block--player,
input[readonly="readonly"],
.list--schedule .block--date > [class^="block--date"] .block--date__month::after,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.block--pager li::before,
.page--information .category,
.page--schedule .section--list .block--refine li input[type="checkbox"]:not(:checked) + p
{ background: #6c6c6c;}

.page--schedule .section--list .block--refine li input[type="checkbox"]:not(:checked) + p {
	background: rgba(200, 200, 200, 0.5);}

input[readonly="readonly"],
.list--schedule .block--date > [class^="block--date"] .block--date__month::after,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.block--pager li::before,
.header .g-nav .nav li a::after, .detail__btn a::after, .list__more a::after,
.page--schedule .section--list .block--refine li input[type="checkbox"]:not(:checked) + p
{ background: #dedada; }

.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;
}
/* background lighten */
.page--information .section--list .list .list__item,
.page--blog .section--list .list .list__item,
.next-stream{
	background: #2b2b2b;
	color: #fff;
}
.drawer__btn::before {background: #444;}
.fanstream--btn li { 
	background: transparent;
}

/* darken */
.header {border-color:#2b2b2b;}
.salon--detail.show::after {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #222), to(rgba(34, 34, 34, 0)100%));
	background: linear-gradient(0deg, #222 0%, rgba(34,34,34,0%) 100%);
}

/* text color */
body,a,
.btn .btn--sub,
.block--login nav li a,
.page--home .salon--intro .tit,
.page--home .fa-plus-circle:before,
.page--home .fa-chevron-right:before,
.section--detail.new .block--title .date::after,
.next-stream .block--date .block--date__youbi,
.list__item.new .tit::after,
.block--category .current a,
.page--schedule .list--schedule li .block--txt.new .tit::after,
.next-stream .section-tit,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter,
.page--faq .section--detail .block--contact a
{ color: #dedada; }

.block__answer
{ color: #222; }
.date,
.block--category li a {color:#818181;}

.salon--detail_btn { background: #fff;}
.salon--detail_btn::after,
.salon--detail_btn a { color: #1b1b1b;}

.header .drawer .nav li a{color: #f1ecec;}
.next-stream *,
.next-stream a{color: #fff;}

.page--faq .block--faq-detail span.icon--q{
	border-color:#dedada;
	color: #dedada;
}
.page--faq .block--faq-detail span.icon--a{background:#dedada;}

/* primary color */
.block--login nav li a,
.page--home .salon--intro .tit,
.page--home .fa-plus-circle:before,
.page--home .fa-chevron-right:before,
.section--detail.new .block--title .date::after,
.list__item.new .tit::after,
.block--category .current a,
.page--schedule .list--schedule li .block--txt.new .tit::after,
.next-stream .section-tit,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter
{ color:#ffffff;}

.header .drawer__btn span,
.btn--main,
.page--information .category.streaming,
.page--feature .page--introduction .block--service .block--service__contents li .inner span,
.block--login .nav__list--login li.g-nav--item__join a,
.page--blog .block--comment .list--comment .reply-form .btn
{
	background: #fff;
	color: #222;
}
.header .drawer{
	background: #222;
	color: #fff;
}

.block--login .nav__list--login li.g-nav--item__login a{
	border: 1px solid #ffffff;
	background: none;
	color: #ffffff;
}


/* svg color */
.next-stream svg { fill:#ffffff;}
.ico--play{ stroke: #a4a39c; }
.block--share li svg{fill: #dedada;}
.page--feature .block--service__contents li .inner span svg{fill: #222;}


/* border color */
.slick-prev::after, .slick-next::after,
.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,
.list .list__item,
.fanstream--btn li,
.form__select select,
.form__select select:focus,
.form__select::after,
.form__checkbox label p::before {
	border-color: #505050;
}
.btn .btn--sub {
	border-color: #dedada;
	background: transparent;
}
textarea,
.page--blog .form--comment,
.page--blog .block--comment .list--comment li,
.list--faq li:last-child,
.list--faq li,
.form--confirm,
.page--faq .block--faq-detail,
.page--faq .block--faq-detail dt {
	border-color:rgb(255 255 255 / 0.1);
}
.header .drawer__btn span{ background: #dedada; }
.drawer-visible .header .drawer__btn span{ background: #dedada; }


/* questionnaire */
.page--questionnaire .form--post dt:not(:first-child) {
	border-color:rgb(255 255 255 / 15%);
}
.page--questionnaire input[type="text"],
.page--questionnaire textarea {
	border: none;
}
.page--questionnaire .icon--required:after {
	background: #dedada;
	color: #222;
}
.page--questionnaire .form__select select {
	border-color: #dedada;
	color: #dedada;
}
.page--questionnaire .form__checkbox label p::before,
.page--questionnaire .form__select::after,
.page--questionnaire .form__radio :checked ~ p::before {
	border-color: #dedada;
}
.page--questionnaire .form__checkbox :checked ~ p::before {
	background: #dddada;
}
.page--questionnaire .form__checkbox label p::after {
	border-color: #222;
}
.page--questionnaire .block--error {
	background-color: #dcc3c3;
}


/* page--blog */
.page--blog .section--list .section--latestBlogs,
.page--blog .block--comment .list--comment {
	background: #2b2b2b;
}
.page--blog .section--list .section--latestBlogs .writer {
	border-color:#dedada;
}
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-track {
	background: rgba(222, 218, 218, 0.4);
}
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-thumb {
	background: #dedada;
}
.page--blog .form--confirm {
	border-color: #333;
	background: #333;
	color: #fff;
}
.list--blog	.category,
.page--blog .section--detail .category {
	background: #4c4c4c;
	color: #dfdfdf;
}
.page--blog .block--comment .list--comment .replies li:first-child::before,
.page--blog .block--comment .list--comment .replies li::after {
	background:rgb(255 255 255 / 0.05);
}
.page--blog .block--comment .list--comment > li.comment--member .comment--bg,
.page--blog .block--comment .list--comment .replies li.comment--member {
	background: #393939;
}
.page--blog .block--comment .list--comment li.comment--member .user::after {
	color:#4ABEB0;
}


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


@media screen and (min-width: 961px) {
	.page--home footer .list--support {
		background: #222;
	}
}


/* 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,
.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: #3b3b3b;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active::before,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community .btn--main,
.page--chat-community .block--cmnty_serch .btn .btn--main,
.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 {
	background: #fff;
}
.page--chat-community #ui-datepicker-div,
.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,
.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 {
	background: #f1f1f1;
}
.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close,
.page--chat-community .block--comment .list--comment li .icon,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	background: #e4e4e4;
}
.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 #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community .btn--main,
.page--chat-community .block--cmnty_serch .btn .btn--main {
	color: #fff;
}
.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 .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 .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 .comment_reply_confirm_popup i,
.page--chat-community #comment_confirm_modal,
.ui-widget-header .ui-icon {
	color: #222;
}
.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
	color: #e53d3d;
}
.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: #4e4e4e;
}
.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: #ddd;
}
.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 #f1f1f1;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt::before {
	border-left: 18px solid #e4e4e4;
}
.page--chat-community .block--comment .list--comment li .icon svg {
	fill: #4e4e4e;
}
.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);
}