@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.eot"),
    url("../fonts/Montserrat/Montserrat-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"),
    url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"),
    url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.eot"),
    url("../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),
    url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"),
    url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Medium.eot"),
    url("../fonts/Montserrat/Montserrat-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"),
    url("../fonts/Montserrat/Montserrat-Medium.woff") format("woff"),
    url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.eot"),
    url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),
    url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
    url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

/*OpenSans*/
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/*Pretendard*/
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-Thin.eot");
  src: url("../fonts/pretendard/Pretendard-Thin.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-Thin.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-Thin.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-Thin.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-ExtraLight.eot");
  src: url("../fonts/pretendard/Pretendard-ExtraLight.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-ExtraLight.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-ExtraLight.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-ExtraLight.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-Light.eot");
  src: url("../fonts/pretendard/Pretendard-Light.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-Light.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-Light.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-Light.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-Regular.eot");
  src: url("../fonts/pretendard/Pretendard-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-Regular.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-Regular.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-Medium.eot");
  src: url("../fonts/pretendard/Pretendard-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-Medium.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-Medium.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-Medium.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-SemiBold.eot");
  src: url("../fonts/pretendard/Pretendard-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-SemiBold.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-Bold.eot");
  src: url("../fonts/pretendard/Pretendard-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-Bold.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-Bold.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-ExtraBold.eot");
  src: url("../fonts/pretendard/Pretendard-ExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-ExtraBold.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-ExtraBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/pretendard/Pretendard-Black.eot");
  src: url("../fonts/pretendard/Pretendard-Black.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/pretendard/Pretendard-Black.woff2") format("woff2"),
    url("../fonts/pretendard/Pretendard-Black.woff") format("woff"),
    url("../fonts/pretendard/Pretendard-Black.ttf") format("truetype");
  font-display: swap;
}

:root {
  --flat-red: #dd4343;
  --flat-blue: #002d74;
  --flat-blue-02: #255ac1;
  --flat-gray: #5a5c60;
  --light-grey-blue: #a5aab5;
  --slate-grey: #505357;
  --pale-grey: #f3f4f5;
  --light-periwinkle: #d0d7e7;
  --greyish-teal: #5ebdab;
  --stormy-blue: #519aac;
  --top-select-box: #f7f8f9;
  --select-box: #e8eaec;
  --very-light-pink: #ededed;
  --battleship-grey: #787c84;

  --gaeps-default: #121417;
  --gaeps-bg: #f3f4f5;
  --gaeps-bg-01: #505357;
  --gaeps-bg-02: #e7eaed;
  --gaeps-bg-03: #939bab;
  --gaeps-bg-04: #f5f5f5;
  --gaeps-border-01: #cfcfcf;
  --gaeps-border-02: #dfe3e6;
  --gaeps-border-03: #ededed;
  --gaeps-text-01: #37404f;
  --gaeps-text-02: #5a5c60;
  --gaeps-text-03: #878a90;
  --gaeps-text-04: #a6aab6;
  --gaeps-button-01: #575a65;
  --gaeps-button-02: #9a9ca3;
  --gaeps-button-03: #8898b2;
  --gaeps-blue-01: #002d74;
  --gaeps-blue-02: #255ac1;
  --gaeps-blue-03: #2c69e1;
  --gaeps-blue-04: #2495fe;
  --gaeps-light-blue: #eff6ff;

  /* heritage_blue */
  --bg_white_default: #fff;
  --bg_white_hover: #f8f9fa;
  --bg_white_hover_2nd: #f0f1f3;
  --bg_white_hover_3rd: #ebf1ff;
  --bg_white_selected: #f0f1f3;
  --bg_white_selected_2nd: #ebf1ff;
  --bg_white_selected_3rd: #00287a;
  --bg_white_disabled: #f0f1f3;
  --bg_white_disabled_2nd: #e4e5e9;
  --bg_white_read_only: #f0f1f3;
  --bg_white_read_only_2nd: #e4e5e9;
  --bg_primary_default: #00287a;
  --bg_primary_default_2nd: #ebf1ff;
  --bg_primary_default_3rd: #001b52;
  --bg_primary_hover: #0036a3;
  --bg_primary_hover_2nd: #d9e6ff;
  --bg_primary_hover_3rd: #ebf1ff;
  --bg_primary_selected: #04c;
  --bg_primary_selected_2nd: #c2d6ff;
  --bg_primary_disabled: #f0f1f3;
  --bg_primary_disabled_2nd: #d2d4dc;
  --bg_primary_read_only: #babfca;
  --bg_primary_complete: #9bf;
  --bg_gray25_default: #f8f9fa;
  --bg_gray25_hover: #f0f1f3;
  --bg_gray25_selected: #e4e5e9;
  --bg_gray25_selected_2nd: #ebf1ff;
  --bg_gray25_selected_3rd: #fff;
  --bg_gray25_disabled: #f0f1f3;
  --bg_gray50_default: #f0f1f3;
  --bg_gray50_hover: #e4e5e9;
  --bg_gray50_selected: #d2d4dc;
  --bg_gray50_selected_2nd: #ebf1ff;
  --bg_gray50_selected_3rd: #00287a;
  --bg_gray50_disabled: #f0f1f3;
  --bg_gray100_default: #e4e5e9;
  --bg_gray200_default: #d2d4dc;
  --bg_gray300_default: #babfca;
  --bg_gray300_hover: #f8f9fa;
  --bg_gray600_default: #667085;
  --bg_gray800_default: #3e4451;
  --bg_red25_default: #ffebeb;
  --bg_red25_hover: #ffebeb;
  --bg_red25_hover_2nd: #fedddc;
  --bg_red25_selected: #ffc2c2;
  --bg_red25_disabled: #f0f1f3;
  --text_primary: #00287a;
  --text_primary_2nd: #ebf1ff;
  --text_secondary: #121417;
  --text_default: #121417;
  --text_sub: #3e4451;
  --text_subtlest: #667085;
  --text_label: #80899d;
  --text_placeholder: #babfca;
  --text_disabled: #e4e5e9;
  --text_disabled_2nd: #d2d4dc;
  --text_disabled_3rd: #babfca;
  --text_read_only: #667085;
  --text_blue: #007aff;
  --text_green: #3eb838;
  --text_red: #ff4646;
  --text_orange: #f98016;
  --text_yellow: #efad06;
  --text_gray: #80899d;
  --text_default_reverse: #fff;
  --text_sub_reverse: #ffffffb3;
  --text_subtitle_reverse: #ffffff80;
  --text_label_reverse: #fff6;
  --icon_white_default: #fff;
  --icon_white_hover: #fff;
  --icon_white_disabled: #d2d4dc;
  --icon_primary_default: #00287a;
  --icon_primary_hover: #0036a3;
  --icon_primary_selected: #04c;
  --icon_primary_disabled: #d2d4dc;
  --icon_gray300_default: #babfca;
  --icon_gray300_hover: #a3aab8;
  --icon_gray300_disabled: #d2d4dc;
  --icon_gray400_default: #a3aab8;
  --icon_gray400_hover: #80899d;
  --icon_gray400_hover_2nd: #00287a;
  --icon_gray400_selected: #80899d;
  --icon_gray400_selected_2nd: #00287a;
  --icon_gray400_disabled: #babfca;
  --icon_gray600_default: #667085;
  --icon_gray600_hover: #586173;
  --icon_gray600_disabled: #babfca;
  --icon_gray800_default: #3e4451;
  --icon_gray800_hover: #2c313a;
  --icon_gray800_disabled: #babfca;
  --icon_gray900_default: #2c313a;
  --icon_gray900_hover: #586173;
  --icon_gray900_selected: #00287a;
  --icon_gray900_disabled: #babfca;
  --icon_red_default: #ff4646;
  --dark_primary: #00287a;
  --border_dark_primary: #00287a;
  --dark_blue: #007aff;
  --border_dark_blue: #007aff;
  --dark_green: #3eb838;
  --border_dark_green: #3eb838;
  --dark_red: #ff4646;
  --border_dark_red: #ff4646;
  --dark_orange: #f98016;
  --border_dark_orange: #f98016;
  --dark_yellow: #efad06;
  --border_dark_yellow: #efad06;
  --dark_gray: #a3aab8;
  --border_dark_gray: #a3aab8;
  --light_primary: #ebf1ff;
  --border_light_primary: #ebf1ff;
  --light_blue: #dcedff;
  --border_light_blue: #dcedff;
  --light_green: #daf3d9;
  --border_light_green: #daf3d9;
  --light_red: #fedddc;
  --border_light_red: #fedddc;
  --light_orange: #fee8d1;
  --border_light_orange: #fee8d1;
  --light_yellow: #fef0cb;
  --border_light_yellow: #fef0cb;
  --light_gray: #f0f1f3;
  --border_light_gray: #f0f1f3;
  --midnight_primary: #9bf;
  --border_midnight_primary: #9bf;
  --midnight_blue: #add5ff;
  --border_midnight_blue: #add5ff;
  --midnight_green: #b3e7b1;
  --border_midnight_green: #b3e7b1;
  --midnight_red: #ffadad;
  --border_midnight_red: #ffadad;
  --midnight_orange: #fdd2a6;
  --border_midnight_orange: #fdd2a6;
  --midnight_yellow: #fde19b;
  --border_midnight_yellow: #fde19b;
  --midnight_gray: #d2d4dc;
  --border_midnight_gray: #d2d4dc;
  --border_white_default: #fff;
  --border_white_default_2nd: #ffffff26;
  --border_primary_default: #00287a;
  --border_primary_default_2nd: #001b52;
  --border_primary_hover: #0036a3;
  --border_primary_selected: #04c;
  --border_primary_disabled: #d2d4dc;
  --border_primary_read_only: #babfca;
  --border_gray100_default: #e4e5e9;
  --border_gray100_hover: #d2d4dc;
  --border_gray100_selected: #babfca;
  --border_gray100_disabled: #d2d4dc;
  --border_gray200_default: #d2d4dc;
  --border_gray200_hover: #babfca;
  --border_gray200_selected: #a3aab8;
  --border_gray200_selected_2nd: #00287a;
  --border_gray200_disabled: #d2d4dc;
  --border_gray200_read_only: #d2d4dc;
  --border_gray300_default: #babfca;
  --border_gray300_hover: #a3aab8;
  --border_gray300_selected: #80899d;
  --border_gray300_disabled: #d2d4dc;
  --border_gray300_read_only: #d2d4dc;
  --border_gray400_default: #a3aab8;
  --border_gray400_hover: #80899d;
  --border_gray400_selected: #667085;
  --border_gray400_disabled: #d2d4dc;
  --border_gray500_default: #80899d;
  --border_gray500_hover: #667085;
  --border_gray500_selected: #586173;
  --border_gray500_disabled: #d2d4dc;
  --border_gray900_default: #2c313a1a;
  --border_red_default: #ff4646;
  --border_red_hover: #cc0100;
  --border_red_disabled: #d2d4dc;
  --divider_gray: #f0f1f3;
  --divider_gray_2nd: #e4e5e9;
  --divider_gray_3rd: #d2d4dc;
  --divider_gray_4th: #babfca;
  --divider_inverse: #2c313a;
  --divider_white: #fff;
  --divider_default_2nd: #ffffff26;
  --scrim_gray_85: #2c313ad9;
  --scrim_gray_70: #2c313ab3;
  --scrim_gray50: #2c313a80;
  --scrim_gray_30: #2c313a4d;
}

