@charset "utf-8";

:root {
  --color-c1: #32367b;
  --color-c2: #191D56;
}

.f-bk,
.f-bk-h:hover,
.f-bk-h-c > *:hover {
  color: black;
}
.f-wt,
.f-wt-h:hover,
.f-wt-h-c > *:hover,
.btn-1{
  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: rgba(0,0,0,.6);
}
.f-gr3,
.f-gr3-h:hover,
.f-gr3-h-c > *:hover {
  color: rgba(0,0,0,.4);
}
.f-gr4,
.f-gr4-h:hover,
.f-gr4-h-c > *:hover {
  color: #c5c5c5;
}
.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: var(--color-c1);
}

.ui-datepicker .ui-state-active {
  background-color: #000;
}
.swiper-pagination-bullet {
  background-color: currentColor;
}
.swiper-pagination-progressbar-fill,
.swiper-pagination-bullet-active {
  background-color: currentColor;
}
.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,
input[type="checkbox"]:checked + label:before {
  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-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,
.btn-1{
  background-color: var(--color-c1);
}

.btn-1[disabled]{background-color:#E4E6EC;color:rgba(0,0,0,.4);}

.c-c1-5{
  background-color: rgba(50,54,123,.5);
}
.c-c2,
.c-c2-c > *,
.c-c2-c > * > *,
.c-c2-h:hover,
.c-c2-h-c > *:hover,
.btn-checkbox:checked + label {
  background-color: #dcdfed;
}
.c-c2-5,
.c-c2-5-c > *,
.c-c2-5-c > * > *,
.c-c2-5-h:hover,
.c-c2-5-h-c > *:hover {
  background-color: rgba(220, 223, 237, 0.5);
}
.c-c3,
.c-c3-c > *,
.c-c3-c > * > *,
.c-c3-h:hover,
.c-c3-h-c > *:hover {
  background-color: #f6efff;
}

.c-c4,
.c-c4-c > *,
.c-c4-c > * > *,
.c-c4-h:hover,
.c-c4-h-c > *:hover {
  background-color: rgba(245, 240, 187, 0.4);
}

.c-c5,
.c-c5-c > *,
.c-c5-c > * > *,
.c-c5-h:hover,
.c-c5-h-c > *:hover {
  background-color: #c4c4c4;
}

.c-c6,
.c-c6-c > *,
.c-c6-c > * > *,
.c-c6-h:hover,
.c-c6-h-c > *:hover {
  background-color: rgba(250, 239, 183, 0.2);
}

.ovl-l,
.ovl-l-c > *,
.ovl-l-cc > * > * {
  background-color: rgba(255, 255, 255, 0.95);
}
.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%
  );
}

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

@media screen and (max-width:767px){
  .c-wt-sm{background-color:#fff;}
}