.wrap,
.pc--view .footer_block,
.sp--view{ background: #fff; }

/* 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: #edeff1; }

.page--home .swiper-pagination-bullet::before { background: #ced7dc;}

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


.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,
.drawer__btn::before,
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-thumb
{ background: #676767;}

.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: #fff; background: #3e3a3a;}

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: #3e3a3a;}
.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 salon intro */
.salon--intro .detailTit { background: rgb(255 255 255 / 78%); }
.salon--detail.show::after{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(360deg, #fff 40%, rgba(255, 255, 255, 0) 100%);
}

/* text color */
body,
.header .drawer .nav li a,
.block__answer,
.page--home .salon--intro .tit,
.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,
.block--category .current a,
.page--schedule .list--schedule li .block--txt.new .tit::after,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter,
.block--login .nav__list--login li.g-nav--item__login a,
.page--faq .section--detail .block--contact a
{ color: #3e3a3a; }
.block--category li a {color:#a4a39c;}

/* svg color */
.block--share li svg{ fill:#3e3a3a;}
.ico--play{ stroke: #a4a39c; }
.page--feature .block--service__contents li .inner span svg { fill: #fff; }
.page--feature .page--introduction .block--service .block--service__contents li .inner span {background:#bbc3c7;}


/* 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,
.list__more a::after,
.block--login .nav__list--login li.g-nav--item__login a,
.page--blog .section--list .section--latestBlogs .writer
{ border-color: #3e3a3a; }

.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
{ border-color:rgb(170 172 172 / 30%);}


/* mix color */
.header .drawer .nav li a {color: #3e3a3a; }
.list--support .list__item a,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.page--home footer .list-tit {color: #3e3a3a;}
.header .g-nav .nav li a::after,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.page--blog .block--comment .list--comment .reply-form .btn {background: #3e3a3a;}
.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: #edeff1;}
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-track {
	background: rgb(103 103 103 / 20%);
}
.header .drawer {background: #ced7dc;}
header {background: #ced7dc; border-color: #c1c9cd;}
.next-stream {background:#3e3a3a; color: #ced7dc;}
.next-stream .section-tit{color: #ced7dc;}
.next-stream svg {fill:#ced7dc;}
.btn .btn--main {background: #3e3a3a;}
.section-tit {color: #bbc3c7;}
.btn .btn--sub {background: none; border-color: #9c8952; color:#9c8952; }
.page--information .category {
	background: #ced7dc;
	color: #3e3a3a;
}
.page--information .category.streaming {
	border: none;
	background: #3e3a3a;
	color: #ced7dc;
}


/* questionnaire */
.page--questionnaire .form--post dt:not(:first-child) {
	border-color:rgb(170 172 172 / 30%);
}
.page--questionnaire input[type="text"],
.page--questionnaire textarea {
	border-color: #3e3a3a;
	background: transparent;
}
.page--questionnaire .icon--required:after {
	background: #ced7dc;
}
.page--questionnaire .form__select select {
	color: #f1f1f1;
}
.page--questionnaire .form__radio :checked ~ p::before {
	border-color: #3e3a3a;
}
.page--questionnaire .form__checkbox label p::after {
	border-color: #fff;
}
.page--questionnaire .form__checkbox :checked ~ p::before {
	border-color: #3e3a3a;
	background: #3e3a3a;
}


/* page--blog */
.list--blog	.category,
.page--blog .section--detail .category {
	background: #e0e6ea;
	color: #3e3a3a;
}
.page--blog--all .list--blog .category {
	background: #dcdfe2;
	color: #3e3a3a;
}
.page--blog .block--comment .list--comment .replies li:first-child::before,
.page--blog .block--comment .list--comment .replies li::after {background: rgb(170 172 172 / 15%);}
.page--blog .block--comment .list--comment .replies li.comment--member,
.page--blog .block--comment .list--comment > li.comment--member .comment--bg {background: #bdced8;}
.page--blog textarea {background: #fff;}
.page--blog .block--comment .list--comment li.comment--member .user::after {color: #ffffff;}


/* PC */
@media screen and (min-width: 961px) {
	.page--home footer .list--support {
		background: #fff;
	}
	footer .copyright {
		color: #3e3a3a !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 {
	background: #fff;
}
.page--chat-community .block--comment .list--comment li .txt {
	background: #ced7dc;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	background: #DEE4E7;
}
.page--chat-community .wrap--action.list--head .form--post .input_close::before,
.page--chat-community .wrap--action.list--head .form--post .input_close::after,
.page--chat-community .section-detail__inner,
.page--chat-community .form--inptarea textarea,
.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 {
	background: #fff;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active::before,
.page--chat-community .form--inptarea .input_close::before,
.page--chat-community .form--inptarea .input_close::after,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.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 .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
	background: #3e3a3a;
}
.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close {
	background: #DEE4E7;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	background: #565151;
}

.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 li .icon {
	background: #3e3a3a;
}
.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,
.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 #comment_confirm_popup i,
.page--chat-community .wrap--action.list--head #comment_popup {
	color: #fff;
}
.page--chat-community .comment_reply_confirm_popup i,
.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 .wrap--action.list--head .form--post .form--inptarea i,
.page--chat-community #comment_confirm_modal,
.ui-widget-header .ui-icon {
	color: #3e3a3a;
}
.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
	color: #e599a5;
}
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker {
	border:1px solid rgba(187, 195, 199, 0.4);
}
.page--chat-community .block--title {
	border-bottom:1px solid rgba(33, 114, 195, 0.1);
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-highlight::before {
	border-color: #565151;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	border-color: #EDF0F2;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	border-color: #706969;
}
.page--chat-community .block--comment .list--comment li .txt::before {
	border: 8px solid transparent;
	border-left: 18px solid #ced7dc;
}
.page--chat-community .block--comment .list--comment li .parent.txt::before {
	border-left: 18px solid #DEE4E7;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt::before {
	border-left: 18px solid #3e3a3a;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt::before {
	border-left: 18px solid #565151;
}
.page--chat-community .block--comment .list--comment li .icon svg {
	fill: #fff;
}
.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);
}