:root{
  --base-text-size:15px;
}
/* Grid design 관련*/
:root {
  /* 그리드 전체 background-color */
  --grid-background : var(--Primary-0);
  /* 그리드 헤더 background-color */
  --grid-header-background: var(--Grayscale-5);
  /* 그리드 바디 background-color (odd, even 구분) */
  --grid-odd-background: var(--Primary-0);
  --grid-even-background: var(--Primary-0);
  /* 그리드 서머리 background-color */
  --grid-summary-background : var(--Primary-0);
  /* 선택된 row의 background-color */
  --grid-selected-row-background: var(--Primary-0);
  /* 선택된 페이지네이션 background-color */
  --grid-selected-pagination-background : var(--Blue-70);


  /* 그리드 border-radius */
  --grid-border-radius: 0px;
  /* 그리드 바깥쪽 border size, color */
  --grid-outer-border-size: 0px;
  --grid-outer-border-color: #000000;
  /* 그리드 헤더, 바디, 서머리 사이 border size, color */
  --grid-middle-border-size: 0px;
  --grid-middle-border-color: #d5d5d5;
  /* 그리드 내부 border size, color */
  --grid-inner-border-right-size: 0px;
  --grid-inner-border-bottom-size: 1px;
  --grid-inner-border-color: var(--Grayscale-20) !important;
  /* 그리드 선택된 row border size, color */
  --grid-selected-row-border-size: 0px;
  --grid-selected-row-border-color: var(--Grayscale-20);

 
  /* 그리드 폰트 사이즈 */
  --grid-header-font-size: 1rem;
  --grid-body-font-size: .9rem;
  --grid-summary-font-size: 1rem;


  /* 그리드 폰트 색상 */
  --grid-header-color: #000000;
  --grid-body-color: #000000;
  --grid-summary-color: #000000;
  --grid-selected-row-color : #000000;
  
  
  /* 그리드 스크롤 색상 */
  --grid-scroll-thumb: #e1e1e1;
  --grid-scroll-track: #fafafa;

  --grid-body-min-height : 31.5rem;
  --grid-row-default-height : 3rem;
  --grid-header-default-height : 40px !important;


  /* 그리드 패딩 */
  --grid-row-padding:10px 2px 10px 2px;
  /* 보드 상단 인풋박스 */
  --search-border-radius:0;
  --search-input-hight:44px;

  
}
:root.dark{
  /* 그리드 전체 background-color */
  --grid-background: var(--Grayscale-5);
  --grid-header-background: var(--Grayscale-5);
  --grid-odd-background: var(--Grayscale-5);
  --grid-even-background: var(--Grayscale-5);
  --grid-summary-background: var(--Grayscale-5);
  /* 선택된 row의 background-color */
  --grid-selected-row-background: var(--Primary-10);
  /* 선택된 페이지네이션 background-color */
  --grid-selected-pagination-background : var(--Primary-50);

  --grid-border-radius: 0px;
  --grid-outer-border-size: 0px;
  --grid-outer-border-color: var(--black);
  --grid-middle-border-size: 1px;
  --grid-middle-border-color: var(--black);
  --grid-inner-border-right-size: 0px;
  --grid-inner-border-bottom-size: 0px;
  --grid-inner-border-color: var(--black);
  --grid-selected-row-border-size: 0px;
  --grid-selected-row-border-color: var(--black);
  --grid-header-font-size: 1rem;
  --grid-body-font-size: 1rem;
  --grid-summary-font-size: 1rem;
  --grid-header-color: var(--black);
  --grid-body-color: var(--black);
  --grid-summary-color: var(--black);
  --grid-selected-row-color: var(--black);
  --grid-scroll-thumb: #e1e1e1;
  --grid-scroll-track: #fafafa;
  --grid-body-min-height: 31.5rem;
  --grid-row-default-height: 3rem;
  --grid-header-default-height: 3.5rem !important;
}

/* default design 관련 */
:root{
  --base-background : #ffffff;
  --base-select-background: #ebebeb;
  --base-select-background-hover: #0583e8;
  --base-font-color: #3b3b3b;
  --base-font-color-hover: #ffffff;
  --base-border-color: #e2e2e2;
  --base-mdd-color: #0583e8;
  --base-font-family : "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

  --invert-lv:0;
  --black : #000000;
  --white : #ffffff;
}
:root.dark {
  --base-background: #1a1a1a;
  --base-select-background: #333333;
  --base-select-background-hover: #0583e8;
  --base-font-color: #ffffff;
  --base-font-color-hover: #ffffff;
  --base-border-color: #ffffff;
  --base-mdd-color: #0583e8;

  --invert-lv: 1;
  --white : #000000;
  --black : #ffffff;
}
/* field-container 관련 */
.field-container {
  --field-height-1: 2.5rem;
  --field-height-2: auto;
  --field-height: calc(var(--field-height-1) + var(--field-height-2));
  --field-min-width: 100%;
  --field-column: auto-fill;
  --field-gap-column: 10px;
  --field-gap-row: 0.5rem;
  --field-main-label-font-size: 1rem;
  --field-notice-font-size: 0.8rem;
  --field-inner-gap: 5px;
  --field-main-label-font-weight: 600;
  --field-main-label-width: 100%;
}
.field-container.horizontal{
 --field-height-1: 30px;
  --field-height-2: 30px;
  --field-height: var(--field-height-2);
  --field-min-width: 280px;
  --field-main-label-width: 100px;
}

