/* background color main */
body,
footer,
.bg::before,
body:not(.page--home) .wrap,
.page--blog .block--comment .list--comment li form input,
.page--movie .block--comment .list--comment li form input {
	background: #fff;
}
.page--home .block--content-wrap {
	background: rgb(255 255 255 / .7);
}
.page--blog .block--comment .list--comment li.comment--member .comment--bg .btn-delete input,
.page--blog .block--comment .list--comment li .comment-replies .replies li.comment--member .btn-delete input,
.page--movie .block--comment .list--comment li.comment--member .comment--bg .btn-delete input,
.page--movie .block--comment .list--comment li .comment-replies .replies li.comment--member .btn-delete input  {
	background: #354A54;
	color:#E2E2E2;
}

/* background color */
.page--home .section--hero-img .block--login .g-nav--item__login::before,
.page--home .header .g-nav .g-nav--item.limited a::before,
.page--home .header .g-nav .nav li a::after,
.page--feature .page--introduction .block--login__member li .btn .btn--main {
	background: #fff;
}
.detail__btn a::after,
.page--home .section--video .slick-dots li button:before,
.page--home.window-scroll .header .g-nav .g-nav--item.limited a::before,
.page--home.window-scroll .header .g-nav .nav li a::after,
.header .g-nav .g-nav--item.limited a::before,
.header .g-nav .nav li a::after,
.page--schedule .section--list .block--month ul li a::after {
	background: #354a54;
}
input[readonly="readonly"],
.block--category li a::after,
.btn .btn--main,
.block__answer,
.tit .limited::after,
.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 {
	background: #6c6c6c;
}
.page--schedule .section--list .block--refine label p {
	background: rgba(137, 175, 183, 1);
}
.page--schedule .section--list .block--refine li input[type="checkbox"]:not(:checked) + p,
.page--blog .block--comment,
.page--movie .block--comment,
.block__question,
.page--faq .searchBox input[type="text"],
.page--movie #form__search .searchBox input[type=text] {
	background: rgba(200, 200, 200, .2);
}
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--feature .page--introduction .block--service .block--service__contents li .inner span,
.page--faq .block--faq-detail span.icon--a,
.block__answer,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main {
	background: #89afb7;
}
.page--blog .block--comment .list--comment li.comment--member .comment--bg,
.page--blog .block--comment .list--comment li .replies li.comment--member,
.page--movie .block--comment .list--comment li.comment--member .comment--bg,
.page--movie .block--comment .list--comment li .replies li.comment--member {
	background: #e2e2e2;
}

.date {
	opacity: .7;
}
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;
}

/* text color */
body,a,
.page--home .block--content-wrap,
.page--home .block--contents a,
.copyright,
.page--movie .section--detail .btn .btn--sub,
.page--faq .block--faq-detail span.icon--q,
.page--faq .section--detail .block--contact a,
.page--home .section--hero-img .block--login nav a,
.page--home footer .list-tit,
.list--support .list__item a,
.btn-delete input,
#form__search .searchBox input[type=submit] {
	color: #354a54;
}
input[readonly="readonly"],
.block__answer,
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--faq .block--faq-detail span.icon--a,
.page--feature .page--introduction .block--service .block--service__contents li .inner span,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main {
	color: #fff;
}
footer,
footer small,
footer small a,
.btn .btn--sub,
.page--home .section--hero-img .block--login nav li a,
.page--feature .page--introduction .block--service .block--service__contents li,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter {
	color: #354a54;
}
.page--feature .page--introduction .block--login__member li .btn .btn--main,
 .list__item.new .tit::after,
 .page--schedule .list--schedule li .block--txt.new .tit::after,
 .page--blog .block--comment .list--comment li.comment--member .user:after,
 .page--movie .block--comment .list--comment li.comment--member .user:after {
	color: #89b3bc;
}