body:has(> div.flex) {
  scrollbar-gutter: auto;
  /* scrollbar-width: thin; 
    scrollbar-color: #bebdbd transparent; */
}

body:has(> .k-overlay) {
  overflow: hidden;
}

body > div.flex {
  min-width: 108rem;
  height: 100%;
}

/* login page */
body:has(.login-wrap) {
  padding: 0;
}

.login-wrap {
  height: 100vh;
  width: 100vw;
  background: var(--gaeps-bg);
  overflow: auto;
}

.login-inner {
  margin: 0 auto;
  /* width: 120.0rem; */
  /* height: 75.8rem; */
  width: 100rem;
  height: 62rem;
  min-width: 100rem;
  min-height: 62rem;
  padding: 2rem;
}

.login-inner > div {
  width: 100%;
}

.login-inner .copy > p {
  font-size: 1.2rem;
  color: #666c75;
}

.login-title {
  gap: 1.2rem;
}

.login-title > p {
  font-size: 3.2rem;
  font-weight: bold;
  color: var(--gaeps-blue-02);
}

.login-title > span {
  font-size: 1.8rem;
  opacity: 0.7;
}

.login-bg {
  border-radius: 2.4rem;
  box-shadow: 0.1rem 0.2rem 2rem 0 rgb(0 0 0 / 5%);
  /* height: 58rem; */
  height: 48rem;
  overflow: hidden;
}

.login-bg > div {
  width: 50%;
  height: 100%;
}

.login-left {
  background: #181e64 url(../images/login_img.png) no-repeat center bottom;
  background-size: 132%;
}

.login-right {
  background: #ffffff;
  /* padding: 6.0rem 10.0rem; */
  padding: 6rem 7.6rem;
}

.login-logo-wrap {
  gap: 1.4rem;
  margin-top: 8rem;
}

.login-logo-wrap > p {
  /* font-size: 2.4rem; */
  font-size: 1.8rem;
  color: #ffffff;
  font-weight: 200;
}

.login-right > p {
  /* font-size: 3.6rem; */
  font-size: 3.2rem;
  font-weight: 600;
}

.login-right > p > span {
  font-weight: 700;
}

.dashboard .tile {
  border: solid 0.1rem #d7d6db;
  width: 24rem;
  height: 20rem;
  border-radius: 1.6rem;
  box-sizing: border-box;
  padding: 3rem 3rem 2.4rem 3rem;
}

.dashboard .border-tradewind {
  border: solid 0.3rem #6cb7a8;
  width: 60%;
}

.dashboard .border-hippie-blue {
  border: solid 0.3rem #5398a3;
  width: 60%;
}

.dashboard .tile-title {
  margin: 0;
}

.dashboard .tile-title > div {
  font-size: 1.6rem;
  font-weight: 600;
}

.dashboard .tile-number {
  width: 100%;
}

.dashboard .tile-number > div {
  font-weight: bold;
  font-size: 4.2rem;
  width: 100%;
  text-align: right;
  color: #121417;
}

.dashboard .tile-number:hover > div {
  color: #111111;
}

.item-detail-template .detail-value {
  font-size: 1.2rem;
  color: #404040;
}

.tile-title:before {
  content: "";
  border-radius: 1rem;
  width: 1.6rem;
  height: 1.6rem;
  padding: 1.6rem;
  display: block;
  margin-bottom: 1.2rem;
}

.tile-acc-inbox:before,
.tile-gen-inbox:before {
  background: #ff9156 url(../images/icon_inbox.svg) no-repeat center center;
  border: 0.1rem solid #f28643;
}

.tile-acc-outbox:before,
.tile-gen-outbox:before {
  background: #41caa9 url(../images/icon_outbox.svg) no-repeat center center;
  border: 0.1rem solid #32be9c;
}

.tile-acc-request:before,
.tile-gen-request:before {
  background: #56acfe url(../images/icon_request.svg) no-repeat center center;
  border: 0.1rem solid #41b2f4;
}

.tile-doc-sub:before {
  background: #755aeb url(../images/icon_doc_sub.svg) no-repeat 0.8rem center;
  border: 0.1rem solid #7744e4;
}

