@charset "utf-8";

:root {
  --color-c1: #FF3351;
  --color-c2: #E7EDFF;
  --color-c3: #FFF3F5;

  --color-gr1: #646464;
  --color-gr2: #818181;
  --color-gr3: #bfbfbf;
  --color-gr4: #eaeaea;

  --color-bg: #F8F9FC;

  --color-rd: #FC2F56;
  --color-lrd: #FFEEF1;
  --color-og: #FF9606;
  --color-log: #FFF8F3;
  --color-yl: #FFD000;
  --color-lyl: #FFFAF2;
  --color-gn: #00D18D;
  --color-lgn: #F3FFF4;
  --color-bl: #366EFF;
  --color-lbl: #F1FBFF;
  --color-pk: #DD23A2;
  --color-lpk: #fff5f7;
  --color-cy:#1FD2CC;
  --color-lcy:#ECFFFE;
  --color-vi: #6630FF;
  --color-lvi: #F4F0FF;
  --color-bk: #000;

  --color-b: #D6D8DC;
}

.f-bk, .f-bk-h:hover, .f-bk-h-c > *:hover {color: #000;}
.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: var(--color-gr1);}
.f-gr2, .f-gr2-h:hover, .f-gr2-h-c > *:hover {color: var(--color-gr2);}
.f-gr3, .f-gr3-h:hover, .f-gr3-h-c > *:hover {color: var(--color-gr3);}
.f-gr4, .f-gr4-h:hover, .f-gr4-h-c > *:hover {color: var(--color-gr4);}
.f-b, .f-b-h:hover, .f-b-h-c > *:hover {color: var(--color-b);}
.f-rd, .f-rd-h:hover, .f-rd-h-c > *:hover {color: var(--color-rd);}
.f-og, .f-og-h:hover, .f-og-h-c > *:hover {color: var(--color-og);}
.f-yl, .f-yl-h:hover, .f-yl-h-c > *:hover {color: var(--color-yl);}
.f-gn, .f-gn-h:hover, .f-gn-h-c > *:hover {color: var(--color-gn);}
.f-bl, .f-bl-h:hover, .f-bl-h-c > *:hover {color: var(--color-bl);}
.f-pk, .f-pk-h:hover, .f-pk-h-c > *:hover {color: var(--color-pk);}
.f-cy, .f-cy-h:hover, .f-cy-h-c > *:hover {color: var(--color-cy);}
.f-vi, .f-vi-h:hover, .f-vi-h-c > *:hover {color: var(--color-vi);}
.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);}
.f-c2, .f-c2-h:hover, .f-c2-h-c > *:hover {color: var(--color-c2);}
.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-bk, .c-bk-c > *, .c-bk-cc > * > *, .c-bk-h:hover, .c-bk-h-c > *:hover,
input[type="checkbox"]:checked + label:before {background-color: #000;}
.c-rd, .c-rd-c > *, .c-rd-cc > * > *, .c-rd-h:hover, .c-rd-h-c > *:hover {background-color: var(--color-rd);}
.c-lrd, .c-lrd-c > *, .c-lrd-cc > * > *, .c-lrd-h:hover, .c-lrd-h-c > *:hover {background-color: var(--color-lrd);}
.c-og, .c-og-c > * > *, .c-og-h:hover, .c-og-h-c > *:hover {background-color: var(--color-og);}
.c-log, .c-log-c > *, .c-log-cc > * > *, .c-log-h:hover, .c-log-h-c > *:hover {background-color: var(--color-log);}
.c-yl, .c-yl-c > *, .c-yl-cc > * > *, .c-yl-h:hover, .c-yl-h-c > *:hover {background-color: var(--color-yl);}
.c-lyl, .c-lyl-c > *, .c-lyl-cc > * > *, .c-lyl-h:hover, .c-lyl-h-c > *:hover {background-color: var(--color-lyl);}
.c-gn, .c-gn-c > *, .c-gn-cc > * > *, .c-gn-h:hover, .c-gn-h-c > *:hover {background-color: var(--color-gn);}
.c-lgn, .c-lgn-c > *, .c-lgn-cc > * > *, .c-lgn-h:hover, .c-lgn-h-c > *:hover {background-color: var(--color-lgn);}
.c-bl, .c-bl-c > *, .c-bl-cc > * > *, .c-bl-h:hover, .c-bl-h-c > *:hover {background-color: var(--color-bl);}
.c-lbl, .c-lbl-c > *, .c-lbl-cc > * > *, .c-lbl-h:hover, .c-lbl-h-c > *:hover {background-color: var(--color-lbl);}
.c-pk, .c-pk-c > *, .c-pk-cc > * > *, .c-pk-h:hover, .c-pk-h-c > *:hover {background-color: var(--color-pk);}
.c-lpk, .c-lpk-c > *, .c-lpk-cc > * > *, .c-lpk-h:hover, .c-lpk-h-c > *:hover {background-color: var(--color-lpk);}
.c-cy, .c-cy-c > *, .c-cy-cc > * > *, .c-cy-h:hover, .c-cy-h-c > *:hover {background-color: var(--color-cy);}
.c-lcy, .c-lcy-c > *, .c-lcy-cc > * > *, .c-lcy-h:hover, .c-lcy-h-c > *:hover {background-color: var(--color-lcy);}
.c-vi, .c-vi-c > *, .c-vi-cc > * > *, .c-vi-h:hover, .c-vi-h-c > *:hover {background-color: var(--color-vi);}
.c-lvi, .c-lvi-c > *, .c-lvi-cc > * > *, .c-lvi-h:hover, .c-lvi-h-c > *:hover {background-color: var(--color-lvi);}
.c-wt, .c-wt-c > *, .c-wt-cc > * > *, .c-wt-h:hover, .c-wt-h-c > *:hover {background-color: white;}
.c-gr1, .c-gr1-c > *, .c-gr1-cc > * > *, .c-gr1-h:hover, .c-gr1-h-c > *:hover {background-color: var(--color-gr1);}
.c-gr2, .c-gr2-c > *, .c-gr2-cc > * > *, .c-gr2-h:hover, .c-gr2-h-c > *:hover {background-color: var(--color-gr2);}
.c-gr3, .c-gr3-c > *, .c-gr3-cc > * > *, .c-gr3-h:hover, .c-gr3-h-c > *:hover {background-color: var(--color-gr3);}
.c-gr4, .c-gr4-c > *, .c-gr4-cc > * > *, .c-gr4-h:hover, .c-gr4-h-c > *:hover {background-color: var(--color-gr4);}
.c-bg, .c-bg-c > *, .c-bg-cc > * > *, .c-bg-h:hover, .c-bg-h-c > *:hover {background-color: var(--color-bg);}
.c-kakao {background-color: #fee500;}
.c-naver {background-color: #60ca6c;}
.c-facebook {background-color: #385591;}
.c-c1, .c-c1-c > *, .c-c1-c > * > *, .c-c1-h:hover, .c-c1-h-c > *:hover {background-color: var(--color-c1);}
.c-c2, .c-c2-c > *, .c-c2-c > * > *, .c-c2-h:hover, .c-c2-h-c > *:hover {background-color: var(--color-c2);}
.c-c3, .c-c3-c > *, .c-c3-c > * > *, .c-c3-h:hover, .c-c3-h-c > *:hover {background-color: var(--color-c3);}
.ovl-l, .ovl-l-c > *, .ovl-l-cc > * > * {background-color: rgba(255, 255, 255, 0.1);}
.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);}
.ovl-c, .ovl-c-c > *, .ovl-c-cc > * > * {background-color: rgba(28, 127, 243, 0.8);}
.grd-1 {background: -webkit-linear-gradient(30deg, #621AFF 0%, #4A36FC 100%);
  background: -moz-linear-gradient(30deg, #621AFF 0%, #4A36FC 100%);
  background: -o-linear-gradient(30deg, #621AFF 0%, #4A36FC 100%);
  background: linear-gradient(30deg, #621AFF 0%, #4A36FC 100%);}
.grd-v1 {background: rgb(110, 110, 110);
  background: -moz-radial-gradient(
    circle,
    rgba(110, 110, 110, 1) 0%,
    rgba(82, 82, 82, 1) 100%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(110, 110, 110, 1) 0%,
    rgba(82, 82, 82, 1) 100%
  );
  background: radial-gradient(
    circle,
    rgba(110, 110, 110, 1) 0%,
    rgba(82, 82, 82, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6e6e6e", endColorstr="#525252", GradientType=1);}
.grd-v2 {background: rgb(89, 89, 89);
  background: -moz-radial-gradient(
    circle,
    rgba(89, 89, 89, 1) 0%,
    rgba(48, 48, 48, 1) 100%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(89, 89, 89, 1) 0%,
    rgba(48, 48, 48, 1) 100%
  );
  background: radial-gradient(
    circle,
    rgba(89, 89, 89, 1) 0%,
    rgba(48, 48, 48, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959", endColorstr="#303030", GradientType=1);}
@media screen and (max-width: 768px) {.c-wt-c > *{background-color:white;}
  .c-n-sm{background-color:transparent;}}