@charset "utf-8";

.f-bk,
.f-bk-h:hover,
.f-bk-h-c > *:hover {
  color: black;
}
.f-wt,
.f-wt-h:hover,
.f-wt-h-c > *:hover {
  color: white;
}
.f-gr1,
.f-gr1-h:hover,
.f-gr1-h-c > *:hover {
  color: #444;
}
.f-gr2,
.f-gr2-h:hover,
.f-gr2-h-c > *:hover {
  color: #777;
}
.f-gr3,
.f-gr3-h:hover,
.f-gr3-h-c > *:hover {
  color: #c5c5c5;
}
.f-gr4,
.f-gr4-h:hover,
.f-gr4-h-c > *:hover {
  color: #e3e7ea;
}
.f-gr5,
.f-gr5-h:hover,
.f-gr5-h-c > *:hover {
  color: #bdc1c6;
}
.f-bg,
.f-bg-h:hover,
.f-bg-h-c > *:hover {
  color: #efefef;
}
.f-bg2,
.f-bg2-h:hover,
.f-bg2-h-c > *:hover {
  color: #9aa0a6;
}
.f-rd,
.f-rd-h:hover,
.f-rd-h-c > *:hover {
  color: #ff0000;
}
.f-og,
.f-og-h:hover,
.f-og-h-c > *:hover {
  color: #c55a11;
}
.f-yl,
.f-yl-h:hover,
.f-yl-h-c > *:hover {
  color: #fec671;
}
.f-gn,
.f-gn-h:hover,
.f-gn-h-c > *:hover {
  color: #00c493;
}
.f-bl,
.f-bl-h:hover,
.f-bl-h-c > *:hover {
  color: #2e75b6;
}
.f-kakao {
  color: #3c1e20;
}
.f-naver {
  color: #4dc83e;
}
.f-facebook {
  color: #385591;
}
.f-c1,
.f-c1-h:hover,
.f-c1-h-c > *:hover {
  color: #2fb5b6;
}
.f-c2,
.f-c2-h:hover,
.f-c2-h-c > *:hover {
  color: #2fb5a0;
}
.f-c3,
.f-c3-c > *,
.f-c3-c > * > *,
.f-c3-h:hover,
.f-c3-h-c > *:hover {
  color: #2fd1a0;
}
.f-c4,
.f-c4-c > *,
.f-c4-c > * > *,
.f-c4-h:hover,
.f-c4-h-c > *:hover {
  color: #314462;
}
.f-c5,
.f-c5-c > *,
.f-c5-c > * > *,
.f-c5-h:hover,
.f-c5-h-c > *:hover {
  color: #f4f4f6;
}
.f-c6,
.f-c6-c > *,
.f-c6-c > * > *,
.f-c6-h:hover,
.f-c6-h-c > *:hover {
  color: #eaf8f8;
}
.f-c7,
.f-c7-c > *,
.f-c7-c > * > *,
.f-c7-h:hover,
.f-c7-h-c > *:hover {
  color: #ff6880;
}
.f-c8,
.f-c8-c > *,
.f-c8-c > * > *,
.f-c8-h:hover,
.f-c8-h-c > *:hover {
  color: #FF8080;
}
.f-c9,
.f-c9-c > *,
.f-c9-c > * > *,
.f-c9-h:hover,
.f-c9-h-c > *:hover {
  color: #00CECC;
}
.f-c0,
.f-c0-c > *,
.f-c0-c > * > *,
.f-c0-h:hover,
.f-c0-h-c > *:hover {
  color: #00EBCC;
}
.f-c11,
.f-c11-c > *,
.f-c11-c > * > *,
.f-c11-h:hover,
.f-c11-h-c > *:hover {
  color: #3e71fe;
}
.f-c12,
.f-c12-c > *,
.f-c12-c > * > *,
.f-c12-h:hover,
.f-c12-h-c > *:hover {
  color: #127fae;
}
.f-c13,
.f-c13-c > *,
.f-c13-c > * > *,
.f-c13-h:hover,
.f-c13-h-c > *:hover {
  color: #7b4aff;
}
.ui-datepicker-header,
.ui-datepicker .ui-state-active {
  background-color: #3b39ff;
}
.swiper-pagination-bullet {
  background-color: #000;
}
.swiper-pagination-progressbar-fill,
.swiper-pagination-bullet-active {
  background-color: #000;
}
.bw-switch.on {
  background: #3b39ff;
}