.dashboard .tile:has(> .tile-acc-inbox),
.dashboard .tile:has(> .tile-gen-inbox) {
  border: solid 0.1rem #ff9668;
  background: rgba(255, 145, 86, 0.04);
}

.dashboard .tile:has(> .tile-acc-outbox),
.dashboard .tile:has(> .tile-gen-outbox) {
  border: solid 0.1rem #41caa9;
  background: rgba(65, 202, 169, 0.04);
}

.dashboard .tile:has(> .tile-acc-request),
.dashboard .tile:has(> .tile-gen-request) {
  border: solid 0.1rem #56a1fe;
  background: rgba(86, 192, 254, 0.05);
}

.dashboard .tile:has(> .tile-doc-sub) {
  border: solid 0.1rem #9d89eb;
  background: rgba(85, 101, 247, 0.04);
}

.dashboard .tile:has(> .tile-acc-inbox:hover),
.dashboard .tile:has(> .tile-acc-inbox + .tile-number:hover),
.dashboard .tile:has(> .tile-gen-inbox:hover),
.dashboard .tile:has(> .tile-gen-inbox + .tile-number:hover) {
  background: rgba(255, 145, 86, 0.1);
  transition: all 0.2s ease;
  /* box-shadow: 0.5rem 0.5rem 2.0rem rgba(228, 129, 77, 0.15); */
}

.dashboard .tile:has(> .tile-acc-outbox:hover),
.dashboard .tile:has(> .tile-acc-outbox + .tile-number:hover),
.dashboard .tile:has(> .tile-gen-outbox:hover),
.dashboard .tile:has(> .tile-gen-outbox + .tile-number:hover) {
  background: rgba(65, 202, 169, 0.1);
  transition: all 0.2s ease;
  /* box-shadow: 0.5rem 0.5rem 2.0rem rgba(56, 172, 145, 0.15);*/
}

.dashboard .tile:has(> .tile-acc-request:hover),
.dashboard .tile:has(> .tile-acc-request + .tile-number:hover),
.dashboard .tile:has(> .tile-gen-request:hover),
.dashboard .tile:has(> .tile-gen-request + .tile-number:hover) {
  background: rgba(86, 192, 254, 0.1);
  transition: all 0.2s ease;
  /*box-shadow: 0.5rem 0.5rem 2.0rem rgba(69, 154, 203, 0.15);*/
}

.dashboard .tile:has(> .tile-doc-sub:hover),
.dashboard .tile:has(> .tile-doc-sub + .tile-number:hover) {
  background: rgba(85, 101, 247, 0.1);
  transition: all 0.2s ease;
  /* box-shadow: 0.5rem 0.5rem 2.0rem rgba(71, 84, 205, 0.15);*/
}

.option-selcet {
  gap: 0.8rem;
  width: 100%;
}

.option-selcet select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.3rem;
  font-weight: 400;
  min-width: 10rem;
  height: 3.4rem;
  border: none;
  padding: 0 1.6rem 0 0.4rem;
  border-radius: 0.6rem;
  background: url("../images/icon_select_arr.svg") no-repeat calc(100% - 0.2rem)
    50%/10px auto;
}

.option-selcet select:focus {
  outline: none;
}

.option-selcet select::-ms-expand {
  display: none;
}

.set-lang:before {
  content: "";
  display: block;
  background: url(../images/icon_lang.svg) no-repeat center center;
  width: 2rem;
  height: 2rem;
}

.login-input {
  width: 100%;
}

.login-input label {
  position: relative;
}

.login-input label > input {
  color: var(--text_secondary) !important;
  box-sizing: border-box;
  padding: 0.2rem 4rem 0.2rem 1.2rem;
  text-indent: 0;
  width: 100%;
  height: 3.8rem;
  line-height: 3.8rem;
  font-size: 1.4rem;
  font-weight: normal;
}

.eyes {
  cursor: pointer;
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 101;
}

.eyes > i {
  font-size: 1.5rem;
  color: #4f4f4f !important;
}

.login-wrap input[type="checkbox"] {
  border-radius: 0.4rem;
  margin: 0;
  padding: 0;
  width: 1.8rem !important;
  height: 1.8rem !important;
}

.login-help span,
.login-help a {
  font-size: 1.4rem;
}

.button-sign {
  margin: 0;
  height: 4.6rem;
  line-height: 1;
  font-size: 1.7rem !important;
  font-weight: 400;
}

.button-gradation {
  background: linear-gradient(90deg, #204cb5 0%, #348bed 51%, #204cb5 100%);
  background-size: 200% auto;
  box-shadow: 0px 4px 8px rgb(26 51 97 / 15%);
}

.button-gradation:hover {
  background-position: right center;
  transition: all 0.2s;
}

/* layout */
.side-nav-top {
  width: 22rem;
  height: 7.2rem;
  position: relative;
  margin: 0 auto 1.4rem auto;
  padding: 1.8rem 0;
  border-bottom: 0.1rem solid var(--border_midnight_gray);
}

.logo-wrap {
  flex-grow: 3;
  margin: 0;
}

.logo-wrap a {
  width: 18rem;
  display: block;
  margin: 0 auto;
}

.logo-wrap a img {
  width: 100%;
}

.btn-hideside {
  position: absolute;
  padding: 0;
  height: 3.6rem;
  width: 2.6rem;
  top: 1.8rem;
  right: -4.1rem;
  background: #8898b2;
  border-radius: 0 0.6rem 0.6rem 0;
  z-index: 1;
}

.btn-hideside:after {
  content: "";
  background: url(../images/icon_hideside.svg) no-repeat center center;
  width: 1.4rem;
  height: 1rem;
}

.btn-showside {
  position: absolute;
  padding: 0;
  height: 3.6rem;
  width: 2.6rem;
  top: 1.8rem;
  left: 0;
  background: #8898b2;
  border-radius: 0 0.6rem 0.6rem 0;
}

.btn-showside:after {
  content: "";
  background: url(../images/icon_hideside.svg) no-repeat center center;
  width: 1.4rem;
  height: 1rem;
  transform: scaleX(-1);
}

.btn-hideside:hover,
.btn-showside:hover {
  background: #6a788f;
}

.side-menu-wrap {
  padding: 0;
  box-sizing: border-box;
  width: calc(100% - 2.8rem);
  margin: 0 auto;
}

.side-menu-wrap .material-icons.arrow {
  font-size: 2rem !important;
}

.side-menu--active .side-menu__icon > i:before,
.side-menu:hover .side-menu__icon > i:before,
.side-menu--open .side-menu__icon > i:before {
  color: #ffffff;
}

.top-warp {
  width: 100%;
  /* min-height:13.2rem;*/
}

.top-warp > div {
  width: 100%;
  height: 7.2rem;
  padding: 0.8rem 0;
  border-bottom: 0.1rem solid var(--border_midnight_gray);
  flex-wrap: wrap;
}

.top_breadcrumb-wrap {
  margin: 0.4rem 0;
}

.top_breadcrumb-wrap .breadcrumb-ol {
  background: none;
}

.top_breadcrumb-wrap .breadcrumb-ol li {
  display: flex;
  align-items: center;
}

.top_breadcrumb-wrap .breadcrumb-ol li:not(:last-child)::after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 0.4rem;
  height: 0.8rem;
  margin-left: 0.75rem;
  background: url(../images/icon_arrow_r.svg) no-repeat;
  background-size: contain;
}

.top_breadcrumb-wrap .breadcrumb-ol a.txt {
  font-size: 1.2rem;
  line-height: 1;
  color: var(--gaeps-text-03);
}

.top_breadcrumb-wrap .breadcrumb-ol a.txt:hover {
  color: var(--gaeps-text-01);
  text-decoration: underline;
}

.top_breadcrumb-wrap .breadcrumb-ol li:last-child a.txt {
  color: #536077;
  font-weight: 500;
}

