@charset "utf-8";

:root {
  --color-c1: #ffbb00;
  --color-c2: #fff7df;
  --color-c3: #2d211e;

  --color-gr1: #494c4e;
  --color-gr2: #999;
  --color-gr3: #aaa;
  --color-gr4: #F8F9FC;

  --color-bg: #F8F9FC;

  --color-rd: #FB302E;
  --color-lrd: #fff2f2;
  --color-og: #FF7043;
  --color-yl: #ffbb00;
  --color-gn: #00c493;
  --color-bl: #1c73ff;

  --color-b: rgba(0,0,0,0.18);
}

.f-bk{color:black;}.f-wt{color:white;}.f-gr1{color:var(--color-gr1);}.f-gr2{color:var(--color-gr2);}.f-gr3{color:var(--color-gr3);}
.f-rd{color:var(--color-rd);}.f-og{color:var(--color-og);}.f-yl{color:#ffbb00;}.f-gn{color:#3ccb8d;}.f-bl{color:dodgerbl;}
.f-kakao{color:#3c1e20;}.f-naver{color:#4dc83e;}.f-facebook{color:#385591;}
.f-c1{color:#ffbb00;}

.ui-datepicker-header, .ui-datepicker .ui-state-active{background-color:#ffbb00;}
.swiper-pagination-progressbar-fill, .swiper-pagination-bullet-active,
.bw-switch.on{background:#ffbb00;}

.c-n{background-color:transparent;}
.c-rd, .c-rd-c > *{background-color:var(--color-rd);}
.c-og, .c-og-c > *{background-color:var(--color-og);}
.c-yl, .c-yl-c > *{background-color:var(--color-yl);}
.c-gn, .c-gn-c > *{background-color:var(--color-gn);}
.c-bl, .c-bl-c > *{background-color:var(--color-bl);}
.c-bk, .c-bk-c > *{background-color:black;}
.c-wt, .c-wt-c > *{background-color:white;}
.c-gr1, .c-gr1-c > *{background-color:var(--color-gr1);}
.c-gr2, .c-gr2-c > *{background-color:var(--color-gr2);}
.c-gr3, .c-gr3-c > *{background-color: var(--color-gr4);}

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

.c-c1, .c-c1-c > *, input[type="checkbox"]:checked + label:before{background-color: var(--color-c1);}
.c-c2, .c-c2-c > *{background-color: var(--color-c2);}
.c-c3, .c-c3-c > *{background-color: var(--color-c3);}

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

.grad-1{
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
	background:    -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
	background:      -o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
	background: 		    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
}

.grad-l1{
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:    -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:      -o-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: 		    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.btn-1{background-color:var(--color-c1);}
.btn-2{background-color:var(--color-c2);}
.btn-3{background-color:var(--color-c3);color:#fff;}

@media screen and (min-width: 1080px) {
  .f-mono1-hov:hover, .f-mono1-hov-c > *:hover{color:#000;}
  .f-mono2-hov:hover, .f-mono2-hov-c > *:hover{color:#666;}
  .f-mono3-hov:hover, .f-mono3-hov-c > *:hover{color:#ccc;}
  .f-d1-hov:hover, .f-d1-hov-c > *:hover{color:rgba(0,0,0,1);}
  .f-d2-hov:hover, .f-d2-hov-c > *:hover{color:rgba(0,0,0,0.6);}
  .f-d3-hov:hover, .f-d3-hov-c > *:hover{color:rgba(0,0,0,0.3);}
  .f-l1-hov:hover, .f-l1-hov-c > *:hover{color:rgba(255,255,255,1);}
  .f-l2-hov:hover, .f-l2-hov-c > *:hover{color:rgba(255,255,255,0.6);}
  .f-l3-hov:hover, .f-l3-hov-c > *:hover{color:rgba(255,255,255,0.3);}
  .f-c1-hov:hover, .f-c1-hov-c > *:hover{color:var(--color-c1);}

  .c-rd-hov:hover, .c-rd-hov-c > *:hover{background-color:var(--color-rd);}
  .c-og-hov:hover, .c-og-hov-c > *:hover{background-color:var(--color-og);}
  .c-yl-hov:hover, .c-yl-hov-c > *:hover{background-color:var(--color-c1);}
  .c-gn-hov:hover, .c-gn-hov-c > *:hover{background-color:var(--color-yl);}
  .c-bl-hov:hover, .c-bl-hov-c > *:hover{background-color:var(--color-bl);}
  .c-bk-hov:hover, .c-bk-hov-c > *:hover{background-color:black;}
  .c-wt-hov:hover, .c-wt-hov-c > *:hover{background-color:white;}
  .c-c1-hov:hover, .c-c1-hov-c > *:hover{background-color:var(--color-c1);}
  .c-c2-hov:hover, .c-c2-hov-c > *:hover{background-color:var(--color-c2);}
}

@media screen and (max-width: 1080px) {
  .f-mono1-hov:active, .f-mono1-hov-c > *:active{color:#000;}
  .f-mono2-hov:active, .f-mono2-hov-c > *:active{color:#666;}
  .f-mono3-hov:active, .f-mono3-hov-c > *:active{color:#ccc;}
  .f-d1-hov:active, .f-d1-hov-c > *:active{color:rgba(0,0,0,1);}
  .f-d2-hov:active, .f-d2-hov-c > *:active{color:rgba(0,0,0,0.6);}
  .f-d3-hov:active, .f-d3-hov-c > *:active{color:rgba(0,0,0,0.3);}
  .f-l1-hov:active, .f-l1-hov-c > *:active{color:rgba(255,255,255,1);}
  .f-l2-hov:active, .f-l2-hov-c > *:active{color:rgba(255,255,255,0.6);}
  .f-l3-hov:active, .f-l3-hov-c > *:active{color:rgba(255,255,255,0.3);}
  .f-c1-hov:active, .f-c1-hov-c > *:active{color:var(--color-c1);}

  .c-rd-hov:active, .c-rd-hov-c > *:active{background-color:var(--color-rd);}
  .c-og-hov:active, .c-og-hov-c > *:active{background-color:var(--color-og);}
  .c-yl-hov:active, .c-yl-hov-c > *:active{background-color:var(--color-c1);}
  .c-gn-hov:active, .c-gn-hov-c > *:active{background-color:var(--color-yl);}
  .c-bl-hov:active, .c-bl-hov-c > *:active{background-color:var(--color-bl);}
  .c-bk-hov:active, .c-bk-hov-c > *:active{background-color:black;}
  .c-wt-hov:active, .c-wt-hov-c > *:active{background-color:white;}
  .c-c1-hov:active, .c-c1-hov-c > *:active{background-color:var(--color-c1);}
  .c-c2-hov:active, .c-c2-hov-c > *:active{background-color:var(--color-c2);}
}