/* svg color */
.lineIco a svg {
	fill:#354a54;
}
.ico--play {
	stroke: #354a54;
}
.page--feature .block--service__contents li .inner span svg {
	fill: #fff;
}

/* border color */
.slick-prev::after, .slick-next::after,
.btn .btn--sub,
.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,
.page--faq .block--faq-detail span.icon--q,
.page--movie .area--more-info .block--tab [class^=tab__],
.page--movie .btn .arrow-bottom::after {
	border-color: #354a54;
}
.header .drawer .nav__list--login {
	border-color:#354a54;
}
.list--faq li,
.page--blog .block--comment .list--comment li,
.page--movie .block--comment .list--comment li {
	border-color:rgb(0 0 0 / 0.1);
}
.page--blog .block--comment .list--comment li .comment-replies .replies li:first-child:before,
.page--blog .block--comment .list--comment li .comment-replies .replies li:after,
.page--movie .block--comment .list--comment li .comment-replies .replies li:first-child:before,
.page--movie .block--comment .list--comment li .comment-replies .replies li:after {
	background: rgba(0,0,0,0.1);
}

.bg::before {
	opacity: .7;
}
footer small a {
	text-decoration: underline;
}
body:not(.page--home) footer .copyright {
	opacity: .9;
}
footer .copyright small em {
	opacity: .7;
}


/* schedule scroll_icon */
#next .arrow-1 { background-color:#adc2cc;}
#next .arrow-2 { background-color: #fff;}
#next .arrow-2 span { 
	border-top-color: #354a54;
    border-right-color: #354a54;
}