:root{
  /* Primary */
  --Primary-0 :   #FFFFFF;
  --Primary-5 :   #EFF5FF;
  --Primary-10 :  #D3E1FB;
  --Primary-20 :  #A7C4F7;
  --Primary-30 :  #7CA6F3;
  --Primary-40 :  #5089EF;
  --Primary-50 :  #246BEB;
  --Primary-60 :  #1D56BC;
  --Primary-70 :  #16408D;
  --Primary-80 :  #0E2B5E;
  --Primary-90 :  #07152F;
  --Primary-100 : #000000;

  /* Secondary */
  --Secondary-0 :   #FFFFFF;
  --Secondary-5 :   #EDF1F5;
  --Secondary-10 :  #CDD7E4;
  --Secondary-20 :  #B4C4D6;
  --Secondary-30 :  #99B0CB;
  --Secondary-40 :  #2A5C96;
  --Secondary-50 :  #003675;
  --Secondary-60 :  #002B5E;
  --Secondary-70 :  #002046;
  --Secondary-80 :  #00162F;
  --Secondary-90 :  #000B17;
  --Secondary-100 : #000000;

  /* Grayscale */
  --Grayscale-0 :   #FFFFFF;
  --Grayscale-5 :   #F8F8F8;
  --Grayscale-10 :  #F0F0F0;
  --Grayscale-20 :  #E4E4E4;
  --Grayscale-30 :  #D8D8D8;
  --Grayscale-40 :  #C6C6C6;
  --Grayscale-50 :  #8E8E8E;
  --Grayscale-60 :  #717171;
  --Grayscale-70 :  #555555;
  --Grayscale-80 :  #2D2D2D;
  --Grayscale-90 :  #1D1D1D;
  --Grayscale-100 : #000000;

  /* Danger */
  --Danger-0 :   #FFFFFF;
  --Danger-5 :   #FEECF0;
  --Danger-10 :  #FCD4DE;
  --Danger-20 :  #F799B1;
  --Danger-30 :  #F36689;
  --Danger-40 :  #EF3E5E;
  --Danger-50 :  #EB003B;
  --Danger-60 :  #D50136;
  --Danger-70 :  #8D0023;
  --Danger-80 :  #5E0018;
  --Danger-90 :  #2F000C;
  --Danger-100 : #000000;

  /* Warning */
  --Warning-0 :   #FFFFFF;
  --Warning-5 :   #FFF8E9;
  --Warning-10 :  #FFEAC1;
  --Warning-20 :  #FFE2A7;
  --Warning-30 :  #FFD47C;
  --Warning-40 :  #FFC550;
  --Warning-50 :  #FFB724;
  --Warning-60 :  #98690A;
  --Warning-70 :  #66490E;
  --Warning-80 :  #4D370B;
  --Warning-90 :  #332507;
  --Warning-100 : #000000;

  /* Success */
  --Success-0 :   #FFFFFF;
  --Success-5 :   #EEF7F0;
  --Success-10 :  #CEE9D4;
  --Success-20 :  #B2DCBB;
  --Success-30 :  #8CCA99;
  --Success-40 :  #33A14B;
  --Success-50 :  #008A1E;
  --Success-60 :  #006E18;
  --Success-70 :  #005312;
  --Success-80 :  #00370C;
  --Success-90 :  #002207;
  --Success-100 : #000000;

   /* Information */
   --Information-0 :   #FFFFFF;
   --Information-5 :   #E9F0FF;
   --Information-10 :  #D4E1FF;
   --Information-20 :  #A9C3FF;
   --Information-30 :  #7DA4FF;
   --Information-40 :  #5286FF;
   --Information-50 :  #2768FF;
   --Information-60 :  #1F53CC;
   --Information-70 :  #173E99;
   --Information-80 :  #0C1F4D;
   --Information-90 :  #040A1A;
   --Information-100 : #000000;

  /* Navy */
  --Navy-0   : #FFFFFF;
  --Navy-5   : #F1F1F9;
  --Navy-10  : #D3D5ED;
  --Navy-20  : #A7ABDA;
  --Navy-30  : #7B82C8;
  --Navy-40  : #4F58B5;
  --Navy-50  : #232EA3;
  --Navy-60  : #1C2582;
  --Navy-70  : #151C62;
  --Navy-80  : #0E1241;
  --Navy-90  : #070921;
  --Navy-100 : #000000;

  /* Blue */
  --Blue-0 :   #FFFFFF;
  --Blue-5 :   #F0F2FF;
  --Blue-10 :  #D2DCFE;
  --Blue-20 :  #A4B8FE;
  --Blue-30 :  #7795FD;
  --Blue-40 :  #4971FD;
  --Blue-50 :  #1C4EFC;
  --Blue-60 :  #163ECA;
  --Blue-70 :  #112F97;
  --Blue-80 :  #0B1F65;
  --Blue-90 :  #0B1F65;
  --Blue-100 : #000000;

  /* Royal Blue */
  --Royal-Blue-0 :   #FFFFFF;
  --Royal-Blue-5 :   #EBF5FF;
  --Royal-Blue-10 :  #C7E3FF;
  --Royal-Blue-20 :  #8FC8FF;
  --Royal-Blue-30 :  #56ACFF;
  --Royal-Blue-40 :  #1E90FF;
  --Royal-Blue-50 :  #0074E5;
  --Royal-Blue-60 :  #0056AA;
  --Royal-Blue-70 :  #00407F;
  --Royal-Blue-80 :  #002B55;
  --Royal-Blue-90 :  #00152A;
  --Royal-Blue-100 : #000000;

  /* Sky Blue */
  --Sky-Blue-0 :   #FFFFFF;
  --Sky-Blue-5 :   #F0FBFF;
  --Sky-Blue-10 :  #D4F3FE;
  --Sky-Blue-20 :  #A9E6FC;
  --Sky-Blue-30 :  #7DDAFB;
  --Sky-Blue-40 :  #52CDF9;
  --Sky-Blue-50 :  #27C1F8;
  --Sky-Blue-60 :  #1F9AC6;
  --Sky-Blue-70 :  #177495;
  --Sky-Blue-80 :  #104D63;
  --Sky-Blue-90 :  #082732;
  --Sky-Blue-100 : #000000;

  /* Aqua */
  --Aqua-0 :   #FFFFFF;
  --Aqua-5 :   #E7FDFD;
  --Aqua-10 :  #CEFBFB;
  --Aqua-20 :  #9DF6F6;
  --Aqua-30 :  #6DF2F2;
  --Aqua-40 :  #3BEDED;
  --Aqua-50 :  #15DFDF;
  --Aqua-60 :  #03C4C4;
  --Aqua-70 :  #078C8C;
  --Aqua-80 :  #045D5D;
  --Aqua-90 :  #022F2F;
  --Aqua-100 : #000000;

  /* Teal */
  --Teal-0 :   #FFFFFF;
  --Teal-5 :   #EDF8F8;
  --Teal-10 :  #CEEBEB;
  --Teal-20 :  #9DD7D7;
  --Teal-30 :  #6DC3C3;
  --Teal-40 :  #3CAFAF;
  --Teal-50 :  #0B9B9B;
  --Teal-60 :  #097C7C;
  --Teal-70 :  #075D5D;
  --Teal-80 :  #043E3E;
  --Teal-90 :  #021F1F;
  --Teal-100 : #000000;

  /* Green */
  --Green-0 :   #FFFFFF;
  --Green-5 :   #EEF7EE;
  --Green-10 :  #CCE6CC;
  --Green-20 :  #99CC99;
  --Green-30 :  #66B366;
  --Green-40 :  #339933;
  --Green-50 :  #008000;
  --Green-60 :  #006600;
  --Green-70 :  #004D00;
  --Green-80 :  #003300;
  --Green-90 :  #001A00;
  --Green-100 : #000000;

  /* Lime Green */
  --Lime-Green-0 :   #FFFFFF;
  --Lime-Green-5 :   #F3FCF3;
  --Lime-Green-10 :  #D6F5D6;
  --Lime-Green-20 :  #ADEBAD;
  --Lime-Green-30 :  #84E184;
  --Lime-Green-40 :  #5BD75B;
  --Lime-Green-50 :  #32CD32;
  --Lime-Green-60 :  #1FAD1F;
  --Lime-Green-70 :  #1E7B1E;
  --Lime-Green-80 :  #145214;
  --Lime-Green-90 :  #0A290A;
  --Lime-Green-100 : #000000;

  /* Lime */
  --Lime-0 :   #FFFFFF;
  --Lime-5 :   #F7FFEA;
  --Lime-10 :  #EEFED6;
  --Lime-20 :  #DEFFAB;
  --Lime-30 :  #CEFE83;
  --Lime-40 :  #BCF95D;
  --Lime-50 :  #A1F524;
  --Lime-60 :  #8EDD13;
  --Lime-70 :  #699B1C;
  --Lime-80 :  #476912;
  --Lime-90 :  #253709;
  --Lime-100 : #000000;

  /* Olive */
  --Olive-0 :   #FFFFFF;
  --Olive-5 :   #F8F8ED;
  --Olive-10 :  #EBEBCC;
  --Olive-20 :  #D6D699;
  --Olive-30 :  #C2C266;
  --Olive-40 :  #ADAD33;
  --Olive-50 :  #999900;
  --Olive-60 :  #7A7A00;
  --Olive-70 :  #5C5C00;
  --Olive-80 :  #3D3D00;
  --Olive-90 :  #1F1F00;
  --Olive-100 : #000000;

  /* Yellow */
  --Yellow-0 :   #FFFFFF;
  --Yellow-5 :   #FFF6CC;
  --Yellow-10 :  #FFF6CC;
  --Yellow-20 :  #FFEE99;
  --Yellow-30 :  #FFE566;
  --Yellow-40 :  #FFDD33;
  --Yellow-50 :  #FFD400;
  --Yellow-60 :  #D6AB00;
  --Yellow-70 :  #A38500;
  --Yellow-80 :  #6B5700;
  --Yellow-90 :  #332A00;
  --Yellow-100 : #000000;

  /* Gold */
  --Gold-0 :   #FFFFFF;
  --Gold-5 :   #FDF7E9;
  --Gold-10 :  #FAEFD3;
  --Gold-20 :  #F5DFA7;
  --Gold-30 :  #F1CF7A;
  --Gold-40 :  #ECBF4E;
  --Gold-50 :  #E7AF22;
  --Gold-60 :  #B98C1B;
  --Gold-70 :  #8B6914;
  --Gold-80 :  #5C460E;
  --Gold-90 :  #2E2307;
  --Gold-100 : #000000;

  /* Saddle Brown */
  --Saddle-Brown-0 :   #FFFFFF;
  --Saddle-Brown-5 :   #F8F2ED;
  --Saddle-Brown-10 :  #ECDCCD;
  --Saddle-Brown-20 :  #D9B99C;
  --Saddle-Brown-30 :  #C6976A;
  --Saddle-Brown-40 :  #B37439;
  --Saddle-Brown-50 :  #A05107;
  --Saddle-Brown-60 :  #804106;
  --Saddle-Brown-70 :  #603104;
  --Saddle-Brown-80 :  #402003;
  --Saddle-Brown-90 :  #201001;
  --Saddle-Brown-100 : #000000;

  /* Brown */
  --Brown-0 :   #FFFFFF;
  --Brown-5 :   #F9F2F0;
  --Brown-10 :  #EED8D3;
  --Brown-20 :  #DCB0A7;
  --Brown-30 :  #CB897C;
  --Brown-40 :  #B96150;
  --Brown-50 :  #A83A24;
  --Brown-60 :  #862E1D;
  --Brown-70 :  #652316;
  --Brown-80 :  #43170E;
  --Brown-90 :  #220C07;
  --Brown-100 : #000000;

  /* Dark Red */
  --Dark-Red-0 :   #FFFFFF;
  --Dark-Red-5 :   #FAEFF0;
  --Dark-Red-10 :  #F1CECF;
  --Dark-Red-20 :  #E39D9F;
  --Dark-Red-30 :  #D56B70;
  --Dark-Red-40 :  #C73A40;
  --Dark-Red-50 :  #B90910;
  --Dark-Red-60 :  #94070D;
  --Dark-Red-70 :  #6F050A;
  --Dark-Red-80 :  #4A0406;
  --Dark-Red-90 :  #250203;
  --Dark-Red-100 : #000000;

  /* Red */
  --Red-0 :   #FFFFFF;
  --Red-5 :   #FEF1F1;
  --Red-10 :  #FCCCCC;
  --Red-20 :  #F89999;
  --Red-30 :  #F56666;
  --Red-40 :  #F23B3B;
  --Red-50 :  #EE0000;
  --Red-60 :  #CD0404;
  --Red-70 :  #8F0000;
  --Red-80 :  #5F0000;
  --Red-90 :  #300000;
  --Red-100 : #000000;

  /* Orange */
  --Orange-0 :   #FFFFFF;
  --Orange-5 :   #FFF4F0;
  --Orange-10 :  #FFDACC;
  --Orange-20 :  #FFB599;
  --Orange-30 :  #FF8F66;
  --Orange-40 :  #FF6A33;
  --Orange-50 :  #FF4500;
  --Orange-60 :  #D53209;
  --Orange-70 :  #992900;
  --Orange-80 :  #661C00;
  --Orange-90 :  #330E00;
  --Orange-100 : #000000;

  /* Coral */
  --Coral-0 :   #FFFFFF;
  --Coral-5 :   #FFF8F5;
  --Coral-10 :  #FFE6DC;
  --Coral-20 :  #FFCCBA;
  --Coral-30 :  #FEB397;
  --Coral-40 :  #FE9975;
  --Coral-50 :  #FE8052;
  --Coral-60 :  #D36942;
  --Coral-70 :  #A85131;
  --Coral-80 :  #7E3A21;
  --Coral-90 :  #532210;
  --Coral-100 : #000000;

  /* Salmon */
  --Salmon-0 :   #FFFFFF;
  --Salmon-5 :   #FFF1F0;
  --Salmon-10 :  #FFE3E0;
  --Salmon-20 :  #FFC8C1;
  --Salmon-30 :  #FEACA3;
  --Salmon-40 :  #FE9184;
  --Salmon-50 :  #FE7565;
  --Salmon-60 :  #D75F51;
  --Salmon-70 :  #B0493D;
  --Salmon-80 :  #893228;
  --Salmon-90 :  #621C14;
  --Salmon-100 : #000000;

  /* Hot Pink */
  --Hot-Pink-0 :   #FFFFFF;
  --Hot-Pink-5 :   #FFF5FC;
  --Hot-Pink-10 :  #FFE3F5;
  --Hot-Pink-20 :  #FFC6EC;
  --Hot-Pink-30 :  #FFAAE2;
  --Hot-Pink-40 :  #FF8DD9;
  --Hot-Pink-50 :  #FF6FCE;
  --Hot-Pink-60 :  #D05AA8;
  --Hot-Pink-70 :  #A14482;
  --Hot-Pink-80 :  #732D5B;
  --Hot-Pink-90 :  #3D1530;
  --Hot-Pink-100 : #000000;

  /* Pink */
  --Pink-0 :   #FFFFFF;
  --Pink-5 :   #FFF0F8;
  --Pink-10 :  #FFD0E9;
  --Pink-20 :  #FFA1D4;
  --Pink-30 :  #FF72BE;
  --Pink-40 :  #FD51AD;
  --Pink-50 :  #FF1493;
  --Pink-60 :  #CC1076;
  --Pink-70 :  #990C58;
  --Pink-80 :  #66083B;
  --Pink-90 :  #33041D;
  --Pink-100 : #000000;

  /* Funchsia */
  --Funchsia-0 :   #FFFFFF;
  --Funchsia-5 :   #FDF2FD;
  --Funchsia-10 :  #F9D1F9;
  --Funchsia-20 :  #F2A3F2;
  --Funchsia-30 :  #EC75EC;
  --Funchsia-40 :  #E547E5;
  --Funchsia-50 :  #DF19DF;
  --Funchsia-60 :  #B214B2;
  --Funchsia-70 :  #860F86;
  --Funchsia-80 :  #590A59;
  --Funchsia-90 :  #2D052D;
  --Funchsia-100 : #000000;

  /* Purple */
  --Purple-0 :   #FFFFFF;
  --Purple-5 :   #F5EEF7;
  --Purple-10 :  #E1CCE6;
  --Purple-20 :  #C499CC;
  --Purple-30 :  #A666B3;
  --Purple-40 :  #893399;
  --Purple-50 :  #6B0080;
  --Purple-60 :  #560066;
  --Purple-70 :  #40004D;
  --Purple-80 :  #2B0033;
  --Purple-90 :  #14001A;
  --Purple-100 : #000000;

  /* Blue Purple */
  --Blue-Purple-0 :   #FFFFFF;
  --Blue-Purple-5 :   #F4EFFA;
  --Blue-Purple-10 :  #DED1F1;
  --Blue-Purple-20 :  #BDA2E3;
  --Blue-Purple-30 :  #9B74D4;
  --Blue-Purple-40 :  #7A45C6;
  --Blue-Purple-50 :  #5917B8;
  --Blue-Purple-60 :  #471293;
  --Blue-Purple-70 :  #350E6E;
  --Blue-Purple-80 :  #24094A;
  --Blue-Purple-90 :  #120525;
  --Blue-Purple-100 : #000000;

  /* spacer */
  --spacer-50: 20rem;
  --spacer-49: 19.6rem;
  --spacer-48: 19.2rem;
  --spacer-47: 18.8rem;
  --spacer-46: 18.4rem;
  --spacer-45: 18rem;
  --spacer-44: 17.6rem;
  --spacer-43: 17.2rem;
  --spacer-42: 16.8rem;
  --spacer-41: 16.4rem;
  --spacer-40: 16rem;
  --spacer-39: 15.6rem;
  --spacer-38: 15.2rem;
  --spacer-37: 14.8rem;
  --spacer-36: 14.4rem;
  --spacer-35: 14rem;
  --spacer-34: 13.6rem;
  --spacer-33: 13.2rem;
  --spacer-32: 12.8rem;
  --spacer-31: 12.4rem;
  --spacer-30: 12rem;
  --spacer-29: 11.6rem;
  --spacer-28: 11.2rem;
  --spacer-27: 10.8rem;
  --spacer-26: 10.4rem;
  --spacer-25: 10rem;
  --spacer-24: 9.6rem;
  --spacer-23: 9.2rem;
  --spacer-22: 8.8rem;
  --spacer-21: 8.4rem;
  --spacer-20: 8rem;
  --spacer-19: 7.6rem;
  --spacer-18: 7.2rem;
  --spacer-17: 6.8rem;
  --spacer-16: 6.4rem;
  --spacer-15: 6rem;
  --spacer-14: 5.6rem;
  --spacer-13: 5.2rem;
  --spacer-12: 4.8rem;
  --spacer-11: 4.4rem;
  --spacer-10: 4rem;
  --spacer-9: 3.6rem;
  --spacer-8: 3.2rem;
  --spacer-7: 2.8rem;
  --spacer-6: 2.4rem;
  --spacer-5: 2rem;
  --spacer-4: 1.6rem;
  --spacer-3: 1.2rem;
  --spacer-2: 0.8rem;
  --spacer-1: 0.4rem;
  --spacer-0: 0;
}

