@charset "UTF-8";
/* base */
/* gray scale */
/* semantic */
/* overlay / alpha */
/* shadow */
/* base color */
body,
footer,
body:not(.page--home) .wrap {
  background: #222;
}

.page--home .block--content-wrap {
  background: #222;
}

/* logo  color */
h1.logo a img {
  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2)) invert(1);
}

/* background color */
body:not(.page--home) .header,
.page--home .section--hero-img .block--login .g-nav--item__login::before {
  background: #222;
}

body:not(.page--home):not(.drawer-visible) .header {
  background: rgba(70, 70, 70, 0.8);
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.page--home .section--video .slick-dots li button:before,
.page--schedule .section--list .block--refine label p {
  background: #fff;
}

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

.block__answer,
textarea,
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number] {
  background: #f1f1f1;
}

input[readonly=readonly],
.block--category li a::after,
.btn .btn--main,
.limited .section-tit::after,
.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,
.page--faq .block--faq-detail span.icon--a,
.page--blog .block--comment .list--comment li form input,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .block--comment .list--comment li form input,
.page--movie .wrap--action .reply-form .btn .btn--main {
  background: #6c6c6c;
}

.block__question {
  background: rgba(255, 255, 255, 0.1);
}

.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: #4f4f4f;
}

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--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: #f1f1f1;
  color: #4f4f4f;
}

/* text color */
.page--home .block--content-wrap,
.page--home .block--contents a,
.copyright,
.page--movie .section--detail .btn .btn--sub,
.page--faq .section--detail .block--contact a,
.page--home .section--hero-img .block--login nav a,
.page--home footer .list-tit,
.form__select select,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main {
  color: #f1f1f1;
}

.block__answer,
.page--schedule .section--list .block--refine input[type=checkbox]:checked + p {
  color: #222;
}

footer,
.btn .btn--main,
.btn .btn--sub,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.page--faq .block--faq-detail span.icon--a,
.list--support .list__item a,
.page--home .section--hero-img .block--login nav li a {
  color: #fff;
}

.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter {
  color: #6c6c6c;
}

.page--blog .block--comment .list--comment li.comment--member .user:after,
.page--movie .block--comment .list--comment li.comment--member .user:after {
  color: #ff2d2d;
}

.btn-delete input {
  color: #f1f1f1;
}

#form__search .searchBox input[type=submit] {
  color: #000;
}

/* svg color */
.body--app section.section--detail.page--fcmenu .list--fcmenu span svg,
.lineIco a svg {
  fill: #f1f1f1;
}

.ico--play {
  stroke: #f1f1f1;
}

.page--feature .block--service__contents li .inner span svg {
  fill: #222;
}

/* border color */
.slick-prev::after,
.slick-next::after,
.tit .free::after,
.free .section-tit::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,
.form__select select,
.form__select select:focus,
.form__select::after,
.form__checkbox label p::before {
  border-color: #f1f1f1;
}

.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(255, 255, 255, 0.1);
}

.list--faq li,
.header .drawer .nav__list--login,
.header .g-nav .nav .g-nav--item__list--sub_category,
.page--blog .block--comment .list--comment li,
.page--movie .block--comment .list--comment li {
  border-color: rgba(255, 255, 255, 0.1);
}

/* form parts style */
.form__select select {
  background-color: #111222;
}

.form__radio :checked ~ p::before {
  border-color: #fff;
}

.bg::before {
  /* opacity: 0.7; */
  background: #222;
}

footer small a {
  text-decoration: underline;
}

body:not(.page--home) footer .copyright {
  opacity: 0.9;
}

footer .copyright small em {
  opacity: 0.7;
}

/* page--ticket 
============================== */
.page--ticket .list--select li a {
  background-color: #fff;
  color: #222;
}

.page--ticket .section--list .list--ticket li a {
  background-color: #333333;
}

.page--ticket .section--list .list--ticket li a .tit {
  border-color: #5a5a5a;
}

.page--ticket .section--list .list--ticket .sales_status span {
  background-color: #bd3636;
  color: #fff;
}

.page--ticket .section--list .list--ticket .sales_status span.sales_end {
  border: solid 1px #fff;
  background: none;
  color: #fff;
}

.page--ticket .section--list .list--ticket .sales_status span.sales_soldout {
  background-color: #fff;
  color: #222;
}

.page--ticket .section--detail .block--info {
  background-color: #333333;
}

.page--ticket .section--detail .block--info dl {
  border-color: #5a5a5a;
}