.top_utill-menu .fa-circle-user:before {
  font-size: 1.6rem;
  color: #3f4758;
  display: flex;
  align-items: center;
  justify-content: center;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
}

input:disabled,
select:disabled {
  background: var(--pale-grey) !important;
  color: #a7a8ab !important;
}

.disabled {
  color: #a7a8ab !important;
}

::placeholder {
  color: var(--light-grey-blue) !important;
  opacity: 1;
}

textarea {
  padding: 1rem !important;
}

textarea.k-textbox {
  font-size: 1.2rem !important;
}

.top-top--spacing {
  padding-top: 2.5rem;
}

.top-bottom--spacing {
  padding-bottom: 3rem;
}

.side-nav.nav-show + .content {
  width: calc(100% - 25rem);
  padding-left: 29rem;
}

.side-nav.nav-hide + .content {
  width: calc(100%);
}

.content {
  border-radius: 0;
  padding: 0 4rem;
  --bg-opacity: 1;
  height: 100vh;
  flex-direction: column;
  display: flex;
  box-sizing: border-box;
  min-width: calc(100% - 25rem);
}

.content > .container {
  width: 100%;
  min-width: 100%;
  padding: 0;
  margin: 0;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  box-sizing: border-box;
}

.content > .container > div {
  box-sizing: border-box;
}

.side-nav {
  padding-right: 0;
  min-width: 25rem;
  background: #f3f4f5;
  position: fixed;
  z-index: 99;
}

.side-nav .side-menu-wrap > li > .side-menu {
  min-height: 4.4rem;
  color: var(--text_sub);
  margin: 0;
  border-radius: 0.8rem;
  padding: 0.8rem 0.8rem 0.8rem 1.6rem;
  font-size: 1.4rem;
  box-sizing: border-box;
  background: #f3f4f5;
  text-decoration: none;
}

.side-nav .side-menu-wrap > li > .side-menu + ul > li > .side-menu,
.side-nav .side-menu__sub-open > li > .side-menu {
  color: var(--text_sub);
  margin: 0;
  border-radius: 0.8rem;
  padding: 0.4rem 0.8rem 0.4rem 1.4rem;
  font-size: 1.4rem;
  box-sizing: border-box;
  letter-spacing: -0.2px;
}

.side-ul-wrap::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}

.side-ul-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.side-ul-wrap::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #bebdbd;
}

.side-ul-wrap {
  scrollbar-width: thin;
  scrollbar-color: #bebdbd transparent;
}

.side-nav > .side-ul-wrap {
  height: calc(100vh - 8.6rem);
  /* overflow-y: auto; */
  overflow: overlay;
}

.side-nav > .side-ul-wrap > ul > li {
  margin-bottom: 0.1rem;
}

.side-nav > .side-ul-wrap > ul ul {
  --bg-opacity: 1;
  border-radius: 0.8rem;
  background-color: #e7eaed;
  padding: 1.2rem 0;
  margin-bottom: 1.2rem;
}

.side-nav > .side-ul-wrap > ul > li > .side-menu:hover,
.side-nav > .side-ul-wrap > ul > li > .side-menu.side-menu--open {
  background: linear-gradient(90deg, #204cb5 0%, #348bed 100%);
  text-decoration: none;
  color: #ffffff !important;
}

.side-nav > .side-ul-wrap > ul ul li a:not(.side-menu--active) {
  --text-opacity: 1;
}

.side-nav > .side-ul-wrap > ul ul li:last-child {
  padding-bottom: 0 !important;
}

.side-nav > .side-ul-wrap > ul ul li .side-menu:hover,
.side-nav > .side-ul-wrap > ul ul li .side-menu.side-menu--active {
  border-radius: 0;
  color: var(--gaeps-blue-01) !important;
  text-decoration: underline;
  font-weight: 500;
}

.side-nav > .side-ul-wrap > ul > li > .side-menu.side-menu--active {
  background: linear-gradient(90deg, #204cb5 0%, #348bed 100%);
}

.side-nav
  > .side-ul-wrap
  > ul
  > li
  > .side-menu.side-menu--active
  .side-menu__icon,
.side-nav
  > .side-ul-wrap
  > ul
  > li
  > .side-menu.side-menu--active
  .side-menu__title,
.side-nav
  > .side-ul-wrap
  > ul
  > li
  > .side-menu.side-menu--active
  .side-menu__sub-icon,
.side-nav
  > .side-ul-wrap
  > ul
  > li
  > .side-menu.side-menu--open
  .side-menu__icon,
.side-nav
  > .side-ul-wrap
  > ul
  > li
  > .side-menu.side-menu--open
  .side-menu__sub-icon,
.side-nav > .side-ul-wrap > ul > li > .side-menu:hover .side-menu__sub-icon {
  color: #ffffff;
}

.side-nav > .side-ul-wrap > ul > li > .side-menu .side-menu__title {
  padding-left: 0.6rem;
  font-weight: 500;
  letter-spacing: -0.2px;
}

.top_info-menu {
  color: var(--gaeps-blue-01);
  font-size: 2.2rem;
  font-weight: 700;
  display: block;
  height: 6rem;
  padding-top: 2.4rem;
}

.top_info-today {
  font-size: 1.2rem;
  color: var(--gaeps-text-03);
  font-weight: 500;
}

.top_info-system {
  font-size: 1.2rem;
  color: var(--light-grey-blue);
}

.top_info-user-wrap {
  height: 3rem;
  border-radius: 0.6rem;
  padding: 0 0 0 0.8rem;
  background: var(--pale-grey);
}

.top_info-user-wrap input[type="checkbox"] {
  margin: 0 !important;
}

.top_info-user {
  font-size: 1.2rem;
  font-weight: 500;
}

.top_info-system--left {
  padding: 0;
}

.top_info-system--center {
  background-color: var(--pale-grey);
  border: solid 1px var(--top-select-box);
  border-left-width: 0px;
  border-right-width: 0px;
}

.top_info-system--right {
  background-color: var(--pale-grey);
}

.top_info-system--right.button {
  padding: 0 0.8rem;
  height: 2.8rem;
  border-radius: 0 0.6rem 0.6rem 0;
  margin-left: 0.6rem;
}

.top_info-system--right.button:hover {
  background: #e0e2e4;
}

.dropdown-box__top_info {
  padding: 1.8rem;
}

.dropdown-box-title {
  font-weight: bold;
  font-size: 1.6rem;
  color: var(--gaeps-blue-01);
}

.dropdown-box-cont {
  padding: 1.2rem 0;
  margin: 1.2rem 0;
  border-top: 0.1rem solid #eeeeee;
  border-bottom: 0.1rem solid #eeeeee;
}

.dropdown-box-cont input {
  font-size: 1.2rem;
}

.dropdown-box-cont label {
  font-size: 1.3rem;
  font-weight: normal;
}

.dropdown-box__top_info button {
  font-size: 1.3rem !important;
}

.option-pannel {
  border-bottom: 0.1rem solid var(--gaeps-bg-02);
  padding: 0.6rem 0 1.8rem 0;
  margin-bottom: 1.6rem;
}

.doc-option-pannel {
  /* border-bottom: 0.1rem solid var(--gaeps-bg-02);
    padding: 0 0 1.4rem 0; */
  margin: 0 0 0 0;
}

.k-window-content:has(> .tab-1depth) .doc-option-pannel {
  margin: 2rem 0 0 0;
}

.doc-option-pannel .option-item {
  width: calc(100% / 10);
  min-width: 25rem;
}

.doc-option-pannel .option-item > span {
  width: 100%;
}

.popup-box .option-pannel {
  border-bottom: 0.1rem solid var(--gaeps-bg-02);
  padding: 0 0 1.2rem 0;
  margin-bottom: 1.4rem;
}

.popup-box .content-pannel {
  margin-bottom: 1.4rem;
}

/* .mid-pannel
{    
    padding-top : 15px;
}
*/
/* .tab-content.tab-1depth {
    margin-bottom:1.2rem;
} */
.tab-content.tab-1depth > ul {
  padding: 0;
  border-radius: 0;
  border-bottom: 0.1rem solid #e8e8e8;
}

.tab-content.tab-1depth > ul > li {
  margin: 0;
}

.tab-content.tab-1depth > ul > li.active {
  margin: 0;
  box-sizing: border-box;
  border: none;
  position: relative;
  min-width: 4rem;
}

.tab-content.tab-1depth > ul > li.active:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.3rem;
  background: var(--gaeps-blue-01);
  bottom: -0.1rem;
  left: 0;
}

.tab-content.tab-1depth > ul > li.active:before,
.tab-content.tab-1depth > ul > li > a.active:before {
  display: none !important;
}

.tab-content.tab-1depth > ul > li > a,
.tab-content.tab-1depth > ul > li.active > a:hover,
.tab-content.tab-1depth > ul > li.active > a:focus {
  padding: 0.6rem 1.6rem 1.2rem 1.6rem;
  border-radius: 0.6rem 0.6rem 0 0;
  background: none;
  text-align: center;
  color: var(--gaeps-blue-01);
}

.tab-content.tab-1depth > ul > li.active a {
  font-weight: 700;
}

.tab-content.content-pannel {
  border: none;
  margin-top: 2rem;
}

.content-pannel {
  padding: 0;
  margin-bottom: 1.6rem;
}

.content-pannel .grid-contents {
  padding: 0.8rem 0 0 0;
  box-sizing: border-box;
  /* margin-bottom: 2.8rem; */
}

.content-pannel .grid-contents #d_account_item_grid {
  border-bottom: solid 0.1rem var(--gaeps-border-02) !important;
}