.c-n {
  background-color: transparent;
}
.c-rd,
.c-rd-c > *,
.c-rd-cc > * > *,
.c-rd-h:hover,
.c-rd-h-c > *:hover {
  background-color: #ff2d03;
}
.c-og,
.c-og-c > *,
.c-og-cc > * > *,
.c-og-h:hover,
.c-og-h-c > *:hover {
  background-color: #c55a11;
}
.c-yl,
.c-yl-c > *,
.c-yl-cc > * > *,
.c-yl-h:hover,
.c-yl-h-c > *:hover {
  background-color: #fec671;
}
.c-gn,
.c-gn-c > *,
.c-gn-cc > * > *,
.c-gn-h:hover,
.c-gn-h-c > *:hover {
  background-color: #00c493;
}
.c-sk,
.c-sk-c > *,
.c-sk-cc > * > *,
.c-sk-h:hover,
.c-sk-h-c > *:hover {
  background-color: #36a4f3;
}
.c-bl,
.c-bl-c > *,
.c-bl-cc > * > *,
.c-bl-h:hover,
.c-bl-h-c > *:hover {
  background-color: #2e75b6;
}
.c-bk,
.c-bk-c > *,
.c-bk-cc > * > *,
.c-bk-h:hover,
.c-bk-h-c > *:hover {
  background-color: black;
}
.c-gd,
.c-gd-c > *,
.c-gd-cc > * > *,
.c-gd-h:hover,
.c-gd-h-c > *:hover {
  background-color: #b89968;
}
.c-wt,
.c-wt-c > *,
.c-wt-cc > * > *,
.c-wt-h:hover,
.c-wt-h-c > *:hover {
  background-color: white;
}
/*.bw-scrl #header .bw-progress{background-color:white;}*/
.c-gr1,
.c-gr1-c > *,
.c-gr1-cc > * > *,
.c-gr1-h:hover,
.c-gr1-h-c > *:hover {
  background-color: #444;
}
.c-gr2,
.c-gr2-c > *,
.c-gr2-cc > * > *,
.c-gr2-h:hover,
.c-gr2-h-c > *:hover {
  background-color: #888;
}
.c-gr3,
.c-gr3-c > *,
.c-gr3-cc > * > *,
.c-gr3-h:hover,
.c-gr3-h-c > *:hover {
  background-color: #d9d9d9;
}
.c-gr4,
.c-gr4-c > *,
.c-gr4-cc > * > *,
.c-gr4-h:hover,
.c-gr4-h-c > *:hover {
  background-color: #f7f7f7;
}
.c-bg,
.c-bg-c > *,
.c-bg-cc > * > *,
.c-bg-h:hover,
.c-bg-h-c > *:hover {
  background-color: #efefef;
}
.c-bg2,
.c-bg2-c > *,
.c-bg2-cc > * > *,
.c-bg2-h:hover,
.c-bg2-h-c > *:hover {
  background-color: #fafafa;
}

.c-kakao {
  background-color: #ffe03c;
}
.c-naver {
  background-color: #4dc83e;
}
.c-facebook {
  background-color: #385591;
}