:root.dark{
/* Primary */
--Primary-100 :   #FFFFFF;
--Primary-90 :   #EFF5FF;
--Primary-80 :  #D3E1FB;
--Primary-70 :  #A7C4F7;
--Primary-60 :  #7CA6F3;
--Primary-50 :  #5089EF;
--Primary-40 :  #246BEB;
--Primary-30 :  #1D56BC;
--Primary-20 :  #16408D;
--Primary-10 :  #0E2B5E;
--Primary-5 :  #07152F;
--Primary-0 : #000000;

/* Secondary */
--Secondary--100 : #FFFFFF;
--Secondary--90 :  #EDF1F5;
--Secondary--80 :  #CDD7E4;
--Secondary--70 :  #B4C4D6;
--Secondary--60 :  #99B0CB;
--Secondary--50 :  #2A5C96;
--Secondary--40 :  #003675;
--Secondary--30 :  #002B5E;
--Secondary--20 :  #002046;
--Secondary--10 :  #00162F;
--Secondary--5  :  #000B17;
--Secondary--0  : #000000;

/* Grayscale */
--Grayscale-100 :   #FFFFFF;
--Grayscale-90  :   #F8F8F8;
--Grayscale-80  :  #F0F0F0;
--Grayscale-70  :  #E4E4E4;
--Grayscale-60  :  #D8D8D8;
--Grayscale-50  :  #C6C6C6;
--Grayscale-40  :  #8E8E8E;
--Grayscale-30  :  #717171;
--Grayscale-20  :  #555555;
--Grayscale-10  :  #2D2D2D;
--Grayscale-5   :  #1D1D1D;
--Grayscale-0   : #000000;

/* Danger */
--Danger-100 :   #FFFFFF;
--Danger-90  :   #FEECF0;
--Danger-80  :  #FCD4DE;
--Danger-70  :  #F799B1;
--Danger-60  :  #F36689;
--Danger-50  :  #EF3E5E;
--Danger-40  :  #EB003B;
--Danger-30  :  #D50136;
--Danger-20  :  #8D0023;
--Danger-10  :  #5E0018;
--Danger-5   :  #2F000C;
--Danger-0   : #000000;

/* Warning */
--Warning-100 :   #FFFFFF;
--Warning-90  :   #FFF8E9;
--Warning-80  :  #FFEAC1;
--Warning-70  :  #FFE2A7;
--Warning-60  :  #FFD47C;
--Warning-50  :  #FFC550;
--Warning-40  :  #FFB724;
--Warning-30  :  #98690A;
--Warning-20  :  #66490E;
--Warning-10  :  #4D370B;
--Warning-5   :  #332507;
--Warning-0   : #000000;

/* Success */
--Success-100 :  #FFFFFF;
--Success-90  :  #EEF7F0;
--Success-80  : #CEE9D4;
--Success-70  : #B2DCBB;
--Success-60  : #8CCA99;
--Success-50  : #33A14B;
--Success-40  : #008A1E;
--Success-30  : #006E18;
--Success-20  : #005312;
--Success-10  : #00370C;
--Success-5   : #002207;
--Success-0   : #000000;

 /* Information */
 --Information-100 :   #FFFFFF;
 --Information-90  :   #E9F0FF;
 --Information-80  :  #D4E1FF;
 --Information-70  :  #A9C3FF;
 --Information-60  :  #7DA4FF;
 --Information-50  :  #5286FF;
 --Information-40  :  #2768FF;
 --Information-30  :  #1F53CC;
 --Information-20  :  #173E99;
 --Information-10  :  #0C1F4D;
 --Information-5   :  #040A1A;
 --Information-0   : #000000;

/* Navy */
--Navy-100 : #FFFFFF;
--Navy-90  : #F1F1F9;
--Navy-80  : #D3D5ED;
--Navy-70  : #A7ABDA;
--Navy-60  : #7B82C8;
--Navy-50  : #4F58B5;
--Navy-40  : #232EA3;
--Navy-30  : #1C2582;
--Navy-20  : #151C62;
--Navy-10  : #0E1241;
--Navy-5   : #070921;
--Navy-0   : #000000;

/* Blue */
--Blue-100 :   #FFFFFF;
--Blue-90  :   #F0F2FF;
--Blue-80  :  #D2DCFE;
--Blue-70  :  #A4B8FE;
--Blue-60  :  #7795FD;
--Blue-50  :  #4971FD;
--Blue-40  :  #1C4EFC;
--Blue-30  :  #163ECA;
--Blue-20  :  #112F97;
--Blue-10  :  #0B1F65;
--Blue-5   :  #0B1F65;
--Blue-0   : #000000;

/* Royal Blue */
--Royal-Blue-100 :   #FFFFFF;
--Royal-Blue-90  :   #EBF5FF;
--Royal-Blue-80  :  #C7E3FF;
--Royal-Blue-70  :  #8FC8FF;
--Royal-Blue-60  :  #56ACFF;
--Royal-Blue-50  :  #1E90FF;
--Royal-Blue-40  :  #0074E5;
--Royal-Blue-30  :  #0056AA;
--Royal-Blue-20  :  #00407F;
--Royal-Blue-10  :  #002B55;
--Royal-Blue-5   :  #00152A;
--Royal-Blue-0   : #000000;

/* Sky Blue */
--Sky-Blue-100 :   #FFFFFF;
--Sky-Blue-90  :   #F0FBFF;
--Sky-Blue-80  :  #D4F3FE;
--Sky-Blue-70  :  #A9E6FC;
--Sky-Blue-60  :  #7DDAFB;
--Sky-Blue-50  :  #52CDF9;
--Sky-Blue-40  :  #27C1F8;
--Sky-Blue-30  :  #1F9AC6;
--Sky-Blue-20  :  #177495;
--Sky-Blue-10  :  #104D63;
--Sky-Blue-5   :  #082732;
--Sky-Blue-0   : #000000;

/* Aqua */
--Aqua-100 :   #FFFFFF;
--Aqua-90  :   #E7FDFD;
--Aqua-80  :  #CEFBFB;
--Aqua-70  :  #9DF6F6;
--Aqua-60  :  #6DF2F2;
--Aqua-50  :  #3BEDED;
--Aqua-40  :  #15DFDF;
--Aqua-30  :  #03C4C4;
--Aqua-20  :  #078C8C;
--Aqua-10  :  #045D5D;
--Aqua-5   :  #022F2F;
--Aqua-0   : #000000;

/* Teal */
--Teal-100 :   #FFFFFF;
--Teal-90  :   #EDF8F8;
--Teal-80  :  #CEEBEB;
--Teal-70  :  #9DD7D7;
--Teal-60  :  #6DC3C3;
--Teal-50  :  #3CAFAF;
--Teal-40  :  #0B9B9B;
--Teal-30  :  #097C7C;
--Teal-20  :  #075D5D;
--Teal-10  :  #043E3E;
--Teal-5   :  #021F1F;
--Teal-0   : #000000;

/* Green */
--Green-100 :   #FFFFFF;
--Green-90  :   #EEF7EE;
--Green-80  :  #CCE6CC;
--Green-70  :  #99CC99;
--Green-60  :  #66B366;
--Green-50  :  #339933;
--Green-40  :  #008000;
--Green-30  :  #006600;
--Green-20  :  #004D00;
--Green-10  :  #003300;
--Green-5   :  #001A00;
--Green-0   : #000000;

/* Lime Green */
--Lime-Green-100 :   #FFFFFF;
--Lime-Green-90  :   #F3FCF3;
--Lime-Green-80  :  #D6F5D6;
--Lime-Green-70  :  #ADEBAD;
--Lime-Green-60  :  #84E184;
--Lime-Green-50  :  #5BD75B;
--Lime-Green-40  :  #32CD32;
--Lime-Green-30  :  #1FAD1F;
--Lime-Green-20  :  #1E7B1E;
--Lime-Green-10  :  #145214;
--Lime-Green-5   :  #0A290A;
--Lime-Green-0   : #000000;

/* Lime */
--Lime-100 :   #FFFFFF;
--Lime-90  :   #F7FFEA;
--Lime-80  :  #EEFED6;
--Lime-70  :  #DEFFAB;
--Lime-60  :  #CEFE83;
--Lime-50  :  #BCF95D;
--Lime-40  :  #A1F524;
--Lime-30  :  #8EDD13;
--Lime-20  :  #699B1C;
--Lime-10  :  #476912;
--Lime-5   :  #253709;
--Lime-0   : #000000;

/* Olive */
--Olive-100 :   #FFFFFF;
--Olive-90  :   #F8F8ED;
--Olive-80  :  #EBEBCC;
--Olive-70  :  #D6D699;
--Olive-60  :  #C2C266;
--Olive-50  :  #ADAD33;
--Olive-40  :  #999900;
--Olive-30  :  #7A7A00;
--Olive-20  :  #5C5C00;
--Olive-10  :  #3D3D00;
--Olive-5   :  #1F1F00;
--Olive-0   : #000000;

/* Yellow */
--Yellow-100 :   #FFFFFF;
--Yellow-90  :   #FFF6CC;
--Yellow-80  :  #FFF6CC;
--Yellow-70  :  #FFEE99;
--Yellow-60  :  #FFE566;
--Yellow-50  :  #FFDD33;
--Yellow-40  :  #FFD400;
--Yellow-30  :  #D6AB00;
--Yellow-20  :  #A38500;
--Yellow-10  :  #6B5700;
--Yellow-5   :  #332A00;
--Yellow-0   : #000000;

/* Gold */
--Gold-100 :   #FFFFFF;
--Gold-90  :   #FDF7E9;
--Gold-80  :  #FAEFD3;
--Gold-70  :  #F5DFA7;
--Gold-60  :  #F1CF7A;
--Gold-50  :  #ECBF4E;
--Gold-40  :  #E7AF22;
--Gold-30  :  #B98C1B;
--Gold-20  :  #8B6914;
--Gold-10  :  #5C460E;
--Gold-5   :  #2E2307;
--Gold-0   : #000000;

/* Saddle Brown */
--Saddle-Brown-100 :   #FFFFFF;
--Saddle-Brown-90  :   #F8F2ED;
--Saddle-Brown-80  :  #ECDCCD;
--Saddle-Brown-70  :  #D9B99C;
--Saddle-Brown-60  :  #C6976A;
--Saddle-Brown-50  :  #B37439;
--Saddle-Brown-40  :  #A05107;
--Saddle-Brown-30  :  #804106;
--Saddle-Brown-20  :  #603104;
--Saddle-Brown-10  :  #402003;
--Saddle-Brown-5   :  #201001;
--Saddle-Brown-0   : #000000;

/* Brown */
--Brown-100 :   #FFFFFF;
--Brown-90  :   #F9F2F0;
--Brown-80  :  #EED8D3;
--Brown-70  :  #DCB0A7;
--Brown-60  :  #CB897C;
--Brown-50  :  #B96150;
--Brown-40  :  #A83A24;
--Brown-30  :  #862E1D;
--Brown-20  :  #652316;
--Brown-10  :  #43170E;
--Brown-5   :  #220C07;
--Brown-0   : #000000;

/* Dark Red */
--Dark-Red-100 :   #FFFFFF;
--Dark-Red-90  :   #FAEFF0;
--Dark-Red-80  :  #F1CECF;
--Dark-Red-70  :  #E39D9F;
--Dark-Red-60  :  #D56B70;
--Dark-Red-50  :  #C73A40;
--Dark-Red-40  :  #B90910;
--Dark-Red-30  :  #94070D;
--Dark-Red-20  :  #6F050A;
--Dark-Red-10  :  #4A0406;
--Dark-Red-5   :  #250203;
--Dark-Red-0   : #000000;

/* Red */
--Red-100 :   #FFFFFF;
--Red-90  :   #FEF1F1;
--Red-80  :  #FCCCCC;
--Red-70  :  #F89999;
--Red-60  :  #F56666;
--Red-50  :  #F23B3B;
--Red-40  :  #EE0000;
--Red-30  :  #CD0404;
--Red-20  :  #8F0000;
--Red-10  :  #5F0000;
--Red-5   :  #300000;
--Red-0   : #000000;

/* Orange */
--Orange-100 :   #FFFFFF;
--Orange-90  :   #FFF4F0;
--Orange-80  :  #FFDACC;
--Orange-70  :  #FFB599;
--Orange-60  :  #FF8F66;
--Orange-50  :  #FF6A33;
--Orange-40  :  #FF4500;
--Orange-30  :  #D53209;
--Orange-20  :  #992900;
--Orange-10  :  #661C00;
--Orange-5   :  #330E00;
--Orange-0   : #000000;

/* Coral */
--Coral-100 :   #FFFFFF;
--Coral-90  :   #FFF8F5;
--Coral-80  :  #FFE6DC;
--Coral-70  :  #FFCCBA;
--Coral-60  :  #FEB397;
--Coral-50  :  #FE9975;
--Coral-40  :  #FE8052;
--Coral-30  :  #D36942;
--Coral-20  :  #A85131;
--Coral-10  :  #7E3A21;
--Coral-5   :  #532210;
--Coral-0   : #000000;

/* Salmon */
--Salmon-100 :   #FFFFFF;
--Salmon-90  :   #FFF1F0;
--Salmon-80  :  #FFE3E0;
--Salmon-70  :  #FFC8C1;
--Salmon-60  :  #FEACA3;
--Salmon-50  :  #FE9184;
--Salmon-40  :  #FE7565;
--Salmon-30  :  #D75F51;
--Salmon-20  :  #B0493D;
--Salmon-10  :  #893228;
--Salmon-5   :  #621C14;
--Salmon-0   : #000000;

/* Hot Pink */
--Hot-Pink-100 :   #FFFFFF;
--Hot-Pink-90  :   #FFF5FC;
--Hot-Pink-80  :  #FFE3F5;
--Hot-Pink-70  :  #FFC6EC;
--Hot-Pink-60  :  #FFAAE2;
--Hot-Pink-50  :  #FF8DD9;
--Hot-Pink-40  :  #FF6FCE;
--Hot-Pink-30  :  #D05AA8;
--Hot-Pink-20  :  #A14482;
--Hot-Pink-10  :  #732D5B;
--Hot-Pink-5   :  #3D1530;
--Hot-Pink-0   : #000000;

/* Pink */
--Pink-100 :   #FFFFFF;
--Pink-90  :   #FFF0F8;
--Pink-80  :  #FFD0E9;
--Pink-70  :  #FFA1D4;
--Pink-60  :  #FF72BE;
--Pink-50  :  #FD51AD;
--Pink-40  :  #FF1493;
--Pink-30  :  #CC1076;
--Pink-20  :  #990C58;
--Pink-10  :  #66083B;
--Pink-5   :  #33041D;
--Pink-0   : #000000;

/* Funchsia */
--Funchsia-100 :   #FFFFFF;
--Funchsia-90  :   #FDF2FD;
--Funchsia-80  :  #F9D1F9;
--Funchsia-70  :  #F2A3F2;
--Funchsia-60  :  #EC75EC;
--Funchsia-50  :  #E547E5;
--Funchsia-40  :  #DF19DF;
--Funchsia-30  :  #B214B2;
--Funchsia-20  :  #860F86;
--Funchsia-10  :  #590A59;
--Funchsia-5   :  #2D052D;
--Funchsia-0   : #000000;

/* Purple */
--Purple-100 :   #FFFFFF;
--Purple-90  :   #F5EEF7;
--Purple-80  :  #E1CCE6;
--Purple-70  :  #C499CC;
--Purple-60  :  #A666B3;
--Purple-50  :  #893399;
--Purple-40  :  #6B0080;
--Purple-30  :  #560066;
--Purple-20  :  #40004D;
--Purple-10  :  #2B0033;
--Purple-5   :  #14001A;
--Purple-0   : #000000;

/* Blue Purple */
--Blue-Purple-100 :   #FFFFFF;
--Blue-Purple-90  :   #F4EFFA;
--Blue-Purple-80  :  #DED1F1;
--Blue-Purple-70  :  #BDA2E3;
--Blue-Purple-60  :  #9B74D4;
--Blue-Purple-50  :  #7A45C6;
--Blue-Purple-40  :  #5917B8;
--Blue-Purple-30  :  #471293;
--Blue-Purple-20  :  #350E6E;
--Blue-Purple-10  :  #24094A;
--Blue-Purple-5   :  #120525;
--Blue-Purple-0   : #000000;

/* spacer */
--spacer-50: 20rem;
--spacer-49: 19.6rem;
--spacer-48: 19.2rem;
--spacer-47: 18.8rem;
--spacer-46: 18.4rem;
--spacer-45: 18rem;
--spacer-44: 17.6rem;
--spacer-43: 17.2rem;
--spacer-42: 16.8rem;
--spacer-41: 16.4rem;
--spacer-40: 16rem;
--spacer-39: 15.6rem;
--spacer-38: 15.2rem;
--spacer-37: 14.8rem;
--spacer-36: 14.4rem;
--spacer-35: 14rem;
--spacer-34: 13.6rem;
--spacer-33: 13.2rem;
--spacer-32: 12.8rem;
--spacer-31: 12.4rem;
--spacer-30: 12rem;
--spacer-29: 11.6rem;
--spacer-28: 11.2rem;
--spacer-27: 10.8rem;
--spacer-26: 10.4rem;
--spacer-25: 10rem;
--spacer-24: 9.6rem;
--spacer-23: 9.2rem;
--spacer-22: 8.8rem;
--spacer-21: 8.4rem;
--spacer-20: 8rem;
--spacer-19: 7.6rem;
--spacer-18: 7.2rem;
--spacer-17: 6.8rem;
--spacer-16: 6.4rem;
--spacer-15: 6rem;
--spacer-14: 5.6rem;
--spacer-13: 5.2rem;
--spacer-12: 4.8rem;
--spacer-11: 4.4rem;
--spacer-10: 4rem;
--spacer-9: 3.6rem;
--spacer-8: 3.2rem;
--spacer-7: 2.8rem;
--spacer-6: 2.4rem;
--spacer-5: 2rem;
--spacer-4: 1.6rem;
--spacer-3: 1.2rem;
--spacer-2: 0.8rem;
--spacer-1: 0.4rem;
--spacer-0: 0;
}