.content-pannel .grid-contents + div:has(> .title-text) {
  margin-top: 1.6rem;
}

.title-text {
  font-weight: 600;
}

.option-label {
  color: var(--gaeps-text-02);
  font-size: 1.1rem;
  padding-left: 0.2rem;
  padding-bottom: 0.6rem;
  white-space: nowrap;
  width: 100%;
}

.option-label > label {
  font-weight: 600;
}

.option-item-flex .option-label {
  padding: 0;
}

/* .option-row
{
    display:flex;
} */

.option-item-flex {
  display: flex;
  width: 12rem;
  margin-right: 0.6rem;
}

.option-item {
  display: block;
  width: 14rem;
}

.option-space-md {
  width: 1rem;
}

.option-space-lg {
  width: 8rem;
}

.option-input {
  width: 100%;
  font-size: 1.2rem;
  height: 3rem;
}

.option-item.w-fit {
  flex: 1;
}

.option-item.w-fit:last-child {
  padding-right: 0.5rem;
}

div:has(> .title-text) .option-item-flex .option-input {
  height: 2.4rem;
}

.option-wrapper > .option-items:not(.option-group) {
  margin-left: 1rem;
}

.option-wrapper > div:not(:first-child).option-group {
  margin-left: 4rem;
  /* width: calc(100% + 120px); */
}

.option-row:not(:nth-of-type(1)) {
  margin-top: 1rem;
}

.option-pannel .option-box.col-span-11 .option-item {
  width: calc((100% / 10) - 0.5rem);
}

.option-pannel .option-item:has(div > textarea) {
  width: calc(100% - (100% / 10) - 0.5rem) !important;
}

.option-pannel
  .option-row:has(.option-item:nth-of-type(3))
  .option-item:has(div > textarea) {
  width: calc((100% - (100% / 10)) / 2 - 0.5rem) !important;
}

.option-pannel .option-item:has(div > textarea):first-child {
  width: calc(100% - 0.5rem) !important;
}

.option-pannel .option-item textarea {
  height: 3rem;
  overflow: hidden;
  padding: 0.8rem !important;
  line-height: 1.2;
}

.grid-option .option-item-flex {
  align-items: center;
  width: auto !important;
}

.grid-option .option-item-flex .option-label {
  margin-right: 0.4rem;
  width: auto;
  padding: 0;
  font-size: 1.4rem;
}

.grid-option .option-item-flex .k-textbox {
  font-size: 1.3rem;
  color: var(--gaeps-default) !important;
  width: 10rem !important;
}

.grid-option .option-item-flex .select {
  font-size: 1.3rem;
  color: var(--gaeps-default) !important;
}

.grid-option .option-item-flex .k-dropdown {
  background-color: #ffffff;
}

.option-item input[type="file"] {
  font-size: 1.5rem;
}

.popup-box .option-pannel .option-box .option-item {
  width: calc((100% / 3)) !important;
  flex: 1;
}

.popup-box .option-pannel .option-item:has(div > textarea) {
  width: calc(100% - (100% / 3) - 0.5rem) !important;
}

.popup-box .option-pannel .col-span-12.option-box {
  grid-column: span 12 / span 12;
}

.popup-box .option-pannel .option-item + #popsearch {
  margin: 0;
}

button,
.k-upload-button,
.k-upload-button:hover {
  border-radius: 0.6rem;
  background-color: var(--gaeps-blue-04);
  color: #ffffff;
  padding: 0.8rem 1.6rem;
  font-size: 1.3rem !important;
  white-space: nowrap;
  margin: 0;
  border: none;
  min-height: 3rem;
}

.k-window-content button,
.k-window-content .k-upload-button {
  box-sizing: border-box;
}

button:focus,
button:hover,
a:focus {
  outline: none;
  box-shadow: none !important;
}

button:hover {
  opacity: 0.95 !important;
}

button.stormy-blue {
  background-color: var(--stormy-blue);
}

button.flat-blue {
  background-color: var(--flat-blue-02);
}

button.btn-blue {
  background-color: var(--gaeps-blue-03);
}

button.btn-blue-light {
  background-color: var(--gaeps-blue-04);
}

button.flat-red {
  background-color: var(--dark_red);
}

button.flat-gray {
  background-color: var(--flat-gray);
}

button.flat-gray-light {
  background-color: var(--gaeps-bg-03);
}

button.flat-blue-gray {
  background-color: var(--bg_gray600_default);
}

button.line-blue {
  background-color: #eff6ff !important;
  border: 0.1rem solid #255ac1 !important;
  color: #255ac1 !important;
}

button.line-red {
  background-color: #fff2ef !important;
  border: 0.1rem solid #dd4343 !important;
  color: #dd4343 !important;
}

button.line-gray {
  background-color: #e8e8e8 !important;
  border: 0.1rem solid #575a65 !important;
  color: #575a65 !important;
}