.page--ticket .section--detail .notice {
  background-color: #fff;
  color: #222;
}

.page--ticket .section--detail .notice.nonactive {
  background-color: #818181;
  color: #222;
}

.page--ticket .section--detail .txt-main.strong,
.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: #222;
}

.page--ticket .section--detail .form--select {
  background: rgba(255, 255, 255, 0.9);
  color: #222;
}

.page--ticket .section--detail .form--select select {
  background-color: #fff;
  color: #222;
}

.page--ticket .section--detail .ticket_use_select button:enabled {
  border: solid 1px #222;
}

.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: #222;
}

.page--ticket .spinner {
  border: solid 4px #222;
  border-top: solid 4px #fff;
}

/* ==============================
page--chat-community pat：1
============================== */
.page--chat-community .section-detail__inner {
  background: rgba(255, 255, 255, 0.1);
}

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

.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 .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,
.page--chat-community .form--inptarea .input_close::before,
.page--chat-community .form--inptarea .input_close::after,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
  background: #f1f1f1;
}

.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button {
  background: #6c6c6c;
}

.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close {
  background: #4f4f4f;
}

.page--chat-community .block--comment .list--comment li .txt {
  background: #222;
}

.page--chat-community .block--comment .list--comment li .parent.txt {
  background: #2d2d2d;
}

.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 {
  background: #222;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
  background: #f1f1f1;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
  background: #e2e2e2;
}

.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--cmnty_serch .cmnty_serch .datepicker {
  color: #61605b;
}

.page--chat-community #ui-datepicker-div,
.page--chat-community #ui-datepicker-div a,
.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,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
  color: #222;
}

.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 .comment_reply_confirm_popup i,
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea i {
  color: #fcfcfc;
}

.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
  color: #e53935;
}

.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: #222;
}

.page--chat-community .block--comment .list--comment li .parent.txt {
  border-color: #3a3a3a;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
  border-color: #fcfcfc;
}

.page--chat-community .block--comment .list--comment li .txt::before {
  border-color: transparent;
  border-left: 18px solid #222;
}

.page--chat-community .block--comment .list--comment li .parent.txt::before {
  border-left: 18px solid #2d2d2d;
}

.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 #e2e2e2;
}

.page--chat-community .block--comment .list--comment li .icon svg {
  fill: #222;
}

.page--chat-community #ui-datepicker-div,
.page--chat-community .form--inptarea,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
  box-shadow: 0 35px 60px -20px rgba(0, 0, 0, 0.7);
}

.page--chat-community .form--inptarea .input_close,
.page--chat-community .wrap--action.list--head #comment_popup {
  box-shadow: 0 5px 20px -4px rgba(0, 0, 0, 0.7);
}

/* pc */
@media screen and (min-width: 961px) {
  .page--home footer .nav__list--sns li a,
  .page--home .list--support .list__item a {
    color: #f1f1f1;
  }
  .page--home .header {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.3490196078) 100%);
  }
  footer .nav__list--sns li a,
  .header .drawer .nav li a {
    color: #fff;
  }
  /* border background color */
  .window-scroll .header {
    background: rgba(70, 70, 70, 0.8);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  body:not(.page--home) .block--login .nav__list--login li a,
  .window-scroll .header .block--login .nav__list--login li a {
    background: #fff;
    color: #222;
  }
}
/* sp */
@media screen and (max-width: 960px) and (min-width: 1px) {
  .header .drawer {
    background: #222;
  }
  .header .drawer__btn span {
    background: #fff;
  }
  .drawer-visible .header .drawer__btn span {
    background: #fff;
  }
  .list--support .list__item a,
  .header .drawer .nav li a {
    color: #fff;
  }
}
/* page--song
============================== */
/* list base */
.page--sound.page--sound__detail .section--inner {
  background: #2a2a2a;
}

.page--sound.page--sound__detail .section--inner .block--playlist__list .list--playlist li {
  border-color: #222;
}

/* list play button */
.page--sound.page--sound__detail .section--inner .block--playlist__list .list--playlist li .control label {
  background: #000;
}

.page--sound.page--sound__detail .section--inner .block--playlist__list .list--playlist li.current .control label {
  background: #fff;
}

.page--sound.page--sound__detail .section--inner .block--playlist__list .list--playlist li.current .control i {
  color: #000;
}

/* bottom controls */
.page--sound.page--sound__detail #player_control .control {
  border-color: #2a2a2a;
}

/*# sourceMappingURL=invert_1mjzp9i1.css.map */