:root.dark :where(img,.top-logo,i){
filter: grayscale(0) contrast(1) brightness(1) saturate(0.7)!important;
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 900;
font-display: swap;
src: local('Pretendard GOV Black'), url(./woff2/PretendardGOV-Black.woff2) format('woff2'), url(./woff/PretendardGOV-Black.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 800;
font-display: swap;
src: local('Pretendard GOV ExtraBold'), url(./woff2/PretendardGOV-ExtraBold.woff2) format('woff2'), url(./woff/PretendardGOV-ExtraBold.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 700;
font-display: swap;
src: local('Pretendard GOV Bold'), url(./woff2/PretendardGOV-Bold.woff2) format('woff2'), url(./woff/PretendardGOV-Bold.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 600;
font-display: swap;
src: local('Pretendard GOV SemiBold'), url(./woff2/PretendardGOV-SemiBold.woff2) format('woff2'), url(./woff/PretendardGOV-SemiBold.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 500;
font-display: swap;
src: local('Pretendard GOV Medium'), url(./woff2/PretendardGOV-Medium.woff2) format('woff2'), url(./woff/PretendardGOV-Medium.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 400;
font-display: swap;
src: local('Pretendard GOV Regular'), url(./woff2/PretendardGOV-Regular.woff2) format('woff2'), url(./woff/PretendardGOV-Regular.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 300;
font-display: swap;
src: local('Pretendard GOV Light'), url(./woff2/PretendardGOV-Light.woff2) format('woff2'), url(./woff/PretendardGOV-Light.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 200;
font-display: swap;
src: local('Pretendard GOV ExtraLight'), url(./woff2/PretendardGOV-ExtraLight.woff2) format('woff2'), url(./woff/PretendardGOV-ExtraLight.woff) format('woff');
}

@font-face {
font-family: 'Pretendard GOV';
font-weight: 100;
font-display: swap;
src: local('Pretendard GOV Thin'), url(./woff2/PretendardGOV-Thin.woff2) format('woff2'), url(./woff/PretendardGOV-Thin.woff) format('woff');
}
.aa{
--colorcontroll:var(var(--Aqua-0))
}


/* mddMenu */
body:has(.subHeader.Active)::after {
  background: gray;
  content: '';
  background: #b5b5b517;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  filter: blur(10px);
  cursor: no-drop;
}
html:has(.subHeader.Active){
  /* overflow: hidden; */
}
div#containerMain{
/* 240704 glems */
/* overflow: hidden; */
}
/* div#containerHeader{
height: var(--header-height);
position: sticky;
top: 0 !important;
z-index: 99 !important;
backdrop-filter: blur(10px) saturate(0);
box-sizing: border-box;
} */
div#containerHeader {
/* position: fixed; */
width: 100%;
background: var(--white);
/* backdrop-filter: blur(10px) saturate(1) !important; */
/* -webkit-backdrop-filter: blur(10px) saturate(1) !important; */
/* mix-blend-mode: exclusion; */
}
.mdd-header-menu-wrapper{
display: flex;
justify-content: center;
background: transparent !important;
/* border-bottom: 1px solid #7373735e !important; */
box-shadow: unset !important;
}
.subHeader {
  height: 100%;
  width: 0;
  background: #fdfdfd;
  position: fixed;
  transition: all .50s;
  box-sizing: border-box;
  right: 0;
  top: 0;
  z-index: 9992;
  box-shadow: 0 0 25px 10px #06060621;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition-timing-function: cubic-bezier(0.84, 0.41, 0.51, 0.99);
}
#leftMenu .sub-menu-container:has(> div){
  overflow: unset;
  /* border: 1px solid gainsboro; */
  box-shadow: 0 0 1px #0000003d;
  /* border-radius: 5px; */
  /* border-top: 3px solid blue; */
  padding: 20px;
  box-sizing: border-box;
  background: transparent;
  top: var(--header-height);
  /* top: 20px; */
  position: sticky;
  padding: 0;
  min-width: 210px;
  /* border-radius: 20px; */
  overflow: hidden;
  box-shadow: 0 0 8px #0000001f;
}
#leftMenu .sub-menu-2>div[class^='header-menu'] {
padding-left: 0 !important;
}
#leftMenu div[class^='header-menu'] > a{
border-bottom: 1px solid gainsboro;
background-color:var(--white);
transition: all .45s;

}
#leftMenu div[class^='header-menu'] > a:hover {
background: #8d8d8d0f;
}
#leftMenu div[class^='header-menu'] > a.active{
  /* background: blue; */
  color: #4d77f1;
  font-weight: bold;
  border-left: 2px solid #4d77f1;
}
#leftMenu div[class^='header-menu'] > a.active:hover{
    
}
#leftMenu .sub-menu-2>div[class^='header-menu'] > a:before{
content: '';
}
.sub-menu-container .switch {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.sub-menu-container{
  position: relative;
}
.sub-menu-container::after{
  /* content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url('../../contents/img/top-banner-004.jpg') no-repeat top / cover;
  opacity: 0.1; */
}
.sub-menu-item-box {
  min-height: unset !important;
  border-bottom: 1px solid var(--Grayscale-30);
  display: inline-flex;
  align-items: flex-start;
  height: 100%;
  font-size: 2rem;
  padding: 5px 20px;
  color: rgb(26, 26, 26);
  box-sizing: border-box;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.sub-menu-item-box:has(.sub-menu-2)>div[class^='header-menu']>a{
  color: var(--Grayscale-80);
}
.sub-menu-container .sub-menu-2 {
width: 100%;
}
.sidenav .sub-menu-item-box >div[class^='header-menu']{
  border-left: 0px solid firebrick;
  /* border-top: 0px solid #bec8ff; */
  border-radius: 20px 0 0 20px;
  transition: all .35s;
}
.sidenav .sub-menu-item-box > div[class^='header-menu'].active{

}
.sidenav .sub-menu-item-box > div[class^='header-menu']> a{
  font-family: 'Material Icons';
  position: relative;
  border-bottom: 1px solid gainsboro;
      display: inline-flex;
      align-items: center;
  justify-content: space-between;
}
/*.sidenav .sub-menu-item-box > div[class^='header-menu'].active + .sub-menu-2 a{
  font-family: 'Material Icons';
}*/
.sidenav .sub-menu-item-box > div[class^='header-menu'].active > a{
  position: relative;
  border-bottom: 1px solid gainsboro;
  color: var(--Blue-40);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.sidenav .sub-menu-item-box > div[class^='header-menu'] > a::after{
  content: 'folder';
  color: var(--Blue-40);
  /* position: absolute; */
  /* right: 0; */
}
.sidenav .sub-menu-item-box > div[class^='header-menu'].active > a::after{
  content: 'folder_open';
  /* position: absolute; */
  /* right: 0; */
}
.sidenav .sub-menu-item-box > div[class^='header-menu'].active + .sub-menu-2 a.active::after{
  content: 'subdirectory_arrow_left';
  font-family: 'Material Icons';
  position: absolute;
  right: 20px;
  font-size: 1.2rem;
  color: #2156ba;
  font-weight: bold;
}
.sidenav div[class^='header-menu'] + .sub-menu-2{
  transition-delay: .15s;
  height: 0;
}
/* .sidenav div[class^='header-menu']:hover + .sub-menu-2, */
.sidenav div[class^='header-menu'].active + .sub-menu-2{
   height: 100% !important;
}
.sidenav div[class^='header-menu'] + .sub-menu-2 a{
    left: -300px;
    opacity: 0;
    transition: all .35s;
}
.sidenav div[class^='header-menu'].active + .sub-menu-2 a{
    left: 0px;
    opacity: 1;
    transition: all .25s;
}
.subHeader * {
  white-space: nowrap;
}
.sign-btn-wraper {
width: 100%;
display: flex;
align-items: center;
gap: 15px;
padding: 15px 10px;
box-sizing: border-box;
background: var(--Grayscale-10);
}
.sign-btn-wraper .name,
.sign-btn-wraper .email{
  width: fit-content;
}
.sign-btn-wraper .sign-btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: var(--Grayscale-10);
border-radius: 8px;
box-shadow: -2px -2px 4px var(--white), 2px 2px 4px var(--Grayscale-30);
cursor: pointer;
transition: all .35s;
}
.sign-btn-wraper .sign-btn:hover{
  box-shadow: -2px -2px 4px white, 1px 1px 1px var(--Grayscale-30);
}
.sidenav .switch {
display: flex;
align-items: center;
width: 100%;
justify-content: center;
padding: 20px 0;
}
/* mddMenu */
/* material */
.sidenav.right-aligned {
background: var(--white);
  right: 0;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
  left: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
.sidenav {
  position: fixed;
  width: 300px;
  box-sizing: border-box;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100%;
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 9999;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}
ul:not(.browser-default) > li {
  list-style-type: none;
}
.sidenav li {
  float: none;
  line-height: 48px;
}
.sidenav .divider {
  margin: 8px 0 0 0;
}
.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}
.sidenav .user-view {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
  min-height: 170px;
  box-sizing: border-box;
}

.sidenav .user-view .background {
  overflow: hidden;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
}
.sidenav .user-view .background > img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.sidenav .user-view > a {
  height: auto;
  padding: 0;
}
.sidenav .user-view .name {
  margin-top: 16px;
  font-weight: 500;
  font-weight: bold;
}
.sidenav .user-view .name, .sidenav .user-view .email {
  font-size: 14px;
  line-height: 24px;
}
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
  display: block;
}
.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0);
          transform: scale(0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}

.waves-effect img {
  position: relative;
  z-index: -1;
}

.waves-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.waves-circle {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1;
}
.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 97;
  display: none;
}  
/* material */


/* 사용자상세정보 */
.sign-table.detail input[type="radio"]:checked + label {
  background: #dff1c5;
  color: #040404;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px dashed #679eed;
}
/* 사용자상세정보 */

/* component */
.component-position{
	all:initial;
}
.insertedImg{
	display: inline-block;
  	overflow: auto;
  	width: 100px;
  	height: 100px; 
  	max-width:100%;
  	max-height:100%;
}
.insertedImg img {
	display:block;
  	width: 100%;
  	height:100%;
  	pointer-events: none;
  	user-select: none;
}
/* component */

/*toast date picker*/
.tui-datepicker-input.tui-datetime-input.tui-has-focus{
  overflow: visible;
}
.tui-datepicker-input.tui-datetime-input.tui-has-focus > input[aria-label="Date-Time"]{
  cursor: pointer;
}
.tui-datepicker-input.tui-datetime-input.tui-has-focus > .tui-ico-date{
  pointer-events: none;
}