button.btn-gradation {
  background: linear-gradient(90deg, #288feb 0%, #0b6adb 100%);
}

.option-button > button:not(:last-child) {
  margin-right: 0.4rem;
}

.option-button:has(button) > i {
  margin: 0;
}

/* .grid
{
    height:100%;
} */

.popup-box {
  border-radius: 0.6rem;
  box-shadow: 0.3rem 0.5rem 2rem 0 rgb(0 0 0 / 5%);
  border: solid 0.1rem var(--gaeps-border-03);
  background-color: #ffffff;
  padding: 1.6rem 2rem;
}

.popup-box .k-window-title {
  padding: 0;
  font-size: 1.6rem;
  font-weight: bold;
}

.popup-box .k-window-error-title {
  font-size: 1.4rem;
  padding: 0.4rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
  background-color: var(--light_yellow);
  color: var(--dark_red);
}

.doc-popup-box {
  min-width: 70rem;
  width: 70rem;
  padding: 2rem;
  border: solid 0.1rem var(--gaeps-border-02);
  box-shadow: 0.3rem 0.5rem 2rem 0 rgb(0 0 0 / 10%);
}

.sub-title {
  margin: 0.6rem 0;
  font-size: 1.5rem;
  font-weight: bold;
}

.sub-title:not(:first-child) {
  margin-top: 2rem;
}

.sub-title + div button:first-child {
  margin-left: -0.1rem;
}

/* .sub-title + div
{   
    margin-bottom : 3px;
} */

footer {
  width: 100%;
  /*margin-top: 2.4rem; */
  text-align: right;
  border-top: 0.1rem solid var(--border_midnight_gray);
  font-size: 1.2rem;
  color: var(--gaeps-text-03);
  box-sizing: border-box;
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: end;
  background: #ffffff;
}

.document {
  padding: 0 0 0 2rem;
  margin: 0;
  font-size: 1.2rem;
  background-color: #ffffff;
  height: calc(100% - 6.7rem);
  border-bottom: 0.1rem solid #e8e8e8;
}

.tab-content.tab-1depth + .document {
  height: calc(100% - 10.8rem);
}

.upload-section + .document {
  height: calc(100% - 11rem);
}

.k-window .document {
  margin: 0;
  padding: 0;
}

.document .title-text {
  padding-bottom: 1rem;
}

.document .title-text:last-child {
  padding-bottom: 0;
}

.document .tab-pane .title-text:nth-last-of-type(2) {
  padding-bottom: 0;
}

.document .title-text > span {
  font-size: 1.4rem;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}

.document .document-header {
  margin-top: 1.6rem;
  margin-bottom: 1rem;
}

.document .item-label {
  color: #9d9d9d;
  white-space: nowrap;
  width: 100%;
  font-size: 1.1rem;
}

.document .item-value {
  color: #404040;
  white-space: nowrap;
  width: 100%;
  font-size: 1.3rem;
  padding-top: 0.4rem;
}

.document .detail-label {
  color: #84afcc;
  white-space: nowrap;
  width: 100%;
  font-size: 1.2rem;
}

.document .detail-value {
  color: #9d9d9d;
  white-space: nowrap;
  width: 100%;
  font-size: 1.2rem;
  padding-top: 0.4rem;
}

.document .title-text.line-bull {
  margin: 0;
  position: relative;
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--gaeps-default);
  line-height: 1.4;
  padding: 0 0 0 1.2rem;

  display: inline-block;
}

.document .title-text.line-bull:after {
  content: "";
  display: block;
  position: absolute;
  width: 0.4rem;
  height: calc(100% - 0.4rem);
  background: var(--gaeps-default);
  top: 0.2rem;
  left: 0;
}

.document .approval-comment textarea {
  font-size: 1.3rem;
  line-height: 1.2;
}

.document .item-input {
  width: 100%;
  font-size: 1.2rem !important;
}

.document li:hover {
  background: transparent !important;
}

.document > .option-button {
  position: absolute;
  bottom: 2.4rem;
  right: 4rem;
  background: #ffffff;
}

.title-wrap > .title-text + div > .option-button {
  margin: 0 !important;
}

.title-wrap .title-text {
  padding: 0 !important;
}

.title-wrap input[type="radio"],
.title-wrap input[type="checkbox"] {
  margin: 0;
}

div:has(> .title-text.line-bull) + .option-button {
  margin: 0 !important;
}

.tab-pane .option-button:has(button:not([style*="display: none"])) {
  margin-bottom: 0.8rem;
}

.tab-pane .grid-contents {
  padding-top: 0;
}

.file-attach > .option-button {
  position: absolute;
  bottom: 2.4rem;
  right: 4rem;
  background: #ffffff;
}

.account-popup label {
  margin-right: 1rem;
}

.nav-tabs {
  border-bottom: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.nav-tabs > li {
  margin-bottom: 0;
  margin-right: 1.2rem;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 0 0.2rem 0.4rem 0.2rem;
  font-weight: bold;
}

.nav-tabs > li > a {
  margin-right: 0;
  line-height: 1.4;
  border: none;
  padding: 0 0 0 1.2rem;
  border-radius: 0;
}

.nav-tabs > li > a > strong > span {
  font-weight: 700;
  font-size: 1.6rem;
}

.nav-tabs .active {
  --border-opacity: 1;
  /* border-bottom: solid 0.2rem var(--gaeps-default); */
  font-weight: 500;
}

.nav-tabs .active:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.4rem;
  height: calc(100% - 0.4rem);
  background: var(--gaeps-default);
  top: 0.2rem;
  left: 0;
}

.nav-tabs > li:not(.active) > a,
.nav-tabs > li:not(.active) > a:hover {
  background: none;
  color: #9296a0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--gaeps-default);
  cursor: default;
  border: none;
  background: none;
}

.approval-comment .item-header {
  color: var(--light-grey-blue);
  border: none;
  margin-right: 2rem;
  white-space: nowrap;
}

.item-content .number,
.item-content .select {
  width: 99% !important;
}

.swal-overlay {
  z-index: 100000000000 !important;
}

.swal-button-container {
  margin-right: 0.5rem;
  display: inline-block;
  position: relative;
}

.swal-width-600 {
  width: 60rem;
  text-align: center;
  height: auto;
}

.swal-width-650 {
  width: 65rem;
  text-align: center;
  height: auto;
}

.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-multiselect-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input {
  line-height: 2.6rem;
  padding: 0.2rem 0;
  text-indent: 0.6rem;
}

.k-popup.k-list-container {
  box-shadow: 0 0.2rem 2rem #0000000b;
  padding: 0.4rem 0;
  border-radius: 0.6rem;
}

.k-popup.k-list-container > .k-list-filter {
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
}

/* dashboard new */

.dashboard-inner > div {
  width: 100%;
  box-sizing: border-box;
}

.dash-section-01 p,
.dash-section-01 span {
  font-family: "Montserrat";
}

.dash-section-01 > p,
.dash-section-01 > p > span {
  font-size: 2.9rem;
  font-weight: 500;
}

.dash-section-01 .text-emoji {
  font-size: 2.6rem;
}

.dash-section-01 > span {
  font-size: 1.7rem;
  font-weight: 200;
  color: var(--gaeps-text-02);
}

.dash-section-01 > span > span {
  font-weight: 300;
}

.dash-notice-wrap {
  width: 100%;
  min-width: 100%;
  border-radius: 1.6rem;
  position: relative;
  padding: 2.8rem 3rem 2.8rem 3.4rem;
  background: url(../images/notice_bg.png) no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  border: 0.1rem solid #e3e9ff;
}

.dash-notice-wrap .notice-title {
  width: 100%;
}

.dash-notice-wrap .notice-title > span {
  font-size: 1.3rem;
  background: var(--gaeps-blue-03);
  color: #ffffff;
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
}

.dash-notice-wrap .notice-title > a {
  width: calc(100% - 10rem);
}

.dash-notice-wrap .notice-title > a > span {
  display: block;
  max-width: calc(100% - 2rem);
  font-weight: bold;
  font-size: 1.8rem;
}

.dash-notice-wrap .notice-title > a:hover {
  color: var(--gaeps-blue-01);
  text-decoration: none;
}

.dash-notice-wrap .notice-title > a:hover > span {
  text-decoration: underline !important;
}

.dash-notice-wrap .notice-detail {
  width: calc(100% - 15rem);
  font-size: 1.5rem;
  color: var(--gaeps-text-02);
  display: block;
  line-height: 1.3;
}

.dash-notice-wrap .notice-info > span {
  font-size: 1.3rem;
  color: #9b9fa6;
}

.dash-notice-wrap .notice-info > span:first-child:after {
  content: "";
  display: block;
  border-radius: 15rem;
  width: 0.3rem;
  height: 0.3rem;
  background: #9b9fa6;
  opacity: 0.5;
}

.dash-notice-wrap .read-more {
  position: absolute;
  right: 3rem;
  top: calc(50% - 1.6rem);
  border-radius: 0.8rem;
  background: #3f414a;
  padding: 0.8rem 1.2rem 0.8rem 1.6rem;
  height: 3.2rem;
  box-sizing: border-box;
}