/* ==============================
page--ticket pat：7
============================== */
.page--ticket .list--select li a { background-color: #e0e4e6; }
.page--ticket .section--list .list--ticket li a { background-color: #f7f7f7;	 }
.page--ticket .section--list .list--ticket li a .tit { border-color: #bababa; }	
.page--ticket .section--list .list--ticket .sales_status span { background-color: #bd3636; color: #ffffff; }
.page--ticket .section--list .list--ticket .sales_status span.sales_end { border: solid 1px #354a54; background: none; color: #354a54; }
.page--ticket .section--list .list--ticket .sales_status span.sales_soldout { background-color: #ffffff; color: #354a54; }
.page--ticket .section--detail .block--info { background-color: #e0e4e6; }
.page--ticket .section--detail .block--info dl{ border-color: #bababa; }
.page--ticket .section--detail .notice { background-color: #ffffff; color: #354a54; }
.page--ticket .section--detail .notice.nonactive { background-color: #818181; color: #ffffff; }
.page--ticket .section--detail .txt-main.strong { color: #bd3636; }
.page--ticket .section--detail .block--error { color: #bd3636; }
.page--ticket .section--detail .block--form .tit { color: #2db2e2; }
.page--ticket .section--detail .block--form dd input[type="checkbox"]:checked + label { border-color: #2db2e2; }
.page--ticket .section--detail .ticket_used_list .tit { border-color: #bd3636; color: #bd3636; }
.page--ticket .section--detail .ticket_used_list .used_ticket { border-color: #bd3636; color: #2c2e2f; }
.page--ticket .section--detail .form--select { background: rgba(255,255,255,.9); color: #354a54; }
.page--ticket .section--detail .form--select select{ background-color: #ffffff; color: #354a54; }
.page--ticket .section--detail input[type="checkbox"] + label { color: #2db2e2; }
.page--ticket .section--detail input[type="checkbox"] + label:before { border-color: #2db2e2; }
.page--ticket .section--detail input[type="checkbox"]:checked + label:before { border-color: #bd3636; border-top-color: transparent; border-left-color: transparent; }
.page--ticket .section--detail .form-error { color: #bd3636; }
.page--ticket .section--detail .block--alert .inner dt { color: #2c2e2f; }
.page--ticket .spinner { border: solid 4px #89afb7; border-top: solid 4px #ffffff; }






/* ==============================
page--chat-community pat：7
============================== */

.page--chat-community .section-detail__inner {
	background: rgba(200, 200, 200, 0.2);
}

.page--chat-community .block--title {
	background: #f4f4f4;
}

.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 .form--inptarea textarea,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
	background: #fff;
}

.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close {
	background: #e2e2e2;
}
.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 .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: #89afb7;
}
.page--chat-community .block--comment .list--comment li .txt {
	background: #fff;
}
.page--chat-community #ui-datepicker-div,
.page--chat-community .block--comment .list--comment li .parent.txt {
	background: #fefefe;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
	background: #354a54;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	background: #445E6B;
}
.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 .form--inptarea .input_close::before,
.page--chat-community .form--inptarea .input_close::after,
.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: #354a54;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active,
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea i,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
	color: #fff;
}
.page--chat-community .comment_reply_confirm_popup i,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community .block--cmnty_serch .cmnty_serch i {
	color: #354a54;
}
.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
	color: #EA9198;
}
.page--chat-community .block--title {
	border-color: rgba(0, 0, 0, 0.1);
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-highlight::before {
	border-color: #A9C5CA;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	border-color: #F2F2F2;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	border-color: #274451;
}
.page--chat-community .block--comment .list--comment li .txt::before {
	border-color: transparent;
	border-left: 18px solid #fff;
}
.page--chat-community .block--comment .list--comment li .parent.txt::before {
	border-left: 18px solid #fefefe;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt::before {
	border-left: 18px solid #354a54;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt::before {
	border-left: 18px solid #486674;
}
.page--chat-community .block--comment .list--comment li .icon svg {
	fill: #354a54;
}
.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 15px 60px -20px rgb(97 96 91 / 70%);
			box-shadow: 0 15px 60px -20px rgb(97 96 91 / 70%);
}
.page--chat-community .form--inptarea .input_close,
.page--chat-community .wrap--action.list--head #comment_popup {
	-webkit-box-shadow: 0 5px 20px -4px rgb(97 96 91 / 70%);
			box-shadow: 0 5px 20px -4px rgb(97 96 91 / 70%);
}

/* page--movie */
.page--movie .list--tag .tag__item a {
	color: #065fd4;
}

/* fc menu */
.body--app section.section--detail.page--fcmenu .list--fcmenu li{
	background: #ffffff;
	box-shadow: 2px 3px 11px -7px #97939b;
}
.body--app section.section--detail.page--fcmenu .list--fcmenu span svg{ fill: #89afb7;}
.body--app section.section--detail.page--fcmenu .list--fcmenu p{ color:#89afb7;}


/* pc */
@media screen and (min-width: 961px){
	.page--home footer .nav__list--sns li a,
	.page--home .list--support .list__item a{
		color: #354a54;
	}
	.page--home .header{
		background: linear-gradient(0deg, rgba(255,255,255,0) 20%, #2e2e2e7a 100%);
	}
	.header .drawer .block--login .nav li a,
	.page--home.window-scroll .header .drawer .block--login .nav li a,
	.page--home .header .drawer .nav li a{color: #fff;}
	.page--home.window-scroll .header .drawer .nav li a{color: #354a54;}
	footer .nav__list--sns li a,
	.header .drawer .nav li a{color: #354a54;}
	.header{mix-blend-mode: unset;}
	.bg::before{opacity: 0.6;}

	/* border background color */
	.page--home.window-scroll .header,
	.window-scroll .header {
		background: #fff;
		box-shadow: 0 0 10px 4px #00000021;
	}
}

/* sp */
@media screen and (max-width: 960px) and (min-width: 1px){
	.header .drawer{ background: #89afb7; }
	.header .drawer__btn span{ background: #354a54; }
	.drawer-visible .header .drawer__btn span{ background: #354a54; }
	.list--support .list__item a,
	.header .drawer .nav li a{ color: #354a54;}
}