@charset "UTF-8";
/*
    font layout
*/
/*
    layout
*/
/*
* text-ellipsis 한 줄 말줄임
* @include text-ellipsis;
*/
/*
* text-ellipsisClamp 여러 줄 말줄임
* @include text-ellipsisClamp(2, 24px);
*/
/*
* scale
* @include scale(1.05, 1.05);
*/
/* Media Query */
/* grid */
/* 230829 수정 */
/*----- Korean -----*/
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 100;
  src: url("fonts/NotoSansKR/NotoSansKR-Thin-Hestia.eot");
  src: url("fonts/NotoSansKR/NotoSansKR-Thin-Hestia.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSansKR/NotoSansKR-Thin.woff2") format("font-woff2"), url("fonts/NotoSansKR/NotoSansKR-Thin.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: url("fonts/NotoSansKR/NotoSansKR-Light-Hestia.eot");
  src: url("fonts/NotoSansKR/NotoSansKR-Light-Hestia.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSansKR/NotoSansKR-Light.woff2") format("font-woff2"), url("fonts/NotoSansKR/NotoSansKR-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url("fonts/NotoSansKR/NotoSansKR-Regular-Hestia.eot");
  src: url("fonts/NotoSansKR/NotoSansKR-Regular-Hestia.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSansKR/NotoSansKR-Regular.woff2") format("font-woff2"), url("fonts/NotoSansKR/NotoSansKR-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: url("fonts/NotoSansKR/NotoSansKR-Medium-Hestia.eot");
  src: url("fonts/NotoSansKR/NotoSansKR-Medium-Hestia.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSansKR/NotoSansKR-Medium.woff2") format("font-woff2"), url("fonts/NotoSansKR/NotoSansKR-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: url("fonts/NotoSansKR/NotoSansKR-Bold-Hestia.eot");
  src: url("fonts/NotoSansKR/NotoSansKR-Bold-Hestia.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSansKR/NotoSansKR-Bold.woff2") format("font-woff2"), url("fonts/NotoSansKR/NotoSansKR-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  src: url("fonts/NotoSansKR/NotoSansKR-Black-Hestia.eot");
  src: url("fonts/NotoSansKR/NotoSansKR-Black-Hestia.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSansKR/NotoSansKR-Black.woff2") format("font-woff2"), url("fonts/NotoSansKR/NotoSansKR-Black.woff") format("woff");
}
/*----- Dashboard number -----*/
@font-face {
  font-family: "Exo 2";
  font-weight: 500;
  src: url("fonts/Exo_2/Exo2-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Exo 2";
  font-weight: 700;
  src: url("fonts/Exo_2/Exo2-Bold.ttf") format("truetype");
}
/*----- English -----*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/Roboto/Roboto-Thin.eot");
  src: url("fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Thin.woff2") format("font-woff2"), url("fonts/Roboto/Roboto-Thin.woff") format("woff"), url("fonts/Roboto/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/Roboto/Roboto-Light.eot");
  src: url("fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Light.woff2") format("font-woff2"), url("fonts/Roboto/Roboto-Light.woff") format("woff"), url("fonts/Roboto/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Roboto/Roboto-Regular.eot");
  src: url("fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Regular.woff2") format("font-woff2"), url("fonts/Roboto/Roboto-Regular.woff") format("woff"), url("fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/Roboto/Roboto-Medium.eot");
  src: url("fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Medium.woff2") format("font-woff2"), url("fonts/Roboto/Roboto-Medium.woff") format("woff"), url("fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Roboto/Roboto-Bold.eot");
  src: url("fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Bold.woff2") format("font-woff2"), url("fonts/Roboto/Roboto-Bold.woff") format("woff"), url("fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/Roboto/Roboto-Black.eot");
  src: url("fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Black.woff2") format("font-woff2"), url("fonts/Roboto/Roboto-Black.woff") format("woff"), url("fonts/Roboto/Roboto-Black.ttf") format("truetype");
}
/* //230829 수정 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -moz-tap-highlight-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
}

body {
  line-height: 1;
  -webkit-overflow-scrolling: touch;
  font-family: "Noto Sans KR", sans-serif;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

html {
  font-family: sans-serif; /* ie */
  -webkit-text-size-adjust: 100%; /* IOS */
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: middle;
  border: 0;
}

a {
  font-family: inherit;
  color: inherit;
  text-decoration: none;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

textarea, select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input {
  line-height: normal;
  border-radius: 0;
  -webkit-border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input[type=text], input[type=password], input[type=tel], input[type=url], input[type=email], input[type=number] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

button, input[type=button] {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  cursor: pointer;
}

button[disabled], input[disabled] {
  cursor: default;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

*::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #D9D9D9;
}
*::-webkit-scrollbar-thumb:hover {
  background: #D9D9D9;
}
*::-webkit-scrollbar-thumb:active {
  background: #D9D9D9;
}
*::-webkit-scrollbar-track {
  margin: 10px 0 10px;
  background: transparent;
}
*::-webkit-scrollbar-button {
  display: none;
}

:root {
  scrollbar-width: thin;
}

.row:after {
  content: "";
  display: block;
  clear: both;
}

.col_md_1, .col_lg_1, .col_xl_1, .col_wide_1, .col_md_2, .col_lg_2, .col_xl_2, .col_wide_2, .col_md_3, .col_lg_3, .col_xl_3, .col_wide_3, .col_md_4, .col_lg_4, .col_xl_4, .col_wide_4, .col_md_5, .col_lg_5, .col_xl_5, .col_wide_5, .col_md_6, .col_lg_6, .col_xl_6, .col_wide_6, .col_md_7, .col_lg_7, .col_xl_7, .col_wide_7, .col_md_8, .col_lg_8, .col_xl_8, .col_wide_8, .col_md_9, .col_lg_9, .col_xl_9, .col_wide_9, .col_md_10, .col_lg_10, .col_xl_10, .col_wide_10, .col_md_11, .col_lg_11, .col_xl_11, .col_wide_11, .col_md_12, .col_lg_12, .col_xl_12, .col_wide_12 {
  position: relative;
  min-height: 1px;
}

.col_xxl_1, .col_xxl_2, .col_xxl_3, .col_xxl_4, .col_xxl_5, .col_xxl_6, .col_xxl_7, .col_xxl_8, .col_xxl_9, .col_xxl_10, .col_xxl_11, .col_xxl_12 {
  float: left;
}

.col_xxl_1 {
  width: 8.3333333333%;
}

.col_xxl_2 {
  width: 16.6666666667%;
}

.col_xxl_3 {
  width: 25%;
}

.col_xxl_4 {
  width: 33.3333333333%;
}

.col_xxl_5 {
  width: 41.6666666667%;
}

.col_xxl_6 {
  width: 50%;
}

.col_xxl_7 {
  width: 58.3333333333%;
}

.col_xxl_8 {
  width: 66.6666666667%;
}

.col_xxl_9 {
  width: 75%;
}

.col_xxl_10 {
  width: 83.3333333333%;
}

.col_xxl_11 {
  width: 91.6666666667%;
}

.col_xxl_12 {
  width: 100%;
}

.col_xxl_pull_0 {
  right: auto;
}

.col_xxl_pull_1 {
  right: 8.3333333333%;
}

.col_xxl_pull_2 {
  right: 16.6666666667%;
}

.col_xxl_pull_3 {
  right: 25%;
}

.col_xxl_pull_4 {
  right: 33.3333333333%;
}

.col_xxl_pull_5 {
  right: 41.6666666667%;
}

.col_xxl_pull_6 {
  right: 50%;
}

.col_xxl_pull_7 {
  right: 58.3333333333%;
}

.col_xxl_pull_8 {
  right: 66.6666666667%;
}

.col_xxl_pull_9 {
  right: 75%;
}

.col_xxl_pull_10 {
  right: 83.3333333333%;
}

.col_xxl_pull_11 {
  right: 91.6666666667%;
}

.col_xxl_pull_12 {
  right: 100%;
}

.col_xxl_push_0 {
  left: auto;
}

.col_xxl_push_1 {
  left: 8.3333333333%;
}

.col_xxl_push_2 {
  left: 16.6666666667%;
}

.col_xxl_push_3 {
  left: 25%;
}

.col_xxl_push_4 {
  left: 33.3333333333%;
}

.col_xxl_push_5 {
  left: 41.6666666667%;
}

.col_xxl_push_6 {
  left: 50%;
}

.col_xxl_push_7 {
  left: 58.3333333333%;
}

.col_xxl_push_8 {
  left: 66.6666666667%;
}

.col_xxl_push_9 {
  left: 75%;
}

.col_xxl_push_10 {
  left: 83.3333333333%;
}

.col_xxl_push_11 {
  left: 91.6666666667%;
}

.col_xxl_push_12 {
  left: 100%;
}

.col_xxl_offset_0 {
  margin-left: 0%;
}

.col_xxl_offset_1 {
  margin-left: 8.3333333333%;
}

.col_xxl_offset_2 {
  margin-left: 16.6666666667%;
}

.col_xxl_offset_3 {
  margin-left: 25%;
}

.col_xxl_offset_4 {
  margin-left: 33.3333333333%;
}

.col_xxl_offset_5 {
  margin-left: 41.6666666667%;
}

.col_xxl_offset_6 {
  margin-left: 50%;
}

.col_xxl_offset_7 {
  margin-left: 58.3333333333%;
}

.col_xxl_offset_8 {
  margin-left: 66.6666666667%;
}

.col_xxl_offset_9 {
  margin-left: 75%;
}

.col_xxl_offset_10 {
  margin-left: 83.3333333333%;
}

.col_xxl_offset_11 {
  margin-left: 91.6666666667%;
}

.col_xxl_offset_12 {
  margin-left: 100%;
}

@media screen and (min-width: 1921px) {
  .col_wide_1, .col_wide_2, .col_wide_3, .col_wide_4, .col_wide_5, .col_wide_6, .col_wide_7, .col_wide_8, .col_wide_9, .col_wide_10, .col_wide_11, .col_wide_12 {
    float: left;
  }
  .col_wide_1 {
    width: 8.3333333333%;
  }
  .col_wide_2 {
    width: 16.6666666667%;
  }
  .col_wide_3 {
    width: 25%;
  }
  .col_wide_4 {
    width: 33.3333333333%;
  }
  .col_wide_5 {
    width: 41.6666666667%;
  }
  .col_wide_6 {
    width: 50%;
  }
  .col_wide_7 {
    width: 58.3333333333%;
  }
  .col_wide_8 {
    width: 66.6666666667%;
  }
  .col_wide_9 {
    width: 75%;
  }
  .col_wide_10 {
    width: 83.3333333333%;
  }
  .col_wide_11 {
    width: 91.6666666667%;
  }
  .col_wide_12 {
    width: 100%;
  }
  .col_wide_pull_0 {
    right: auto;
  }
  .col_wide_pull_1 {
    right: 8.3333333333%;
  }
  .col_wide_pull_2 {
    right: 16.6666666667%;
  }
  .col_wide_pull_3 {
    right: 25%;
  }
  .col_wide_pull_4 {
    right: 33.3333333333%;
  }
  .col_wide_pull_5 {
    right: 41.6666666667%;
  }
  .col_wide_pull_6 {
    right: 50%;
  }
  .col_wide_pull_7 {
    right: 58.3333333333%;
  }
  .col_wide_pull_8 {
    right: 66.6666666667%;
  }
  .col_wide_pull_9 {
    right: 75%;
  }
  .col_wide_pull_10 {
    right: 83.3333333333%;
  }
  .col_wide_pull_11 {
    right: 91.6666666667%;
  }
  .col_wide_pull_12 {
    right: 100%;
  }
  .col_wide_push_0 {
    left: auto;
  }
  .col_wide_push_1 {
    left: 8.3333333333%;
  }
  .col_wide_push_2 {
    left: 16.6666666667%;
  }
  .col_wide_push_3 {
    left: 25%;
  }
  .col_wide_push_4 {
    left: 33.3333333333%;
  }
  .col_wide_push_5 {
    left: 41.6666666667%;
  }
  .col_wide_push_6 {
    left: 50%;
  }
  .col_wide_push_7 {
    left: 58.3333333333%;
  }
  .col_wide_push_8 {
    left: 66.6666666667%;
  }
  .col_wide_push_9 {
    left: 75%;
  }
  .col_wide_push_10 {
    left: 83.3333333333%;
  }
  .col_wide_push_11 {
    left: 91.6666666667%;
  }
  .col_wide_push_12 {
    left: 100%;
  }
  .col_wide_offset_0 {
    margin-left: 0%;
  }
  .col_wide_offset_1 {
    margin-left: 8.3333333333%;
  }
  .col_wide_offset_2 {
    margin-left: 16.6666666667%;
  }
  .col_wide_offset_3 {
    margin-left: 25%;
  }
  .col_wide_offset_4 {
    margin-left: 33.3333333333%;
  }
  .col_wide_offset_5 {
    margin-left: 41.6666666667%;
  }
  .col_wide_offset_6 {
    margin-left: 50%;
  }
  .col_wide_offset_7 {
    margin-left: 58.3333333333%;
  }
  .col_wide_offset_8 {
    margin-left: 66.6666666667%;
  }
  .col_wide_offset_9 {
    margin-left: 75%;
  }
  .col_wide_offset_10 {
    margin-left: 83.3333333333%;
  }
  .col_wide_offset_11 {
    margin-left: 91.6666666667%;
  }
  .col_wide_offset_12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1399px) {
  .col_xl_1, .col_xl_2, .col_xl_3, .col_xl_4, .col_xl_5, .col_xl_6, .col_xl_7, .col_xl_8, .col_xl_9, .col_xl_10, .col_xl_11, .col_xl_12 {
    float: left;
  }
  .col_xl_1 {
    width: 8.3333333333%;
  }
  .col_xl_2 {
    width: 16.6666666667%;
  }
  .col_xl_3 {
    width: 25%;
  }
  .col_xl_4 {
    width: 33.3333333333%;
  }
  .col_xl_5 {
    width: 41.6666666667%;
  }
  .col_xl_6 {
    width: 50%;
  }
  .col_xl_7 {
    width: 58.3333333333%;
  }
  .col_xl_8 {
    width: 66.6666666667%;
  }
  .col_xl_9 {
    width: 75%;
  }
  .col_xl_10 {
    width: 83.3333333333%;
  }
  .col_xl_11 {
    width: 91.6666666667%;
  }
  .col_xl_12 {
    width: 100%;
  }
  .col_xl_pull_0 {
    right: auto;
  }
  .col_xl_pull_1 {
    right: 8.3333333333%;
  }
  .col_xl_pull_2 {
    right: 16.6666666667%;
  }
  .col_xl_pull_3 {
    right: 25%;
  }
  .col_xl_pull_4 {
    right: 33.3333333333%;
  }
  .col_xl_pull_5 {
    right: 41.6666666667%;
  }
  .col_xl_pull_6 {
    right: 50%;
  }
  .col_xl_pull_7 {
    right: 58.3333333333%;
  }
  .col_xl_pull_8 {
    right: 66.6666666667%;
  }
  .col_xl_pull_9 {
    right: 75%;
  }
  .col_xl_pull_10 {
    right: 83.3333333333%;
  }
  .col_xl_pull_11 {
    right: 91.6666666667%;
  }
  .col_xl_pull_12 {
    right: 100%;
  }
  .col_xl_push_0 {
    left: auto;
  }
  .col_xl_push_1 {
    left: 8.3333333333%;
  }
  .col_xl_push_2 {
    left: 16.6666666667%;
  }
  .col_xl_push_3 {
    left: 25%;
  }
  .col_xl_push_4 {
    left: 33.3333333333%;
  }
  .col_xl_push_5 {
    left: 41.6666666667%;
  }
  .col_xl_push_6 {
    left: 50%;
  }
  .col_xl_push_7 {
    left: 58.3333333333%;
  }
  .col_xl_push_8 {
    left: 66.6666666667%;
  }
  .col_xl_push_9 {
    left: 75%;
  }
  .col_xl_push_10 {
    left: 83.3333333333%;
  }
  .col_xl_push_11 {
    left: 91.6666666667%;
  }
  .col_xl_push_12 {
    left: 100%;
  }
  .col_xl_offset_0 {
    margin-left: 0%;
  }
  .col_xl_offset_1 {
    margin-left: 8.3333333333%;
  }
  .col_xl_offset_2 {
    margin-left: 16.6666666667%;
  }
  .col_xl_offset_3 {
    margin-left: 25%;
  }
  .col_xl_offset_4 {
    margin-left: 33.3333333333%;
  }
  .col_xl_offset_5 {
    margin-left: 41.6666666667%;
  }
  .col_xl_offset_6 {
    margin-left: 50%;
  }
  .col_xl_offset_7 {
    margin-left: 58.3333333333%;
  }
  .col_xl_offset_8 {
    margin-left: 66.6666666667%;
  }
  .col_xl_offset_9 {
    margin-left: 75%;
  }
  .col_xl_offset_10 {
    margin-left: 83.3333333333%;
  }
  .col_xl_offset_11 {
    margin-left: 91.6666666667%;
  }
  .col_xl_offset_12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12 {
    float: left;
  }
  .col_lg_1 {
    width: 8.3333333333%;
  }
  .col_lg_2 {
    width: 16.6666666667%;
  }
  .col_lg_3 {
    width: 25%;
  }
  .col_lg_4 {
    width: 33.3333333333%;
  }
  .col_lg_5 {
    width: 41.6666666667%;
  }
  .col_lg_6 {
    width: 50%;
  }
  .col_lg_7 {
    width: 58.3333333333%;
  }
  .col_lg_8 {
    width: 66.6666666667%;
  }
  .col_lg_9 {
    width: 75%;
  }
  .col_lg_10 {
    width: 83.3333333333%;
  }
  .col_lg_11 {
    width: 91.6666666667%;
  }
  .col_lg_12 {
    width: 100%;
  }
  .col_lg_pull_0 {
    right: auto;
  }
  .col_lg_pull_1 {
    right: 8.3333333333%;
  }
  .col_lg_pull_2 {
    right: 16.6666666667%;
  }
  .col_lg_pull_3 {
    right: 25%;
  }
  .col_lg_pull_4 {
    right: 33.3333333333%;
  }
  .col_lg_pull_5 {
    right: 41.6666666667%;
  }
  .col_lg_pull_6 {
    right: 50%;
  }
  .col_lg_pull_7 {
    right: 58.3333333333%;
  }
  .col_lg_pull_8 {
    right: 66.6666666667%;
  }
  .col_lg_pull_9 {
    right: 75%;
  }
  .col_lg_pull_10 {
    right: 83.3333333333%;
  }
  .col_lg_pull_11 {
    right: 91.6666666667%;
  }
  .col_lg_pull_12 {
    right: 100%;
  }
  .col_lg_push_0 {
    left: auto;
  }
  .col_lg_push_1 {
    left: 8.3333333333%;
  }
  .col_lg_push_2 {
    left: 16.6666666667%;
  }
  .col_lg_push_3 {
    left: 25%;
  }
  .col_lg_push_4 {
    left: 33.3333333333%;
  }
  .col_lg_push_5 {
    left: 41.6666666667%;
  }
  .col_lg_push_6 {
    left: 50%;
  }
  .col_lg_push_7 {
    left: 58.3333333333%;
  }
  .col_lg_push_8 {
    left: 66.6666666667%;
  }
  .col_lg_push_9 {
    left: 75%;
  }
  .col_lg_push_10 {
    left: 83.3333333333%;
  }
  .col_lg_push_11 {
    left: 91.6666666667%;
  }
  .col_lg_push_12 {
    left: 100%;
  }
  .col_lg_offset_0 {
    margin-left: 0%;
  }
  .col_lg_offset_1 {
    margin-left: 8.3333333333%;
  }
  .col_lg_offset_2 {
    margin-left: 16.6666666667%;
  }
  .col_lg_offset_3 {
    margin-left: 25%;
  }
  .col_lg_offset_4 {
    margin-left: 33.3333333333%;
  }
  .col_lg_offset_5 {
    margin-left: 41.6666666667%;
  }
  .col_lg_offset_6 {
    margin-left: 50%;
  }
  .col_lg_offset_7 {
    margin-left: 58.3333333333%;
  }
  .col_lg_offset_8 {
    margin-left: 66.6666666667%;
  }
  .col_lg_offset_9 {
    margin-left: 75%;
  }
  .col_lg_offset_10 {
    margin-left: 83.3333333333%;
  }
  .col_lg_offset_11 {
    margin-left: 91.6666666667%;
  }
  .col_lg_offset_12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 768px) {
  .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 {
    float: left;
  }
  .col_md_1 {
    width: 8.3333333333%;
  }
  .col_md_2 {
    width: 16.6666666667%;
  }
  .col_md_3 {
    width: 25%;
  }
  .col_md_4 {
    width: 33.3333333333%;
  }
  .col_md_5 {
    width: 41.6666666667%;
  }
  .col_md_6 {
    width: 50%;
  }
  .col_md_7 {
    width: 58.3333333333%;
  }
  .col_md_8 {
    width: 66.6666666667%;
  }
  .col_md_9 {
    width: 75%;
  }
  .col_md_10 {
    width: 83.3333333333%;
  }
  .col_md_11 {
    width: 91.6666666667%;
  }
  .col_md_12 {
    width: 100%;
  }
  .col_md_pull_0 {
    right: auto;
  }
  .col_md_pull_1 {
    right: 8.3333333333%;
  }
  .col_md_pull_2 {
    right: 16.6666666667%;
  }
  .col_md_pull_3 {
    right: 25%;
  }
  .col_md_pull_4 {
    right: 33.3333333333%;
  }
  .col_md_pull_5 {
    right: 41.6666666667%;
  }
  .col_md_pull_6 {
    right: 50%;
  }
  .col_md_pull_7 {
    right: 58.3333333333%;
  }
  .col_md_pull_8 {
    right: 66.6666666667%;
  }
  .col_md_pull_9 {
    right: 75%;
  }
  .col_md_pull_10 {
    right: 83.3333333333%;
  }
  .col_md_pull_11 {
    right: 91.6666666667%;
  }
  .col_md_pull_12 {
    right: 100%;
  }
  .col_md_push_0 {
    left: auto;
  }
  .col_md_push_1 {
    left: 8.3333333333%;
  }
  .col_md_push_2 {
    left: 16.6666666667%;
  }
  .col_md_push_3 {
    left: 25%;
  }
  .col_md_push_4 {
    left: 33.3333333333%;
  }
  .col_md_push_5 {
    left: 41.6666666667%;
  }
  .col_md_push_6 {
    left: 50%;
  }
  .col_md_push_7 {
    left: 58.3333333333%;
  }
  .col_md_push_8 {
    left: 66.6666666667%;
  }
  .col_md_push_9 {
    left: 75%;
  }
  .col_md_push_10 {
    left: 83.3333333333%;
  }
  .col_md_push_11 {
    left: 91.6666666667%;
  }
  .col_md_push_12 {
    left: 100%;
  }
  .col_md_offset_0 {
    margin-left: 0%;
  }
  .col_md_offset_1 {
    margin-left: 8.3333333333%;
  }
  .col_md_offset_2 {
    margin-left: 16.6666666667%;
  }
  .col_md_offset_3 {
    margin-left: 25%;
  }
  .col_md_offset_4 {
    margin-left: 33.3333333333%;
  }
  .col_md_offset_5 {
    margin-left: 41.6666666667%;
  }
  .col_md_offset_6 {
    margin-left: 50%;
  }
  .col_md_offset_7 {
    margin-left: 58.3333333333%;
  }
  .col_md_offset_8 {
    margin-left: 66.6666666667%;
  }
  .col_md_offset_9 {
    margin-left: 75%;
  }
  .col_md_offset_10 {
    margin-left: 83.3333333333%;
  }
  .col_md_offset_11 {
    margin-left: 91.6666666667%;
  }
  .col_md_offset_12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 480px) {
  .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6 {
    float: left;
    position: relative;
    min-height: 1px;
  }
  .col_sm_1 {
    width: 8.3333333333%;
  }
  .col_sm_2 {
    width: 16.6666666667%;
  }
  .col_sm_3 {
    width: 25%;
  }
  .col_sm_4 {
    width: 33.3333333333%;
  }
  .col_sm_5 {
    width: 41.6666666667%;
  }
  .col_sm_6 {
    width: 50%;
  }
  .col_sm_pull_0 {
    right: auto;
  }
  .col_sm_pull_1 {
    right: 8.3333333333%;
  }
  .col_sm_pull_2 {
    right: 16.6666666667%;
  }
  .col_sm_pull_3 {
    right: 25%;
  }
  .col_sm_pull_4 {
    right: 33.3333333333%;
  }
  .col_sm_pull_5 {
    right: 41.6666666667%;
  }
  .col_sm_pull_6 {
    right: 50%;
  }
  .col_sm_push_0 {
    left: auto;
  }
  .col_sm_push_1 {
    left: 8.3333333333%;
  }
  .col_sm_push_2 {
    left: 16.6666666667%;
  }
  .col_sm_push_3 {
    left: 25%;
  }
  .col_sm_push_4 {
    left: 33.3333333333%;
  }
  .col_sm_push_5 {
    left: 41.6666666667%;
  }
  .col_sm_push_6 {
    left: 50%;
  }
  .col_sm_offset_0 {
    margin-left: 0%;
  }
  .col_sm_offset_1 {
    margin-left: 8.3333333333%;
  }
  .col_sm_offset_2 {
    margin-left: 16.6666666667%;
  }
  .col_sm_offset_3 {
    margin-left: 25%;
  }
  .col_sm_offset_4 {
    margin-left: 33.3333333333%;
  }
  .col_sm_offset_5 {
    margin-left: 41.6666666667%;
  }
  .col_sm_offset_6 {
    margin-left: 50%;
  }
}
.h2 {
  font-size: 23px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -1.15px;
}

.h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: -1px;
}

.h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.8px;
}

.txt__link {
  color: #1A93FF;
  text-decoration: underline;
}
.txt--base {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.txt--xlarge {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.9px;
}
.txt--large {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.75px;
}
.txt--small {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.txt--regular {
  font-weight: 400;
}
.txt--medium {
  font-weight: 500;
}
.txt--bold {
  font-weight: 700;
}
.txt--black {
  color: #000000;
}
.txt--white {
  color: #FFFFFF;
}
.txt--red {
  color: #FE3C45;
}
.txt--left {
  text-align: left;
}
.txt--center {
  text-align: center;
}
.txt--right {
  text-align: right;
}

/* Media Query */
@media screen and (max-width: 768px) {
  .h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: -1px;
  }
  .h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.8px;
  }
  .h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.7px;
  }
  .txt--base {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.65px;
  }
  .txt--xlarge {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.75px;
  }
  .txt--large {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.7px;
  }
  .txt--small {
    font-size: 11px;
  }
}
i {
  display: inline-block;
  vertical-align: middle;
}

.icon--xl {
  width: 48px;
  height: 48px;
}
.icon--l {
  width: 32px;
  height: 32px;
}
.icon--m {
  width: 24px;
  height: 24px;
}
.icon--s {
  width: 16px;
  height: 16px;
}
.icon--xs {
  width: 12px;
  height: 12px;
}
.icon--xxs {
  width: 9px;
  height: 9px;
}
.icon-certificate {
  background-image: url("../assets/icon/icon-certificate.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-logout {
  background-image: url("../assets/icon/icon-logout.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-monitor {
  background-image: url("../assets/icon/icon-monitor.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-chart {
  background-image: url("../assets/icon/icon-chart.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-mgz {
  background-image: url("../assets/icon/icon-mgz.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-dashboard {
  background-image: url("../assets/icon/icon-dashboard.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-collapse {
  background-image: url("../assets/icon/icon-collapse.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-user {
  background-image: url("../assets/icon/icon-user.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-board {
  background-image: url("../assets/icon/icon-board.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-manual {
  background-image: url("../assets/icon/icon-manual.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-arrow-down {
  background-image: url("../assets/icon/icon-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-arrow-up-dark {
  background-image: url("../assets/icon/icon-arrow-up-dark.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-arrow-down-dark {
  background-image: url("../assets/icon/icon-arrow-down-dark.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-dash {
  background-image: url("../assets/icon/icon-dash.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-asterisk {
  background-image: url("../assets/icon/icon-asterisk.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-menu {
  background-image: url("../assets/icon/icon-menu.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-symbol {
  background-image: url("../assets/images/symbol.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-fwd {
  background-image: url("../assets/icon/icon-fwd.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-fwd--hover {
  background-image: url("../assets/icon/icon-fwd-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-fwd--disabled {
  background-image: url("../assets/icon/icon-fwd-disabled.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-prev {
  background-image: url("../assets/icon/icon-prev.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-prev--hover {
  background-image: url("../assets/icon/icon-prev-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-prev--disabled {
  background-image: url("../assets/icon/icon-prev-disabled.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-next {
  background-image: url("../assets/icon/icon-next.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-next--hover {
  background-image: url("../assets/icon/icon-next-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-next--disabled {
  background-image: url("../assets/icon/icon-next-disabled.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-bwd {
  background-image: url("../assets/icon/icon-bwd.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-bwd--hover {
  background-image: url("../assets/icon/icon-bwd-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-bwd--disabled {
  background-image: url("../assets/icon/icon-bwd-disabled.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-close {
  background-image: url("../assets/icon/icon-close.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.icon-inc {
  background-image: url("../assets/icon/icon-inc.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}

.icon-set {
  background-image: url("../assets/icon/icon-set.svg");
  background-repeat: no-repeat;
  background-position: 50% 1px;
  background-size: 100%;
  text-indent: -999em;
}

a:hover .icon-monitor,
button:hover .icon-monitor,
.on .icon-monitor {
  background-image: url("../assets/icon/icon-monitor-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-chart,
button:hover .icon-chart,
.on .icon-chart {
  background-image: url("../assets/icon/icon-chart-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-mgz,
button:hover .icon-mgz,
.on .icon-mgz {
  background-image: url("../assets/icon/icon-mgz-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-dashboard,
button:hover .icon-dashboard,
.on .icon-dashboard {
  background-image: url("../assets/icon/icon-dashboard-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-collapse,
button:hover .icon-collapse,
.on .icon-collapse {
  background-image: url("../assets/icon/icon-collapse-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-user,
button:hover .icon-user,
.on .icon-user {
  background-image: url("../assets/icon/icon-user-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-board,
button:hover .icon-board,
.on .icon-board {
  background-image: url("../assets/icon/icon-board-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-manual,
button:hover .icon-manual,
.on .icon-manual {
  background-image: url("../assets/icon/icon-manual-on.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-fwd,
button:hover .icon-fwd,
.on .icon-fwd {
  background-image: url("../assets/icon/icon-fwd-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-prev,
button:hover .icon-prev,
.on .icon-prev {
  background-image: url("../assets/icon/icon-prev-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-next,
button:hover .icon-next,
.on .icon-next {
  background-image: url("../assets/icon/icon-next-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
a:hover .icon-bwd,
button:hover .icon-bwd,
.on .icon-bwd {
  background-image: url("../assets/icon/icon-bwd-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}

.flex {
  display: flex;
}
.flex--column {
  flex-direction: column;
}
.flex--column-reverse {
  flex-direction: column-reverse;
}
.flex--row {
  flex-direction: row;
}
.flex--row-reverse {
  flex-direction: row-reverse;
}
.flex--wrap {
  flex-wrap: wrap;
}
.flex--wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex--nowrap {
  flex-wrap: nowrap;
}

.justify--flex-start {
  justify-content: flex-start;
}
.justify--flex-end {
  justify-content: flex-end;
}
.justify--center {
  justify-content: center;
}
.justify--space-between {
  justify-content: space-between;
}
.justify--space-around {
  justify-content: space-around;
}
.justify--space-evenly {
  justify-content: space-evenly;
}

.align--items-stretch {
  align-items: stretch;
}
.align--items-start {
  align-items: flex-start;
}
.align--items-end {
  align-items: flex-end;
}
.align--items-center {
  align-items: center;
}
.align--items-baseline {
  align-items: baseline;
}
.align--content-stretch {
  align-content: stretch;
}
.align--content-start {
  align-content: flex-start;
}
.align--content-end {
  align-content: flex-end;
}
.align--content-center {
  align-content: center;
}
.align--content-between {
  align-content: space-between;
}
.align--content-around {
  align-content: space-around;
}
.align--content-evenly {
  align-content: space-evenly;
}
.align--self-auto {
  align-self: auto;
}
.align--self-stretch {
  align-self: stretch;
}
.align--self-start {
  align-self: flex-start;
}
.align--self-end {
  align-self: flex-end;
}
.align--self-center {
  align-self: center;
}
.align--self-baseline {
  align-self: baseline;
}

/*
.alert {
    .modal {
        &__dialog {

        }
    }
}
*/
.chip {
  display: inline-block;
  padding: 5.5px 15px 4.5px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(141, 147, 155, 0.12);
  font-weight: 700;
  color: #8D939B;
  text-align: center;
  line-height: 1.5;
}
.chip-outline {
  border-color: #8D939B;
  background: #FFFFFF;
}
.chip--primary {
  background: rgba(255, 90, 0, 0.12);
  color: #FF5A00;
}
.chip--primary-outline {
  border-color: #FF5A00;
  background: #FFFFFF;
  color: #FF5A00;
}
.chip--secondary {
  background: rgba(255, 78, 124, 0.12);
  color: #FF4E7C;
}
.chip--secondary-outline {
  border-color: #FF4E7C;
  background: #FFFFFF;
  color: #FF4E7C;
}
.chip--tertiary {
  background: rgba(34, 34, 34, 0.12);
  color: #222222;
}
.chip--tertiary-outline {
  border-color: #222222;
  background: #FFFFFF;
  color: #222222;
}
.chip--negative {
  background: rgba(254, 60, 69, 0.12);
  color: #FE3C45;
}
.chip--negative-outline {
  border-color: #FE3C45;
  background: #FFFFFF;
  color: #FE3C45;
}
.chip--warning {
  background: rgba(241, 168, 25, 0.12);
  color: #F1A819;
}
.chip--warning-outline {
  border-color: #F1A819;
  background: #FFFFFF;
  color: #F1A819;
}
.chip--positive {
  background: rgba(70, 89, 255, 0.12);
  color: #4659FF;
}
.chip--positive-outline {
  border-color: #4659FF;
  background: #FFFFFF;
  color: #4659FF;
}
.chip--neutral {
  background: rgba(17, 138, 241, 0.12);
  color: #118AF1;
}
.chip--neutral-outline {
  border-color: #118AF1;
  background: #FFFFFF;
  color: #118AF1;
}
.chip--green {
  background: rgba(55, 193, 108, 0.12);
  color: #37C16C;
}
.chip--green-outline {
  border-color: #37C16C;
  background: #FFFFFF;
  color: #37C16C;
}
.chip--cyan {
  background: rgba(112, 182, 193, 0.12);
  color: #70B6C1;
}
.chip--cyan-outline {
  border-color: #70B6C1;
  background: #FFFFFF;
  color: #70B6C1;
}
.chip--blue {
  background: rgba(70, 89, 255, 0.12);
  color: #4659FF;
}
.chip--blue-outline {
  border-color: #4659FF;
  background: #FFFFFF;
  color: #4659FF;
}
.chip--purple {
  background: rgba(119, 93, 166, 0.12);
  color: #775DA6;
}
.chip--purple-outline {
  border-color: #775DA6;
  background: #FFFFFF;
  color: #775DA6;
}
.chip--pink {
  background: rgba(255, 78, 124, 0.12);
  color: #FF4E7C;
}
.chip--pink-outline {
  border-color: #FF4E7C;
  background: #FFFFFF;
  color: #FF4E7C;
}
.chip--red {
  background: rgba(254, 60, 69, 0.12);
  color: #FE3C45;
}
.chip--red-outline {
  border-color: #FE3C45;
  background: #FFFFFF;
  color: #FE3C45;
}
.chip--orange {
  background: rgba(241, 168, 25, 0.12);
  color: #F1A819;
}
.chip--orange-outline {
  border-color: #F1A819;
  background: #FFFFFF;
  color: #F1A819;
}
.chip--grey {
  background: rgba(141, 147, 155, 0.12);
  color: #8D939B;
}
.chip--grey-outline {
  border-color: #8D939B;
  background: #FFFFFF;
  color: #8D939B;
}
.chip--black {
  background: rgba(51, 51, 51, 0.12);
  color: #333333;
}
.chip--black-outline {
  border-color: #333333;
  background: #FFFFFF;
  color: #333333;
}
.chip--small {
  padding: 4px 6px 3px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
}

/*
.confirm {
    .modal {
        &__dialog {

        }
    }
}
*/
.dashboard-data__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 19px 0 20px;
  border-radius: 5px;
  background: #F5F8FC;
}
.dashboard__item {
  border-radius: 10px;
  padding: 13px 20px;
  background: #FFFFFF;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.0784313725);
}
.dashboard__item img {
  width: 100%;
}
.dashboard__title {
  padding: 6px 0 5px;
  color: #111111;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: -1px;
  text-align: center;
}
.dashboard__content {
  margin-top: 8px;
}
.dashboard__content .graph__area {
  width: 100%;
  height: 90px;
  text-align: center;
}
.dashboard__content .graph__area img {
  width: auto;
  height: 100%;
}
.dashboard__content .data {
  padding: 19px 0;
  font-size: 15px;
  line-height: 42px;
  letter-spacing: -0.75px;
  text-align: center;
}
.dashboard__content .data .result {
  margin-right: 8px;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: -1.75px;
}
.dashboard__content .result, .dashboard__content .hour {
  font-family: "Exo 2";
}
.dashboard__content .list__item {
  position: relative;
  width: 33.3333333333%;
  padding: 0 10px;
  color: #333333;
}
.dashboard__content .list__item:nth-of-type(n+2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 61px;
  background: #E8EBEE;
  transform: translateY(-50%);
}
.dashboard__content .list__item .subject {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-align: center;
}
.dashboard__content .list__item .result {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.85px;
}
.dashboard__content .list__item .result__area {
  display: flex;
  justify-content: center;
  line-height: 21px;
}
.dashboard__content .list__item .slash {
  font-size: 16px;
  letter-spacing: -0.8px;
}
.dashboard__content .list__item .hour {
  font-size: 13px;
  letter-spacing: -0.65px;
}
.dashboard__content .list__item .txt {
  font-size: 12px;
  letter-spacing: -0.6px;
}
.dashboard__txt {
  margin-top: 8px;
  color: #8D939B;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.65px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard__txt i {
  margin-right: 5px;
}
.dashboard__txt .result {
  margin-left: 10px;
}
.dashboard__graph {
  margin-top: 9px;
}
.dashboard__graph .graph__area {
  width: 100%;
  height: 237px;
  text-align: center;
}
.dashboard__graph .graph__area img {
  width: 100%;
  height: 100%;
}
.dashboard .card-1 {
  min-height: 325px;
}
.dashboard .flexArea .card-1 {
  min-height: auto;
  height: 220px;
}
@media screen and (max-width: 768px) {
  .dashboard .flexArea .card-1 {
    height: auto;
  }
}
.dashboard .card__area > .card-2.dashboard__item {
  height: 325px;
}
.dashboard .card__area.flexArea { margin-bottom: 20px; }
.dashboard .card__inner .dashboard__item {
  height: 200px;
}
.dashboard .current {
  margin-top: 10px;
}
.dashboard .current__label {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 25px;
}
.dashboard .current__label li {
  position: relative;
  padding-left: 21px;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.33px;
}
.dashboard .current__label li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.dashboard .current__label .normal::before {
  border: 1px solid #DDDDDD;
  background: #F8F9FB;
}
.dashboard .current__label .warning::before {
  background: #FF5A00;
}
.dashboard .current__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px 10px;
  margin-top: 20px;
}
.dashboard .current__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: calc((100% - 80px) / 9);
  height: 187px;
  padding: 5px;
  border: 1px solid #E8EBEE;
  border-radius: 5px;
  background: #F5F8FC;
  color: #111111;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.8px;
  word-break: keep-all;
  text-align: center;
}
.dashboard .current__item.warning {
  border: 2px solid #FF5A00;
  background: #FFFFFF;
}
.dashboard .current__item.warning::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  background-image: url("../assets/icon/icon-error.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  transform: translate(-50%, -50%);
}

/* Media Query */
@media screen and (max-width: 1024px) {
  .dashboard .card__area > .card-2 {
    width: 100%;
  }
  .dashboard .current__item {
    min-width: 157px;
  }
}
@media screen and (max-width: 768px) {
  .dashboard__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.8px;
  }
  .dashboard__item {
    padding: 20px 15px 15px;
  }
  .dashboard .card__area > .card-2.dashboard__item {
    height: auto;
  }
  .dashboard .card__inner .dashboard__item {
    height: auto;
  }
}
@media screen and (max-width: 510px) {
	.card__area .card-3:first-child {
    display: none;
  }  
  .dashboard-data__list {
    gap: 10px;
    padding: 19px 20px 20px;
    flex-wrap: nowrap !important;
  }
  .dashboard__content .list__item {
    width: 100%;
  }
  .dashboard__content .list__item:nth-of-type(n+2) {
    padding-top: 10px;
  }
  .dashboard__content .list__item:nth-of-type(n+2)::before {
    top: 0;
    width: 100%;
    height: 1px;
  }
  .dashboard__content .graph__area img {
    width: 100%;
  }
  .dashboard__content .data {
    padding: 0;
  }
  .dashboard__content .data .result {
    font-size: 30px;
  }
  .dashboard .current__item {
    width: calc((100% - 10px) / 2);
    min-width: auto;
    height: 150px;
    font-size: 13px;
  }
  .dashboard .current__item.warning::before {
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 320px) {
  .dashboard .current__item {
    width: 100%;
  }
}
.dropdown {
  position: relative;
  width: 100%;
  outline: inherit;
}
.dropdown:nth-of-type(n+2) {
  margin-left: 12px;
}
.dropdown__select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  padding: 12px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  background: #FFFFFF;
  font-weight: 500;
  color: #616161;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.dropdown__select:hover {
  cursor: pointer;
}
.dropdown__select-on {
  border-radius: 8px 8px 0 0;
}
.dropdown__arrow {
  transition: 0.3s;
}
.dropdown__arrow--rotate {
  transform: rotate(180deg);
}
.dropdown__list {
  display: none;
  overflow: auto;
  position: absolute;
  top: 47px;
  width: 100%;
  max-height: 0;
  border: 1px solid transparent;
  border-radius: 0 0 8px 8px;
  z-index: 5;
}
.dropdown__list::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.dropdown__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #8D939B;
}
.dropdown__list::-webkit-scrollbar-thumb:hover {
  background: #8D939B;
}
.dropdown__list::-webkit-scrollbar-thumb:active {
  background: #8D939B;
}
.dropdown__list::-webkit-scrollbar-track {
  margin: 6px 7px 8px 0;
  border-radius: 10px;
  background: #EDEDED;
}
.dropdown__list::-webkit-scrollbar-button {
  display: none;
}
.dropdown__list-on {
  display: block;
  max-height: 192px;
  border-color: #E0E0E0;
}
.dropdown__item {
  padding: 12px;
  background: #fff;
  font-weight: 500;
  color: #616161;
  line-height: 1.5;
  letter-spacing: -0.01em;
  z-index: 1;
}
.dropdown__item:hover {
  background: #F8F9FB;
  cursor: pointer;
}
.dropdown__input {
  display: none;
}
.dropdown--disabled {
  pointer-events: none;
}
.dropdown--disabled .dropdown__select {
  background: #F8F9FB;
  color: #333333;
}
.dropdown__date .dropdown__title {
  position: relative;
  padding-left: 28px;
}
.dropdown__date .dropdown__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../assets/images/ico_dropdown_calendar.svg") no-repeat center/contain;
}

.form__box {
  padding: 0;
  border-radius: 10px;
  background: #F8F9FB;
}

.input {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #E8EBEE;
  border-radius: 3px;
  background: #FFFFFF;
  color: #000000;
  font-size: 13px;
  line-height: 35px;
  letter-spacing: -0.33px;
}
.input::-moz-placeholder {
  color: #999999;
}
.input::placeholder {
  color: #999999;
}
.input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input:focus, .input--focus, .input:hover, .input--hover {
  border: 1px solid #FF5A00;
  outline: 0;
}
.input[disabled], .input:disabled, .input--disabled, .input:read-only {
  background: #F8F9FB;
  color: #000;
  pointer-events: none;
}
.input[disabled]:focus, .input[disabled]:hover, .input:disabled:focus, .input:disabled:hover, .input--disabled:focus, .input--disabled:hover {
  border: 1px solid #E8EBEE;
}
.input[type=password] {
  font-family: "Noto Sans KR";
}
.input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.input__label {
  color: #333333;
  /*
  font-size: $font_size_base; // 14px
  line-height: 50px;
  letter-spacing: -0.7px;
  */
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
.input__label__box i {
  flex: 0 0 auto;
  margin: 0 1.17px 0 5px;
}
.input__label__box i + .input__label {
  width: calc(100% - 25px);
  padding-left: 0;
}
.input__sup {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  color: #FE3C45;
  line-height: 1.5;
  vertical-align: top;
  letter-spacing: -0.01em;
}
.input__field {
  display: flex;
  align-items: stretch;
  position: relative;
  min-height: 50px;
}
.input__field .input__box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 10px;
  gap: 10px;
  /*
  &:nth-of-type(n+2) {
      margin-left: 15px;
  }
  */
}
.input__field .input__label {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding-left: 21.17px;
}
.input__field .input__label__box {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.input__field .input__label + .input + .btn {
  margin-left: 16px;
}
.input__box {
  position: relative;
}
.input__box--bg-none .input {
  background: none;
  border-width: 0 0 1px;
}
.input__box--bg-none .input:focus, .input__box--bg-none .input.focus {
  box-shadow: none;
}
.input__title {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
}
.input--bg {
  position: relative;
  border-top: 1px solid #E8EBEE;
  border-right: 1px solid #E8EBEE;
  display: flex;
  flex-wrap: wrap;
}
.input--bg:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #e8ebee;
}
.input--bg .input__label {
  background: #F8F9FB;
}
.input--bg .input__label__box {
  background: #F8F9FB;
}
.input--bg .input__label__box i {
  margin: 0 2px 0 9px;
}
.input--bg .input__field {
  overflow: hidden;
  border-bottom: 1px solid #E8EBEE;
  border-left: 1px solid #E8EBEE;
}
.input--bg .input__field--empty {
  border-left: 0;
}
.input-message {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
}
.input-message--block {
  display: block;
}
.input-message--valid {
  color: #4659FF;
}
.input-message--invalid {
  color: #FE3C45;
}
.input--date {
  position: relative;
  width: 100%;
  height: 35px;
  padding: 0 20.22px 0 10.22px;
  border: 1px solid #E8EBEE;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-image: url("../assets/icon/icon-cal.svg");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 24px;
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.input--date:focus, .input--date--focus, .input--date:hover, .input--date--hover {
  border: 1px solid #FF5A00;
  background-image: url("../assets/icon/icon-cal-hover.svg");
  outline: 0;
}
.input--date:disabled, .input--date--disabled {
  pointer-events: none;
  background-color: #FAFAFA;
  color: #CCCCCC;
  background-image: url("../assets/icon/icon-cal-disabled.svg");
}
/* .input--date::before {
  content: attr(data-placeholder);
  width: 100%;
  height: 100%;
} */
.input--date:focus::before, .input--date:valid::before {
  display: none;
}
.input--date::-webkit-clear-button, .input--date::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}
.input--date::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: #000;
  cursor: pointer;
}
.input--date__box {
  position: relative;
  width: 100%;
}
.input--date__box .input--date {
  width: calc((100% - 18px) / 2);
}
.input--date + i {
  margin: 0 1px;
}
.input--search {
  padding-right: 36px;
}
.input--search::-ms-clear, .input--search::-ms-reveal {
  -ms-appearance: none;
}
.input--search::-webkit-search-decoration, .input--search::-webkit-search-cancel-button, .input--search::-webkit-search-results-button, .input--search::-webkit-search-results-decoration, .input--search::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.input--reset::-ms-clear, .input--reset::-ms-reveal {
  -ms-appearance: none;
  width: 20px;
  height: 20px;
  background: url("../assets/images/ico_delete_circle.svg") no-repeat center/20px auto;
  cursor: pointer;
}
.input--reset::-webkit-search-decoration, .input--reset::-webkit-search-cancel-button, .input--reset::-webkit-search-results-button, .input--reset::-webkit-search-results-decoration, .input--reset::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: url("../assets/images/ico_delete_circle.svg") no-repeat center/20px auto;
  cursor: pointer;
}
.input--reset {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url("../assets/images/ico_delete_circle.svg") no-repeat center/20px auto;
  text-indent: -9999rem;
  transform: translateY(-50%);
}
.input--valid {
  border-color: #4659FF;
  background: #FFFFFF;
}
.input--invalid, .input:invalid {
  border-color: #FE3C45;
  color: #FE3C45;
}
.input--invalid::-moz-placeholder, .input:invalid::-moz-placeholder {
  color: #FE3C45;
}
.input--invalid::placeholder, .input:invalid::placeholder {
  color: #FE3C45;
}
.file-notice {
  display: inline-block;
  margin-left: 20px;
  font-weight: 500;
  color: #424242;
  line-height: 1.5;
}
.file-notice:nth-of-type(n+2) {
  margin-left: 5px;
}
.file--add {
  display: none;
}
.file__btn + .file__list {
  margin-top: 12px;
}
.file__link {
  display: inline-block;
  font-weight: 500;
  color: #4659FF;
  line-height: 1.5;
  text-decoration: underline;
}
.file--delete {
  width: 48px;
  height: 40px;
  background: url("../assets/images/ico_Bin.svg") no-repeat center/24px auto;
  text-indent: -9999rem;
}

.check__input {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  z-index: -1;
}
.check__input:checked + .check__label::before {
  border-color: #FF5A00;
  background-color: #FF5A00;
  background-image: url("../assets/icon/icon-check-white.svg");
}
.check__input:disabled + .check__label {
  cursor: default;
}
.check__input:disabled + .check__label::before {
  background: #E8EBEE;
  border: 1px solid #ddd;
}
.check__input:checked:disabled + .check__label::before {
  background: #E8EBEE url("../assets/icon/icon-check-black.svg") no-repeat center center;
  border: 1px solid #ddd;
}
.check__label {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-right: 15px;
  padding-left: 28px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.33px;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
}
.check__label:last-of-type {
  margin-right: 0;
}
.check__label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid #999;
  border-radius: 5px;
  background: #FFFFFF;
  /* background-image: url("../assets/icon/icon-check-gray.svg"); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.radio__input {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  z-index: -1;
}
.radio__input:checked + .radio__label::before {
  border: 1px solid #FF5A00;
  background: #FF5A00;
}
.radio__input:checked + .radio__label::after {
  background: #FFFFFF;
}
.radio__input:disabled + .radio__label {
  cursor: default;
}
.radio__input:disabled + .radio__label::before {
  background: #E8EBEE;
  border: 1px solid #ddd;
}
.radio__label {
  display: inline-block;
  position: relative;
  height: 35px;
  margin-right: 15px;
  padding-left: 28px;
  color: #000000;
  font-size: 13px;
  line-height: 35px;
  letter-spacing: -0.33px;
  white-space: nowrap;
  cursor: pointer;
}
.radio__label:last-of-type {
  margin-right: 0;
}
.radio__label::before, .radio__label::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.radio__label::before {
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  background: #FFFFFF;
}
.radio__label::after {
  left: 5px;
  width: 10px;
  height: 10px;
  background: #fff;
}

.label--hidden {
  font-size: 0;
}
.label--hidden:before {
  margin: 0;
}

.input .file_input {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  z-index: -1;
}
.input .file_input:disabled + .file_label {
  opacity: 0.65;
}
.file__label {
  cursor: pointer;
}
.file__label:before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath fill='%23ffffff' d='M105.604 105.605L150 61.212v183.786c0 8.284 6.716 15 15 15s15-6.716 15-15V61.213l44.392 44.392a14.954 14.954 0 0010.606 4.394 14.95 14.95 0 0010.607-4.394c5.858-5.858 5.858-15.355 0-21.213L175.61 14.396a15.553 15.553 0 00-1.104-.998c-.166-.136-.341-.254-.51-.381-.222-.167-.439-.337-.67-.492-.207-.139-.422-.259-.635-.386-.207-.125-.41-.254-.624-.369-.217-.116-.439-.213-.661-.318-.223-.105-.441-.216-.67-.311-.214-.088-.432-.16-.649-.238-.244-.088-.485-.182-.736-.258-.216-.065-.435-.112-.652-.167-.256-.065-.51-.137-.77-.189-.25-.049-.503-.078-.755-.115-.231-.034-.46-.077-.695-.1a15.342 15.342 0 00-1.389-.07c-.03 0-.059-.004-.089-.004-.029 0-.059.004-.088.004-.464.002-.928.025-1.391.07-.229.023-.453.065-.68.098-.258.037-.516.067-.771.118-.254.05-.5.12-.749.183-.226.057-.452.107-.676.174-.241.073-.476.164-.712.249-.225.081-.452.155-.674.247-.22.091-.43.198-.644.299-.23.108-.462.211-.688.331-.204.109-.396.233-.595.351-.223.132-.447.258-.664.403-.217.145-.42.307-.629.462-.184.137-.371.264-.549.411-.365.299-.714.616-1.049.947-.016.016-.033.029-.05.045l-70 69.999c-5.857 5.858-5.858 15.355 0 21.213 5.857 5.859 15.355 5.857 21.212.001z'/%3E%3Cpath fill='%23ffffff' d='M315 160c-8.284 0-15 6.716-15 15v115H30V175c0-8.284-6.716-15-15-15s-15 6.716-15 15v130c0 8.284 6.716 15 15 15h300c8.284 0 15-6.716 15-15V175c0-8.284-6.716-15-15-15z'/%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: 0.875rem auto;
  margin: -1px 0.25rem 0 0;
  vertical-align: middle;
}
.file__label.btn__gray:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath fill='%23999999' d='M105.604 105.605L150 61.212v183.786c0 8.284 6.716 15 15 15s15-6.716 15-15V61.213l44.392 44.392a14.954 14.954 0 0010.606 4.394 14.95 14.95 0 0010.607-4.394c5.858-5.858 5.858-15.355 0-21.213L175.61 14.396a15.553 15.553 0 00-1.104-.998c-.166-.136-.341-.254-.51-.381-.222-.167-.439-.337-.67-.492-.207-.139-.422-.259-.635-.386-.207-.125-.41-.254-.624-.369-.217-.116-.439-.213-.661-.318-.223-.105-.441-.216-.67-.311-.214-.088-.432-.16-.649-.238-.244-.088-.485-.182-.736-.258-.216-.065-.435-.112-.652-.167-.256-.065-.51-.137-.77-.189-.25-.049-.503-.078-.755-.115-.231-.034-.46-.077-.695-.1a15.342 15.342 0 00-1.389-.07c-.03 0-.059-.004-.089-.004-.029 0-.059.004-.088.004-.464.002-.928.025-1.391.07-.229.023-.453.065-.68.098-.258.037-.516.067-.771.118-.254.05-.5.12-.749.183-.226.057-.452.107-.676.174-.241.073-.476.164-.712.249-.225.081-.452.155-.674.247-.22.091-.43.198-.644.299-.23.108-.462.211-.688.331-.204.109-.396.233-.595.351-.223.132-.447.258-.664.403-.217.145-.42.307-.629.462-.184.137-.371.264-.549.411-.365.299-.714.616-1.049.947-.016.016-.033.029-.05.045l-70 69.999c-5.857 5.858-5.858 15.355 0 21.213 5.857 5.859 15.355 5.857 21.212.001z'/%3E%3Cpath fill='%23999999' d='M315 160c-8.284 0-15 6.716-15 15v115H30V175c0-8.284-6.716-15-15-15s-15 6.716-15 15v130c0 8.284 6.716 15 15 15h300c8.284 0 15-6.716 15-15V175c0-8.284-6.716-15-15-15z'/%3E%3C/svg%3E");
}
.file__label.btn__light:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath fill='%23000000' d='M105.604 105.605L150 61.212v183.786c0 8.284 6.716 15 15 15s15-6.716 15-15V61.213l44.392 44.392a14.954 14.954 0 0010.606 4.394 14.95 14.95 0 0010.607-4.394c5.858-5.858 5.858-15.355 0-21.213L175.61 14.396a15.553 15.553 0 00-1.104-.998c-.166-.136-.341-.254-.51-.381-.222-.167-.439-.337-.67-.492-.207-.139-.422-.259-.635-.386-.207-.125-.41-.254-.624-.369-.217-.116-.439-.213-.661-.318-.223-.105-.441-.216-.67-.311-.214-.088-.432-.16-.649-.238-.244-.088-.485-.182-.736-.258-.216-.065-.435-.112-.652-.167-.256-.065-.51-.137-.77-.189-.25-.049-.503-.078-.755-.115-.231-.034-.46-.077-.695-.1a15.342 15.342 0 00-1.389-.07c-.03 0-.059-.004-.089-.004-.029 0-.059.004-.088.004-.464.002-.928.025-1.391.07-.229.023-.453.065-.68.098-.258.037-.516.067-.771.118-.254.05-.5.12-.749.183-.226.057-.452.107-.676.174-.241.073-.476.164-.712.249-.225.081-.452.155-.674.247-.22.091-.43.198-.644.299-.23.108-.462.211-.688.331-.204.109-.396.233-.595.351-.223.132-.447.258-.664.403-.217.145-.42.307-.629.462-.184.137-.371.264-.549.411-.365.299-.714.616-1.049.947-.016.016-.033.029-.05.045l-70 69.999c-5.857 5.858-5.858 15.355 0 21.213 5.857 5.859 15.355 5.857 21.212.001z'/%3E%3Cpath fill='%23000000' d='M315 160c-8.284 0-15 6.716-15 15v115H30V175c0-8.284-6.716-15-15-15s-15 6.716-15 15v130c0 8.284 6.716 15 15 15h300c8.284 0 15-6.716 15-15V175c0-8.284-6.716-15-15-15z'/%3E%3C/svg%3E");
}

.select {
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 36px 0 10.22px;
  border: 1px solid #E8EBEE;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-image: url("../assets/icon/icon-arrow-select.svg");
  background-repeat: no-repeat;
  background-position: right 9.78px center;
  background-size: 16px;
  color: #000;
  font-size: 13px;
  line-height: 35px;
  letter-spacing: -0.33px;
}
.select[multiple], .select[size]:not([size="1"]) {
  padding-right: 10px;
  background-image: none;
}
.select:focus, .select--focus, .select:hover, .select--hover {
  border: 1px solid #FF5A00;
  background-image: url("../assets/icon/icon-arrow-selsect-orange.svg");
  outline: 0;
}
.select:disabled, .select--disabled {
  pointer-events: none;
  background-color: #F8F9FB;
  color: #000;
  background-image: url("../assets/icon/icon-arrow-select-disabled.svg");
  font-weight: 500;
}
.select:nth-of-type(n+2) {
  margin-left: 10px;
}
.select__box {
  display: flex;
  align-items: center;
}
.select__box .duration + .select {
  margin-left: 10px;
}

.select option[value="Default"] { color: red; }

.btn {
  display: inline-block;
  min-width: 80px;
  height: 35px;
  padding: 0 20px;
  border: 1px solid #DADCE0;
  border-radius: 3px;
  background: #FFFFFF;
  font-size: 13px;
  line-height: 33px;
  letter-spacing: -0.65px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  /* button box */
  /* Sizes */
  /* design */
}
.btn[disabled], .btn--disabled, .btn:disabled {
  pointer-events: none;
  background: #FAFAFA;
  color: #CCCCCC;
}
.btn--shadow {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.btn--primary {
  border-color: #FF5A00;
  background: #FF5A00;
  color: #FFFFFF;
}
.btn--primary-gradation {
  border: 0;
  background: linear-gradient(103deg, #FF9D00 0%, #FF370D 55%, #EA0164 100%);
  color: #FFFFFF;
}
.btn--primary-outline {
  border-color: #FF5A00;
  background: #FFFFFF;
  color: #FF5A00;
}
.btn--black {
  border-color: #000000;
  background: #000000;
  color: #FFFFFF;
}
.btn--black-outline {
  border-color: #000000;
  background: #FFFFFF;
  color: #000000;
}
.btn--green {
  border-color: #02521d;
  background: #02521d;
  color: #FFFFFF;
}
.btn--green2 {
  border-color: #029704;
  background: #029704;
  color: #FFFFFF;
}
.btn--blue {
  border-color: #118AF1;
  background: #118AF1;
  color: #FFFFFF;
}
.btn--danger {
  border-color: #dc3545;
  background: #dc3545;
  color: #FFFFFF;
}
.btn--danger:hover {
  background: #c82333;
  border-color: #bd2130;
  color: #FFFFFF;
}
.action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s;
}
.action-btn--sync {
  color: #28a745;
  border-color: #28a745;
}
.action-btn--sync:hover {
  background-color: #28a745;
  color: white;
}


.action-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.action-btn--edit {
	color: #007bff;
	border-color: #007bff;
}

.action-btn--edit:hover {
	background-color: #007bff;
	color: white;
}

.action-btn--syncing {
	background-color: #28a745;
	color: white;
	border-color: #28a745;
}

.action-btn--delete {
	color: #dc3545;
	border-color: #dc3545;
}

.action-btn--delete:hover {
	background-color: #dc3545;
	color: white;
}

.action-btn--disabled {
	color: #6c757d;
	border-color: #dee2e6;
	background-color: #f8f9fa;
	cursor: not-allowed;
	opacity: 0.5;
}

.action-btn--disabled:hover {
	transform: none;
	box-shadow: none;
}

.action-btn svg {
	flex-shrink: 0;
}

.btn__box--center {
  display: flex;
  justify-content: center;
  position: relative;
}
.btn__box--right {
  display: flex;
  justify-content: flex-end;
}
.btn__box--border-top {
  margin-top: 17px;
  border-top: 1px dashed #E8EBEE;
}
.btn__box--full .btn {
  display: block;
  width: 100%;
}
.btn__box--half {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.btn__box--half .btn {
  width: 100%;
}
.btn--large {
  min-width: 100px;
  height: 40px;
  font-size: 15px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.75px;
}
.btn--medium {
  height: 35px;
  line-height: 33px;
}
.btn--small {
  min-width: auto;
  height: 30px;
  line-height: 28px;
}
.btn-login {
  width: 100%;
  height: 60px;
  border-color: transparent;
  border-radius: 5px;
  background: #000000;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.9px;
}

.textarea {
  resize: none;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  border: 1px solid #E8EBEE;
  border-radius: 3px;
  background: #FFFFFF;
  color: #000;
  line-height: 1.5;
}
.textarea-length {
  display: flex;
  color: #616161;
  line-height: 1.5;
}
.textarea::-moz-placeholder {
  color: #999;
}
.textarea::placeholder {
  color: #999;
}
.textarea:disabled {
  background-color: #F8F9FB;
}
.textarea:disabled:hover {
  cursor: no-drop;
}
.textarea:hover,
.textarea:focus {
  border: 1px solid #FF5A00;
  outline: 0;
}

.singleCheck {
  display: inline-block;
  padding: 0 10px;
}
.singleCheck .check__label {
  padding-left: 24px;
}

.ipBtnGroup {
  display: inline-block;
  position: relative;
  width: 100%;
}
.ipBtnGroup:hover .input + .del,
.ipBtnGroup .input:not(disabled):focus + .del {
  display: inline-block;
}
.ipBtnGroup:hover .input:-moz-read-only + .del, .ipBtnGroup .input:-moz-read-only:focus + .del {
  display: none;
}
.ipBtnGroup:hover .input:disabled + .del, .ipBtnGroup:hover .input:read-only + .del,
.ipBtnGroup .input:read-only:focus + .del {
  display: none;
}
.ipBtnGroup input[type=file] {
  position: absolute;
  left: -999em;
}
.ipBtn {
  display: inline-block;
  text-indent: -999em;
  width: 33px;
  height: 33px;
  position: absolute;
  right: 1px;
  top: 1px;
}
.ipBtn.del {
  display: none;
  background: url(../assets/icon/icon-del.svg) no-repeat center center;
}
.ipBtn.find {
  background: url(../assets/icon/icon-search.svg) no-repeat center center;
}
.ipBtn.attch {
  background: url(../assets/icon/icon-attch.svg) no-repeat center center;
}
.ipBtn.attch2 {
  text-indent: 0;
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 35px;
  height: 35px;
  width: auto;
  right: 0;
  top: 0;
  border-radius: 0 3px 3px 0;
  padding: 0 10px;
}

.ipHintMsg {
  font-size: 12px;
  padding-left: 18px;
  background: url(../assets/icon/icon-info-1.svg) no-repeat left top;
  line-height: 15px;
  color: #8D939B;
  width: 100%;
}
.ipHintMsg.on { margin-top: 8px; }
.ipHintMsg.essential {
  color: #FC5A00;
  background: url(../assets/icon/icon-info.svg) no-repeat left top;
}
.ipHintMsg.error {
  color: #FF00BA;
  background: url(../assets/icon/icon-info-2.svg) no-repeat left top;
}
.ipHintMsg.topPosition {
  margin: 0 0 10px 0;
}

.input.essential {
  background-color: #FFE8DB;
  border: 1px solid #FC5A00;
}
.input.essential + .find {
  background: url(../assets/icon/icon-search_org.svg) no-repeat center center;
}
.input.error {
  background-color: #FFDEED;
  border: 1px solid #FC4499;
}
.input:hover + .ipBtn.find, .input:focus + .ipBtn.find {
  background: url(../assets/icon/icon-search_org.svg) no-repeat center center;
}
.input:disabled + .ipBtn.find {
  background: url(../assets/icon/icon-search_off.svg) no-repeat center center;
}

.ipBtWrap {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.ipBtWrap .ipBtnGroup {
  flex: 1;
}
.ipBtWrap .btn {
  padding: 0 10px;
}

/* Media Query */
@media screen and (max-width: 768px) {
  .input__field {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  .input__field .input__label {
    padding: 10px 18.22px 10px 11.78px;
  }
  .input--bg .input__field .input__box {
    padding-top: 10px;
  }
}
@media screen and (max-width: 479px) {
  .input--date__box .input--date {
    width: 100%;
  }
  .input--date + i {
    margin: 10px 0;
  }
}
.modal {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* size layer popup */
}
.modal-on {
  overflow: hidden;
  padding-right: 17px;
}
.modal--fade {
  transition: opacity 0.2s;
}
.modal--fade:not(.modal--showed) {
  opacity: 0;
}
.modal--showed .modal__dialog {
  transform: none;
}
.modal__dialog {
  position: relative;
  width: 94%;
  max-width: 470px;
  margin: 2rem auto;
  transition: transform 0.25s ease-out;
  transform: translate(0, 30px);
}
.modal__dialog.modal--scroll {
  height: calc(100% - 4rem);
}
.modal__dialog.modal--scroll .modal__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 100%;
}
.modal__dialog.modal--scroll .modal__body {
  overflow-y: auto;
}
.modal__dialog.modal--center {
  min-height: calc(100% - 4rem);
}
.modal__dialog.modal--center .modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.modal__content {
  position: relative;
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
  outline: none;
}
.modal__header {
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
}
.modal__header--close {
  position: relative;
}
.modal__header--close .modal__title {
  max-width: calc(100% - 30px);
  text-align: left;
}
.modal__header + .modal__body {
  margin-top: 16px;
}
.modal__header .modal__title {
  letter-spacing: -0.02em;
}
.modal--close {
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  transform: translateY(-50%);
}
.modal--close:before, .modal--close:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 28.2px;
  height: 2.5px;
  margin-top: -1px;
  background: #616161;
  transform: rotate(45deg);
  transition: opacity 0.15s;
}
.modal--close:after {
  transform: rotate(-45deg);
}
.modal--close:hover::before, .modal--close:hover::after {
  background: #0f0f0f;
}
.modal--close.modal--floating {
  position: absolute;
  top: 0;
  right: 0;
  float: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #FF5A00;
  transform: translate(50%, -50%);
}
.modal--close.modal--floating:before, .modal--close.modal--floating:after {
  left: 0;
  margin: auto;
  background: #FFFFFF;
}
.modal__body img {
  max-width: 100%;
}
.modal__title {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  text-align: center;
  line-height: 1.6;
}
.modal__sub-title {
  margin-top: 16px;
  font-size: 20px;
  color: #333333;
  line-height: 1.6;
  text-align: center;
}
.modal__sub-title strong {
  font-weight: 700;
}
.modal__txt {
  margin-top: 16px;
  font-size: 15px;
  color: #333333;
  text-align: center;
  line-height: 1.6;
}
.modal__footer {
  margin-top: 36px;
  text-align: center;
}
.modal__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 990;
}
.modal--large {
  max-width: 700px;
  /*
  margin: auto;
  @include border-radius(1rem);
  background: rgba(#fff, .95);
  text-align: center;

  .modal__body {
      padding: 1.5rem 1.25rem 1rem;

      p {
          font-size: $font_size_base;
      }
  }
  */
}
.modal--small {
  max-width: 350px;
  /*
  margin: auto;
  @include border-radius(1rem);
  background: rgba(#fff, .95);
  text-align: center;

  .modal__body {
      padding: 1.5rem 1.25rem 1rem;

      p {
          font-size: $font_size_base;
      }
  }
  */
}
.modal .input__label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.pagenation {
  margin-top: 66px;
}
.pagenation__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.pagenation__item {
  width: 30px;
  height: 30px;
  border-radius: 3.5px;
  color: #7F7F7F;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
}
.pagenation__item.on {
  background: #000000;
  color: #FFFFFF;
  font-weight: 700;
}
.pagenation__item.first, .pagenation__item.prev, .pagenation__item.next, .pagenation__item.last {
  border: 1px solid #DADCE0;
  border-radius: 2.16px;
  background-color: #FEFEFE;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  text-indent: -9999px;
}
.pagenation__item.first:hover, .pagenation__item.prev:hover, .pagenation__item.next:hover, .pagenation__item.last:hover {
  border: 1px solid #000000;
}
.pagenation__item.first {
  background-image: url("../assets/icon/icon-fwd.svg");
}
.pagenation__item.first:hover {
  background-image: url("../assets/icon/icon-fwd-hover.svg");
}
.pagenation__item.first.disabled {
  background-image: url("../assets/icon/icon-fwd-disabled.svg");
}
.pagenation__item.prev {
  margin-right: 20px;
  background-image: url("../assets/icon/icon-prev.svg");
}
.pagenation__item.prev:hover {
  background-image: url("../assets/icon/icon-prev-hover.svg");
}
.pagenation__item.prev.disabled {
  background-image: url("../assets/icon/icon-prev-disabled.svg");
}
.pagenation__item.next {
  margin-left: 20px;
  background-image: url("../assets/icon/icon-next.svg");
}
.pagenation__item.next:hover {
  background-image: url("../assets/icon/icon-next-hover.svg");
}
.pagenation__item.next.disabled {
  background-image: url("../assets/icon/icon-next-disabled.svg");
}
.pagenation__item.last {
  background-image: url("../assets/icon/icon-bwd.svg");
}
.pagenation__item.last:hover {
  background-image: url("../assets/icon/icon-bwd-hover.svg");
}
.pagenation__item.last.disabled {
  background-image: url("../assets/icon/icon-bwd-disabled.svg");
}
.pagenation__item.disabled {
  pointer-events: none;
}
.pagenation__link {
  display: block;
}

/* Media Query */
@media screen and (max-width: 768px) {
  .pagenation {
    margin-top: 40px;
  }
  .pagenation__list {
    flex-wrap: wrap;
  }
  .pagenation__item.prev {
    margin-right: 10px;
  }
  .pagenation__item.next {
    margin-left: 10px;
  }
}
.tab__nav {
  display: flex;
  gap: 30px;
}
.tab__item.on .tab__link {
  padding-bottom: 7px;
  font-weight: 500;
  border-bottom: 2px solid #FC5900;
}
.tab__link {
  display: inline-block;
  padding-bottom: 9px;
  font-size: 20px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -1px;
}
.tab__content {
  display: none;
  margin-top: 15px;
}

.accordion__content {
  display: none;
}
.accordion__item-on .accordion__content {
  display: block;
}

table, thead, tbody, tr, th, td {
  border-width: 0;
  border-style: solid;
  border-color: inherit;
}

.table {
  width: 100%;
  vertical-align: middle;
  /* 230829 수정 */
  /* //230829 수정 */
}
.table tr:first-of-type td {
  border-top: 1px solid #DDDDDD;
}
.table tr:last-of-type td {
  border-bottom: 1px solid #E8EBEE;
}
.table th, .table td {
  min-width: 110px;
  height: 35px;
  padding: 7px 5px 8px 5px;
  text-align: center;
  vertical-align: middle;
}
.table th.leftLine, .table td.leftLine {
  border-left: 1px solid #EEEEEE !important;
}
.table th.th, .table td.th {
  background: #F8F9FB;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #000;
}
.table th {
  position: relative;
  border-top: 2px solid #3A3B50;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.table td {
  border-top: 1px solid #E8EBEE;
  color: #707070;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.65px;
  /* white-space: nowrap; */
}
.table__header--bg th {
  background: #F8F9FB;
}
.table__header--bg tbody th {
  border-top: 1px solid #DDDDDD;
  background-color: #F8F9FB;
}
.table__header--sticky thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.table__box {
  overflow-x: scroll;
  width: 100%;
}
.table--line th, .table--line td {
  border-left: 1px solid #EEEEEE;
}
.table--line th:first-of-type, .table--line td:first-of-type {
  border-left: 0;
}
.table--line.lineRight th, .table--line.lineRight td {
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  border-left: none;
}
.table--line.lineRight td:last-child, .table--line.lineRight th:last-child {
  border-right: none;
}
.table--sum {
  border-bottom: 1px solid #ddd;
}
.table--sum thead {
  display: table; /* 각 행을 테이블로 재설정 */
  width: calc(100% - 5px); /* 너비를 100%로 설정 */
  table-layout: fixed; /* 모든 셀에 동일한 너비를 갖도록 설정 */
}
.table--sum tbody {
  display: block; /* 스크롤을 위해 block으로 변경 */
  max-height: 252px; /* 최대 높이 설정 */
  overflow-y: scroll; /* 세로 스크롤 설정 */
}
.table--sum tbody tr {
  display: table; /* 각 행을 테이블로 재설정 */
  width: 100%; /* 너비를 100%로 설정 */
  table-layout: fixed; /* 모든 셀에 동일한 너비를 갖도록 설정 */
}
.table--sum tbody tr:last-of-type td {
  border-bottom: none;
}
.table--sum tfoot {
  display: table;
  width: calc(100% - 5px);
}
.table--sum tfoot tr:last-of-type td {
  border-bottom: none;
}
.table--sum tfoot tr td {
  border-top: 1px solid #000 !important;
  background: #F8F9FB;
  color: #000000;
}
.table:not(.noHover) tbody tr:hover th, .table:not(.noHover) tbody tr:hover td {
  background-color: rgb(251, 253, 149);
}

.table.th--line.table__header--bg tr:first-of-type td {
  border-top: 1px solid #E8EBEE;
}

.grid__table {
/*   table-layout: fixed; */
  width: 100%;
  border-top: 2px solid #3A3B50;
  vertical-align: middle;
}
.grid__table th, .grid__table td {
  height: 50px;
  border-bottom: 1px solid #E8EBEE;
  vertical-align: middle;
}
.grid__table th {
  width: 180px;
  padding: 7px 20px;
  background: #F8F9FB;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.7px;
  text-align: left;
}
.grid__table th.txt--top {
  padding: 16px 25px;
}
.grid__table td {
  min-width: 200px;
  padding: 7px 21px;
  color: #707070;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.grid__table td .input__box {
  margin-left: 20px;
}
.grid__table td.th {
  background: #F8F9FB;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #000;
}

.grid__table td .table.table--sum th,
.grid__table td .table.table--sum td { height: 35px; border-bottom: none; }
.grid__table td .table.table--sum th { text-align: center; color: #000; }
/* .grid__table td .table.table--sum tbody { max-height: 142px; } */
.grid__table td .table.table--sum td {  }
.btnWrap .btn__box.mt0 { margin-top: 0;}

.grid--scroll-col .grid__table th {
  min-width: 180px;
  width: auto;
}

.table .txt--medium, .grid__table .txt--medium {
  font-weight: 500;
}
.table .txt--bold, .grid__table .txt--bold {
  font-weight: 700;
}
.table .txt--red, .grid__table .txt--red {
  color: #FE3C45;
}
.table .txt--top, .grid__table .txt--top {
  vertical-align: top;
}
.table .txt--left, .grid__table .txt--left {
  text-align: left;
}
.table .txt--right, .grid__table .txt--right {
  text-align: right;
}
.table .txt--number, .grid__table .txt--number {
  text-align: right;
}
.table .txt__link, .grid__table .txt__link {
  color: #1A93FF;
  text-decoration: underline;
}
.table .txt--center, .grid__table .txt--center {
  text-align: center;
}

.ipTbl {
  width: 100%;
}
.ipTbl tbody th, .ipTbl tbody td {
  padding: 10px;
  vertical-align: top;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
}
.ipTbl tbody th {
  background-color: #F8F9FB;
  text-align: left;
  font-weight: 500;
}

.schRsultArea { display: none; position: fixed;
  left: 0;
  top: 75px;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgb(0 0 0 / 60%);
  padding: 30px; }
  .resultBody {
    background: #fff;
    padding: 10px 30px 30px;
    border-radius: 10px;
  }
.schRsultArea.panel { padding: 10px 30px; }
.schRsultArea.on { display: block; }
.schRsultArea .table td { white-space: nowrap; }
.schRsultArea .table tbody tr:hover { cursor: pointer; }
.schRsultArea .data__body { max-height: 315px; overflow-y: auto; border-top: 2px solid #000; }
.schRsultArea .table thead th { border-top: none; }

.prjStatus { display: none; background: #eee; padding: 10px 20px 20px; border-radius: 10px; margin-top: 20px; }
.prjStatus.panel { padding: 10px 30px; }
.prjStatus.on { display: block; margin-left: -20px; margin-right: -20px; margin-bottom: -20px; border-radius: 0 0 10px 10px; border-top: 1px dashed #ddd; background: white; padding: 10px 20px 20px; }
.prjStatus .table { background-color: #fff; }
.prjStatus .table td { white-space: nowrap; }
.prjStatus .table tbody tr:hover { cursor: pointer; }
.prjStatus .data__body { max-height: 315px; overflow-y: auto; border-top: 2px solid #000; }
.prjStatus .table thead th { border-top: none; }
.scrollW { overflow-x: auto; }

.stepArea { margin-bottom: 20px; }
.content .stepArea .h3 { margin-bottom: 0;}

.stepArea.smallType { padding: 0 10px; }
.stepArea.smallType .prjList {  }
.stepArea.smallType .prjList li button em, 
.stepArea.smallType .prjList li button span { font-size: 14px; padding: 5px; }
.stepArea.smallType .prjList li button:after { margin: -7px 0 0 -7px; width: 14px; height: 14px; }
.stepArea.smallType .prjList li button { height: 70px; min-width: 80px; }
.stepArea.smallType .prjList li button:hover {border: 1px solid #ddd; box-shadow: none;}

.prjList { position: relative; min-width: 100%; display: inline-block; padding: 10px; }
.prjList .rangeBar { position: absolute; height: 4px; background-color: rgb(0 0 0 / 16%); left: 0; right: 0; top: 50%; margin-top: -2px; }
.prjList .rangeBar span { display: block; height: 4px; background: linear-gradient(90deg, #FF9D00 0%, #FF4722 27%, #FE3C45 52%, #FC4499 100%); }
.prjList ul { display: flex; justify-content: space-between; }
.prjList li button { text-align: center; position:relative; display:flex; flex-flow:column; justify-content:space-between; height: 95px; min-width: 100px; }
.prjList li button:hover { background:#fff; border-radius:10px; box-shadow:2px 2px 10px rgba(0,0,0,0.3); justify-content: center;}
.prjList li button.on { background:#fff; border:2px solid #000; border-radius:10px; box-shadow:2px 2px 10px rgba(0,0,0,0.3); justify-content: center;}
.prjList li button em, .prjList li button span { display: block; text-align: center; white-space: nowrap; width: 100%; font-size: 16px; padding: 10px; }
.prjList li button em { top: 0;}
.prjList li button span { bottom: 0; font-weight: 300; }
.prjList li button b { font-weight: 500; }
.prjList li button:after { display: block; content: ""; width: 24px; height: 24px; border: 2px solid #000; background-color: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; box-sizing: border-box; }
.prjList li button.on:after,
.prjList li button:hover:after {content:none;}

/* 메인 대시보드 */
.prjWishList.panel { height: calc(100% - 470px); }
.prjWishList.panel > .data { height: 100%; }
.prjWishList .data__body { border-top: 2px solid #000; height: calc(100% - 40px); }
.prjWishList .table { height: 100%; border-bottom: none; }
.prjWishList .table tbody { max-height: inherit; height: calc(100% - 35px); }
.prjWishList .table thead th { border-top: none; }
.prjWishList .table td {white-space: nowrap;}
.prjWishList .table tbody tr:hover { cursor: pointer; }
.prjWishList .table--sum tbody tr:last-of-type td { border-bottom: 1px solid #E8EBEE;}
@media screen and (max-width: 768px) {
  .prjWishList.panel { height: auto; }
  .prjWishList .table tbody { height: auto; max-height: calc(100% - 35px); }
}

.bottomBox > .data { height: 100%; }
.bottomBox .data__body { height: 100%; }
.bottomBox .table__box { height: 100%; }
.bottomBox .table { height: 100%; }
.bottomBox .table tbody { max-height: inherit; height: calc(100% - 40px); }

.iconCal { padding-left: 30px; background: url(../assets/icon/icon-cal.svg) no-repeat left center / 24px; }
.iconWish { padding-left: 30px; background: url(../assets/icon/icon-star-on.svg) no-repeat left center / 24px; }











/* Media Query */
@media screen and (max-width: 1024px) {
  .grid__table {
    display: block;
    table-layout: unset;
    border-collapse: inherit;
  }
  .grid__table colgroup {
    display: block;
  }
  .grid__table tr {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
  .grid__table th, .grid__table td {
    overflow: hidden;
    display: flex;
    height: auto;
    min-height: 50px;
  }
  .grid__table th:empty, .grid__table td:empty {
    display: none;
  }
  .grid__table th {
    width: 100%;
    flex-direction: inherit;
    justify-content: start;
    align-items: center;
    padding: 0 10px;
    border-top: 1px solid #E8EBEE;
  }
  .grid__table th[rowspan] {
    width: 100%;
  }
  .grid__table td {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 5px 0;
    border-bottom: none;
  }
  .grid--scroll-col .grid__table {
    table-layout: fixed;
    border-collapse: collapse;
  }
  .grid--scroll-col .grid__table colgroup {
    display: table-column-group;
  }
  .grid--scroll-col .grid__table tr {
    overflow: inherit;
    display: table-row;
  }
  .grid--scroll-col .grid__table th, .grid--scroll-col .grid__table td {
    overflow: inherit;
    display: table-cell;
    height: 50px;
  }
  .grid--scroll-col .grid__table td {
    padding: 7px 21px;
    border-bottom: 1px solid #E8EBEE;
  }
  .ipTbl tbody tr {
    display: block;
  }
  .ipTbl tbody tr + tr {
    margin-top: 30px;
  }
  .ipTbl tbody th, .ipTbl tbody td {
    display: block;
    padding: 0;
  }
  .ipTbl tbody th {
    margin-bottom: 10px;
  }
  .ipTbl tbody td + th {
    margin-top: 30px;
  }
  .ipTbl tbody br {
    display: none;
  }
}
/* Media Query */
@media screen and (max-width: 768px) {
  .grid__table tr {
    flex-wrap: wrap;
  }
  .grid__table th {
    width: 100%;
  }
  .grid--scroll-col .grid__table th {
    min-width: 150px;
  }
  .panel.bottomBox { height: 100% !important; }
}
.grid {
  width: 100%;
  border-top: 2px solid #000000;
}
.grid__box {
  margin-top: 10px;
}
.grid__item {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #E8EBEE;
}
.grid__item-length {
  height: auto;
}
.grid__title {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: 180px;
  padding: 7px 25px;
  background: #F8F9FB;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.7px;
}
.grid__title-top {
  align-items: baseline;
  padding: 16px 25px;
}
.grid__txt {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 7px 21px;
  color: #707070;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.grid__txt .input__box {
  margin-left: 20px;
}
.grid__contents {
  width: 100%;
  max-height: 250px;
  padding: 10px;
}
.grid__panel {
  overflow: hidden;
  height: 100%;
  padding-right: 12px;
  border: 1px solid #E8EBEE;
  border-radius: 3px;
}
.grid__inner {
  overflow-y: scroll;
  height: 100%;
}
.grid__link {
  color: #1A93FF;
  text-decoration: underline;
}

/* Media Query */
@media screen and (max-width: 768px) {
  .grid__item {
    flex-wrap: wrap;
    height: auto;
  }
  .grid__title {
    width: 100%;
    padding: 16px 25px;
  }
  .grid__txt {
    padding: 16px 21px;
  }
}
header {
  position: relative;
  width: 100%;
  height: 75px;
  border-bottom: 1px solid #E4E7F0;
  background: #FFFFFF;
}
header::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #FF9D00 0%, #FF4722 27%, #FE3C45 52%, #FC4499 100%);
}
.header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 0 30px;
}
.header__inner {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
/*
.header__btn {
  
  position: relative;
  width: 50px;
  height: 50px;

  i {
      position: absolute;
      top: 50%;
      left: 50%; 
      width: 19px;
      height: 1.5px;
      background: #6B7084;
      @include transform(translate(-50%, -50%));

      &::before, &::after {
          content: '';
          display: block;
          position: absolute;
          left: 50%;
          width: 19px;
          height: 1.5px;
          background: #6B7084;
          @include transform(translate(-50%, -50%));
      }

      &::before {
          top: calc(50% - 6.56px);
      }

      &::after {
          top: calc(50% + 6.56px);
      }
  }
  
}
*/
.logo {
  height: 50px;
  padding-right: 35px;
}
.logo a {
  display: flex;
  height: 50px;
  align-items: center;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.8px;
}
.logo a img { max-height: 30px; }
@media screen and (min-width: 1025px) {
/* 	.btnToggleMenu { */
/* 	display:none;} */
  .header__wrap .btn__box {
    position: fixed;
    top: 90px;
    border-radius: 34px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 4px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
    z-index: 5;
    left: 32px;
  }
  .header__wrap .btn__box:hover { background: #ddd; }
  .content > .h2 { padding-left: 60px; }
  .content.ltSpace > .h2 { padding-left: 0; }
}


.gnb {
  position: relative;
  margin-left: 9px;
  padding-left: 25px;
}
.gnb::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  background: #DBDEE8;
  transform: translateY(-50%);
}
.gnb__list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gnb__link {
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.8px;
}

.shortcut {
  display: flex;
  align-items: center;
  gap: 25px;
}
.shortcut__list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.shortcut__list a, .shortcut__list button {
  display: block;
}
.shortcut__btn {
  padding: 7px 20px 6px;
  border: 1px solid #E8EBEE;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.65px;
}

/* Media Query */
@media screen and (max-width: 1024px) {
  .header__wrap {
    position: relative;
  }
  .header__btn {
    display: block;
  }
  .logo {
    position: absolute;
    left: 50%;
    top: auto;
    max-width: 240px;
    height: 48px;
    transform: translateX(-50%);
  }
  .gnb {
    display: none;
  }
  .shortcut__btn {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .header__wrap {
    padding: 0 15px;
  }
  .prjStatus.on {
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
  }
  .prjList li button { height: 100px; }
  .prjList li button em, .prjList li button span { font-size: 15px;}
  .schRsultArea .data__body { max-height: calc(100vh - 210px); height: auto; }
  .schRsultArea.on { padding: 0;}
  .resultBody {height: 100%; border-radius: 0; padding: 10px 20px 20px;}
}


@media screen and (max-width: 510px) {
	.logo a {
	font-size: 18px;
	}
	.shortcut__btn {
	    padding: 3px 10px 3px;
        font-size: 12px;
	}
}
.lnb {
  display: none;
  position: fixed;
  top: 75px;
  left: 0;
  background: #F5F8FC;
  z-index: 5;
}
.lnb__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 auto;
  width: 260px;
  height: calc(100vh - 75px - 22px - 27px);
  margin: 23px 0 23px 20px;
  border: 1px solid #E8EBEE;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.0588235294);
}
.lnb__container {
  overflow-y: scroll;
  height: 100%;
  padding: 20.5px 19px;
}
.lnb__title {
  padding: 8px 10px 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.lnb__btn, .lnb__link {
  display: block;
  position: relative;
  width: 100%;
  color: #6F7487;
  text-align: left;
}
.lnb__btn .icon--l, .lnb__link .icon--l {
  margin-right: 15px;
}
.lnb__btn.on .icon--s {
  transform: translateY(-50%) rotate(180deg);
}
.lnb__btn .icon--s {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.lnb-1depth > li:nth-of-type(n+2) {
  padding-top: 17px;
  border-top: 1px solid #E8EBEE;
}
.lnb-2depth {
  padding: 18px 0 25px;
}
.lnb-2depth > li:nth-of-type(n+2) {
  margin-top: 10px;
}
.lnb-2depth > li > .lnb__btn, .lnb-2depth > li > .lnb__link {
  padding: 12px 21px 11px 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.75px;
}
.lnb-2depth > li > .lnb__btn:hover, .lnb-2depth > li > .lnb__link:hover {
  color: #000000;
}
.lnb-2depth > li > .lnb__link.on {
  color: #000000;
}
.lnb-2depth > li > .lnb__btn.on {
  color: #000000;
}
.lnb-3depth {
  display: none;
  margin-top: 10px;
  border-radius: 10px;
  background: #FAFBFC;
}
.lnb-3depth > li > .lnb__btn, .lnb-3depth > li > .lnb__link {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.lnb-3depth > li > .lnb__btn:hover, .lnb-3depth > li > .lnb__btn.on, .lnb-3depth > li > .lnb__link:hover, .lnb-3depth > li > .lnb__link.on {
  color: #000000;
  font-weight: 500;
}
.lnb-3depth > li > .lnb__link:hover, .lnb-3depth > li > .lnb__link.on {
  background-color: #EEF1F7;
}
.lnb-3depth > li > .lnb__btn.on {
  color: #000000;
  font-weight: 500;
}
.lnb-3depth > li:last-child .lnb-4depth {
  border-bottom: none;
}
.lnb-4depth {
  display: none;
  border-top: 1px dashed #E8EBEE;
  border-bottom: 1px dashed #E8EBEE;
}
.lnb-4depth > li:nth-of-type(n+2) {
  margin-top: 5px;
}
.lnb-4depth > li > .lnb__link {
  padding: 10px 20px 10px 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.lnb-4depth > li > .lnb__link:hover, .lnb-4depth > li > .lnb__link.on {
  color: #000000;
  font-weight: 500;
  background-color: #EEF1F7;
}
.lnb .lnb__content li.current > .lnb-3depth, .lnb .lnb__content li.current > .lnb-4depth {
  display: block;
}
.lnb .menu__btn {
  position: relative;
  width: 100%;
  height: 60px;
  padding: 12px 29px 16px;
  border-top: 1px solid #E8EBEE;
  color: #8D939B;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.35px;
  text-align: left;
}
.lnb .menu__btn .icon--l {
  margin-right: 15px;
}
.lnb-m__wrap {
  display: none;
  position: relative;
  width: 100vw;
  height: 100vh;
  padding-left: 5px;
  background: #FFFFFF;
}
.lnb-m__wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #FF9D00 0%, #FF4722 27%, #FE3C45 52%, #FC4499 100%);
}
.lnb-m__wrap .lnb__container {
  padding: 20px 25px;
}
.lnb-m__wrap .lnb__title {
  padding: 0 10px;
}
.lnb-m__wrap .lnb-1depth > li:nth-of-type(n+2) {
  padding-top: 0;
  border-top: 0;
}
.lnb-m__wrap .lnb-2depth {
  padding-top: 10px;
}
.lnb-m__wrap .lnb-2depth > li:nth-of-type(n+2) {
  margin-top: 0;
}
.lnb-m__wrap .lnb-2depth > li > .lnb__btn, .lnb-m__wrap .lnb-2depth > li > .lnb__link {
  padding: 6px 21px 5px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.lnb-m__wrap .lnb-2depth > li > .lnb__btn.on {
  font-weight: 500;
}
.lnb-m__wrap .lnb-3depth {
  margin-top: 0;
}
.lnb-m__wrap .lnb-3depth > li > .lnb__btn, .lnb-m__wrap .lnb-3depth > li > .lnb__link {
  padding: 6px 20px 5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.lnb-m__wrap .lnb-3depth > li > .lnb__btn {
  font-weight: 500;
}
.lnb-m__wrap .lnb-4depth {
  margin-top: 0;
}
.lnb-m__wrap .lnb-4depth > li > .lnb__link {
  padding: 5px 20px 5px 30px;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.lnb-m__header {
  position: relative;
  height: 100px;
  border-bottom: 1px solid #E8EBEE;
}
.lnb-m__header .user {
  padding: 22px 50px 12px 20px;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.9px;
}
.lnb-m__header .user strong {
  color: #FF5A00;
}
.lnb--close {
  position: absolute;
  top: 14px;
  right: 8px;
  z-index: 2;
}
.lnb--hide__content {
  display: none;
}
.lnb--hide li {
  text-align: center;
}
.lnb--hide li:nth-of-type(n+2) {
  margin-top: 41px;
}
.lnb--hide li .menu__btn {
  height: auto;
  border-top: 0;
}
.lnb--hide .lnb__wrap {
  width: 80px;
}
.lnb--hide .lnb__container {
  overflow: hidden;
  padding: 26px 17px;
}
.lnb--hide .lnb__link {
  padding: 7px 10px;
  font-size: 0;
  text-align: center;
}
.lnb--hide .lnb__link i {
  margin: 0;
}
.lnb--hide .menu__btn {
  padding: 0;
  font-size: 0;
  line-height: inherit;
  text-align: center;
}
.lnb--hide .menu__btn .icon--l {
  margin-right: 0;
  transform: rotate(180deg);
}
.lnb .log-out {
  margin: 5px 0 10px;
  padding-left: 20px;
}
.lnb .log-out__btn {
  height: 25px;
  padding: 0 6px 0 16px;
  border: 1px solid #E8EBEE;
  border-radius: 25px;
  color: #333333;
  font-size: 11px;
  line-height: 23px;
  letter-spacing: -0.55px;
}
.lnb .log-out__btn i {
  vertical-align: text-bottom;
}
.lnb .tab {
  display: flex;
}
.lnb .tab__nav {
  flex: 0 0 auto;
  display: block;
  width: 160px;
  padding: 10px 0;
}
.lnb .tab__content {
  width: 100%;
  height: calc(100vh - 100px);
  margin-top: 0;
  background: #FAFBFC;
}
.lnb .tab__item {
  position: relative;
  padding: 15px 20px;
}
.lnb .tab__item.on .tab__link {
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 700;
}
.lnb .tab__item.on .tab__link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  background-image: url("../assets/icon/icon-next-hover.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  transform: translateY(-50%);
}
.lnb .tab__link {
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.7px;
}

/* Media Query */
@media screen and (max-width: 1024px) {
  .lnb {
    display: none;
    top: 0;
  }
  .lnb__wrap {
    display: none;
  }
  .lnb-m__wrap {
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .lnb__btn .icon--s {
    right: 5px;
  }
  .lnb-m__wrap .lnb__container {
    padding: 20px 10px;
  }
  .lnb .tab__nav {
    width: 135px;
  }
  .lnb .tab__item {
    padding: 15px 10px;
  }
}
/*
    common layouts
*/
.wrap {
  overflow: hidden;
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
}

.container {
  display: flex;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 75px);
  background: #F5F8FC;
}

.lnb--hide + .content {
  padding-left: 140px;
}

.content {
  overflow: auto;
/*   min-width: 1600px; */
  height: 100%;
  padding: 20px 30px 0 30px;
  width: 100%;
}
.content.ltSpace {
  padding-left: 320px;
}
.content .h2 {
  margin-bottom: 15px;
}

.content .h3 {
  margin-bottom: 21px;
}
.content .h4 {
  margin-bottom: 27px;
}

.grid--scroll-col {
  overflow-x: scroll;
  width: 100%;
}
.grid--scroll-row {
  overflow-y: scroll;
  height: 100%;
}

.block {
  display: block;
}

.inline {
  display: inline;
}
.inline--block {
  display: inline-block;
}

.bg--white {
  background: #FFFFFF;
}
.bg--gray {
  background: #F5F8FC;
}

.required__txt {
  font-weight: 500;
  color: #FE3C45;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

.hr--dashed {
  border-top: 1px dashed #E8EBEE;
}

.formArea::after {
  content: "";
  display: block;
  clear: both;
}

.col-2 {
  float: left;
  position: relative;
  width: 50%;
}
.col-2.colspan-2 {
  width: 100%;
}
.col-2 .input__label {
  width: 200px;
}
.col-2 .input__label__box {
  width: 200px;
}
.col-3 {
  float: left;
  position: relative;
  width: 33.3333333333%;
}
.col-3.colspan-2 {
  width: 66.6666666667%;
}
.col-3.colspan-3 {
  width: 100%;
}
.col-3 .input__label {
  width: 160px;
}
.col-3 .input__label__box {
  width: 160px;
}

.col-4 {
  float: left;
  position: relative;
  width: 25%;
}
.col-4.colspan-2 {
  width: 66.6666666667%;
}
.col-4.colspan-3 {
  width: 100%;
}
.col-4 .input__label {
  width: 130px;
}
.col-4 .input__label__box {
  width: 130px;
}

.panel {
  padding: 20px;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
}
.panel-in__btn {
  padding-top: 20px;
}
.panel-in__btn .btn:nth-of-type(n+2) {
  margin-left: 5px;
}
.panel-out__btn {
  padding-top: 25px;
}
.panel-out__btn .btn:nth-of-type(n+2), .panel-out__btn .btn + .btn {
  margin-left: 5px;
}
.panel .data + .data {
  margin-top: 30px;
}

.panelInner {
  padding: 20px;
  border-radius: 10px;
  background: #F8F9FB;
}

.search__area {
  margin-bottom: 20px;
}
.search__area .hr {
  margin: 10px 0;
}

.card__area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.card__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.card-1 {
  width: 100%;
}
.card-2 {
  width: calc((100% - 20px) / 2);
}
.card-3 {
  width: calc((100% - 40px) / 3);
}
.card-4 {
  width: calc((100% - 60px) / 4);
}

.only_pc {
  display: block;
}
.only_mo {
  display: none;
}

.flexArea .data .table__box {
  margin-top: 0;
}
.flexArea .table {
  table-layout: fixed;
}
.flexArea .table tbody tr:hover { cursor: pointer; }
.flexArea .table th, .flexArea .table td {
  min-width: auto;
  white-space: nowrap;
}
.flexArea .table th {
  border-top: none;
}
.flexArea .data__body {
/*   max-height: 143px; */
/*   overflow-y: auto; */
  border-top: 2px solid #000;
}
.ellipsis {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.flexArea { margin-bottom: 30px; }
.flexArea .data__header { min-height: auto; margin-bottom: 10px; }
.flexArea .data .btn__box { margin: 0; }
.flexArea .dashboard__content {
  display: flex;
  height: calc(100% - 55px);
  align-items: center;
  margin-top: 0;
}
.flexArea .dashboard-data__list {
  flex: auto;
/*   height: 110px; */
}
@media screen and (max-width: 479px){
  .flexArea .dashboard-data__list { height: auto; }
}





@media screen and (max-width: 1600px) {
  .content {
    width: 100%;
    min-width: auto;
    padding: 20px 30px 0 30px;
  }
  .content .h2 {
    margin-bottom: 25px;
  }
  .content .h3 {
    margin-bottom: 15px;
  }
  .content .h4 {
    margin-bottom: 20px;
  }
  .col-3 {
    width: 50%;
  }
  .col-3.colspan-2 {
    width: 100%;
  }
  .col-4 {
    width: 50%;
  }
  .col-4.colspan-2 {
    width: 100%;
  }
  .card-4 {
    width: calc((100% - 20px) / 2);
  }
  .col-2 .input__label,
  .col-3 .input__label,
  .col-4 .input__label {
    width: auto;
    min-width: 100px;
  }
  .logo {
    padding-right: 0;
  }
  .logo a {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .content {
    padding: 30px 15px;
    height: auto;
    min-height: 100vh;
  }
  
  .content {
    height: auto;
    overflow: visible;
  }
  
  .prjWishList.panel {
    height: auto;
  }
  
  /* 테이블 스크롤 조정 */
  .prjWishList .table tbody {
    max-height: none;
    height: auto;
  }
  
  .col-2 {
    width: 100%;
  }
  .col-2 .input__label {
    width: 100%;
  }
  .col-2 .input__label__box {
    width: 100%;
  }
  .col-3 {
    width: 100%;
  }
  .col-3.colspan-2 {
    width: 100%;
  }
  .col-3 .input__label {
    width: 100%;
  }
  .col-3 .input__label__box {
    width: 100%;
  }
  .col-4 {
    width: 100%;
  }
  .col-4.colspan-2 {
    width: 100%;
  }
  .col-4 .input__label {
    width: 100%;
  }
  .col-4 .input__label__box {
    width: 100%;
  }
  .panel {
    padding: 15px;
  }
  .search__area .btn {
    width: 100%;
  }
  .card-2 {
    width: 100%;
  }
  .card-3 {
    width: 100%;
  }
  .card-4 {
    width: 100%;
  }
  .panelInner {
    padding: 10px;
  }
}
@media screen and (max-width: 479px) {
  .only_pc {
    display: none;
  }
  .only_mo {
    display: block;
  }
}
.error {
  position: relative;
}
.error__content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.error__title {
  padding-top: 96px;
  background: url("../assets/images/ico_warning.svg") no-repeat top center/56px auto;
  font-size: 23px;
  font-weight: 700;
  color: #616161;
  text-align: center;
  line-height: 36px;
}
.error__txt {
  font-size: 18px;
  color: #616161;
  text-align: center;
  line-height: 1.5;
}

.login__content {
  display: flex;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  max-width: 700px;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1019607843);
  transform: translate(-50%, -50%);
}
.login__box {
  flex: 1;
  padding: 50px;
}
.login__title {
  margin: 0 0 20px;
  font-size: 35px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -1.75px;
}
.login-copyright {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
}
.copyright {
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.33px;
  text-align: center;
  opacity: 0.4;
}

.login header, .login aside, .login footer {
  display: none;
}
.login .container {
  display: block;
  height: 100vh;
  min-height: 750px;
}
.login .content {
  position: relative;
  min-width: auto;
  padding: 0;
}
.login .input {
  position: relative;
  height: 60px;
  padding-left: 43px;
  border: 0;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 0;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 32px;
  font-size: 16px;
  line-height: 60px;
  letter-spacing: -0.8px;
}
.login .input__box:nth-of-type(n+2) {
  margin-top: 10px;
}
.login .input__box::after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 43px;
  height: 60px;
  content: "";
}
.login .input__box:nth-child(2):after {
  background: url(../assets/icon/icon-login-user.svg) no-repeat left center;
}
.login .input__box:nth-child(3):after {
  background: url(../assets/icon/icon-lock.svg) no-repeat left center;
}
.login .check__box {
  margin-top: 10px;
}
.login .check__input:checked + .check__label::before {
  background-color: transparent;
  background-image: url("../assets/icon/icon-login-check-checked.svg");
}
.login .check__label {
  height: 60px;
  padding-left: 43px;
  font-size: 16px;
  line-height: 60px;
  letter-spacing: -0.8px;
}
.login .check__label::before {
  width: 32px;
  height: 32px;
  margin-right: 0;
  border: 0;
  background-image: url("../assets/icon/icon-login-check.svg");
  background-size: contain;
}
.login .btn__box {
  margin-top: 100px;
}
.login .logo__area {
  order: 2;
  position: relative;
  width: 50%;
  background: linear-gradient(140deg, #FF9D00 0%, #FF4722 39%, #FE3C45 67%, #FC4499 100%);
}
.login .logo__img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  max-width: 300px;
  transform: translate(-50%, -50%);
}
.login .logo__img img {
  width: 100%;
}

/* Media Query */
@media screen and (max-width: 1024px) {
  .login__area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .login__box {
    width: 100%;
    padding: 30px;
  }
  .login__title {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 34px;
    text-align: center;
  }
  .login__content {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    max-width: 400px;
    transform: translate(0, 0);
  }
  .login .btn__box {
    margin-top: 40px;
  }
  .login .logo__area {
    width: 100%;
  }
  .login .logo__img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: inherit;
    padding: 50px 30px;
    text-align: center;
    transform: translate(0, 0);
  }
  .login .logo__img img {
    width: 60%;
  }
  .login .content {
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .login__content {
    width: 85%;
        overflow-x: auto;
  }
}
@media screen and (max-width: 479px) {
  .login-copyright {
    bottom: 10px;
  }
  .login__box {
    padding: 20px;
  }
  .login__title {
    font-size: 20px;
  }
  .login .container {
    min-height: auto;
  }
  .login .input {
    height: 50px;
    padding-left: 34px;
    background-size: 24px;
    font-size: 14px;
    line-height: 50px;
  }
  .login .check__label {
    height: 50px;
    padding-left: 34px;
    font-size: 14px;
    line-height: 50px;
  }
  .login .check__label::before {
    width: 24px;
    height: 24px;
  }
  .login .btn-login {
    height: 50px;
    font-size: 14px;
    line-height: 48px;
  }
  .login .logo__img img {
    width: 70%;
  }
  .login .copyright {
    font-size: 11px;
  }
}
.mypage__content .input {
  max-width: 472px;
}
.mypage__content .input-message {
  display: block;
  margin-top: 0;
  margin-left: 16px;
}
.mypage__title {
  margin-bottom: 64px;
  font-size: 46px;
  font-weight: 700;
  color: #333333;
  text-align: center;
  line-height: 66px;
}
.mypage__btn {
  margin-top: 48px;
  text-align: center;
}
.mypage .input__field {
  margin-bottom: 0;
  padding: 32px 0;
  border-bottom: 1px solid #E0E0E0;
}
.mypage .input__field:last-of-type {
  border-bottom: 0;
}
.mypage .input__content {
  display: flex;
  align-items: center;
  width: 100%;
}
.mypage .input__label {
  min-width: 148px;
  margin-right: 70px;
  line-height: 48px;
}
.mypage .input__result {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 21px;
}
.mypage .panel {
  padding: 0 40px;
}
.mypage .btn__box {
  margin-top: 32px;
}
.mypage .btn__box .btn {
  min-width: 253px;
}
.mypage .btn__box .btn:nth-of-type(n+2) {
  margin-left: 12px;
}
.mypage .menu__content {
  justify-content: space-between;
}

.enter__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.enter__content .input {
  width: 100%;
  min-width: 522px;
  padding: 20px 31px 18px;
  font-size: 18px;
  line-height: 27px;
}

@media screen and (max-width: 1400px) {
  .mypage .input__label {
    margin-right: 3.65vw;
  }
}
@media screen and (max-width: 1200px) {
  .mypage .input-message {
    width: 100%;
    margin-top: 4px;
    margin-left: 0;
  }
  .mypage .input__content {
    flex-wrap: wrap;
  }
}
.data__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
}
.data__list {
  margin-top: 10px;
}
.data .h2 {
  margin-bottom: 0;
}
.data .h3 {
  margin-bottom: 0;
}
.data .h4 {
  margin-bottom: 0;
}
.filter {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.75px;
}
.filter__box {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 15px;
}

.data .select {
  min-width: 120px;
}
.data .table__box {
  margin-top: 12px;
}

.data .btnWrap + .table__box { margin-top: 5px; }
.data .btn__box {
  gap: 5px;
  margin: 5px 0;
}
.data .flex.btn__box.right { flex: 1; justify-content: end; }

.gridNtableSample .data:nth-of-type(n+2) {
  margin-top: 40px;
}

/* Media Query */
@media screen and (max-width: 1024px) {
  .data .btn__box {
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .filter__box {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .data .btn__box {
    gap: 5px;
  }
  .filter__box {
    gap: 5px;
  }
}
/* 230829 수정 */
/* 우측상단 아이콘 클릭시 팝업 형태 */
.utilNav, .setNav {
  position: relative;
}
.utilPanel {
  display: none;
  position: absolute;
  z-index: 1;
  right: -20px;
  top: 40px;
  background-color: #fff;
  border: 1px solid #E8EBEE;
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
}
.utilPanel::before { display: block; content: ""; width: 10px; height: 10px; border: 1px solid #E8EBEE; border-top: none; border-left: none; background-color: #fff; position: absolute; right: 29px; top: -6px;
  transform: rotate(225deg); }
.utilNav.on .icon-logout {
  background-image: url(../assets/icon/icon-logout-on.svg);
}
.utilNav.on .utilPanel,
.setNav.on .utilPanel {
  display: block;
}
.utilNav button:hover .icon-logout {
  background-image: url(../assets/icon/icon-logout-on.svg);
}
.setNav .icon-set:hover {
  background-image: url(../assets/icon/icon-set-on.svg);
}

.utilPanel li {
  border-bottom: 1px solid #E8EBEE;
}
.utilPanel li:last-child {
  border-bottom: none;
}
.utilPanel a {
  display: block;
  min-width: 120px;
  line-height: 45px;
  font-size: 13px;
  color: #000;
  text-align: center;
}

.content {
  position: relative;
}

.breadCrumb {
  position: absolute;
  right: 40px;
  top: 36px;
}
.breadCrumb ol:after {
  display: block;
  content: "";
  clear: both;
}
.breadCrumb li {
  float: left;
}
.breadCrumb li + li {
  padding-left: 18px;
  background: url(../assets/icon/icon-arrow-sm.svg) no-repeat left center;
  margin-left: 4px;
}
.breadCrumb a {
  display: inline-block;
  font-size: 13px;
  color: #677181;
  line-height: 15px;
}

.pagenation {
  margin-top: 10px;
}

.btnWrap:after {
  display: block;
  content: "";
  clear: both;
}
.btnWrap .btn__box {
  margin: 10px 0 0 0;
}
.btnWrap .left {
  float: left;
}
.btnWrap .right {
  float: right;
}
.btnWrap .centerBottom {
  float: none;
  text-align: center;
  margin-top: 20px;
}
.btnWrap.bottom {
  margin-top: 15px;
}

.toolTip {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../assets/icon/set-ico2-32.png) no-repeat center center;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  background-size: 85%;
}
.toolTip em {
  display: none;
  position: absolute;
  font-size: 13px;
  color: #707070;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
  border: 1px solid #FC5A00;
  border-radius: 5px;
  line-height: 20px;
  left: 27px;
  top: 0;
  z-index: 1;
  width: 250px;
  word-break: break-word;
  font-weight: 400;
}
.toolTip:hover em {
  display: block;
}

.faqList {
  border-top: 2px solid #000;
}
.faqList .lst {
  border-bottom: 1px solid #F0F0F0;
}
.faqList .lst.on .req {
  background: url(../assets/icon/icon-arrow-up.svg) no-repeat right 10px center;
}
.faqList .lst.on .res {
  display: block;
}
.faqList .req {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 5px 0;
  background: url(../assets/icon/icon-arrow-dn.svg) no-repeat right 10px center;
}
.faqList .req .cate {
  width: 160px;
  padding: 0 0 0 30px;
  font-size: 15px;
  font-weight: 700;
}
.faqList .req .question {
  flex: 1;
  padding: 0 60px 0 30px;
  font-size: 15px;
  font-weight: 400;
}
.faqList .req .question a {
  line-height: 20px;
}
.faqList .req .question a:hover {
  text-decoration: underline;
}
.faqList .res {
  display: none;
  padding: 50px 80px 50px 190px;
  background-color: #F9FAFC;
  border-top: 1px solid #F0F0F0;
}
.faqList .res .answer {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: #707070;
  word-break: keep-all;
}
.faqList .res .answer > p {
  margin-bottom: 20px;
}
.faqList .res .answer li {
  margin-bottom: 20px;
}
.faqList .res .answer li p {
  margin-bottom: 10px;
}
.faqList .res .answer strong {
  font-weight: 700;
  color: #000;
}

.loadingWrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  padding: 20px;
}
.loadingWrap .loadingBox {
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 30px;
}
.loadingWrap .loadingMsg {
  font-size: 18px;
  padding: 0 30px;
  font-weight: 500;
}

.dot-spinner {
  --uib-size: 50px;
  --uib-speed: 0.9s;
  --uib-color: #FF5A00;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: var(--uib-size);
  width: var(--uib-size);
}

.dot-spinner__dot {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}

.dot-spinner__dot::before {
  content: "";
  height: 20%;
  width: 20%;
  border-radius: 50%;
  background-color: var(--uib-color);
  transform: scale(0);
  opacity: 0.5;
  animation: pulse calc(var(--uib-speed) * 1.111) ease-in-out infinite;
}

.dot-spinner__dot:nth-child(2) {
  transform: rotate(45deg);
}

.dot-spinner__dot:nth-child(2)::before {
  animation-delay: calc(var(--uib-speed) * -0.875);
}

.dot-spinner__dot:nth-child(3) {
  transform: rotate(90deg);
}

.dot-spinner__dot:nth-child(3)::before {
  animation-delay: calc(var(--uib-speed) * -0.75);
}

.dot-spinner__dot:nth-child(4) {
  transform: rotate(135deg);
}

.dot-spinner__dot:nth-child(4)::before {
  animation-delay: calc(var(--uib-speed) * -0.625);
}

.dot-spinner__dot:nth-child(5) {
  transform: rotate(180deg);
}

.dot-spinner__dot:nth-child(5)::before {
  animation-delay: calc(var(--uib-speed) * -0.5);
}

.dot-spinner__dot:nth-child(6) {
  transform: rotate(225deg);
}

.dot-spinner__dot:nth-child(6)::before {
  animation-delay: calc(var(--uib-speed) * -0.375);
}

.dot-spinner__dot:nth-child(7) {
  transform: rotate(270deg);
}

.dot-spinner__dot:nth-child(7)::before {
  animation-delay: calc(var(--uib-speed) * -0.25);
}

.dot-spinner__dot:nth-child(8) {
  transform: rotate(315deg);
}

.dot-spinner__dot:nth-child(8)::before {
  animation-delay: calc(var(--uib-speed) * -0.125);
}

@keyframes pulse {
  0%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
.divLayout {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 117px);
}
.content .h2 + .divLayout.harfType { height: calc(100% - 50px); }

.divBox {
  box-sizing: border-box;
  width: calc(50% - 10px); /* 간격 20px 중에서 하나의 박스가 10px을 책임지도록 */
  margin-right: 20px; /* 오른쪽 마진 추가 */
  margin-bottom: 20px; /* 아래쪽 마진 추가 */
}
.divBox .panel {
  height: 100%;
}

/* 오른쪽 박스에 마진 제거 (2n번째 박스) */
.divLayout .divBox:nth-child(2n) {
  margin-right: 0;
}

/* box3의 스타일 */
.divBox:nth-child(3):nth-last-child(1) {
  width: 100%;
  margin-right: 0; /* 100% 너비 박스에는 오른쪽 마진이 필요 없음 */
}

/* box4가 있을 때 box3과 box4의 스타일 */
.divBox:nth-child(3):nth-last-child(2),
.divBox:nth-child(4):nth-last-child(1) {
  width: calc(50% - 10px);
}

.myModal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.myModal.windowPop {
  display: block;
  background-color: inherit;
  position: absolute;
  min-height: 100%;
  overflow: hidden;
}
.myModal.windowPop .modalInr {
  width: 100%;
  max-width: inherit;
  min-height: inherit;
  max-height: inherit;
  position: static;
  transform: inherit;
  border-radius: 0;
  box-shadow: none;
}
.myModal.windowPop .modalInr .modalWrap {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.myModal.windowPop .modalInr::before {
  border-radius: 0;
}
.myModal.windowPop .modalInr .modalCont {
  max-height: inherit;
  overflow-y: auto;
  flex: 1;
}
.myModal.windowPop .modalInr .modalTit, .myModal.windowPop .modalInr .pagenation, .myModal.windowPop .modalInr .btnWrap {
  flex-shrink: 0;
}
.myModal.on {
  display: block;
}
.myModal .modalInr {
  background-color: #fefefe;
  margin: 0;
  padding: 0;
  width: 80%;
  max-width: 1299px;
  min-height: 300px;
  max-height: calc(100% - 40px);
  position: fixed;
  left: 50%;
  top: 50%;
/*   transform: translate(-50%, -50%); */
  border-radius: 5px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
  overflow-y: auto;
}
.myModal .modalInr:before {
  content: "";
  z-index: 9;
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 5px;
  background: transparent linear-gradient(91deg, #FF9D00 0%, #FF4722 42%, #FE3C45 66%, #FC4499 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px 5px 0 0;
}
.myModal .modalWrap {
  padding: 50px;
}
.myModal .modalWrap.smallPadding {
  padding: 20px 30px;
}
.myModal .modalWrap .modalCont {
  max-height: calc(80vh - 490px);
  overflow: auto;
  box-sizing: border-box;
  min-height: 300px;
}
.myModal .modalWrap .search__area {
  margin-bottom: 20px;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}
.myModal .modalWrap .search__area .form__box {
  padding: 10px 0;
}
.myModal .modalTit {
  text-align: center;
}
.myModal .modalTit h2 {
  position: relative;
  display: inline-block;
  font-size: 23px;
  color: black;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.myModal .modalTit .leftSubject {
  font-size: 16px;
  color: black;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
  margin-bottom: 10px;
}
.myModal .modalCont .flexBox {
  display: flex;
  gap: 20px;
}
.myModal .modalCont .boxItm {
  background: #eaeefc;
  border-radius: 20px;
  padding: 10px 20px;
}
.myModal .modalCont .boxItm span:first-child {
  color: #00b476;
  font-weight: bold;
}
.myModal .modalCont .titBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myModal .modalCont .titBox + [class*=listItm] {
  margin-top: 20px;
}
.myModal .modalCont h3 {
  font-size: 20px;
  color: black;
  font-weight: 400;
}
.myModal .modalCont h3 + [class*=listItm] {
  margin-top: 20px;
}
.myModal .modalCont [class*=listItm] + h3 {
  margin-top: 50px;
}
.myModal .closeModal {
  color: #aaaaaa;
  position: fixed;
  right: 20px;
  top: 20px;
  text-indent: -999em;
  display: block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: url(../assets/icon/icon-close.svg) no-repeat center center;
  z-index: 1;
}
.myModal.alert .modalInr {
  max-width: 500px;
  max-height: inherit;
  height: auto;
  min-height: inherit;
}
.myModal.alert .titTxt {
  font-size: 25px;
  font-weight: 700;
  color: #000;
  line-height: 30px;
  margin-bottom: 20px;
}
.myModal.alert .alertMsg {
  padding: 20px;
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  text-align: center;
  font-weight: 400;
  max-height: 150px;
  overflow-y: auto;
}
.myModal.alert .alertMsg.colorGray {
  background-color: #F9FAFC;
  border: 1px solid #F0F0F0;
}
.myModal.alert .modalWrap {
  padding: 40px;
}
.myModal.alert .modalWrap .modalCont {
  max-height: inherit;
}
.myModal.alert .btnWrap .centerBottom {
  margin-top: 30px;
}

.myModal.fhdLayer .modalInr {
  width: calc(100% - 39px);
  max-width: 1920px;
  max-height: calc(100% - 40px);
}
.myModal .modalInr.fullWidth,
.myModal.fhdLayer .modalInr.fullWidth { max-width: 100%; width: calc(100% - 40px); }
.myModal.fhdLayer .modalInr.fullHdFull { max-width: inherit; width: 1880px; height: 920px; }
.myModal.fhdLayer .divBox .panel { box-shadow: none; border-radius: 0; }
.myModal.fhdLayer .modalInr .modalCont {max-height: inherit;}
.myModal.fhdLayer .modalWrap { padding: 0 0 20px 0; }
@media screen and (max-width: 479px){
  .myModal.fhdLayer .modalInr { width: 100%; max-height: 100%;}
}

/* Add Modify */
.search__area .formArea.input--bg .col-2, 
.search__area .formArea.input--bg .col-3, 
.search__area .formArea.input--bg .col-4 {
  float: none;
}
.search__area .formArea.input--bg .col-2 .input__label, 
.search__area .formArea.input--bg .col-3 .input__label, 
.search__area .formArea.input--bg .col-4 .input__label {
  width: auto;
  min-width: 160px;
}
.search__area .formArea.input--bg .input__field .input__label {
  padding: 0 20px;
}

.noData {
  padding: 20px 0;
}

.inputHalign {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
}
.inputHalign .input--date {
  min-width: 150px;
  width: 150px;
}
.inputHalign .dateTime {
  width: 80px;
  margin: 0;
}
.inputHalign .smallSize {
  width: 100px;
}
.inputHalign .middleSize {
  width: 200px;
}
.inputHalign .icon-dash {
  margin: 0 10px;
}

.spanOne {
  display: inline-block;
  padding: 0 10px;
}

.harfRow {
  display: flex;
  align-items: center;
  gap: 5px;
}

.moHide {
  display: block;
}

.pcHide {
  display: none;
}

/* 20230918 add */
.data__body + .data {
  margin-top: 20px;
}

.inputDataList {
  width: 100%;
}
.inputDataList > li + li {
  margin-top: 20px;
}
.inputDataList > li > ul {
  padding-left: 15px;
}
.inputDataList > li > ul > li + li {
  margin-top: 5px;
}

.defList {
  display: flex;
  align-items: center;
}
.defList .defTit {
  margin-bottom: 0;
}

.defTit {
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  min-width: 200px;
}

.defDesc {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 10px;
}
.defDesc .select, .defDesc .ipBtnGroup {
  width: 50%;
}

.fileAddArea {
  display: flex;
  gap: 20px;
}
.fileAddArea > ul {
  flex: 1;
}
.fileAddArea > ul > li + li {
  margin-top: 10px;
}
.fileAddArea .grid__link {
  display: inline-block;
  padding: 5px;
}

.chartArea {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.chartBox {
  text-align: center;
  flex: 1;
}
.chartBox > img {
  max-width: 100%;
}

.select.normalSize {
  width: auto;
  max-width: 100%;
}

.grid__link .fcBlk {
  color: #707070;
}

.th--line thead th {
  border-right: 1px solid #eee;
}

.th--line thead th.lineRemove {
  border-right: none;
}

.th--line thead tr + tr th {
  border-top: 1px solid #eee;
}

.content .panel-out__btn ~ .panel {
  margin-top: 25px;
}

.txtColor1 {
  color: #FC5A00;
}

.sortIcon {
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
}

.sortIcon:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent; /* width의 절반 */
  border-right: 6px solid transparent; /* width의 절반 */
  border-top: 16px solid #000; /* height */
  margin-left: 5px; /* 아이콘과 텍스트 사이의 간격 */
  vertical-align: middle; /* 세로 중앙 정렬 */
  margin-top: -3px;
}

.sortIcon.sortAsc:after {
  border-top: none;
  border-bottom: 10px solid #000; /* height (역삼각형) */
}

.sortIcon.sortDesc:after {
  border-bottom: none;
  border-top: 10px solid #000; /* height (삼각형) */
}





/* Tree View UI */
.treeList {
  background: #fff;
}

.treeList ul li.orgMenu>.inputMenu {
  display: none;
}

.treeList ul li.orgMenu.on>.inputMenu {
  display: block;
}

.treeList ul li ul {
  display: none;
}

.treeList > ul ul { padding-left: 24px; }

/* .treeList ul li>ul>li .anc {
  padding-left: 50px;
}

.treeList ul li>ul>li .arrowIco {
  left: 20px;
}

.treeList ul li>ul>li>ul>li .anc {
  padding-left: 70px;
}

.treeList ul li>ul>li>ul>li .arrowIco {
  left: 40px;
}

.treeList ul li>ul>li>ul>li>ul>li .anc {
  padding-left: 90px;
}

.treeList ul li>ul>li>ul>li>ul>li .arrowIco {
  left: 70px;
} */

.treeList ul .inputMenu {
  padding: 5px;
  background: #ddd;
}
.treeList .orgMenu { position: relative; }
/* .treeList .orgMenu:before { display: block; content: ""; width: 1px; position: absolute; left: 15px; top: 6px; bottom: 0; border-left: 1px dashed #ddd; }
.treeList .orgMenu.depth1 ul .orgMenu:after { display: block; width: 30px; content: ""; height: 1px; position: absolute; left: -14px; top: 16px; border-top: 1px dashed #ddd; } */
.treeList>ul>li {
  border-bottom: 1px solid #e1e1e1;
}

.treeList .ancArea {
  position: relative;
}

.treeList .ancArea.on {
  background-color: #ddd;
}

.treeList .depth1 > .ancArea .anc { font-weight: 600; padding: 3px 0; }
.treeList .ancArea > .anc { position: relative; }
.treeList .ancArea > .anc::before { display: inline-block; content: "-"; vertical-align: middle; margin-right: 3px; margin-left: 7px; }
.treeList .ancArea > .arrowIco + .anc::before { display: none; }

.treeList .arrowIco {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  /* position: absolute;
  left: 6px;
  top: 6px; */
  background: #fff url(../assets/icon/icon-plus-bk.svg) no-repeat center center;
  background-size: 10px;
  cursor: pointer;
  border: 1px solid #ddd;
  z-index: 1;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}

.treeList .anc {
  display: inline-block;
  width: calc(100% - 50px);
  text-align: left;
  line-height: 32px;
  /* padding-left: 30px; */
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.treeList .treeAdd {
  position: absolute;
  right: 10px;
  top: 11px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #e1e1e1;
  background: #fff url(../assets/icon/icon-plus-bk.svg) no-repeat center center;
  background-size: 10px;
  text-indent: -999em;
}

.treeList .open>ul {
  display: block;
}

.treeList .open>.ancArea .arrowIco {
  background: #fff url(../assets/icon/icon-minus-bk.svg) no-repeat center center;
  background-size: 10px
}

.treeList .inputMenu.bottom {
  margin-top: 30px;
  display: none;
}

.treeList .inputMenu.bottom.on {
  display: block;
}

.treeList .movDown,.treeList .movUp {
  position: absolute;
  top: 11px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #e1e1e1;
  text-indent: -999em;
}

.treeList .movUp {
  right: 35px;
  background: #fff url(../assets/icon/icon-minus-bk.svg) no-repeat center center;
  background-size: 10px;
}

.treeList .movDown {
  right: 10px;
  background: #fff url(../assets/icon/ico_arr_bot.png) no-repeat center center;
  background-size: 10px;
}

.menuBox {
  max-height: calc(100% - 60px);
  overflow-y: auto;
}

.menuBox .btnGroup {
  margin-bottom: 37px;
}

.menuBox .btnGroup .btSet {
  position: absolute;
  right: 0;
  top: 0;
}

.divLayout.harfType .divBox { width: 400px; height: 100%; }
.divLayout.harfType .divBox:nth-child(2n) { flex: 1; }
.divLayout.harfType .divBox:nth-child(2n) > .panel > .data {
  max-height: 100%;
  overflow-y: auto;
}

.divLayout.harfType1 { display: flex; gap: 10px; }
.divLayout.harfType1 .divBox { flex: 1; height: 100%; margin: 0; }
.divLayout.harfType1 .divBox.left40 { flex: none; width: 40%; }
.divLayout.harfType1 .divBox.left300 { flex: none; width: 300px; }
@media screen and (max-width: 1024px) {
  .divLayout.harfType1 .divBox.left40,
  .divLayout.harfType1 .divBox.left300 { width: inherit; }
  .divLayout.harfType1 .divBox.left300 { margin: 0 auto; }
}

.divLayout.harfType2 { gap: 20px; height: calc(100% - 50px); }
.divLayout.harfType2 .divBox { min-height: 100%; margin: 0; width: 600px; }
.divLayout.harfType2 .divBox:nth-child(1) { flex: 1;}
@media screen and (max-width: 1024px) {
  .divLayout.harfType2 { height: auto; }
  .divLayout.harfType2 .divBox { width: 100%; }
  .divLayout.harfType2 .divBox:nth-child(1) { margin-bottom: 20px; }
}

.treeHeader {display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.treeHeader .treeTit { font-size: 20px; font-weight: 500;}
.treeHeader .treeForm {flex: 1;}

.boxHeader {display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.boxHeader .boxTit { font-size: 16px; font-weight: 500;}
.boxHeader .boxForm {flex: 1; display: flex; gap: 5px;}
.boxLeftList .table--sum tbody { max-height: none; height: calc(100vh - 305px); }
.boxLeftList .table--sum tbody tr { border-bottom: 1px solid #E8EBEE; }
.boxLeftList .table--sum tbody tr td { border-top: none; }
.boxLeftList .table--sum thead th { border-bottom: 1px solid #E8EBEE; }
@media screen and (max-width: 1024px) {
/*   .boxLeftList .table--sum tbody { height: auto; max-height: 100px;} */
}

.searchArea .ipBtnGroup { display: flex; }
.searchArea .input { border-radius: 35px; padding-left: 10px; padding-right: 14px; width: 160px; }
.searchArea .btn.close { display: none; }
.searchArea .ipBtn.find.mo { display: none; }


/* 20231221 Add */
.table.paddingSm th, .table.paddingSm td { padding: 7px; min-width: auto; }
.btn.del { min-width: auto; padding: 0; width: 35px; text-indent: -999em; background:#fff url(../assets/icon/icon-strash.svg) no-repeat center center; }
.btn.find { min-width: auto; padding: 0; width: 35px; text-indent: -999em; background:#fff url(../assets/icon/icon-search.svg) no-repeat center center; }
.btn.find.black { min-width: auto; padding: 0; width: 35px; text-indent: -999em; background:#000 url(../assets/icon/icon-search-wh.svg) no-repeat center center; border: 1px solid #000; }
.table.minWid1440 { min-width: 1440px; }
@media screen and (max-width: 479px) {
  .input--date__box.ipBtWrap .input--date { width: calc((100% - 18px) / 2); }
}
.check__label { text-indent: 7px; padding-left: 20px; }
/* 2524라인 주석으로 제거
.input--date::before { content: attr(data-placeholder); width: 100%; height: 100%; }
*/
.table .colorRed { color: red; }
.table .activeRow td { background-color: #FFFBCA; font-size: 16px; font-weight: 500; }
.table tbody .activeRow:hover td { background-color: #FFFBCA; }
.table__box .table .radio__box, .table__box .table .check__box { white-space: nowrap; }
.ipBtWrap { align-items: center; }
.input.txt--right::-moz-placeholder { text-align: left; }
.input.txt--right::placeholder { text-align: left; }
.btnCenterBox { display: flex; justify-content: center; gap: 5px; }

.table.prjLst .idxTd1 { width: 110px; }
.table.prjLst td { white-space:nowrap; }
.table .rowTop td { text-align: left; font-weight: 500; font-size: 16px; color: #000; border-bottom: 1px solid #000; padding-top: 20px; }
.table .rowTop:hover td { background-color: #fff; }
.table.prjLst tbody tr:not(.rowTop):hover { cursor: pointer; }

.posRight { position: absolute; right: 0; }
.search__area .posRight { right: 10px; }
.btnArea { display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; position: relative; }
.search__area .btnArea { margin-top: 15px; }
@media screen and (max-width: 1024px) {
  .search__area .btnArea  .posRight { position: static; }
}
@media screen and (max-width: 768px) {
  .search__area .btnArea .btn { flex: 1; }
  .search__area .btnArea  .posRight { display: flex; gap: 5px; width: 100%; flex-wrap: wrap; }
}

.table.prjLst.table--sum tbody { max-height: 100%; }
@media screen and (max-width: 1024px) {
/*   .table.prjLst.table--sum tbody { max-height: inherit; height: 300px; } */
}

.grid__table.smallColum { min-width: 900px; }
.grid__table.smallColum th { padding: 7px; white-space: nowrap; text-align: center; }
.grid__table.smallColum td { padding: 7px; }


.tab.type1 .tab__nav { border-bottom: 1px solid #000; gap: 5px; }
.tab.type1 .tab__link { border: 1px solid #ddd; border-bottom: 1px solid #000; padding: 0 20px; color: #ddd; position: relative; z-index: 1; top: 1px; line-height: 30px; font-size: 14px; background-color: #eee; color: #666; }
.tab.type1 .tab__item.on .tab__link { color: #000; border: 1px solid #000; border-bottom: 1px solid #fff; background-color: #fff; }

/* .tab.type1 .tab__content { padding: 0 20px; } */
.tab.type1 .data + .data { margin-top: 0;}
.tab.type1 .grid__box, .tab.type1 .table__box { margin-top: 0; }
.tab.type1 .tab__content { margin-top: 10px;}

.projectTop { margin-bottom: 10px; }

.imageArea { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border-top: 2px solid #000; padding-top: 7px; }
.imageArea .thumImg { width: 80px; height: 80px; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; background: url(../assets/images/img_noimg.png) no-repeat center center; background-size: contain; }
.imageArea .thumImg img { height: 100%; object-fit: contain; width: 100%; }
.imageArea .ipBtnGroup { flex: 1; }
.imageArea .originImg { width: 100%; background: url(../assets/images/img_noimg.png) no-repeat center center; background-size: contain; height: 300px; overflow: hidden; text-align: center; }
.imageArea .originImg img { height: 100%; object-fit: cover; width: 100%; }

.scrollType.table--sum thead,
.scrollType.table--sum tbody tr {table-layout: inherit;}
.table.table--sum.scrollType .num {width: 60px; min-width: 60px; max-width: 60px; }
.table.table--sum.scrollType .cate {width: 80px; min-width: 80px; max-width: 80px; }
.table.table--sum.scrollType .width300 {width: 300px; min-width: 300px; max-width: 300px; }
.table.table--sum.scrollType .width200 {width: 200px; min-width: 200px; max-width: 200px; }
.table.table--sum.scrollType .width150 {width: 150px; min-width: 150px; max-width: 150px; }
.table.table--sum.scrollType .width100 {width: 100px; min-width: 100px; max-width: 100px; }
.table.table--sum.scrollType .width50 {width: 50px; min-width: 50px; max-width: 50px; }
.table.table--sum.scrollType .date {width: 100px; min-width: 100px; max-width: 100px; }
.table.table--sum.scrollType .perNum {width: 200px; min-width: 200px; max-width: 200px; }
.table.table--sum.scrollType .etc {width: 300px; min-width: 300px; max-width: 300px; }
.table.table--sum.scrollType tbody td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table.table--sum.scrollType thead th,
.table.table--sum.scrollType tbody td { padding: 2.5px 10px; min-width: 100px; max-width: 100px; }
.table--sum.scl3Line tbody { max-height: 71px; }

.rightPanel.imgClose .imageArea { display: none; }
.rightPanel .table.table--sum.scrollType tbody { max-height: calc(100vh - 755px); }
.rightPanel.imgClose .table.table--sum.scrollType tbody { max-height: calc(100vh - 400px); }
.btnWish { display: inline-block; vertical-align: middle; }
.btnWish input { position: absolute; left: -999em; }
.btnWish span {display: block; content: ""; height: 35px; background: url(../assets/icon/icon-star.svg) no-repeat 7px center / 24px; cursor: pointer; margin-top: -2px; white-space: nowrap; padding-left: 30px; font-size: 14px; font-weight: 400; border: 1px solid #ddd; padding-right: 10px; border-radius: 4px; padding: 5px 15px 5px 37px; line-height: 22px; }
.btnWish span:hover { border: 1px solid #000; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294); }
.btnWish input:checked + span { background: url(../assets/icon/icon-star-on.svg) no-repeat 7px center / 24px; border: 1px solid #000; }
/* .data__header .h3 .btnWish { margin-left: 10px;} */

.grid__table.smallColum th[colspan="2"] {
  width: 100px;
}

.h3.small { font-size: 18px;}



/* FHD 해상도 스타일 */
.fhdView {}
.mb20 { margin-bottom: 20px; }

.flexTbl { width: 100%; }
.flexTbl tbody { border-top: 2px solid #000; }
.flexTbl tbody tr { display: flex; align-items: center; border-bottom: 1px solid #ddd; gap: 5px; align-items: stretch; }
.flexTbl tbody th, .flexTbl tbody td { display: flex; gap: 5px; align-items: center; white-space: nowrap; }
.flexTbl tbody td { padding: 3px 0;}
.flexTbl tbody th {flex: none; font-size: 13px; min-width: 70px; background-color: #F8F9FB; justify-content: center; padding: 0 5px; }
.flexTbl .txt--right { justify-content: end; padding-right: 5px; }
.flexTbl .txt--center { justify-content: center; }
.flexTbl .txt--left { justify-content: left; }
.flexTbl .fullColum { flex: 1;}
.flexTbl .fullColum .ipBtWrap { width: 100%; }
.flexTbl .colorBlue { color: #0065ff; }
.flexTbl .colorRed { color: #ff0000; }


.alignCnt { align-items: center; }
.chartDiv {display: flex; justify-content: center;}
.donut-chart {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: conic-gradient(#0e80cd var(--percentage), #eee var(--percentage) 100%);
  
  --percentage: 0%; /* 초기 값 설정 */
  
}

.donut-ring {
  position: absolute;
  width: 180px; /* 도넛 차트보다 작게 설정 */
  height: 180px;
  border-radius: 50%;
  background-color: white;
}

.donut-text {
  position: absolute;
  text-align: center;
  font-size: 18px;
  z-index: 1;
}
.donut-text dt { font-size: 30px; margin-bottom: 10px; font-weight: 600; }

.inputMsgGroup { width: 100%; }
.linkText { display: flex; align-items: center; gap: 20px; justify-content: center; }
.linkText a { font-weight: 500; color: #000; }

.icoGcal { display: inline-block; padding-left: 40px; line-height: 30px; background: url(../assets/icon/icon_gcal.png) no-repeat left center / 30px; vertical-align: middle; }

.elHide { display: none !important; }
.btn__box.posBottom { position: relative; top: 32px; }


/* 개인정보처리방침 및 이용약관 스타일 */
.termsWrap h2 { font-size: 30px; margin-bottom: 10px; font-weight: 600; }
.termsWrap h2 + p { margin-top: 20px; letter-spacing: -0.75px; font-size: 16px;}
.termsWrap .termsCont { margin-top: 40px; }
.termsWrap .termsCont p { font-size: 16px; line-height: 1.4; }
.termsWrap p { font-size: 16px; }
.termsWrap li { font-size: 16px; line-height: 1.4; padding-left: 14px; }
.termsWrap li span { margin-left: -14px; margin-right: 3px; }
.termsWrap table { width: 100%; table-layout: fixed; margin: 15px 0; }
.termsWrap table th, .termsWrap table td { border: 1px solid #ddd; padding: 10px; }
.termsWrap table thead th { text-align: center; font-weight: 500; }
.termsWrap .dtList > li { position: relative; }
.termsWrap .dtList > li:before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; left: 0; top: 9px; }
.termsWrap .termsTitBox { text-align: center; }
.termsWrap section { margin-top: 40px; }
.termsWrap p { font-size: 16px; line-height: 1.4; }
.termsWrap .nvList li span { margin-left: -14px; margin-right: 3px; }
.termsWrap li { font-size: 16px; line-height: 1.4; padding-left: 14px; }
.termsWrap ul li + li { margin-top: 0; }
.termsWrap h3 { font-size: 18px; margin-top: 30px; margin-bottom: 10px; font-weight: 600; }
.termsWrap table { width: 100%; table-layout: fixed; margin: 15px 0; }
.termsWrap table th, .termsWrap table td { border: 1px solid #ddd; padding: 10px; }
.termsWrap table thead th { text-align: center; font-weight: 500; }
table caption { overflow: hidden; width: 0; height: 0; }

@media screen and (max-width: 768px) {
  .termsWrap .termsTitBox { margin-bottom: 15px; }
  .termsWrap .termsTitBox h2 { font-size: 24px; color: black; font-weight: 600; letter-spacing: -1px; }
  .termsWrap .termsTitBox + .termsCont { margin-top: 0; }
  .termsWrap section { margin-top: 0;}
  .termsWrap h2 + p { font-size: 13px; letter-spacing: -0.7px; margin-top: 15px; }
  .termsWrap h3 { font-size: 14px; margin-bottom: 8px; }
  .termsWrap .termsCont p { font-size: 13px; line-height: 1.3; text-align: left; letter-spacing: -0.7px; }
  .termsWrap li { font-size: 13px; line-height: 1.3; letter-spacing: -0.7px; }
  .termsWrap table th, .termsWrap table td { font-size: 13px; letter-spacing: -0.7px; }
  .termsWrap .termsTitBox h2 { font-size: 20px; }
  .termsWrap .termsTitBox h2 + p { font-size: 13px; line-height: 1.4; }
  .termsWrap .termsCont { padding: 0; }
  .termsWrap .termsCont p { font-size: 13px; }
  .termsWrap .termsCont li { font-size: 13px; }
  .termsWrap h3 { font-size: 14px; }
  .termsWrap table th, .termsWrap table td { font-size: 13px; }
  .termsWrap table tbody th, .termsWrap table tbody td { font-size: 13px; }
}



/* Media Query */
@media screen and (max-width: 1320px) {
  .ipBtnGroup .setSelect {display: none;}
  .ipBtnGroup .findProjectAll {display: none;}
  
}
@media screen and (max-width: 1500px) {
  .logo {padding-right: 15px;}
  .gnb {padding-left: 10px;}
  .gnb__list {gap: 1px;}
  .gnb__link {padding: 10px 10px; font-size: 15px;}
}

@media screen and (max-width: 1210px) {
  .shortcut { gap: 6px; }
  .shortcut .searchArea {    display: none;  }
   li.utilNav:nth-child(1),  li.utilNav:nth-child(2),  li.utilNav:nth-child(3) {    display: none;  }
  .searchArea .ipBtnGroup { display: none; position: absolute; left: 0; top: 70px; background: #fff; padding: 20px; z-index: 1; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294); text-align: center; }
  .searchArea .ipBtnGroup.on { display: block; }
  .searchArea .ipBtn { top: 20px; right: 27px; }
  .searchArea .ipBtn.find.mo { display: block; position: static; background: url(../assets/icon/icon-search_bold.svg) no-repeat center center;}
  .searchArea .btn.close { display: inline-block; margin-top: 15px; }
  .searchArea .input { width: 100%; }
  .utilPanel { right: 0; }
  .utilPanel::before { right: 10px; }
  .divLayout.harfType .divBox { width: 100%; }
  .menuBox { max-height: 200px; }
  .btnWrap .filter__box,
  .btnWrap .btn__box,
  .data .filter__box,
  .data .btn__box {
    width: auto;
  }
  .faqList .req .cate {
    display: none;
  }
  .faqList .req .question {
    padding: 0 40px 0 10px;
    font-size: 13px;
  }
  .faqList .res {
    padding: 20px;
  }
  .faqList .res .answer {
    font-size: 13px;
    line-height: 20px;
  }
  .loadingWrap .loadingBox {
    flex-flow: column;
  }
  .loadingWrap .dot-spinner {
    margin-bottom: 30px;
  }
  .loadingWrap .loadingMsg {
    font-size: 14px;
    line-height: 18px;
    word-break: keep-all;
  }
  .divLayout,
  .content .h2 + .divLayout.harfType {
    display: block;
    height: auto;
  }
  .divBox {
    width: 100%;
    margin-right: 0; /* 오른쪽 마진 추가 */
  }
  .divLayout .divBox:nth-child(2n),
  .divBox:nth-child(3):nth-last-child(1),
  .divBox:nth-child(3):nth-last-child(2),
  .divBox:nth-child(4):nth-last-child(1) {
    width: 100%;
  }

  .myModal .modalWrap {
    padding: 30px;
  }
  .inputHalign {
    flex-wrap: wrap;
  }
  .inputHalign .input--date {
    min-width: 0;
    width: 100%;
    flex: 1 0 100%;
  }
  .inputHalign .dateTime {
    width: inherit;
    margin: 0;
    flex: 1;
  }
  .inputHalign .smallSize, .inputHalign .middleSize {
    width: 100%;
    min-width: 0;
    flex: 1;
  }
  .inputHalign .icon-dash {
    display: none;
  }
  .inputHalign .str {
    white-space: nowrap;
  }
  .spanOne {
    display: inline-block;
    padding: 0 5px;
  }
  .harfRow {
    flex: 1;
    flex-wrap: wrap;
  }
  .moHide {
    display: none;
  }
  .pcHide {
    display: block;
  }
  /* 20230918 add */
  .grid__table tbody {
    display: block;
    width: 100%;
  }
  .ipBtWrap {
    flex: 1;
  }
  .fileAddArea {
    display: block;
    width: 100%;
  }
  .fileAddArea .btn.addFile {
    margin-top: 10px; /*width: 100%;%*/
  }
  .grid--scroll-col.harfType {
    border-top: 2px solid #3A3B50;
  }
  .grid--scroll-col.harfType .grid__table {
    border-top: none;
  }
  .grid--scroll-col.harfType .grid__table colgroup col {
    display: none;
  }
  .grid--scroll-col.harfType .grid__table th {
    width: auto; /* th의 넓이를 텍스트 크기에 맞게 조정 */
  }
  .grid--scroll-col.harfType .grid__table td {
    width: 100%; /* td가 가능한 나머지 넓이를 사용하도록 설정 */
  }
}

/* Media Query */
@media screen and (max-width: 768px) {
  .tab__nav {
    gap: 15px;
  }
  .tab.type1 .tab__link {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
  }
  .tab.type1 .btnCalendarStyle {
  	display:none;
  }
  
  .btn--small {
    height: 24px;
    line-height: 22px;
	}
}

@media screen and (max-width: 768px) {
  .search__area .formArea.input--bg .input__field .input__label {
    padding: 10px;
  }
  .search__area .formArea.input--bg .col-2 .input__label, 
  .search__area .formArea.input--bg .col-3 .input__label,
  .search__area .formArea.input--bg .col-4 .input__label {
    width: inherit;
  }
  .inputDataList > li > ul {
    padding: 0;
  }
  .defList {
    flex-wrap: wrap;
  }
  .defList .defTit {
    width: 100%;
    margin-bottom: 5px;
  }
  .defList .defDesc {
    justify-content: space-between;
  }
  .defList .defDesc .select, .defList .defDesc .ipBtnGroup {
    flex: 1;
  }
  .select.normalSize {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .breadCrumb {
    display: none;
  }
  .btnWrap .btn__box {
    display: flex;
  }
  .btnWrap .btn__box .btn {
    flex: 1;
    padding: 0 5px;
    border-radius: 0;
  }
  .btnWrap .btn__box.btnFull {
    flex-wrap: wrap;
    float: none;
    gap: 5px;
  }
  .btnWrap .btn__box.btnFull .btn {
    flex: 1 1 100%;
    margin: 0 !important;
  }
  .btn__box.btnFull {
    flex-wrap: wrap;
    float: none;
  }
  .btn__box.btnFull .btn {
    flex: 1 1 100%;
  }
  .btnWrap .filter__box, .btnWrap .btn__box,
  .data .filter__box, .data .btn__box {
    width: 100%;
  }
  .btnWrap .btn__box.mt0 { width: auto; }
  .data .btn__box.rightPos {
    width: auto;
  }
  .flex.btn__box .btn {
    flex: 1;
    padding: 0 5px;
  }
  .flex.btn__box.btnFull {
    flex-wrap: wrap;
    float: none;
    gap: 5px;
  }
  .flex.btn__box.btnFull .btn {
    flex: 1 1 100%;
    margin: 0 !important;
  }
  .filter__box {
    display: block;
    flex-wrap: inherit;
  }
  .filter__box .input__box {
    margin-top: 10px;
  }
  .data .filter__box {
    width: 100%;
  }
  .myModal .modalInr {
    padding: 0;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: none;
    top: 0;
    left: 0;
  }
  .myModal .modalInr:before {
    height: 5px;
    border-radius: 0;
  }
  .myModal .modalWrap {
    padding: 30px 20px;
  }
  .myModal .modalWrap .modalCont {
    max-height: calc(100vh - 350px);
  }
  .myModal .modalTit {
    margin-top: 0;
    padding-top: 0;
  }
  .myModal .modalTit h2 {
    font-size: 20px;
    color: black;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 20px;
  }
  .myModal .modalTit .leftSubject {
    font-size: 15px;
  }
  .myModal .modalCont {
    padding: 0;
  }
  .myModal .modalCont .titBox {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .myModal .modalCont .flexBox {
    gap: 10px;
    width: 100%;
    justify-content: space-between;
  }
  .myModal .modalCont .boxItm {
    font-size: 13px;
  }
  .myModal .modalCont h3 {
    font-size: 16px;
  }
  .myModal .modalCont h3 + [class*=listItm] {
    margin-top: 20px;
  }
  .myModal .modalCont [class*=listItm] + h3 {
    margin-top: 40px;
  }
  .myModal .closeModal {
    font-size: 20px;
  }
  .myModal.alert .modalWrap {
    padding: 30px 20px;
  }
  .myModal.alert .modalInr {
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
    right: 20px;
    width: auto;
  }
  .myModal.alert .titTxt {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  .myModal.alert .alertMsg {
    font-size: 14px;
    line-height: 18px;
  }
  .fileAddArea .btn.addFile {
    width: 100%;
  }
}