/* inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
/* @@@@@@@@ */
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"), url(/_next/static/media/Pretendard-Black.d587d1c1.woff2) format("woff2"), url(/_next/static/media/Pretendard-Black.8a5842ed.woff) format("woff"), url(/_next/static/media/Pretendard-Black.29bdc60f.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"), url(/_next/static/media/Pretendard-ExtraBold.41b9b3ec.woff2) format("woff2"), url(/_next/static/media/Pretendard-ExtraBold.575473ea.woff) format("woff"), url(/_next/static/media/Pretendard-ExtraBold.beae1eed.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url(/_next/static/media/Pretendard-Bold.81b352a4.woff2) format("woff2"), url(/_next/static/media/Pretendard-Bold.5d76ef66.woff) format("woff"), url(/_next/static/media/Pretendard-Bold.63f44d36.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url(/_next/static/media/Pretendard-SemiBold.eb9adf80.woff2) format("woff2"), url(/_next/static/media/Pretendard-SemiBold.6d48a5f3.woff) format("woff"), url(/_next/static/media/Pretendard-SemiBold.078ed097.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url(/_next/static/media/Pretendard-Medium.fba9d678.woff2) format("woff2"), url(/_next/static/media/Pretendard-Medium.e750b571.woff) format("woff"), url(/_next/static/media/Pretendard-Medium.95684b27.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url(/_next/static/media/Pretendard-Regular.90312500.woff2) format("woff2"), url(/_next/static/media/Pretendard-Regular.832fda20.woff) format("woff"), url(/_next/static/media/Pretendard-Regular.6f4ca084.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"), url(/_next/static/media/Pretendard-Light.ed42d1b5.woff2) format("woff2"), url(/_next/static/media/Pretendard-Light.28a64f0a.woff) format("woff"), url(/_next/static/media/Pretendard-Light.4c4010ae.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"), url(/_next/static/media/Pretendard-ExtraLight.e52907b7.woff2) format("woff2"), url(/_next/static/media/Pretendard-ExtraLight.ed543d43.woff) format("woff"), url(/_next/static/media/Pretendard-ExtraLight.28d73697.otf) format("otf");
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"), url(/_next/static/media/Pretendard-Thin.d83e92f0.woff2) format("woff2"), url(/_next/static/media/Pretendard-Thin.9e786686.woff) format("woff"), url(/_next/static/media/Pretendard-Thin.001494ae.otf) format("otf");
  }

:root {
    --cr-co01:#fff0eb; --cr-r01:#ffebe9; --cr-pk01:#ffeff7;
    --cr-co02:#ffd6cc; --cr-r02:#ffcecb; --cr-pk02:#ffd3eb;
    --cr-co03:#ffb4a1; --cr-r03:#ffaba8; --cr-pk03:#ffadda;
    --cr-co04:#fd8c73; --cr-r04:#ff8182; --cr-pk04:#ff80c8;
    --cr-co05:#ec6547; --cr-r05:#fa4549; --cr-pk05:#e85aad;
    --cr-co06:#c4432b; --cr-r06:#cf222e; --cr-pk06:#bf3989;
    --cr-co07:#9e2f1c; --cr-r07:#a40e26; --cr-pk07:#99286e;
    --cr-co08:#801f0f; --cr-r08:#82071e; --cr-pk08:#772057;
    --cr-co09:#691105; --cr-r09:#660018; --cr-pk09:#611347;
    --cr-co10:#510901; --cr-r10:#4c0014; --cr-pk10:#4d0336;

    --cr-or01:#fff1e5; --cr-y01:#fff8c5; --cr-gr01:#dafbe1;
    --cr-or02:#ffd8b5; --cr-y02:#fae17d; --cr-gr02:#aceebb;
    --cr-or03:#ffb77c; --cr-y03:#eac54f; --cr-gr03:#6fdd8b;
    --cr-or04:#fb8f44; --cr-y04:#d4a72c; --cr-gr04:#4ac26b;
    --cr-or05:#e16f24; --cr-y05:#bf8700; --cr-gr05:#2da44e;
    --cr-or06:#bc4c00; --cr-y06:#9a6700; --cr-gr06:#1a7f37;
    --cr-or07:#953800; --cr-y07:#7d4e00; --cr-gr07:#116329;
    --cr-or08:#762c00; --cr-y08:#633c01; --cr-gr08:#044f1e;
    --cr-or09:#5c2200; --cr-y09:#4d2d00; --cr-gr09:#003d16;
    --cr-or10:#471700; --cr-y10:#3b2300; --cr-gr10:#002d11;

    --cr-p01:#fbefff; --cr-b01:#ddf4ff; --cr-g01:#f6f8fa;
    --cr-p02:#ecd8ff; --cr-b02:#b6e3ff; --cr-g02:#E5E5E4;
    --cr-p03:#d8b9ff; --cr-b03:#80ccff; --cr-g03:#d0d7de; --cr-g03a:#C0C0C0;
    --cr-p04:#c297ff; --cr-b04:#54aeff; --cr-g04:#afb8c1;
    --cr-p05:#a475f9; --cr-b05:#218bff; --cr-g05:#898989;
    --cr-p06:#8250df; --cr-b06:#0969da; --cr-g06:#6e7781;
    --cr-p07:#6639ba; --cr-b07:#0550ae; --cr-g07:#57606a;
    --cr-p08:#512a97; --cr-b08:#033d8b; --cr-g08:#424a53;
    --cr-p09:#3e1f79; --cr-b09:#0a3069; --cr-g09:#32383f;
    --cr-p10:#2e1461; --cr-b10:#002155; --cr-g10:#24292f;

    --cr-bk00: #000000;
    --cr-bk01: #111111;
    --cr-bk02: #222222;
    --cr-bk03: #333333;
    --cr-bk04: #444444;
    --cr-bk05: #555555;
    --cr-bk06: #666666;
    
    /* --cr-btn-primary: linear-gradient(90deg, #A7A4E0 0%, #625DCA 100%); */
    --cr-btn-primary: #625DCA;
    --cr-btn-verify: #A3A3C1;
    --cr-primary: #A3A3C1;
    --cr-primary2: #A7A4E0;
    --cr-primary-selected: #A3A3C1;
    --cr-type01: #D09FE6;
    --cr-type02: #7DB1E3;
    --cr-type03: #8F7BE0;
}
:root {
  --cr-jisoo100:#E9E9F0;
  --cr-jisoo200:#C7C7DA;
  --cr-jisoo300:#A3A3C1;
  --cr-jisoo400:#807FAC;
  --cr-jisoo500:#6763A0;
  --cr-jisoo600:#4F4894;
  --cr-jisoo700:#49418B;
  --cr-jisoo800:#41377F;
  --cr-jisoo900:#392D74;
  --cr-jisoo1000:#242447;
  --cr-jisoo1100:#1F1F32;
  --cr-jisoo1200:#0D0D11;
  
  /* --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:;
  --cr-grey100:; */
}

:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
    --safe-area-inset-right: env(safe-area-inset-right);
    
    --fs-h1: 32px;
    --fs-h2: 24px;
    --fs-h3: 20px;
    --fs-h3a: 18px;
    --fs-h4: 16px;
    --fs-h5: 14px;
    --fs-h6: 12px;

    --pd-side: 20px;

    --layout-pd-top: calc(var(--header-sub-height) + 20px);
}
*{
  margin: 0; 
  padding: 0;
  box-sizing: border-box;
  word-break: break-word;
  font-family: "Inter", "Pretendard";
  font-optical-sizing: auto;
  font-style: normal;

  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */ /* IE 10+ */
  user-select: none; /* 표준 문법 */
}

input {
  /* 25/02/24 - iOS 특정 기기에서 터치 안먹는 버그가 있음 by yjh */
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
       user-select: auto !important;
}

/* 한글 문자에 대해 Pretendard 적용 */
:lang(ko) {
  font-family: "Pretendard", "Inter";
}

.h1{font-size: var(--fs-h1);}
.h2{font-size: var(--fs-h2);}
.h3{font-size: var(--fs-h3);}
.h4{font-size: var(--fs-h4);}
.h5{font-size: var(--fs-h5);}
.h6{font-size: var(--fs-h6);}

.iconSvg{display: flex;flex-direction: column;align-items: center;justify-content: center;}

@media all and (max-width: 380px) {
  :root {
    --fs-h1: 22px;
    --fs-h2: 18px;
    --fs-h3: 16px;
    --fs-h3a: 14px;
    --fs-h4: 13px;
    --fs-h5: 12px;
    --fs-h6: 11px;

    --pd-side: 16px;
  }
}

.splash{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #000;background-image: url("/image/bg_loading.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;}
.splash__logo{width: 180px;height: 72px;}
.splash__logo img{width: 100%;height: 100%;}
.pointer-event-none{pointer-events: none !important;}

:root {
  --header-sub-height:calc(52px + var(--safe-area-inset-top) );
}
.header__sub{position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
.header__sub_wrap{height: var(--header-sub-height);background: #000;z-index: 1000;padding: 0 var(--pd-side);display: flex;align-items: center;justify-content: space-between;}
.header__sub_tit{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.header__sub_l{display: flex;align-items: center;justify-content: center;}
.header__sub_back{width: 32px;height: 32px;cursor: pointer;position: relative;border-radius: 50%;background-color: rgba(255,255,255,0.1);}
.header__sub_back span{width: 8px;height: 8px;position: absolute;top: 50%;left: 50%;transform: translate(-25%,-50%) rotate(45deg);border: 1px solid #fff;border-width: 0 0 1px 1px;}
.header__sub_back img{display: block;width: 100%;height: 100%;}
.header__sub_close{position: relative;width: 32px;height: 32px;cursor: pointer;border-radius: 50%;background-color: rgba(255,255,255,0.1);}
.header__sub_close span{width: 50%;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);background-color: var(--cr-g09);}
.header__sub_close span:last-child{transform: translate(-50%,-50%)  rotate(-45deg);}

.dark .header__sub_close {filter: invert(1);}

.header__sub_more{width: 32px;height: 32px;cursor: pointer;position: relative;border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.header__sub.white .header__sub_back span{border-color: #fff;}
.header__sub.white .header__sub_wrap{background-color: rgba(255,255,255,1);}
.header__sub.white .header__sub_tit{color: #000;}
.header__sub.white .header__sub_back{background-color: rgba(0,0,0,0.1);}
.header__sub.white .header__sub_back span{border-color: #000;}
.header__sub.white .header__sub_more svg path{fill: #000;}


html.light .header__sub_wrap{background-color: var(--cr-neu-key01);}
html.light .header__sub_tit{color: #fff;}
html.light .header__sub_back{background-color: rgba(255,255,255,0);}
html.light .header__sub_back span{border-color: #fff;}
html.light .header__sub_more svg path{fill: #fff;}

html.light .user .header__sub_wrap{background-color: #fff;}
html.light .user .header__sub_tit{color: #000;}
html.light .user .header__sub_back{background-color: rgba(0,0,0,0);}
html.light .user .header__sub_back span{border-color: #000;}
html.light .user .header__sub_more svg path{fill: #fff;}
html.light .forgot__cont .header__sub_wrap{background-color: #fff;}
html.light .forgot__cont .header__sub_tit{color: #000;}
html.light .forgot__cont .header__sub_back{background-color: rgba(0,0,0,0);}
html.light .forgot__cont .header__sub_back span{border-color: #000;}
html.light .forgot__cont .header__sub_more svg path{fill: #fff;}
/* html.light .pushnoti .header__sub_wrap{background-color: #fff;}
html.light .pushnoti .header__sub_tit{color: #000;}
html.light .pushnoti .header__sub_back{background-color: rgba(0,0,0,0.1);}
html.light .pushnoti .header__sub_back span{border-color: #000;}
html.light .pushnoti .header__sub_more svg path{fill: #fff;} */
/* form ============================================= */
:root {
  --formGap: 16px;
  --formGap2: 24px;
  --formGroupGap: 8px;
  --formInputHeight: 50px;
  --formInputPadding: 20px;
  --formInputRadius: 14px;
  --formMaxWidth: 370px;
  --formButtonRadius: 14px;
  --formButtonHeight: 60px;
  --formCheckRadius: 4px;
  --formCheckHeight: 16px;
  --formCheckWidth: 16px;
}
.form__error{font-size: var(--fs-h6);color: var(--cr-r05);font-weight: 400;margin-top: 0.5em;}
/* .login__cont{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding:0 var(--pd-side);background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%), linear-gradient(180deg, rgba(0, 17, 19, 0.00) 0%, #001113 100%);flex-direction: column;gap: 40px;} */
.login__cont{display: flex;align-items: center;justify-content: flex-end;width: 100%;margin-top:29vh;height: calc(100% - 29vh);padding:0 var(--pd-side);background: linear-gradient(180deg, rgba(227, 209, 223, 0.00) 0%, #E3D1DF 100%), linear-gradient(180deg, rgba(227, 209, 223, 0.00) 0%, #E3D1DF 100%);flex-direction: column;gap: 6vh;}
/* .login__title{display: flex;flex-direction: column;align-items: center;justify-content: center; padding-top: 50px; margin: auto;} */
.login__title{display: flex;flex-direction: column;align-items: center;justify-content: center; padding-top: 0px; margin: 0px;}
.login__title_logo{width: 180px;height: 72px;}
.login__title_logo img{width: 100%;height: 100%;}
.login__title_txt{display: none;flex-direction: column;align-items: center;justify-content: center;margin-top: 6vh;text-align: center;}
.login__title_txt01{font-size: var(--fs-h1);font-weight: 700;color: #fff;}
.login__title_txt02{font-size: var(--fs-h4);font-weight: 400;color: var(--cr-g05);margin-top: 0.5em;}
/* .login__form{max-width: var(--formMaxWidth);width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:16px;margin-bottom: 50px;} */
.login__form{max-width: var(--formMaxWidth);width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:16px;margin-bottom: 7vh;}
.login__lang_change {
  /* position: absolute;
  top: var(--header-sub-height);
  right: 10px; */
  height: 24px;

  display: flex;
  align-items: center;
  gap: 8px;

  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.login__lang_change img {
  height: 100%;
}

.form__groupList{display: flex;flex-direction: column;gap: var(--formGap2);}
.form__group{display: flex;flex-direction: column;gap: var(--formGroupGap);width: 100%;}
.form__label{font-size: var(--fs-h5);font-weight: 400;color: var(--cr-g09);}
.form__input{width: 100%;}
.form__input.grid2{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: var(--formGap);gap: var(--formGap);}
.form__input.grid3{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: var(--formGap);gap: var(--formGap);}
.form__input.address{display: flex;flex-direction: column;gap: var(--formGap);}
.form__input.withVerify{display: flex;gap: var(--formGap);}
.form__input.withVerify .form-input{width: calc(100% - 110px - var(--formGap));}
.form__check{display: flex;align-items: center;gap: 8px;}
.form__alert{font-size: var(--fs-h6);font-weight: 400;color: var(--cr-primary);}
.form__alert .red{color: var(--cr-r06);}
.form__group .semi{max-width: 110px;width: 100%;}

.form__agreement{display: flex;flex-direction: column;gap: 6px;margin-top: var(--formGap2);}
.form__agreement_line{width: 100%;height: 1px;background: var(--cr-g02);}
.form__agreement_item{display: flex;gap: 10px;align-items: center;}
.form__agreement_item .primary {color: var(--cr-primary);}
.form__agreement_item.optional .form__label{color: var(--cr-g05);}
.form__agreement_item .form-input-check{border-radius: 50%;border: 2px solid var(--cr-g04);background-color: #fff;width: 20px;}
.form__agreement_item .form__agreement_itemlabel{width: calc(100% - 20px - 10px);display: flex;justify-content: space-between;}
.form__agreement_item .form__agreement_itemlabel label{font-weight: 500;}
.form__agreement_item .form__agreement_itemlink{width: 24px;height: 24px;display: block;cursor: pointer;}
.form__agreement_item .form__agreement_itemlink img{width: 100%;height: 100%;}
.form__agreement_item .form-input-check.checked{border: 2px solid var(--cr-primary);background-color: var(--cr-primary);}
.form__agreement_item .form-input-check input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__submit{width: 100%;margin-top: 34px;}
@media all and (max-width: 380px) {
  .login__title_logo{width: 130px;height: 52px;}
}
/* .login__cont .form__label{color: var(--cr-g04);font-size: var(--fs-h5);font-weight: 300;} */
.login__cont .form__label{color: #A6A5A5;font-size: var(--fs-h5);font-weight: 400;}
.login__cont .form__footer{color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: var(--fs-h5);gap: 1em;}
.login__cont .form__footerLink{font-weight: 400;color: #777;display: flex;gap: 0.25em;}
.login__cont .form__footerLinkBtn{color: var(--cr-primary);font-weight: 600;cursor: pointer;}
.login__cont .form__footerLink a{color: var(--cr-primary);}
.login__cont .form__footerForgot{color: var(--cr-g05);text-decoration: underline;cursor: pointer; font-size: 14px;}
.login__cont .form__submit{margin-top: 14px;}
.login__cont .login_input input {
  border: 1px solid var(--Grey-Grey-1200, #898989) !important;
  background-color: transparent !important;
  -webkit-box-shadow: inset 0 0 0 1000px transparent !important;
}
.login__cont .login_input input::placeholder {
  color: #A6A5A5 !important;
}
.login__cont .login_input_check .form-input-check {
  border: 1px solid var(--Grey-Grey-1200, #898989) !important;
}
.login__cont .login_input_check input {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-color: transparent !important;
}
.login__cont .form__footer2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.intro{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #000;background-image: url("/image/bg_loading_2.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}
/* .intro{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #000;background-size: cover;background-position: center;background-repeat: no-repeat;} */
.light .form-input-textarea textarea, 
.light .form-input-pw input, 
/* .light .form-input-text input{color: #fff;} */
.light .form-input-text input{color: #000;}

.whiteForm .form-input-textarea textarea, 
.whiteForm .form-input-pw input, 
.whiteForm .form-input-text input{color: #000;}


:root{
  --btn-large-height:60px;
  --btn-xsmall-height:22px;
  --btn-radius: 14px;
  --btn-small-radius: 4px;
  --btn-medium-height: 46px;
}
.btn{display: flex;align-items: center;justify-content: center;}
.btn.large{height: var(--btn-large-height);border-radius: var(--btn-radius);}
.btn.medium{height: var(--btn-medium-height);border-radius: var(--btn-radius);font-size: var(--fs-h5);}
.btn.small{height: var(--btn-xsmall-height);font-size: var(--fs-h6);font-weight: 400;color: var(--cr-g05);font-size: var(--fs-h6);}
/* .btn.primary{background: var(--cr-btn-primary);color: #fff;} */
.btn.primary{background: var(--cr-primary);color: #fff;}
.btn.verify{background: var(--cr-btn-verify);color: #fff;}
.btn.pointer{cursor: pointer;}
.btn.secondary{border: 1px solid var(--cr-primary);color: var(--cr-primary);background-color: #fff;}

.btn.radius{border-radius: var(--btn-radius);}
.btn.small.radius{border-radius: var(--btn-small-radius);}
@media all and (max-width: 380px) {
  :root{
    --btn-large-height:50px;
    --btn-radius: 12px;
  }
}

:root {
  --alert-icon-width: 80px;
  --alert-agree-gap: 28px;
  --alert-icon-logo-width: 90px;
  --alert-icon-logo-height: 36px;
}
.pop__alert{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: 10;}
.pop__alertBg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.pop__alertCont{position: relative;z-index: 10;width: 330px;background: #fff;border-radius: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 20px 20px;text-align: center;max-width: 90%;}
.pop__alertIcon{width: var(--alert-icon-width);height: var(--alert-icon-width);}
.pop__alertIcon img{width: 100%;height: 100%;}
.pop__alertIcon.logo{width: var(--alert-icon-logo-width);height: var(--alert-icon-logo-height);margin-bottom: 20px;}
.pop__alertTxt01{font-size: var(--fs-h3a);font-weight: 700;color: var(--cr-g09);margin-top: 1em;}
.pop__alertTxt02{font-size: var(--fs-h5);font-weight: 400;color: var(--cr-g06);line-height: 1.5;margin-top: 0.5em;}
.pop__alertTxt03{margin-top: 0.5em;}
.pop__alertTxt03.primary{color: var(--cr-primary);}
.pop__alertBtnList{display: flex;gap: 20px;width: 100%;}
.pop__alertBtn{width: 100%;height: 40px;background: var(--cr-primary);color: #fff;border-radius: 14px;display: flex;align-items: center;justify-content: center;margin-top: 34px;}
.pop__lang_list{width: 100%;display: flex;flex-direction: column;gap: 30px;margin-top: 30px;}
.pop__lang_item{color: #000;width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: var(--fs-h4);cursor: pointer;}
.pop__lang_item.active{color: var(--cr-primary) !important;}
.pop__lang_item.active span{display: block;width: 0.5em;height: 0.75em;border: solid var(--cr-primary);transform: translateY(-25%) rotate(45deg);border-width: 0 2px 2px 0 ;}

.pop__alert_agree01{font-size: var(--fs-h3a);font-weight: 700;color: var(--cr-g09);text-align: left;width: 100%;letter-spacing: -0.03em;}
.pop__alert_agree02{display: flex;flex-direction: column;gap: 1em;margin-top: var(--alert-agree-gap);width: 100%;}
.pop__alert_agree02_item{display: flex;align-items: center;justify-content: center;gap: calc(var(--alert-agree-gap)*0.8);}
.pop__alert_agree02_itemIcon{width:  36px;height: 36px;display: block;}
.pop__alert_agree02_itemTxt{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;font-size: var(--fs-h6);font-weight: 400;color: var(--cr-g06);width: calc(100% - 36px - var(--alert-agree-gap)*0.8);text-align: left;}
.pop__alert_agree02_itemTxt01{font-size: var(--fs-h5);font-weight: 400;color: var(--cr-g08);}
.pop__alert_agree02_itemTxt02{font-size: var(--fs-h6);font-weight: 400;color: var(--cr-g05);}
.pop__alert_agree03{letter-spacing: -0.05em;}
.pop__alert_agree03_item{display: flex;margin-top: 1em;font-size: var(--fs-h6);color: var(--cr-g06);text-align: left;align-items: flex-start;}
.pop__alert_agree03_itemSpan{width: 4px;height: 4px;border-radius: 50%;background: var(--cr-g06);margin: 0.5em;}
.pop__alert_agree03_itemTxt{font-size: var(--fs-h6);font-weight: 400;color: var(--cr-g06);text-align: left;width: calc(100% - 4px - 1em);}

.pop__alertBtnList2{gap: 10px;flex-direction: column; margin-top: 34px;}
.pop__alertBtnList2 .pop__alertBtn {margin-top: 0px;}

html.dark .pop__alertCont {background-color: #383838;}
html.dark .pop__alertTxt01 {color: #F4F5F8;}
html.dark .pop__lang_item {color: #F4F5F8;}

/* signup ============================================= */
.signup__cont{padding: var(--safe-area-inset-top) var(--pd-side) calc(var(--safe-area-inset-bottom) + 50px);background-color: #fff;min-height: 100vh;color: #000;position: 'relative';}
.signup__cont input{background-color: #fff;}
.signup__top{display: flex;justify-content: space-between;width: 100%;padding-top: var(--pd-side);}
.signup__back{width: 28px;height: 28px;cursor: pointer; min-width: 28px;}
.signup__back img{display: block;width: 100%;height: 100%;}
.signup__title_txt01{display: flex;align-items: center;gap: 0.33em;color: var(--cr-primary);font-size: var(--fs-h3);}
.signup__title_txt01 img{height: 24px;width: auto;}
.signup__title_txt02{font-size: var(--fs-h4);font-weight: 400;color: var(--cr-g07);margin-top: 0.5em;margin-top: 0.5em;}
.signup__form{margin-top: 36px;}
.signup__form .form__submit{margin-top: 10px;}

/* html.dark .signup__cont.agreement {filter: invert(1);} */

/* forgot ============================================= */
.forgot__cont{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding:0 var(--pd-side);flex-direction: column;position: fixed;background-color: #fff;}
.forgot__cont .signup__form{width: 100%;}
.forgot__title{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;text-align: left;width: 100%;max-width: var(--formMaxWidth);}
.forgot__title01{font-size: var(--fs-h1);font-weight: 700;color: var(--cr-g09);}
.forgot__title02{font-size: var(--fs-h4);font-weight: 400;color: var(--cr-g07);margin-top: 1em;}
.forgot__form{max-width: var(--formMaxWidth);width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:var(--formGap2);margin-top: 44px;}
.forgot__form .form__submit{margin-top: 10px;}
.forgot__cont .form__footerLink{color: var(--cr-g07);display: flex;gap: 0.25em;}
.forgot__cont .form__footerLinkBtn{color: var(--cr-primary);font-weight: 600;cursor: pointer;}

/* agreement ============================================= */
.agreement{word-break: break-all;width: 100%;max-width: 100vw;}
.agreement__title{font-size: var(--fs-h3);font-weight: 700;color: var(--cr-g09);margin-top: 1em;}
.agreement__content *{word-break: break-all;line-height: 1.5;}

/* setting ============================================= */
.setting__cont{background-color: #fff;color: #000;}
.setting__figlist{display: flex;flex-direction: column;gap: 24px;}
.setting__fig{display: flex;flex-direction: column;width: 100%;}
.setting__tit{font-size: var(--fs-h5);color: var(--cr-g09);margin-bottom: 0.33em;}
.setting__list{display: flex;flex-direction: column;gap: 8px;font-size: var(--fs-h4);}
.setting__item{display: flex;align-items: center;height: 50px;border-radius: 14px;border: 1px solid var(--cr-g02);padding: 0 20px;justify-content: space-between;}
.setting__item .arr{display: flex;position: relative;width: 24px;height: 24px;}
.setting__item .arr:before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-75%,-50%) rotate(45deg);width: 8px;height: 8px;border-top: 2px solid var(--cr-g04);border-right: 2px solid var(--cr-g04);}
.setting__key{color: var(--cr-g07);}
.setting__val{color: var(--cr-g09);}
.setting__val.primary{color: var(--cr-primary);}
.setting__val.red{color: var(--cr-r05) !important;}
.setting__val.theme{text-transform: capitalize;}
html.dark .setting__item{border-color: var(--cr-g07);}
.user.setting{display: flex;align-items: center;justify-content: center;}
.user.setting .user__layout{width: 100%;}
.setting_toggle_input{display: flex;width: 36px;height: 20px;position: relative;border-radius: 36px;cursor: pointer;background-color: var(--cr-neu-grey100);}
.setting_toggle_input span{width: 16px;height: 16px;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;transform: translateX(calc(0% + 2px)) translateY(-50%);left: 0;}
.setting_toggle_input.active{background-color: var(--cr-neu-key01);}
.setting_toggle_input.active span{left: 100%;transform: translateX(calc(-100% - 2px)) translateY(-50%);}
/* schedule ============================================= */
:root {
  --schedule-week-gap: 12px;
  --schedule-list-gap: 20px;
  --schedule-item-padding: 14px;
  --schedule-top-height: 86px;
}
.schedule__layout{width: 100%;min-height: 100vh;padding-top: var(--header-sub-height);display: flex;align-items: stretch;overflow: hidden;max-height: 100vh;}
.schedule__cont{width: 100%;display: flex;align-items: stretch;flex-wrap: wrap;background: linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);}
.schedule__body{border-radius: 30px 30px 0 0;overflow: hidden;width: 100%;height: calc(100% - var(--schedule-top-height));overflow: hidden;max-height: calc(100% - var(--schedule-top-height));}
.schedule__top{display: flex;justify-content: space-between;padding: 20px var(--pd-side) 24px;width: 100%;height: var(--schedule-top-height);}
.schedule__top_l{display: flex;align-items: center;}
.schedule__top_thisdate{display: flex;align-items: center;gap: 4px;justify-content: center;position: relative;height: 100%;}
.schedule__top_thisdate_day{font-size: 50px;font-weight: 700;color: #fff;}
.schedule__top_thisdate_day2{display: flex;width: unset;line-height: 1.5;font-size: var(--fs-h2);}
.schedule__top_thisdate_day2 span{display: block;width: 5px;}
.schedule__top_thisdate_more{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 4px;line-height: 1;}
.schedule__top_thisdate_week{font-size: var(--fs-h4);font-weight: 400;color: var(--cr-g04);}
.schedule__top_thisdate_monthyear{font-size: var(--fs-h4);font-weight: 400;color: var(--cr-g04);}

.schedule__week{display: flex;gap: var(--schedule-week-gap);align-items: center;padding: 0 var(--pd-side);background: var(--cr-neu-b200);justify-content: center;border-bottom: 1px solid var(--cr-g08);height: 104px;border-radius: 30px 30px 0 0;}
.schedule__week .swiper-slide{padding: 10px 0 0;}
.schedule__week_slide{width: 100%;display: flex;justify-content: space-between;}
.schedule__week_item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;width: 100%;max-width: 45px;cursor: pointer;border-radius: 12px;padding: 12px 0 14px;font-size: var(--fs-h3a);position: relative;}
.schedule__week_item.active{background: #a3a3c181;}

.schedule_red {color:#EA4444 !important;}
.schedule_blue {color:#1C8EB4 !important;}
/* .schedule__week_item.today{background: var(--cr-primary);} */
.schedule__week_day{color: #BCC1CD;font-size: var(--fs-h5);text-align-last: center;}
.schedule__week_item.active .schedule__week_day{color: #fff;}
.schedule__week_item.today .schedule__week_day{color: #fff;}
.schedule__week_date{font-weight: 700;text-align: center;}
.schedule__week_hasSchedule{position: inherit;position: absolute;bottom: 7px;left: 50%;transform: translateX(-50%);width: 1em;height: 4px;border-radius: 4px;background: #A3A3C1;}
.schedule__week_item.today .schedule__week_hasSchedule{background: #fff;}
.schedule__week_item:not(.hasSchedule) .schedule__week_hasSchedule{display: none;}
.schedule__top_thisDate_input input{position: absolute;opacity: 0;overflow: hidden;top: 0%;left: 0;width: 100%;height: 100%;}
.schedule__top_thisDate_icon path{fill: #fff;}

.schedule__list{display: flex;flex-direction: column;gap: var(--schedule-list-gap);padding: 24px var(--pd-side);background-color: var(--cr-neu-b200);overflow: auto;height: calc(100% - 100px);}
.schedule__item{display: flex;flex-direction: column;padding: var(--schedule-item-padding);border-radius: 12px;position: relative;
  box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.30) inset, 2px 2px 6px 0px rgba(59, 65, 72, 0.25) inset, -6px -6px 18px 0px rgba(71, 76, 83, 0.90), 6px 6px 12px 0px rgba(0, 0, 0, 0.65);
}
.schedule__list .noschedule{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: var(--fs-h3a);color: var(--cr-g04);margin-top: 2em;}
.schedule__item_click{cursor: pointer;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.schedule__item.open{background: #292D32;}
.schedule__item_top{display: flex;flex-direction: column;gap: 8px;position: relative;}
.schedule__item.open .schedule__item_top{padding-bottom: var(--fs-h3a);}
.schedule__item_info{display: flex;align-items: center;gap: 8px;justify-content: space-between;font-size: var(--fs-h6);color: var(--cr-g04);margin-bottom: 8px;}
.schedule__item_user{display: flex;align-items: center;gap: 8px;}
.schedule__item_title{font-size: var(--fs-h3a);color: #fff;}
.schedule__item_desc{border-top: 1px solid var(--cr-neu-grey900);padding-top: var(--schedule-item-padding);font-size: var(--fs-h5);color: #fff;line-height: 1.5;}
.schedule__item_desc a{color: #fff;}
.schedule__item_type{position: relative;cursor: pointer;}
.schedule__item:not(.open) .schedule__item_desc{display: none;}
.schedule__item:not(.open) .schedule__item_type{display: none;}
.schedule__item:not(.open) .schedule__item_title{
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.schedule__item_thumb{display: block;width: 16px;height: 16px;border-radius: 50%;overflow: hidden;}
.schedule__today{position: fixed;z-index: 1;bottom: clamp(30px, 8vh, 80px);left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;gap: 5px;border-radius: 100px;background-color: #fff;color: #000;font-size: var(--fs-h4);line-height: 1;padding: 0.5em 0.75em;}
html.light .schedule__list{background-color: #fff;}
html.light .schedule__week{background-color: #fff;border-bottom: 0px solid #000;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
html.light .schedule__week_date{color: var(--cr-g05);}
html.light .schedule__week_item.today .schedule__week_date{color: #fff;}
html.light .schedule__week_item.active .schedule__week_date{color: #fff;}
html.light .schedule__item_info{color: var(--cr-g10);}
html.light .schedule__item{background: #fff;border: 1px solid var(--cr-g03);}
html.light .schedule__item.open{border: 01px solid  rgba(167, 164, 224, 0.2);background: rgba(167, 164, 224, 0.2);}
html.light .schedule__item_title{color: var(--cr-g10);font-weight: 500;}
html.light .schedule__item_desc{color: var(--cr-g10);border-top: 1px solid var(--cr-g02);}
html.light .schedule__top_thisdate_week{color: var(--cr-g10);}
html.light .schedule__top_thisdate_monthyear{color: var(--cr-g10);}
html.light .schedule__top_thisdate_day{color: var(--cr-primary);}
html.light .schedule__top_thisDate_icon path{fill: var(--cr-primary);}

html.dark .schedule__layout{background-color: #222;}
html.dark .schedule__cont{background: linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);}
html.light .schedule__cont{background: var(--cr-neu-key01)}
html.light .schedule__week{border: 0px solid #000;}
/* input color */

/* always white */
.whiteForm input{color: #000;background-color: #fff;}
.whiteForm input:-webkit-autofill, 
.whiteForm input:-webkit-autofill:hover, 
.whiteForm input:-webkit-autofill:focus,
.whiteForm input:-webkit-autofill:active{
  box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #000;
  color: #000;
}
.whiteForm .form-input-pw[data-disabled="true"] input, .whiteForm .form-input-text[data-disabled="true"] input{
  background-color: var(--cr-g02);
  box-shadow: 0 0 0 30px var(--cr-g02) inset;
  -webkit-text-fill-color: #000;
}

/* always black */
.blackForm input{color: #fff;background-color: #000;}
.blackForm input:-webkit-autofill, 
.blackForm input:-webkit-autofill:hover, 
.blackForm input:-webkit-autofill:focus,
.blackForm input:-webkit-autofill:active{
  box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1000px #000;
  color: #fff;
}
.blackForm .form-input-textarea textarea,
.blackForm .form-input-pw input,
.blackForm .form-input-text input{border-radius: var(--ct-input-text-radius);border: 1px solid var(--cr-g05);color: #fff;font-size: var(--ct-input-fs);}
.blackForm .form-input-textarea textarea::placeholder,
.blackForm .form-input-pw input::placeholder,
.blackForm .form-input-text input::placeholder{color: var(--cr-g06);}

/* by html class */

.form-input-textarea textarea,
.form-input-pw input,
.form-input-text input{border-radius: var(--ct-input-text-radius);border: 1px solid var(--cr-g03);color: var(--cr-g10);}
.form-input-textarea textarea::placeholder,
.form-input-pw input::placeholder,
.form-input-text input::placeholder{color: var(--cr-g05);}



/* all theme */
.form-input-textarea textarea::placeholder,
.form-input-pw input::placeholder, 
.form-input-text input::placeholder{color: var(--cr-g05);}
.form-input-textarea textarea:focus,
.form-input-pw input:focus,
.form-input-text input:focus{border: 1px solid var(--cr-primary);outline: none;}

/* 클릭시 css 수정 */
.cursor-pointer{
  position: relative;
  cursor: pointer !important;
  /* user-select: none !important; 드래그 방지 */
  -webkit-tap-highlight-color: transparent !important; /* 모바일 클릭 효과 제거 */
}
.cursor-pointer:active::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: var(--cr-primary-selected); */
  background: var(--cr-btn-verify);
  opacity: 0.4;
  border-radius: 9999px; /* 동그란 모양 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dark .cursor-pointer:active::after{
  opacity: 0.1;
}

.toast-popup{position: fixed;bottom: 40px;left: 50%;height: 3em;display: flex;align-items: center;justify-content: center;z-index: 1000;font-size: 16px;background-color: var(--cr-bk03);color: var(--white01);opacity: 0;transform:translateX(-50%) translateY(10px);display: flex;justify-content: center;align-items: center;padding: 0 1.5em;border-radius: 4px;word-break: keep-all;text-align: center;}
.toast-popup.red{background-color: var(--cr-r05);}
.toast-popup.blue{background-color: var(--cr-b05);color: #fff;}
html.light .toast-popup.primary{
    background: var(--cr-neu-b200);
    /* box-shadow: var(--cr-neu-box-shadow01); */
    color: #fff;
}
html.dark .toast-popup.primary{
    background: var(--cr-neu-b200);
    /* box-shadow: var(--cr-neu-box-shadow01); */
    color: #fff;
}
.toast-popup.active{opacity: 1;transform: translateX(-50%) translateY(0);}


/* 
###########################################
v2_neumorphism
body.neu는 뉴모피즘 테마
###########################################
 */
 
/* html.dark:root{
   --cr-neu-bg-b001:linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);
   --cr-neu-b200:#292D32; 
   --cr-neu-box-shadow01: -4px -4px 6px 0px rgba(47, 47, 47, 0.25) inset, -4px -4px 16px 0px #34393F, 4px 4px 10px 0px #151516;
   --cr-neu-box-shadow02: -4px -4px 6px 0px rgba(47, 47, 47, 0.25) inset, -4px -4px 16px 0px #34393F, 6px 6px 14px 0px #151516;
   --neu-block01-pd:10px;
   --neu-block01-radius:16px;
   --neu-block01-box-shadow: -4px -4px 6px 0px rgba(47, 47, 47, 0.25) inset, -4px -4px 16px 0px #34393F, 4px 4px 10px 0px #151516;;
   --neu-block01-box-bg:linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);
   --neu-block02-pd:10px;
   --neu-block02-radius:16px;
   --neu-block02-box-shadow: -4px -4px 6px 0px rgba(47, 47, 47, 0.25) inset, -4px -4px 16px 0px #34393F, 4px 4px 10px 0px #151516;;
   --neu-block02-box-bg:linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);
   --neu-block03-pd:10px;
   --neu-block03-radius:40px;
   --neu-block03-box-shadow: -12px -12px 18px 0px rgba(47, 47, 47, 0.25) inset, -12px -12px 48px 0px #34393F, 10px 10px 30px 0px #151516;
   --neu-block03-box-bg:linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);
   --neu-block04-pd:20px;
   --neu-block04-radius:40px;
   --neu-block04-box-shadow: -12px -12px 18px 0px rgba(47, 47, 47, 0.25) inset, -12px -12px 48px 0px #34393F, 10px 10px 30px 0px #151516;
   --neu-block04-box-bg:linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);
} */
/* 
html.purple:root{
   --cr-neu-bg-b001:#A3A3C1;
   --cr-neu-b200:#A3A3C1;
   --cr-neu-box-shadow01: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
   --cr-neu-box-shadow02: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
   --neu-block01-pd:10px;
   --neu-block01-radius:16px;
   --neu-block01-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
   --neu-block01-box-bg: var(--cr-neu-b200);
   --neu-block02-pd:10px;
   --neu-block02-radius:16px;
   --neu-block02-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
   --neu-block02-box-bg: var(--cr-neu-b200);
   --neu-block03-pd:10px;
   --neu-block03-radius:40px;
   --neu-block03-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
   --neu-block03-box-bg: var(--cr-neu-b200);
   --neu-block04-pd:20px;
   --neu-block04-radius:40px;
   --neu-block04-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
   --neu-block04-box-bg: var(--cr-neu-b200);
}

html.light:root{
   --cr-neu-bg-b001:linear-gradient(149deg, #FFFFFF 13.65%, #F5F5F5 50.77%, #EBEBEB 86.44%);
   --cr-neu-b200:#F5F5F5;
   --cr-neu-box-shadow01: -4px -4px 6px 0px rgba(255, 255, 255, 0.8) inset, -4px -4px 16px 0px #FFFFFF, 4px 4px 10px 0px rgba(174, 174, 192, 0.4);
   --cr-neu-box-shadow02: -4px -4px 6px 0px rgba(255, 255, 255, 0.8) inset, -4px -4px 16px 0px #FFFFFF, 6px 6px 14px 0px rgba(174, 174, 192, 0.4);
   --neu-block01-pd:10px;
   --neu-block01-radius:16px;
   --neu-block01-box-shadow: -4px -4px 6px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 4px 0px rgba(255, 255, 255, 0.05), -4px -4px 16px 0px #FFF, 4px 4px 16px 0px rgba(206, 206, 206, 0.89);
   --neu-block01-box-bg:linear-gradient(149deg, #F1F1F1 13.65%, #F2F2F2 50.77%, #F2F2F2 86.44%);
   --neu-block02-pd:10px;
   --neu-block02-radius:16px;
   --neu-block02-box-shadow: -4px -4px 6px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 4px 0px rgba(255, 255, 255, 0.05), -4px -4px 16px 0px #FFF, 4px 4px 16px 0px rgba(206, 206, 206, 0.89);
   --neu-block02-box-bg:linear-gradient(149deg, #F1F1F1 13.65%, #F2F2F2 50.77%, #F2F2F2 86.44%);
   --neu-block03-pd:10px;
   --neu-block03-radius:40px;
   --neu-block03-box-shadow: -4px -4px 6px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 4px 0px rgba(255, 255, 255, 0.05), -4px -4px 16px 0px #FFF, 4px 4px 16px 0px rgba(206, 206, 206, 0.89);
   --neu-block03-box-bg:linear-gradient(149deg, #F1F1F1 13.65%, #F2F2F2 50.77%, #F2F2F2 86.44%);
   --neu-block04-pd:20px;
   --neu-block04-radius:40px;
   --neu-block04-box-shadow: -4px -4px 6px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 4px 0px rgba(255, 255, 255, 0.05), -4px -4px 16px 0px #FFF, 4px 4px 16px 0px rgba(206, 206, 206, 0.89);
   --neu-block04-box-bg:linear-gradient(149deg, #F1F1F1 13.65%, #F2F2F2 50.77%, #F2F2F2 86.44%);
} */

html.dark:root{
  --cr-neu-bg-b001:linear-gradient(149deg, #1F2022 13.65%, #292D32 50.77%, #34393F 86.44%);
  --cr-neu-b200:#292D32; 
  --cr-neu-box-shadow01: -4px -4px 6px 0px rgba(47, 47, 47, 0.25) inset, -4px -4px 16px 0px #34393F, 4px 4px 10px 0px #151516;
  --cr-neu-box-shadow02: -4px -4px 6px 0px rgba(47, 47, 47, 0.25) inset, -4px -4px 16px 0px #34393F, 6px 6px 14px 0px #151516;
  --neu-block01-pd:10px;
  --neu-block01-radius:16px;
  --neu-block01-box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.30) inset, 2px 2px 6px 0px rgba(59, 65, 72, 0.25) inset, -6px -6px 18px 0px rgba(71, 76, 83, 0.90), 6px 6px 12px 0px rgba(0, 0, 0, 0.65);
  --neu-block01-box-bg:var(--cr-neu-b200);
  --neu-block02-pd:10px;
  --neu-block02-radius:16px;
  --neu-block02-box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.30) inset, 2px 2px 6px 0px rgba(59, 65, 72, 0.25) inset, -6px -6px 18px 0px rgba(71, 76, 83, 0.90), 6px 6px 12px 0px rgba(0, 0, 0, 0.65);
  --neu-block02-box-bg:var(--cr-neu-b200);
  --neu-block03-pd:10px;
  --neu-block03-radius:40px;
  --neu-block03-box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.30) inset, 2px 2px 6px 0px rgba(59, 65, 72, 0.25) inset, -6px -6px 18px 0px rgba(71, 76, 83, 0.90), 6px 6px 12px 0px rgba(0, 0, 0, 0.65);
  --neu-block03-box-bg:var(--cr-neu-b200);
  --neu-block04-pd:20px;
  --neu-block04-radius:40px;
  --neu-block04-box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.30) inset, 2px 2px 6px 0px rgba(59, 65, 72, 0.25) inset, -6px -6px 18px 0px rgba(71, 76, 83, 0.90), 6px 6px 12px 0px rgba(0, 0, 0, 0.65);
  --neu-block04-box-bg:var(--cr-neu-b200);
}


html.light:root{
  --cr-neu-bg-b001:#A3A3C1;
  --cr-neu-b200:#A3A3C1;
  --cr-neu-box-shadow01: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
  --cr-neu-box-shadow02: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
  --neu-block01-pd:10px;
  --neu-block01-radius:16px;
  --neu-block01-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
  --neu-block01-box-bg: var(--cr-neu-b200);
  --neu-block02-pd:10px;
  --neu-block02-radius:16px;
  --neu-block02-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
  --neu-block02-box-bg: var(--cr-neu-b200);
  --neu-block03-pd:10px;
  --neu-block03-radius:40px;
  --neu-block03-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
  --neu-block03-box-bg: var(--cr-neu-b200);
  --neu-block04-pd:20px;
  --neu-block04-radius:40px;
  --neu-block04-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
  --neu-block04-box-bg: var(--cr-neu-b200);
}


:root{
    /* --cr-neu-key01: #A3A3C1; */
    --cr-neu-key01: #ADAAC7;
    --cr-neu-grey100: #F8F8F9;
    --cr-neu-grey200: #F1F1F1;
    --cr-neu-grey300: #E5E5E4;
    --cr-neu-grey400: #D6D6D5;
    --cr-neu-grey500: #C0C0C0;
    --cr-neu-grey600: #A6A5A5;
    --cr-neu-grey700: #898989;
    --cr-neu-grey900: #717171;
    --cr-neu-grey1100: #5F5F5F;
    --cr-neu-grey1600: #393C3C;
   --neu-sns-size: 40px;
   --neu-sns-gap: 20px;
   --neu-sns-icon-size: 16px;
   --neu-small-radius: 14px;
   --neu-bot-padding: 6px;
   --neu-bot-radius: 28px;
   --neu-bot-btn-size:60px;
}
@media all and (max-width:380px) {
    :root {
        --neu-bot-btn-size:15vw;
    }
}


/* user */
html.dark .neu .user{background-color: var(--cr-neu-b200);}

/* setting */
html.dark .neu .setting__cont{background-color: var(--cr-neu-b200);}

/* public */
html.dark {background-color: var(--cr-neu-b200);}
/* html.dark .header__sub_back span{border-color: #000;} */
/* html.dark .header__sub_back,
html.dark .neu .header__sub_close{background-color: #ffffff33;filter: invert();} */
html.dark .header__sub_back{background: none;}
html.dark .neu .header__sub_wrap{background-color: var(--cr-neu-b200);}
html.purple .neu .header__sub_wrap{background-color: var(--cr-neu-key01);color: #fff;}
html.purple .neu .header__sub_close span{background-color: #fff;}
html.dark .neu .whiteForm .header__sub_wrap{background-color: #fff;color: #000;}
html.dark .neu .whiteForm .header__sub_back span{border-color: #000;}


.neu{font-feature-settings: 'liga' off, 'clig' off; }
/* 
.neu .main__app_bg.purple,
.neu .main__app_bg.dark,
.neu .main__app_bg.light,
.neu .main__swiperCard01.purple,
.neu .main__swiperCard01.light,
.neu .main__swiperCard01.dark,
.neu .main__app_bg{background-image: none;}

.neu .main__app_bg.dark{background-color: var(--cr-neu-b200);}
.neu .main__swiperCard01.dark{background-color: var(--cr-neu-b200);}

.neu .main__app_bg.light,
.neu .main__swiperCard01.light{background-color: #F2F2F2;}

.neu .main__app_bg.purple,
.neu .main__swiperCard01.purple{background-color: var(--cr-neu-key01);} */


.neu .main__swiperCard01 .main__logo{width: 160px;height: 64px;}
.neu .main__swiperCard01 .main__logo p{text-align: center;font-size: var(--fs-h5);margin-top: 0.5em;line-height: 1;font-weight: 300;}
.neu .main_swiperCard01 .main__logo svg{width: 160px;height: 64px;}

.neu .main__sns {display: flex;align-items: center;justify-content: center;gap: var(--neu-sns-gap);padding: 0 var(--neu-sns-gap);height: var(--neu-sns-size);border-radius: 30px;background-color: unset;margin-top: calc(var(--neu-sns-gap)*3);}
.neu .main__sns_item{width: var(--neu-sns-size);height: var(--neu-sns-size);box-shadow: var(--cr-neu-box-shadow01);border-radius: var(--neu-small-radius);display: flex;align-items: center;justify-content: center;cursor: pointer;background: var(--cr-neu-bg-b001);}
.neu .main__sns_item img{width: var(--neu-sns-icon-size);height: var(--neu-sns-icon-size);display: block;}
.neu .main__sns_item svg{width: var(--neu-sns-icon-size);height: var(--neu-sns-icon-size);display: block;}
.neu .main__swiperCard_bot_bnr{padding: var(--neu-bot-padding);background: var(--cr-neu-bg-b001);border-radius: var(--neu-bot-radius);box-shadow: var(--cr-neu-box-shadow02);}
.neu .main__swiperCard_bot_bnr img{display: block;width: 100%;border-radius: calc(var(--neu-bot-radius) - var(--neu-bot-padding));}
.neu .main__app_block_item02 .main__app_block_item_wrap{padding-top: 100%;}
.neu .main__app_block_item02 .main__app_block_item_wrap svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 38%;height: 38%;max-width: 28px;max-height: 28px;min-width: 20px;min-height: 20px;}
.neu .main__app_block_itemlist{justify-content: space-between;gap: 0;padding: 10px 4px;flex-wrap: wrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.neu .main__app_block_itemlist_cont_fig{gap: 0%;justify-content: space-between;}
.neu .main__app_block_item02{width: calc(50% - 10px);}
.neu .main__app_block02 .main__app_block_wrap.main__app_calendar01{border: 0px solid #000;}
.neu .main__app_neublock01{border-radius: var(--neu-block01-radius);background: var(--neu-block01-box-bg);box-shadow: var(--neu-block01-box-shadow);}
.neu .main__app_neublock02{position: relative;padding-top: 40%;box-shadow: var(--neu-block02-box-shadow);background: var(--neu-block02-box-bg);border-radius: 9999px;font-size: 11px;}
.neu .main__app_neublock02_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;display: flex;align-items: center;justify-content: center;gap: calc(var(--fs-h6)*0.6);color: var(--cr-neu-grey600);font-size: var(--fs-h6);}
.neu .main__app_neublock02_txt.kitalbum img{width: calc(10/16 * 100%); pointer-events: none;}
.neu .main__app_neublock02_txt_p{display: flex;flex-direction: column;}
.neu .main__app_neublock02_txt_p img{display: block;width: calc(47/160 * 100%);margin: 0 auto; pointer-events: none;}
.neu .main__app_neublock03{padding: var(--neu-block03-pd);border-radius: var(--neu-block03-radius);background: var(--neu-block03-box-bg);box-shadow: var(--neu-block03-box-shadow);height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.neu .main__app_neublock03 img{display: block;height:100%;width: 100%;border-radius: calc(var(--neu-block03-radius) - var(--neu-block03-pd));object-fit: cover; pointer-events: none;}
.neu .main__app_neublock04{padding: var(--neu-block04-pd);border-radius: var(--neu-block04-radius);background: var(--neu-block04-box-bg);box-shadow: var(--neu-block04-box-shadow);}
.neu .main__bot_neu_btn{cursor: pointer;}
.neu .main__bot_neu_btn_img{width: var(--neu-bot-btn-size);height: var(--neu-bot-btn-size);display: flex;align-items: center;justify-content: center;}

.neu .main__swiperCard01 .main__logo{height: auto;}

.neu .main__app_neublock02_txt.kitalbum {
  width: 100%;
  height: 100%;
  background-image: url('/image/txt_kitalbum_white.png');
  background-size: calc(10/16 * 100%);
  background-position: center;
  background-repeat: no-repeat;
}

.kitalbum_gray {
  background-image: url('/image/txt_kitalbum_gray.png') !important;
}
/* 
html.dark .neu .main__sns_item svg path:not(.exception){fill: var(--cr-neu-grey600);}
html.light .neu .main__sns_item svg path:not(.exception){fill: var(--cr-neu-key01);}
html.purple .neu .main__sns_item svg path:not(.exception){fill: var(--cr-neu-grey200);}

html.dark .neu .main__swiperCard01 .main__logo svg path{fill: #fff;}
html.light .neu .main__swiperCard01 .main__logo svg path{fill: var(--cr-neu-key01);}

html.purple .neu .main__swiperCard01 .main__logo p{color: #fff;}
html.dark .neu .main__swiperCard01 .main__logo p{color: #fff;}
html.light .neu .main__swiperCard01 .main__logo p{color: var(--cr-neu-key01);}

html.light .neu .main__swiper_pagination .swiper-pagination-bullet{background-color: var(--cr-neu-grey400);}
html.light .neu .main__swiper_pagination .swiper-pagination-bullet-active{background-color: var(--cr-neu-grey900);}
html.purple .neu .main__swiper_pagination .swiper-pagination-bullet{background-color:var(--cr-neu-grey200);}
html.purple .neu .main__swiper_pagination .swiper-pagination-bullet-active{background-color: var(--cr-neu-grey900);}

html.dark .neu .react-calendar__month-view__days .react-calendar__month-view__days__day abbr,
html.dark .neu .main__calendar01_tit,
html.dark .neu .main__schedule01_item_tit{color: var(--cr-neu-grey500);}

html.dark .neu .main__schedule01_more,
html.dark .neu .main__schedule01_tit{color: var(--cr-neu-grey700);}
html.purple .neu .main__schedule01_more{color: var(--cr-neu-grey300);}
html.purple .neu .main__schedule01_tit{color: var(--cr-neu-grey100);}
html.purple .main__schedule01_link{color: #fff;}
html.purple .main__schedule01_link span{background-color: #fff;}
html.light .neu .main__schedule01_item_tit{color: var(--cr-neu-grey700);}

html.light .neu .main__app_block_item02 svg path{fill: var(--cr-neu-key01);}
html.light .neu .main__schedule01_more{color: var(--cr-neu-grey500);}
html.purple .neu .main__app_neublock02_txt{color: var(--cr-neu-grey200);}
html.purple .neu .main__app_neublock02_txt svg path,
html.purple .neu .main__app_block_item02 svg path{fill: var(--cr-neu-grey200);}

html.purple .neu .main__bot_neu_btn svg path{fill: var(--cr-neu-grey200);}
html.purple .neu .main__calendar01_tit{color: var(--cr-neu-grey200);} */
/* calendar */
/* 
html.dark .neu .react-calendar__month-view__days .react-calendar__tile--active.react-calendar__month-view__days__day abbr{color: #fff;}
html.dark .neu .react-calendar__month-view__days .react-calendar__tile--active.react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: #fff;}
html.dark .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: #F06D6D;}

html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day abbr{color: var(--cr-neu-grey900);}
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--active abbr{color: #fff;}
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: #F06D6D;}
html.light .neu .react-calendar__month-view__days .react-calendar__tile--active.react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: #fff;}

html.purple .neu .react-calendar__month-view__days .react-calendar__month-view__days__day abbr{color: #fff;}
html.purple .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--active abbr{color: var(--cr-neu-grey1100);}
html.purple .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: #F06D6D;}
html.purple .neu .react-calendar__month-view__days .react-calendar__tile--active.react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: var(--cr-neu-grey1100);}
html.purple .neu .react-calendar__month-view__days .react-calendar__tile--rangeBothEnds:before{background-color: #fff;}
html.purple .neu .react-calendar__month-view__weekdays__weekday abbr{color: var(--cr-neu-grey200);} */

/* light 제거하고 purple이 대체됨 */


.neu .main__app_bg.purple,
.neu .main__app_bg.dark,
.neu .main__app_bg.light,
.neu .main__swiperCard01.purple,
.neu .main__swiperCard01.light,
.neu .main__swiperCard01.dark,
.neu .main__app_bg{background-image: none;}

.neu .main__app_bg.dark{background-color: var(--cr-neu-b200);}
.neu .main__swiperCard01.dark{background-color: var(--cr-neu-b200);}

/* .neu .main__app_bg.light,
.neu .main__swiperCard01.light{background-color: #F2F2F2;} */

.neu .main__app_bg.light,
.neu .main__swiperCard01.light{background-color: var(--cr-neu-key01);}


html.dark .neu .main__sns_item svg path:not(.exception){fill: var(--cr-neu-grey600);}
html.light .neu .main__sns_item svg path:not(.exception){fill: var(--cr-neu-grey200);}

html.dark .neu .main__swiperCard01 .main__logo svg path{fill: #fff;}
/* html.light .neu .main__swiperCard01 .main__logo svg path{fill: var(--cr-neu-key01);} */
html.light .neu .main__swiperCard01 .main__logo svg path{fill: #fff;}


html.dark .neu .main__swiperCard01 .main__logo p{color: #fff;}
html.light .neu .main__swiperCard01 .main__logo p{color: var(--cr-neu-key01);}

html.light .neu .main__swiper_pagination .swiper-pagination-bullet{background-color:var(--cr-neu-grey200);}
html.light .neu .main__swiper_pagination .swiper-pagination-bullet-active{background-color: var(--cr-neu-grey900);}

html.dark .neu .react-calendar__month-view__days .react-calendar__month-view__days__day,
html.dark .neu .main__calendar01_tit,
html.dark .neu .main__schedule01_item_tit{color: var(--cr-neu-grey500);}

html.dark .neu .main__schedule01_more,
html.dark .neu .main__schedule01_tit{color: var(--cr-neu-grey700);}
html.light .neu .main__schedule01_more{color: var(--cr-neu-grey300);}
html.light .neu .main__schedule01_tit{color: var(--cr-neu-grey100);}
html.light .main__schedule01_link{color: #fff;}
html.light .main__schedule01_link span{background-color: #fff;}
/* html.light .neu .main__schedule01_item_tit{color: var(--cr-neu-grey700);} */

html.light .neu .main__app_neublock02_txt{color: var(--cr-neu-grey200);}
html.light .neu .main__app_neublock02_txt svg path,
html.light .neu .main__app_block_item02 svg path:not(.not){fill: var(--cr-neu-grey200);}

html.light .neu .main__bot_neu_btn svg path{fill: var(--cr-neu-grey200);}
html.light .neu .main__calendar01_tit{color: var(--cr-neu-grey200);}

html .neu .main__app_calendar01 {align-items: stretch;}
html .neu .main__app_calendar01 .main__schedule01{display: flex;flex-direction: column;justify-content: space-between;}
html .neu .main__app_block02 .main__app_block_wrap.main__app_calendar01{align-items: stretch;}
html .neu .main__schedule01_link{margin-top: 0;}
.react-calendar__month-view__days .react-calendar__month-view__days__day {color: #fff;position: relative;z-index: 2;}
html.dark .neu .react-calendar__month-view__days .react-calendar__tile--rangeBothEnds.react-calendar__month-view__days__day {color: #fff;}
html.dark .neu .react-calendar__month-view__days .react-calendar__tile--rangeBothEnds.react-calendar__month-view__days__day:nth-child(7n + 1) {color: #fff;}
html.dark .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n + 1) {color: #EA4444;}
html.dark .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n) {color: #1C8EB4;}

/* html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day abbr{color: var(--cr-neu-grey900);} */
/* html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--active abbr{color: #fff;} */
/* html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: #F06D6D;} */
/* html.light .neu .react-calendar__month-view__days .react-calendar__tile--active.react-calendar__month-view__days__day:nth-child(7n + 1) abbr{color: #fff;} */

html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day {color: #fff;}
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n + 1) {color: #EA4444;}
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day:nth-child(7n) {color: #1C8EB4;}

/* html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeBothEnds {color: var(--cr-neu-grey1100);} */
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeBothEnds {color: var(--cr-neu-key01);}
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeBothEnds:nth-child(7n + 1) {color: var(--cr-neu-grey1100);}
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeBothEnds:before{background-color: #fff;}
html.light .neu .react-calendar__month-view__weekdays__weekday {color: var(--cr-neu-grey200);}
html.light .neu .main__app_block02 .main__app_block_wrap.main__app_calendar01 .main__calendar01_tit{color: #fff;}
html.light .react-calendar__month-view__weekdays__weekday abbr{color: var(--cr-neu-grey200);}
html .neu .react-calendar__month-view__days__day{height: 14px;width: 14px;overflow: auto;}
html .neu .react-calendar__tile--rangeBothEnds:before{width: 14px;height: 14px;}
html .neu .main__schedule01_list{height: unset;}

.react-calendar__month-view__days__day.exist { }
.react-calendar__month-view__days__day.exist::after {
  content: "";
  position: absolute;
  bottom: 0px; /* 하단 여백 조정 */
  left: 50%;
  transform: translateX(-50%);
  /* width: clamp(5px, 30%, 10px); */
  /* height: 1px; */
  width: 14px;
  height: 14px;
  background-color: rgba(221, 220, 228, 0.35);
  border-radius: 50%;
  z-index: -2;
}
html.dark .react-calendar__month-view__days__day.exist::after {background-color: rgba(127, 126, 134, 0.35);}
/* html.light .react-calendar__month-view__days__day.exist::after {background-color: #fff;} */
html.light .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeBothEnds.exist::after{background-color: var(--cr-neu-key01);}
html.dark .neu .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeBothEnds.exist::after{background-color: #fff;}

html.dark .neu .react-calendar__month-view__weekdays__weekday:nth-child(1) abbr {color: #EA4444;}
html.dark .neu .react-calendar__month-view__weekdays__weekday:nth-child(7) abbr {color: #1C8EB4;}
html.light .neu .react-calendar__month-view__weekdays__weekday:nth-child(1) abbr {color: #EA4444;}
html.light .neu .react-calendar__month-view__weekdays__weekday:nth-child(7) abbr {color: #1C8EB4;}

/* neu schedule */
:root {
  --schedule-box-shadow: -4px -4px 0px 0px rgba(47, 47, 47, 0.25) inset, -20px -20px 40px 0px rgba(52, 57, 63, 0.50), 4px 4px 10px 0px #151516;
  --schedule-box-shadow-today: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset;
  --schedule-box-shadow-active:-6px -4px 6px 0px #34393F inset, 6px 6px 8px 0px rgba(0, 0, 0, 0.40) inset;
  --schedule-box-bg-today: #292D32;
  --schedule-box-bg-active: #292D32;
  --schedule-box-bg: #292D32;
  --schedule-box-shadow-open: -2px -2px 4px 0px rgba(0, 0, 0, 0.30) inset, 2px 2px 6px 0px rgba(59, 65, 72, 0.25) inset, -6px -6px 18px 0px rgba(71, 76, 83, 0.90), 6px 6px 12px 0px rgba(0, 0, 0, 0.65);
}
html.dark .neu .schedule__body{
  box-shadow: -4px -4px 6px 0px rgba(47, 47, 47, 0.25) inset, -20px -20px 40px 0px rgba(52, 57, 63, 0.50), 4px 4px 20px 0px #151516;
  background: var(--cr-neu-b200);

}
/* html.dark .neu .schedule__week_item.today{
  background: var(--schedule-box-bg-today);
  filter: drop-shadow(6px 6px 12px rgba(0, 0, 0, 0.65)) drop-shadow(-6px -6px 18px rgba(71, 76, 83, 0.90));
  box-shadow: var(--schedule-box-shadow-today);
} */
html.dark .neu .schedule__week_item.active{
  background: var(--schedule-box-bg-active);
  box-shadow: var(--schedule-box-shadow-active);
}

html.light:root {
  --schedule-box-bg: #ADAAC7;
  --schedule-box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
  --schedule-box-shadow-today:-2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset;
  --schedule-box-shadow-active: -6px -4px 6px 0px rgba(233, 233, 255, 0.20) inset, 4px 6px 6px 0px rgba(135, 135, 163, 0.95) inset;
  --schedule-box-bg-today: #ADAAC7;
  --schedule-box-bg-active: #ADAAC7;
  --schedule-box-bg: #ADAAC7;
  --schedule-box-shadow-open: -2px -2px 6px 0px rgba(0, 0, 0, 0.20) inset, -6px -6px 18px 0px rgba(242, 242, 255, 0.50), 6px 6px 12px 0px rgba(99, 99, 131, 0.83);
}

html.light .neu .schedule__body{box-shadow: var(--schedule-box-shadow);background: var(--schedule-box-bg);}
html.light .neu .schedule__list{background: var(--schedule-box-bg);color: #fff;}
html.light .neu .schedule__week{background: var(--schedule-box-bg);border-bottom: 1px solid var(--cr-neu-grey400);}
html.light .neu .schedule__layout{background: var(--schedule-box-bg);}
html.light .neu .schedule__item{border: unset;}
html.light .neu .schedule__item{background: var(--schedule-box-bg);box-shadow: var(--schedule-box-shadow-open);}
html.light .neu .schedule__week_date{color: #fff;}
html.light .neu .schedule__week_day{color: #fff;}
/* html.light .neu .schedule__week_item.today{
  background: var(--schedule-box-bg-today);
  filter: drop-shadow(6px 6px 8px rgba(99, 99, 131, 0.83)) drop-shadow(-2px -2px 6px rgba(242, 242, 255, 0.6));
  box-shadow: var(--schedule-box-shadow-today);
} */
html.light .neu .schedule__week_item.active{
  background: var(--schedule-box-bg-active);
  box-shadow: var(--schedule-box-shadow-active);
}
html.light .neu .schedule__top_thisdate_day2{color: #fff;}
html.light .neu .schedule__top_thisDate_icon path{fill: #fff;}
html.light .neu .schedule__item_title{color: #fff;}
html.light .neu .schedule__item_desc{color: var(--cr-neu-grey200);;}
html.light .neu .schedule__item_info{color: var(--cr-neu-grey300);}
html.light .neu .schedule__week_hasSchedule{background-color: var(--cr-neu-grey100);}



/* iOS 디바이스 대응 */
@supports (-webkit-touch-callout: none) {
  :root {
    --header-sub-height:calc(52px + var(--safe-area-inset-top));
  }
  .header__sub_wrap{padding-top: var(--safe-area-inset-top);}
  .header__sub_tit{top: calc(50% + var(--safe-area-inset-top)/2);}
}