.c-main,
.c-main-c > *,
.c-main-c > * > *,
.c-main-h:hover,
.c-main-h-c > *:hover {
  background-color: #f6f5ef;
}
.c-footer,
.c-footer-c > *,
.c-footer-c > * > *,
.c-footer-h:hover,
.c-footer-h-c > *:hover {
  background-color: #232323;
}
.c-c1,
.c-c1-c > *,
.c-c1-c > * > *,
.c-c1-h:hover,
.c-c1-h-c > *:hover,
.bw-scrl #header .logo_bar,
input[type="checkbox"]:checked + label:before,
input[type="checkbox"].after-chk:checked + label:after {
  background-color: #2fb5b6;
}
.c-c2,
.c-c2-c > *,
.c-c2-c > * > *,
.c-c2-h:hover,
.c-c2-h-c > *:hover {
  background-color: #2fb5a0;
}
.c-c3,
.c-c3-c > *,
.c-c3-c > * > *,
.c-c3-h:hover,
.c-c3-h-c > *:hover {
  background-color: #2fd1a0;
}
.c-c4,
.c-c4-c > *,
.c-c4-c > * > *,
.c-c4-h:hover,
.c-c4-h-c > *:hover {
  background-color: #314462;
}
.c-c5,
.c-c5-c > *,
.c-c5-c > * > *,
.c-c5-h:hover,
.c-c5-h-c > *:hover {
  background-color: #f4f4f6;
}
.c-c6,
.c-c6-c > *,
.c-c6-c > * > *,
.c-c6-h:hover,
.c-c6-h-c > *:hover {
  background-color: #eaf8f8;
}
.c-c7,
.c-c7-c > *,
.c-c7-c > * > *,
.c-c7-h:hover,
.c-c7-h-c > *:hover {
  background-color: #ff6880;
}
.c-c8,
.c-c8-c > *,
.c-c8-c > * > *,
.c-c8-h:hover,
.c-c8-h-c > *:hover {
  background-color: #00CEB6;
}
.c-c9,
.c-c9-c > *,
.c-c9-c > * > *,
.c-c9-h:hover,
.c-c9-h-c > *:hover {
  background-color: #00CECC;
}
.c-c0,
.c-c0-c > *,
.c-c0-c > * > *,
.c-c0-h:hover,
.c-c0-h-c > *:hover {
  background-color: #00EBCC;
}
.c-c11,
.c-c11-c > *,
.c-c11-c > * > *,
.c-c11-h:hover,
.c-c11-h-c > *:hover {
  background-color: #3e71fe;
}
.c-c12,
.c-c12-c > *,
.c-c12-c > * > *,
.c-c12-h:hover,
.c-c12-h-c > *:hover {
  background-color: #127fae;
}
.c-c13,
.c-c13-c > *,
.c-c13-c > * > *,
.c-c13-h:hover,
.c-c13-h-c > *:hover {
  background-color: #7b4aff;
}
.c-none,
.c-none-c > *,
.c-none-c > * > *,
.c-none-h:hover,
.c-none-h-c > *:hover {
  background-color: rgba(255, 255, 255, 0);
}

.ovl-l,
.ovl-l-c > *,
.ovl-l-cc > * > * {
  background-color: rgba(255, 255, 255, 0.95);
}
.ovl-l-d,
.ovl-l-d-c > *,
.ovl-l-d-cc > * > * {
  background-color: rgba(255, 255, 255, 0.7);
}
.ovl-d,
.ovl-d-c > *,
.ovl-d-cc > * > * {
  background-color: rgba(0, 0, 0, 0.7);
}
.ovl-gr,
.ovl-gr-c > *,
.ovl-gr-cc > * > * {
  background-color: rgba(0, 0, 0, 0.4);
}

.grd-1 {
  background: -webkit-linear-gradient(30deg, #4b00b7 30%, #6347f1 100%);
  background: -moz-linear-gradient(30deg, #4b00b7 30%, #6347f1 100%);
  background: -o-linear-gradient(30deg, #4b00b7 30%, #6347f1 100%);
  background: linear-gradient(30deg, #4b00b7 30%, #6347f1 100%);
}

.grd-v1 {
  background: -webkit-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  background: -moz-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
}