.dash-notice-wrap .read-more:hover {
  background: #2b2c31;
}

.dash-notice-wrap .read-more > span {
  font-size: 1.4rem;
  gap: 0.8rem;
}

.dash-notice-wrap .read-more:hover > span {
  gap: 1.6rem;
}

.dash-notice-wrap .read-more span:after {
  content: "";
  background: url(../images/icon_arrow.svg) no-repeat center center;
  width: 1.6rem;
  height: 1rem;
  background-size: contain;
}

.dash-approval-wrap,
.dash-board-wrap {
  width: 100%;
}

.dash-board-wrap {
  position: relative;
}

.dash-approval-wrap .title,
.dash-board-wrap .title {
  font-size: 2.2rem;
  font-weight: bold;
}

.dash-approval-wrap .search-period-box > i {
  font-size: 1.5rem;
  color: var(--gaeps-text-03);
}

.dash-approval-wrap .search-period {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--gaeps-text-01);
}

.dash-approval-wrap .search-period > span {
  margin-right: 0.6rem;
  font-weight: 400;
  color: var(--gaeps-text-03);
}

.dashboard .title-sub {
  font-weight: bold;
  font-size: 2rem;
}

.board-tab-list {
  margin-right: 7.6rem;
  gap: 0.1rem;
}
.board-tab-list .tab-list-item > button {
  background: none;
  color: #6c757d;
}
.board-tab-list .tab-list-item > button:hover,
.board-tab-list .tab-list-item > button.on {
  background: #3f414a !important;
  color: #ffffff;
}
.board-tab-content {
  display: none;
}
.board-tab-content.active {
  display: block;
}
.tab-content-inner {
  gap: 2rem;
}
.tab-content-inner .board-item {
  width: calc((100% / 3) - 1.4rem);
  border: 1px solid #dfe2e5;
  background: #f4f4f6;
  border-radius: 1.6rem;
  padding: 2.6rem 3rem 2.4rem 3rem;
  box-sizing: border-box;
  height: 17rem;
}
.tab-content-inner .board-item:has(> .brd-detail:hover):hover {
  transition: all 0.2s ease;
  border: 1px solid var(--gaeps-blue-01);
  background: #ffffff;
  box-shadow: 0 0.8rem 1.2rem 0 rgb(3 0 54 / 15%);
}
.tab-content-inner .board-item .brd-cate {
  z-index: 2;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--gaeps-text-03);
  margin-bottom: 1.2em;
}
.tab-content-inner .board-item .brd-cate:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 5rem;
  background-color: var(--gaeps-text-03);
}
.tab-content-inner .board-item:has(> .brd-detail:hover):hover .brd-cate {
  color: var(--gaeps-blue-02);
}
.tab-content-inner .board-item:has(> .brd-detail:hover):hover .brd-cate:before {
  background: var(--gaeps-blue-02);
}
.tab-content-inner .board-item {
  position: relative;
  overflow: hidden;
}
.tab-content-inner .board-item .brd-detail:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 172px;
  background: transparent;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.tab-content-inner .board-item .brd-title {
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.8rem;
}
.tab-content-inner .board-item .brd-decript {
  font-size: 1.4rem;
  color: var(--gaeps-text-02);
  line-height: 1.6;
}
.tab-content-inner .board-item .brd-date {
  font-size: 1.2rem;
  color: #9b9fa6;
  margin-top: 1.2rem;
  display: block;
}
.tab-content-inner .board-item:has(> .brd-detail:hover) .brd-title {
  text-decoration: underline;
  color: #121417;
}
.tab-content-inner .board-item:has(> .brd-detail:hover) .brd-decript {
  text-decoration: none !important;
  color: var(--gaeps-text-02);
}

.board-tab-content .see-more {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.3rem;
  padding: 0.8rem 0;
  height: 3rem;
}
.board-tab-content .no-data {
  height: 17rem;
  width: 100%;
  color: var(--gaeps-text-03);
}

button:has(> .btn-icon) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}

.i-bull {
  background: #adaeb3;
  border-radius: 0.4rem;
  padding: 0.1rem;
}

.i-bull:before {
  color: #ffffff;
  font-size: 1.2rem;
}

.title-text #DOC_NO_BY,
.title-text #SAP_DOC_NO,
.title-text #divDocInfo {
  font-weight: 600;
  color: var(--gaeps-blue-02);
}

.tab-pane .k-widget.k-listbox[unselectable="on"] {
  margin: 0 0 1.2rem 0;
}

.tab-pane .k-widget.k-listbox[unselectable="on"]:last-child {
  margin: 0;
}

.tab-pane .title-text + #d_Div_SelectFile,
.tab-pane #d_Div_SelectSharedFile {
  margin-bottom: 0.8rem;
}

.tab-pane .title-text + .k-widget.k-listbox[unselectable="on"] {
  margin-top: 0;
}

.tab-pane
  .title-text:nth-last-of-type(2)
  + .k-widget.k-listbox[unselectable="on"] {
  margin-top: 1rem !important;
}

.file-total-count {
  font-size: 1.3rem;
  background: #f5f5f5;
  border-radius: 15rem;
  padding: 0.4rem 1.2rem;
}

.file-total-count > span {
  font-weight: 500;
  color: var(--gaeps-blue-02);
}

.title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title-wrap:has(> .title-text) {
  min-height: 3rem;
}

.authorization-wrap .grid-contents:has(> #group_grid) {
  margin-bottom: 2rem;
}

.authorization-wrap #user_grid .k-grid-content {
  height: auto !important;
  max-height: 80rem;
}

.info-txt {
  color: var(--text_orange);
  font-size: 1.3rem;
  line-height: 1.4;
  margin-top: 1rem;
  position: relative;
  padding-left: 1.2rem;
}

.info-txt:before {
  content: "*";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.3rem;
}

.item-box-wrap {
  overflow-x: auto;
  border-right: 0.1rem solid #e4e5e9;
  border-left: 0.1rem solid #e4e5e9;
}

.item-row {
  min-width: 108rem;
  display: flex;
  justify-content: flex-start;
  /* border-bottom:0.1rem solid #e6e6e6; */
  box-sizing: border-box;
}

.item-row:first-of-type {
  border-top: 0.1rem solid #e4e5e9;
}

.item-col-01 > div {
  width: 100%;
}

.item-col-02 > div {
  width: calc(100% / 2);
}

.item-col-03 > div {
  width: calc(100% / 3);
}

.item-col-04 > div {
  width: calc(100% / 4);
}

.item-col-04 > .w-twice {
  width: calc(100% / 2);
}

.item-col-04 > .w-triple {
  width: calc((100% / 2) + (100% / 4));
}

.item-box {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
}

.item-box > div {
  box-sizing: border-box;
}

.item-box .item-box-tit {
  border-bottom: 0.1rem solid #e0e2ea;
  /* border-right: 0.1rem solid #e4e5e9;
    border-left: 0.1rem solid #e4e5e9; */
  padding: 1rem 1.4rem !important;
  width: 15rem;
  /* background: #f8f9fa; */
  background: var(--gaeps-bg);
  display: flex;
  align-items: center;
}

.item-box .item-box-tit > span {
  color: var(--gaeps-default);
}

.item-box .item-box-tit > span:first-child {
  font-weight: 600;
  width: 100%;
  text-align: left;
  letter-spacing: 0;
  word-break: keep-all;
}

.item-box .item-box-detail {
  border-bottom: 0.1rem solid #e4e5e9;
  min-height: 4.2rem;
  line-height: 1.3;
  padding: 0.6rem 0.8rem;
  width: calc(100% - 15rem);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: var(--gaeps-default);
}

.item-box .item-box-detail > input {
  min-height: 3rem;
  width: 100%;
  border-radius: 0.6rem !important;
  background: #ffffff;
  border: solid 0.1rem var(--gaeps-border-02);
  /* border: solid 0.1rem var(--border_midnight_gray); */
  box-sizing: border-box;
  padding: 0.2rem 0;
  text-indent: 0.6em;
}

.item-box .item-box-detail > textarea {
  min-height: 10rem;
  width: 100%;
  border-radius: 0.6rem !important;
  background: #ffffff;
  border: solid 0.1rem var(--gaeps-border-02);
  /* border:solid 0.1rem var(--border_midnight_gray); */
  box-sizing: border-box;
  padding: 0.4rem 0 !important;
  text-indent: 0.6em;
}

.approval-line-wrap .k-grid .k-grid-content {
  min-height: auto !important;
  max-height: 55rem;
}

.approval-line-wrap .left-box {
  width: calc(40% - 5rem);
}

.approval-line-wrap .right-box {
  width: calc(60% - 5rem);
}

.approval-line-wrap .mid-box {
  width: 10rem;
}

.approval-line-wrap .mid-box button {
  height: 4.4rem;
}

.approval-line-wrap .mid-box .btn-blue-light {
  border: 0.1rem solid var(--gaeps-blue-04);
}

.approval-line-wrap .panel {
  box-shadow: none;
  margin-bottom: 0.8rem;
}

.approval-line-wrap .panel .k-grid-content tr:last-child > td {
  border-bottom-width: 0rem;
}

.approval-line-wrap td .input {
  margin: 0;
  border: solid 0.1rem var(--light-grey-blue) !important;
}

.approval-line-wrap td label {
  font-weight: normal;
}

.approval-line-wrap .item-box-detail > .option-item {
  min-width: 20rem;
}

.staff-approver-btn {
  padding: 0 0.8rem;
  min-height: 2.4rem !important;
  font-size: 1.2rem !important;
}

.k-grid td:has(> .staff-approver-btn) {
  padding: 0.4rem 1rem;
  display: flex;
  align-items: center;
}

.item-box-detail > button {
  min-height: 3rem;
  height: 3rem;
  line-height: 1;
}

/* approval line box */
.approval-box-wrap {
  margin-top: -1.2rem;
  margin-bottom: 3.4rem;
  overflow-x: auto;
}

.approval-box-wrap .approval-box-inner {
  min-width: 108rem;
}

.approval-item {
  width: 19rem;
  border: solid 0.1rem var(--gaeps-border-01);
  box-sizing: border-box;
  padding: 0.4rem;
  background: #ffffff;
  margin: 1.2rem 0 0 0;
  height: 15.4rem;
  box-shadow: 0 0.1rem 0.3rem rgb(0 0 0 / 3%);
}
.approval-item:has(.approval-status > .status-processing) {
  border: 0.1rem solid #006bde !important;
}

.approval-cooperation > div > .approval-item {
  margin: 0;
}
.approval-item-inner > div {
  text-align: center;
}

.apporval-depart {
  background: var(--gaeps-bg);
  padding: 1rem;
}

.approval-item .apporval-depart > span {
  display: block;
  font-weight: 500;
  color: var(--gaeps-default);
}

.approval-date {
  border-top: solid 0.1rem var(--border_midnight_gray);
  padding: 0.8rem 0;
}

.approval-item .approval-date > span {
  font-size: 1.1rem;
}

.approval-arrow {
  font-size: 2rem;
  height: 15.4rem;
  display: block;
  margin: 1.2rem 0 0 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.approval-cooperation > div > .approval-arrow {
  margin: 0;
}

.approval-status > span {
  border-radius: 0.6rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.1rem;
  font-weight: 500;
  display: inline-block;
}

.status-draft {
  background: #d4d8de;
  color: #5d616a;
}

.status-approved {
  background: #e1f9db;
  color: #098d43;
}

.status-reject {
  background: #ffede8;
  color: #e34c4c;
}

.status-processing {
  background: #e1eff8;
  color: #006bde;
}

.status-wait {
  background: #e8e8e8;
  color: #999999;
}
.approval-user {
  height: 2.4rem;
  line-height: 2.4rem;
}
.approval-user > span {
  width: calc(100% - 2rem);
  display: block;
  margin: 0 auto;
  color: var(--gaeps-default);
}
.approval-user > button {
  padding: 0;
  min-height: 2.4rem;
  width: 80%;
  font-size: 1.2rem !important;
}

.approval-cooperation {
  padding: 1.2rem 1.4rem;
  border: 0.1rem solid #bdbec2;
  background: #f9f9f9;
  width: 65rem;
  box-sizing: border-box;
}

.approval-btn {
  width: 100% !important;
  background: #dddddd !important;
  color: #121417 !important;
  font-size: 1.3rem !important;
}

.approval-cooperation > div {
  padding-top: 0.8rem;
  margin-top: 0.8rem;
  border-top: 0.1rem solid #d3d4db;
}
.approval-cooperation > div:first-child {
  padding: 0;
  margin: 0;
  border-top: none;
}

/* approval status gird */
.approval-status-icon {
  border-radius: 15rem;
  padding: 0.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.approval-status-icon.status-wait,
.approval-status-icon.status-draft,
.approval-status-icon.status-processing {
  font-size: 1rem;
}

div:has(> .approval-status-icon) {
  align-items: center !important;
}

@media (max-width: 1800px) {
  .option-pannel .option-box.col-span-11 .option-item {
    width: calc((100% / 8) - 0.5rem);
  }

  .option-pannel .option-item:has(div > textarea) {
    width: calc(100% - (100% / 8) - 0.5rem) !important;
  }

  .option-pannel
    .option-row:has(.option-item:nth-of-type(3))
    .option-item:has(div > textarea) {
    width: calc((100% - (100% / 8)) / 2 - 0.5rem) !important;
  }
}

@media (max-width: 1540px) {
  .option-pannel .option-box.col-span-11 .option-item {
    width: calc((100% / 6) - 0.5rem);
  }

  .option-pannel .option-item:has(div > textarea) {
    width: calc(100% - (100% / 6) - 0.5rem) !important;
  }

  .option-pannel
    .option-row:has(.option-item:nth-of-type(3))
    .option-item:has(div > textarea) {
    width: calc((100% - (100% / 6)) / 2 - 0.5rem) !important;
  }

  .container > .option-pannel .option-box {
    grid-column: span 10 / span 10;
  }

  .container > .option-pannel .button-box {
    grid-column: span 2 / span 2;
  }
}

@media (max-width: 1280px) {
  .authorization-wrap > div {
    grid-column: span 12 / span 12;
  }

  .authorization-wrap #user_grid .k-grid-content,
  .authorization-wrap #menu_grid .k-grid-content {
    max-height: 55rem;
  }

  .authorization-wrap .grid-contents:has(> #user_grid) {
    margin-bottom: 2rem;
  }
}

@media (max-width: 1200px) {
  .option-pannel .option-box.col-span-11 .option-item {
    width: calc((100% / 4) - 0.5rem);
    min-width: 14rem;
  }

  .option-pannel .option-item:has(div > textarea) {
    width: calc(100% - (100% / 4) - 0.5rem) !important;
  }

  .option-pannel
    .option-row:has(.option-item:nth-of-type(3))
    .option-item:has(div > textarea) {
    width: calc((100% - (100% / 4)) / 2 - 0.5rem) !important;
  }
}

@media (max-width: 1108px) {
  .dashboard .tile {
    width: 23rem;
    height: 21rem;
    padding: 2.8rem 2.8rem 2.4rem 2.8rem;
  }
}

@media (max-width: 639px) {
  .title-wrap {
    display: block;
  }

  .option-item:not(:first-child) {
    display: block;
    width: 150px;
    margin: 10px 0px 0px 0px;
  }

  /* .document .item-label
    {
        text-align : left;
    }  */
}