@charset "UTF-8";
/*
    ■ SCSS로 컴파일된 CSS형식입니다.
    ■ SCSS를 수정하여 컴파일 되어야 합니다.
    ■ 개발 시 필요한 css가 있다면 css/dev.css에 작성해야 합니다.
    ※ 해당파일을 수정하면 원복 될 수 있습니다.
*/
/*resources/static/scss/app/_reset.scss*/
@import '/css/webFonts-44a0443290ba03ba150b2a5044ed73a3.css';
@import '/css/module/stb.dropdown-0f6c78e87717c054986753267b7a526c.css';
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: none 0;
  border-spacing: 0;
}

body {
  font-family: "Spoqa Han Sans", Sans-serif;
  color: #101010;
  font-size: 14px;
  background-color: #fff;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
}

header,
section,
article,
nav,
aside,
footer,
address {
  margin: 0;
  padding: 0;
  border: none 0;
  border-spacing: 0;
}

img,
fieldset,
iframe {
  border: 0;
}

ol,
ul,
li {
  list-style: none;
}

input,
select,
button {
  vertical-align: middle;
  font-size: 14px;
  color: #101010;
}

img {
  vertical-align: middle;
}

select,
textarea,
button,
input {
  font-family: "Spoqa Han Sans", Sans-serif !important;
  color: #101010;
  outline: none;
}

i,
em,
address {
  font-style: normal;
}

button {
  margin: 0;
  padding: 0;
  cursor: pointer;
}

a {
  color: #101010;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

legend,
caption {
  display: none;
}

input:focus,
button:focus {
  outline: none;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*resources/static/scss/app/_rem.scss*/
@media (max-width: 720px) {
  html {
    font-size: 62.5%;
    -webkit-text-size-adjust: none;
  }
}
@media (max-width: 680px) {
  html {
    font-size: 59.375%;
  }
}
@media (max-width: 640px) {
  html {
    font-size: 56.25%;
  }
}
@media (max-width: 620px) {
  html {
    font-size: 54.6875%;
  }
}
@media (max-width: 590px) {
  html {
    font-size: 51.5625%;
  }
}
@media (max-width: 568px) {
  html {
    font-size: 50%;
  }
}
@media (max-width: 550px) {
  html {
    font-size: 48.4375%;
  }
}
@media (max-width: 530px) {
  html {
    font-size: 46.875%;
  }
}
@media (max-width: 515px) {
  html {
    font-size: 45.3125%;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 43.75%;
  }
}
@media (max-width: 470px) {
  html {
    font-size: 42.1875%;
  }
}
@media (max-width: 465px) {
  html {
    font-size: 40.625%;
  }
}
@media (max-width: 440px) {
  html {
    font-size: 39.0625%;
  }
}
@media (max-width: 414px) {
  html {
    font-size: 37.49993%;
  }
}
@media (max-width: 400px) {
  html {
    font-size: 35.9375%;
  }
}
@media (max-width: 390px) {
  html {
    font-size: 34.375%;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 32.8125%;
  }
}
@media (max-width: 360px) {
  html {
    font-size: 31.25%;
  }
}
@media (max-width: 340px) {
  html {
    font-size: 29.6875%;
  }
}
@media (max-width: 320px) {
  html {
    font-size: 26.5625%;
  }
}
/*resources/static/scss/common/_header.scss*/
header {
  width: 100%;
  height: 65px;
  position: fixed;
  background-color: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  z-index: 99;
  left: 0;
  top: 0;
}
@media all and (max-width: 1350px) {
  header {
    position: absolute;
  }
}
header.focus {
  border-bottom: 1px solid #e0e0e0;
}
header::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  position: absolute;
  left: 0;
  top: 64px;
  z-index: 1;
}
header::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #007ed2 url("/images/common/header_top_bg-05fc23811b9449fc442e4b470e4277fd.gif") no-repeat right top;
  z-index: 1;
}
header .h-cntn {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
}
header .menu {
  width: 760px;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .menu .logo a {
  display: block;
}
header .menu .logo a img {
  width: 132px;
}
header .menu nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  z-index: 2;
}
header .menu nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 90px;
}
header .menu nav ul li {
  position: relative;
}
header .menu nav ul li > a {
  display: block;
  height: 60px;
  font-size: 18px;
  position: relative;
  font-weight: 500;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .menu nav ul li > a::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .menu nav ul li > a:hover, header .menu nav ul li > a.on {
  color: #242390;
}
header .menu nav ul li > a:hover::after, header .menu nav ul li > a.on::after {
  content: "";
  display: inline-block;
  width: calc(100% + 4px);
  height: 2px;
  background-color: #242390;
}
header .menu nav ul li .depth {
  min-height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 60px;
  padding: 30px 0;
  gap: 15px;
  display: none;
}
header .menu nav ul li .depth a {
  display: block;
  white-space: nowrap;
  color: #505050;
  padding: 5px 0;
}
header .menu nav ul li .depth a:hover {
  color: #242390;
  font-weight: 500;
}
header .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
header .util .drop-select {
  position: relative;
}
header .util .drop-select .value {
  min-width: 235px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px 0 12px;
  position: relative;
  cursor: pointer;
  background-color: #fff;
}
header .util .drop-select .value::after {
  content: "";
  width: 10px;
  height: 5px;
  background: url("/images/common/header_drop_select_arrow-72757cc54c2cd91c1c6235d149caf9ec.png") no-repeat center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .util .drop-select .value.focus::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
header .util .drop-select .option_wrap {
  width: 100%;
  position: absolute;
  z-index: 12;
  left: 0;
  top: 34px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  display: none;
}
header .util .drop-select .option_wrap .option {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
header .util .drop-select .option_wrap .option > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #797979;
}
header .util .drop-select .option_wrap .option > a i {
  width: 36px;
  height: 36px;
  background-color: #ededed;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .util .drop-select .option_wrap .option > a i::before {
  content: "";
  width: 18px;
  height: 18px;
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px;
  background-color: #797979;
  -webkit-mask-image: url("/images/common/header_icon_company-84ccf95cf86fecc83506528b0be23bf1.svg");
          mask-image: url("/images/common/header_icon_company-84ccf95cf86fecc83506528b0be23bf1.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
header .util .drop-select .option_wrap .option > a:hover {
  color: #101010;
}
header .util .drop-select .option_wrap .option > a:hover i {
  background-color: #eaeaff;
}
header .util .drop-select .option_wrap .option > a:hover i::before {
  background-color: #242390;
}
header .util .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
header .util .buttons button.type_icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: relative;
  text-indent: -9999px;
  border: none;
  background-repeat: no-repeat;
  background-position: center center;
}
header .util .buttons button.type_icon::after {
  content: attr(data-title);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0 10px;
  border-radius: 4px;
  z-index: 13;
  line-height: 34px;
  text-indent: 0;
  white-space: nowrap;
  display: none;
}
header .util .buttons button.type_icon.on:hover::after {
  display: none;
}
header .util .buttons button.type_icon.on::after {
  display: none;
}
header .util .buttons button.type_icon:hover::after {
  display: block;
}
header .util .buttons button.type_icon[data-title=알림] {
  background-color: #ffeedb;
  background-image: url("/images/common/header_icon_alarm-d265db1080b52c0080c37a3c5ff7eb67.svg");
}
header .util .buttons button.type_icon[data-title=알림] i {
  background-color: #ff2525;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -2px;
  left: 50%;
  text-indent: 0;
  line-height: 16px;
  border-radius: 16px;
  padding: 0 5px;
}
header .util .buttons button.type_icon[data-title=인수율조회] {
  background-color: #e2fddc;
  background-image: url("/images/common/header_icon_take-d2498718df0a80b6c7551a11bd7bfc99.svg");
}
header .util .buttons button.type_icon[data-title=조회] {
  background-color: #d7ecff;
  background-image: url("/images/common/header_icon_check-b8a63f9e5c3df06259f6ab17ecc72dcc.svg");
}
header .util .buttons button.type_icon[data-title=계정] {
  background-color: #f0ebfe;
  background-image: url("/images/common/header_icon_account-6a2653d8385b998e9973d621a53aebdb.svg");
}
header .util .buttons button.type_icon[data-title=환경설정] {
  background-color: #ededed;
  background-image: url("/images/common/header_icon_setting-0425525d50e3d4f072b121f69e1ae823.svg");
}
header .util .buttons button.type_icon[data-title="새창으로 보기"] {
  background-color: #ffedfb;
  background-image: url("/images/common/header_icon_blank-877e4ca3b7420a7d4b5484f88ffe8285.svg");
}
header .util .buttons button.type_icon[data-title="새창으로 보기"]::after {
  left: inherit;
  right: 0;
  -webkit-transform: none;
          transform: none;
}
header .util .buttons .alarm {
  position: relative;
}
header .util .buttons .alarm .drop_list {
  width: 297px;
  height: 515px;
  position: fixed;
  z-index: 11;
  top: 65px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  display: none;
  margin-left: -148.5px;
}
header .util .buttons .alarm .drop_list h5 {
  padding: 0 20px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 500;
}
header .util .buttons .alarm .drop_list .tab {
  background-color: #f9f9f9;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  padding: 0 20px;
}
header .util .buttons .alarm .drop_list .tab a {
  color: #505050;
  line-height: 37px;
  position: relative;
}
header .util .buttons .alarm .drop_list .tab a.on {
  color: #242390;
  font-weight: 500;
}
header .util .buttons .alarm .drop_list .tab a.on::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #242390;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1px;
}
header .util .buttons .alarm .drop_list .data_wrap {
  border-top: 1px solid #e0e0e0;
  position: relative;
  height: calc(100% - 82px);
}
header .util .buttons .alarm .drop_list .data_wrap .list {
  width: 100%;
  height: calc(100% - 93px);
  overflow: hidden;
  overflow-y: auto;
}
header .util .buttons .alarm .drop_list .data_wrap .list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
header .util .buttons .alarm .drop_list .data_wrap .list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
header .util .buttons .alarm .drop_list .data_wrap .list::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
header .util .buttons .alarm .drop_list .data_wrap .list::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl {
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 5px;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dt h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #505050;
  font-weight: 400;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dt h6 .chip {
  color: #101010;
  border: 1px solid #e0e0e0;
  padding: 0 5px;
  line-height: 18px;
  border-radius: 18px;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dt .badge {
  font-size: 12px;
  color: #505050;
  position: relative;
  padding-right: 10px;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dt .badge::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #ff2525;
  position: absolute;
  right: 0;
  top: -5px;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl dd i {
  font-size: 12px;
  color: #505050;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl.noti {
  background-color: #fff9e6;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl.read {
  opacity: 0.5;
}
header .util .buttons .alarm .drop_list .data_wrap .list dl.read dt .badge {
  display: none;
}
header .util .buttons .alarm .drop_list .data_wrap .message {
  width: 100%;
  height: 93px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #c9c9c9;
}
header .util .buttons .account {
  position: relative;
}
header .util .buttons .account .drop_list {
  width: 236px;
  position: fixed;
  z-index: 11;
  top: 65px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 15px 10px 20px 10px;
  display: none;
  margin-left: -118px;
}
header .util .buttons .account .drop_list .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: relative;
  padding-bottom: 17px;
}
header .util .buttons .account .drop_list .user::after {
  content: "";
  display: inline-block;
  width: 200px;
  height: 1px;
  background-color: #e0e0e0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
header .util .buttons .account .drop_list .user .photo {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f0ebfe;
}
header .util .buttons .account .drop_list .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 28px;
  padding: 17px 8px 0 8px;
}
header .util .buttons .account .drop_list .btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  color: #505050;
}
header .util .buttons .account .drop_list .btns a::before {
  content: "";
  width: 18px;
  height: 18px;
}
header .util .buttons .account .drop_list .btns a.modify::before {
  background: url("/images/icon/icon_account_modify-b99163031be95448d5a893e56c57e344.svg");
}
header .util .buttons .account .drop_list .btns a.mgmt::before {
  background: url("/images/icon/icon_account_mgmt-612a763e90d0e4a49d50cfb0e74d5fcb.svg");
}
header .util .buttons .account .drop_list .btns a.logout::before {
  background: url("/images/icon/icon_account_logout-23e2b61339d69482f0b000b236c6685b.svg");
}

/*resources/static/scss/common/_layout.scss*/
.container {
  height: 100vh;
  padding: 65px 24px 75px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.container.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.recentMenu {
  width: 185px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.recentMenu > h6 {
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.recentMenu > h6::after {
  content: "";
  width: 8px;
  height: 2px;
  background: url("/images/icon/icon_menu_minus-e419120340247785c7f39c4537382bc3.svg") no-repeat;
}
.recentMenu > h6.close::after {
  width: 8px;
  height: 8px;
  background: url("/images/icon/icon_menu_plus-c236729ff1c72e637cefa08af8ead074.svg") no-repeat;
}
.recentMenu ul {
  padding: 12px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
.recentMenu ul li {
  height: 24px;
  border-radius: 24px;
  padding: 0 10px;
  gap: 7px;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recentMenu ul li a {
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.recentMenu ul li button {
  width: 12px;
  height: 12px;
  border: none;
  background: url("/images/icon/icon_menu_del-89332f5be663734e71405613c103278f.svg") no-repeat center center;
  text-indent: -9999px;
}

@media all and (max-width: 1350px) {
  #wrap {
    width: 1350px;
    position: relative;
  }
}
.pageLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: calc(100% - 210px);
  margin-top: 38px;
}
.pageLayout.full {
  width: 100%;
  margin-top: 0;
}
.pageLayout .roundBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
}
.pageLayout .roundBoxWrap.layout-half {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
.pageLayout .roundBoxWrap.layout-half > .roundBox {
  width: 100%;
}
.pageLayout .roundBox {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 20px;
}
.pageLayout .roundBox.typeGrid {
  margin-top: 5px;
}
.pageLayout .roundBox .top_ctrl {
  width: 100%;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pageLayout .roundBox .top_ctrl .tit {
  font-size: 18px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
.pageLayout .roundBox .top_ctrl .tit span {
  font-size: 14px;
}
.pageLayout .roundBox .top_ctrl .tit span i {
  color: #00b3e3;
}
.pageLayout .roundBox .top_ctrl .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: relative;
}
.pageLayout .roundBox .top_ctrl .tit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.pageLayout .roundBox .top_ctrl .tit-wrap .tit {
  gap: 5px;
}
.pageLayout .roundBox .top_ctrl .tit-wrap .value {
  font-size: 14px;
  font-weight: 500;
}
.pageLayout .roundBox .top_ctrl .tit-wrap .value i {
  color: #00b3e3;
}
.pageLayout .pageTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.pageLayout .pageTitle h2 {
  font-size: 26px;
  letter-spacing: -1px;
}
.pageLayout .pageTitle .root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.pageLayout .pageTitle .root li {
  color: #767676;
  padding-right: 14px;
  background: url("/images/icon/icon_root_arrow-ab680fa69cf49312cdafd414cb939bb8.svg") no-repeat right center;
}
.pageLayout .pageTitle .root li:last-child {
  background: none;
  font-weight: 500;
  color: #101010;
}
.pageLayout .pageTitle.no-mb {
  margin-bottom: 0;
}
.pageLayout .shortcutKeys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
}
.pageLayout .shortcutKeys .setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.pageLayout .shortcutKeys .setting .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 12px;
  border-radius: 4px;
  gap: 40px;
}
.pageLayout .shortcutKeys .setting .message > span {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.pageLayout .shortcutKeys .setting .message.alarm {
  background-color: #ffe9e9;
}
.pageLayout .shortcutKeys .setting .message.alarm > span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("/images/icon/icon_veto-7c4c98d4a132a0e5fd15188aae8ecab8.svg");
}
.pageLayout .shortcutKeys .fix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.pageLayout .typeSearch {
  padding: 15px 0 40px 0;
}
.pageLayout .typeSearch .top_ctrl {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pageLayout .typeSearch .top_ctrl .tit {
  font-size: 18px;
  font-weight: 500;
}
.pageLayout .typeSearch .top_ctrl .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.pageLayout .typeSearch .inputField {
  margin-top: 10px;
}
.pageLayout .typeSearch.close {
  padding: 15px 0;
}
.pageLayout .typeResult .total_sum {
  width: 100%;
  min-height: 60px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.pageLayout .typeResult .total_sum ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pageLayout .typeResult .total_sum ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  padding-right: 15px;
  position: relative;
  font-weight: 500;
}
.pageLayout .typeResult .total_sum ul li::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.pageLayout .typeResult .total_sum ul li:last-child {
  padding-right: 0;
}
.pageLayout .typeResult .total_sum ul li:last-child::after {
  display: none;
}
.pageLayout .typeResult .total_sum ul li .red {
  color: #ff2727;
}
.pageLayout .disply-flex-gap10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.pageLayout .dis-flex-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pageLayout .page-bottom_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 40px;
}
.pageLayout .page-bottom_btns button.comm {
  min-width: 140px;
  height: 40px;
}
.pageLayout .layoutFlex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 0;
  border-top: 1px solid #101010;
}
.pageLayout .layoutFlex .cell {
  width: 300px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
.pageLayout .layoutFlex .cell .photo {
  width: 100%;
  height: 198px;
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pageLayout .layoutFlex .cell ul {
  padding: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 8px;
}
.pageLayout .layoutFlex .cell ul .name {
  font-weight: 500;
  color: #101010;
}
.pageLayout .layoutFlex .cell ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  color: #505050;
}
.pageLayout .layoutFlex .cell ul li i {
  min-width: 34px;
  padding-right: 8px;
  position: relative;
}
.pageLayout .layoutFlex .cell ul li i::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 8px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.pageLayout .typeExplanation {
  width: 100%;
  padding: 40px;
  border-top: 1px solid #101010;
  border-bottom: 1px solid #e0e0e0;
}

div.rows {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 10px;
}
div.rows .top_ctrl {
  margin-bottom: 0 !important;
}
div.rows + .rows {
  margin-top: 15px;
}
div.rows .sumary {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}
div.rows .sumary i {
  font-size: 12px;
  font-weight: 400;
}

div.multiBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 15px;
}

dl.element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 20px;
}
dl.element dt {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
dl.element dt.point::after {
  content: "*";
  color: #ff2727;
  display: inline-block;
  vertical-align: text-top;
  line-height: 1;
}
dl.element.horiz {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
dl.element.horiz dt {
  font-size: 14px;
  color: #505050;
}
dl.element.wd20 {
  width: 20%;
}
dl.element.wd25 {
  width: 25%;
}
dl.element.wd30 {
  width: 30%;
}
dl.element.wd33 {
  width: 33%;
}
dl.element.wd35 {
  width: 35%;
}
dl.element.wd40 {
  width: 40%;
}
dl.element.wd45 {
  width: 45%;
}
dl.element.wd50 {
  width: 50%;
}
dl.element.wd55 {
  width: 55%;
}
dl.element.wd60 {
  width: 60%;
}
dl.element.wd65 {
  width: 65%;
}
dl.element.wd70 {
  width: 70%;
}
dl.element.wd75 {
  width: 75%;
}
dl.element.wd80 {
  width: 80%;
}
dl.element.wd85 {
  width: 85%;
}
dl.element.wd90 {
  width: 90%;
}
dl.element.wd95 {
  width: 95%;
}
dl.element.wd100 {
  width: 100%;
}

.null-data-wrap {
  display: block !important;
}
.null-data-wrap > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 200px;
  font-size: 14px;
  color: #767676;
  text-align: center;
}

/*resources/static/scss/component/_button.scss*/
button.comm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  gap: 5px;
  background-color: #fff;
  padding: 0 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-weight: 400;
  min-width: 72px;
  white-space: nowrap;
}
button.comm.shortcut .set {
  color: #242390;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-align: left;
}
button.comm.shortcut:hover, button.comm.shortcut:focus {
  background-color: #f6f6f6;
  border-color: #e0e0e0;
  color: #101010;
}
button.comm.shortcut.esc .set, button.comm.shortcut.del .set {
  color: #101010;
}
button.comm.shortcut.esc:hover, button.comm.shortcut.esc:focus, button.comm.shortcut.del:hover, button.comm.shortcut.del:focus {
  background-color: #f6f6f6;
}
button.comm.shortcut.esc:hover .set, button.comm.shortcut.esc:focus .set, button.comm.shortcut.del:hover .set, button.comm.shortcut.del:focus .set {
  color: #101010;
}
button.comm.shortcut.brdr_blue {
  border-color: #242390;
  color: #101010;
}
button.comm.shortcut.brdr_blue:hover, button.comm.shortcut.brdr_blue:focus {
  background-color: #e9e9f4;
  color: #101010;
}
button.comm.shortcut.bg_blue .set {
  color: #fff;
}
button.comm.shortcut.bg_blue:hover, button.comm.shortcut.bg_blue:focus {
  background-color: #171661;
  color: #fff;
}
button.comm.shortcut.bg_blue:hover .set, button.comm.shortcut.bg_blue:focus .set {
  color: #fff;
}
button.comm.bg_blue {
  background-color: #242390;
  border-color: #242390;
  color: #fff;
}
button.comm.bg_blue:hover, button.comm.bg_blue:focus {
  background-color: #171661;
  border-color: #171661;
}
button.comm.bg_gray {
  background-color: #f6f6f6;
  border-color: #e0e0e0;
  color: #505050;
}
button.comm.bg_gray:hover, button.comm.bg_gray:focus {
  background-color: #fff;
}
button.comm.bg_red {
  background-color: #ffe9e9;
  border-color: #ff2727;
  color: #ff2727;
}
button.comm.bg_red:hover, button.comm.bg_red:focus {
  background-color: #ff2727;
  color: #fff;
}
button.comm.bg_skyblue {
  background-color: #edf5fc;
  border-color: #007afe;
  color: #007afe;
}
button.comm.bg_skyblue:hover, button.comm.bg_skyblue:focus {
  background-color: #007afe;
  color: #fff;
}
button.comm.brdr_blue {
  border-color: #242390;
  color: #242390;
}
button.comm.brdr_blue:hover, button.comm.brdr_blue:focus {
  background-color: #e9e9f4;
}
button.comm.folding {
  width: 36px;
  min-width: auto;
  padding: 0;
  text-indent: -9999px;
  position: relative;
  gap: 0;
}
button.comm.folding::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 6px;
  -webkit-mask-size: 12px 6px;
          mask-size: 12px 6px;
  background-color: #505050;
  -webkit-mask-image: url("/images/icon/icon_folding_arrow-c5cf4192f113fc6a627e49c3dfa2d27b.svg");
          mask-image: url("/images/icon/icon_folding_arrow-c5cf4192f113fc6a627e49c3dfa2d27b.svg");
}
button.comm.folding:hover::before {
  background-color: #505050;
}
button.comm.folding::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
button.comm.folding.close::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
button.comm.sortUp {
  width: 36px;
  min-width: auto;
  padding: 0;
  text-indent: -9999px;
  position: relative;
  gap: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
button.comm.sortUp::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 6px;
  -webkit-mask-size: 12px 6px;
          mask-size: 12px 6px;
  background-color: #505050;
  -webkit-mask-image: url("/images/icon/icon_folding_arrow-c5cf4192f113fc6a627e49c3dfa2d27b.svg");
          mask-image: url("/images/icon/icon_folding_arrow-c5cf4192f113fc6a627e49c3dfa2d27b.svg");
}
button.comm.sortUp:hover::before {
  background-color: #00b3e3;
}
button.comm.sortUp::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
button.comm.sortUp:hover, button.comm.sortUp:focus {
  border-color: #00b3e3;
}
button.comm.sortUp.on {
  border-color: #00b3e3;
}
button.comm.sortUp.on::before {
  background-color: #00b3e3;
}
button.comm.sortDown {
  width: 36px;
  min-width: auto;
  padding: 0;
  text-indent: -9999px;
  position: relative;
  gap: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
button.comm.sortDown::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 6px;
  -webkit-mask-size: 12px 6px;
          mask-size: 12px 6px;
  background-color: #505050;
  -webkit-mask-image: url("/images/icon/icon_folding_arrow-c5cf4192f113fc6a627e49c3dfa2d27b.svg");
          mask-image: url("/images/icon/icon_folding_arrow-c5cf4192f113fc6a627e49c3dfa2d27b.svg");
}
button.comm.sortDown:hover::before {
  background-color: #00b3e3;
}
button.comm.sortDown::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
button.comm.sortDown:hover, button.comm.sortDown:focus {
  border-color: #00b3e3;
}
button.comm.sortDown.on {
  border-color: #00b3e3;
}
button.comm.sortDown.on::before {
  background-color: #00b3e3;
}
button.comm.only-icon {
  width: 36px;
  min-width: auto;
  padding: 0;
  text-indent: -9999px;
  position: relative;
  gap: 0;
}
button.comm.only-icon::after {
  content: attr(data-title);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0 10px;
  border-radius: 4px;
  z-index: 13;
  line-height: 34px;
  text-indent: 0;
  white-space: nowrap;
  display: none;
  font-weight: 400;
}
button.comm.only-icon:hover::after {
  display: block;
}
button.comm.only-icon.excel {
  background: url("/images/icon/icon_excel-1e32bab19b37ad2733436b40b5e0dcb3.svg") no-repeat center center;
}
button.comm.only-icon.filter {
  background: url("/images/icon/icon_filter-1cbaa98f4b2b2b23f2dc6eaa4d26c603.svg") no-repeat center center;
}
button.comm.only-icon.arw-up {
  background: url("/images/icon/icon_arw_up-7be448aec6f49b3b315574555c54fd67.svg") no-repeat center center;
}
button.comm.only-icon.arw-down {
  background: url("/images/icon/icon_arw_down-0e422665e136fdb01cf934eab66d37b1.svg") no-repeat center center;
}
button.comm.only-icon.arw-left {
  background: url("/images/icon/icon_arw_left-117c02a33384582c1a1a35dc0fc557c2.svg") no-repeat center center;
}
button.comm.only-icon.arw-right {
  background: url("/images/icon/icon_arw_right-e8f8710ffb270065ee83134d8954068a.svg") no-repeat center center;
}
button.comm.only-icon.x {
  background: url("/images/icon/icon_x_11x14-3dbb4a3e91d88dd174d5fb74aa5ba7f4.svg") no-repeat center center;
}
button.comm.only-icon.trash {
  background: url("/images/icon/icon_trash-f359e945e79d5d734581f0a1a4786e5e.svg") no-repeat center center;
}
button.comm.only-icon.pencil {
  background: url("/images/icon/icon_pencil-d7ff4a880c54bd4d017a899e0bd9f15f.svg") no-repeat center center;
}
button.comm.only-icon.save {
  background: url("/images/icon/icon_save-99d49c8f2ae8fcfa7ee1694df4d6694c.svg") no-repeat center center;
  background-size: 18px auto;
}
button.comm.only-icon.reset {
  background: url("/images/icon/icon_reset-e51a75f7f333de83374b927bfef04997.svg") no-repeat center center;
  background-size: 18px auto;
}
button.comm.all-view {
  width: 100%;
  color: #242390;
  gap: 10px;
}
button.comm.all-view::after {
  content: "";
  width: 8px;
  height: 8px;
  background: url("/images/icon/icon_menu_plus-c236729ff1c72e637cefa08af8ead074.svg") no-repeat;
}
button.comm.brdr_gray:hover, button.comm.brdr_gray.on, button.comm.brdr_gray:focus {
  background-color: #f6f6f6;
  border-color: #e0e0e0;
}
button.comm.big {
  padding: 0 20px;
}
button.comm.auto {
  min-width: inherit;
}
button.comm.mgmt {
  min-width: inherit;
  width: 36px;
  height: 36px;
  background: url("/images/icon/icon_mgmt-7716814ed2324dd5c6c81872a4402026.svg") no-repeat center center;
  text-indent: -9999px;
}
button.comm.mgmt:hover, button.comm.mgmt.on, button.comm.mgmt:focus {
  background-color: #f6f6f6;
  border-color: #e0e0e0;
}
button.close-icon-x {
  width: 15px;
  height: 16px;
  border: none;
  background: url("/images/icon/icon_close_x-42b53a20810f4c07d6ac2d0d08f1cf20.svg") no-repeat center center;
  text-indent: -9999px;
}

/*resources/static/scss/component/_input.scss*/
input.input {
  width: 100%;
  height: 36px !important;
  border-radius: 4px !important;
  border: 1px solid #e0e0e0 !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  line-height: 1 !important;
}
input.input[readonly=readonly], input.input:disabled {
  border: 1px solid #e0e0e0 !important;
  background-color: #f6f6f6;
  color: #101010;
  font-weight: 400;
}
input.input[readonly=readonly]:focus, input.input:disabled:focus {
  color: #101010;
}
input.input:focus {
  border-color: #007afe !important;
  color: #101010;
}
input.input::-webkit-input-placeholder {
  color: #c9c9c9;
}
input.input::-moz-placeholder {
  color: #c9c9c9;
}
input.input:-ms-input-placeholder {
  color: #c9c9c9;
}
input.input::-ms-input-placeholder {
  color: #c9c9c9;
}
input.input::placeholder {
  color: #c9c9c9;
}
input.input.date {
  padding: 0 40px 0 12px;
  background: url("/images/icon/icon_calendar-6b920f6c4002f2fbc848592d8e2e4409.svg") no-repeat calc(100% - 14px) center;
}
input.input.has_unit {
  padding: 0 50px 0 12px;
}

.tui-datepicker-input {
  width: 100% !important;
  height: 36px !important;
  border: none !important;
}

.vrslt {
  margin-top: 5px !important;
  color: #ff2727 !important;
}

/*resources/static/scss/component/_select.scss*/
select.select, select.styled-select {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  padding: 0 40px 0 12px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff url("/images/icon/icon_select_arrow-526e332ebd9fc4e2c8c6ba2b39e75e02.svg") no-repeat calc(100% - 12px) center;
}
select.select:focus, select.styled-select:focus {
  border-color: #007afe;
  background: #fff url("/images/icon/icon_select_arrow_focus-d7e0986d017b79fe16e08701bed2fdfa.svg") no-repeat calc(100% - 12px) center;
}
select.select.min, select.styled-select.min {
  width: 340px;
}
select.select.auto, select.styled-select.auto {
  width: auto;
}
select.select:disabled, select.styled-select:disabled {
  background: #f6f6f6 url("/images/icon/icon_select_arrow_dis-0217bcc72c824c7a736b1cbb01c5f9ff.svg") no-repeat calc(100% - 12px) center;
  color: #c9c9c9;
}

.checkbox-select {
  width: 100%;
  position: relative;
}
.checkbox-select.min {
  width: 340px;
}
.checkbox-select.auto {
  width: auto;
}
.checkbox-select .value {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0 40px 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.checkbox-select .value::after {
  content: "";
  width: 10px;
  height: 5px;
  -webkit-mask-size: 10px 5px;
          mask-size: 10px 5px;
  background-color: #e0e0e0;
  -webkit-mask-image: url("/images/icon/icon_select_arrow-526e332ebd9fc4e2c8c6ba2b39e75e02.svg");
          mask-image: url("/images/icon/icon_select_arrow-526e332ebd9fc4e2c8c6ba2b39e75e02.svg");
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(100% - 20px);
}
.checkbox-select .value.focus {
  border-color: #007afe;
}
.checkbox-select .value.focus::after {
  background-color: #007afe;
}
.checkbox-select .option {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 35px;
  padding: 15px 12px;
  border: 1px solid #007afe;
  border-radius: 4px;
  background-color: #fff;
  z-index: 20;
  display: none;
}
.checkbox-select .option .list {
  width: 100%;
  max-height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.checkbox-select .option .list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.checkbox-select .option .list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.checkbox-select .option .list::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.checkbox-select .option .list::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}

.stb-select-container {
  width: 100%;
  padding: 0;
  margin: 0;
  border: 1px solid #e0e0e0;
  padding: 0;
  font-family: "Spoqa Han Sans", Sans-serif;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.stb-select-container.focus {
  border-color: #007afe;
}
.stb-select-container.min {
  width: 340px;
}
.stb-select-container.auto {
  width: auto;
}
.stb-select-container::after {
  content: "";
  width: 10px;
  height: 5px;
  background: url("/images/icon/icon_select_arrow-526e332ebd9fc4e2c8c6ba2b39e75e02.svg") no-repeat center center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  right: 12px;
  top: 50%;
  margin-top: -2.5px;
}
.stb-select-container .selected {
  color: #c9c9c9;
  width: 100%;
  height: 34px;
  padding: 0 34px 0 12px;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6f6f6;
  cursor: not-allowed;
}
.stb-select-container .selected.on {
  color: #101010;
  cursor: pointer;
  background-color: transparent;
}
.stb-select-container .stb-select {
  width: calc(100% + 2px);
  border: 1px solid #007afe;
  border-radius: 4px;
  left: -1px;
  top: 34px;
  padding: 6px 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 500px;
  background-color: #fff;
  z-index: 20;
  display: none;
}
.stb-select-container .stb-select li {
  opacity: 1;
  margin-top: 0;
  padding: 9px 12px;
  line-height: 1.2;
  color: #505050;
}
.stb-select-container .stb-select li:first-of-type {
  opacity: 1;
}
.stb-select-container .stb-select li:hover {
  background-color: #edf5fc;
  color: #101010;
}
.stb-select-container .stb-select li + li {
  margin-top: 0;
}
.stb-select-container .stb-select li.selected {
  background-color: #edf5fc !important;
  color: #101010 !important;
}
.stb-select-container.on {
  border: 1px solid #007afe;
}
.stb-select-container.on::after {
  background: url("/images/icon/icon_select_arrow_focus-d7e0986d017b79fe16e08701bed2fdfa.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*resources/static/scss/component/_radio.scss*/
.radio_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  gap: 30px;
}

.radio {
  position: relative;
  cursor: pointer;
}
.radio.focus {
  outline: none;
}
.radio.focus input[type=radio] {
  border: 2px solid #007afe;
}
.radio.focus input[type=radio]:checked {
  background-color: #007afe;
  -webkit-box-shadow: 0 0 0 2px #007afe;
          box-shadow: 0 0 0 2px #007afe;
}
.radio input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.radio input[type=radio]:checked {
  width: 15px;
  height: 15px;
  background-color: #00b3e3;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 0 2px hsl(193, 60%, 49%);
          box-shadow: 0 0 0 2px hsl(193, 60%, 49%);
}
.radio span {
  padding-left: 22px;
  white-space: nowrap;
}

/*resources/static/scss/component/_checkbox.scss*/
.checkbox_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 36px;
  gap: 30px;
}

.checkbox {
  position: relative;
  cursor: pointer;
}
.checkbox.focus {
  outline: none;
}
.checkbox.focus span::before {
  border-color: #007afe;
}
.checkbox.focus input[type=checkbox]:checked + span::before {
  border-color: #007afe;
}
.checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.checkbox input[type=checkbox]:checked + span::before {
  border-color: #00b3e3;
  background: #00b3e3 url("/images/icon/icon_checkbox-870721afbecae307ddaa841407dc152c.svg") no-repeat center center;
}
.checkbox span {
  font-weight: 500;
  position: relative;
  padding-left: 22px;
  line-height: 18px;
  display: block;
}
.checkbox span::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 0;
}

.checkbox2 {
  position: relative;
  cursor: pointer;
}
.checkbox2.focus {
  outline: none;
}
.checkbox2.focus span::before {
  background: url("/images/icon/icon_checkbox-870721afbecae307ddaa841407dc152c.svg") no-repeat center center;
}
.checkbox2.focus input[type=checkbox]:checked + span::before {
  background: url("/images/icon/icon_checkbox-870721afbecae307ddaa841407dc152c.svg") no-repeat center center;
}
.checkbox2 input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.checkbox2 input[type=checkbox]:checked + span::before {
  background: url("/images/icon/icon_checkbox2_chk-840cc8b44635171715b4f64889faf25d.svg") no-repeat center center;
}
.checkbox2 span {
  font-weight: 500;
  position: relative;
  padding-left: 22px;
  line-height: 18px;
  display: block;
  color: #505050;
}
.checkbox2 span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("/images/icon/icon_checkbox2-945d09c350a3f5d3a74d451f82b3630b.svg") no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
}

/*resources/static/scss/component/_textarea.scss*/
.textarea {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 12px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  min-height: 75px;
  resize: vertical;
}
.textarea::-webkit-input-placeholder {
  color: #c9c9c9;
}
.textarea::-moz-placeholder {
  color: #c9c9c9;
}
.textarea:-ms-input-placeholder {
  color: #c9c9c9;
}
.textarea::-ms-input-placeholder {
  color: #c9c9c9;
}
.textarea::placeholder {
  color: #c9c9c9;
}
.textarea:focus {
  border-color: #007afe;
  color: #101010;
}
.textarea[readonly=readonly], .textarea:disabled {
  background-color: #f6f6f6;
}
.textarea[readonly=readonly]:focus {
  border-color: #e0e0e0;
}

/*resources/static/scss/component/_table.scss*/
.gridBox .tui-grid-container {
  font-family: "Spoqa Han Sans", Sans-serif;
  color: #101010;
}
.gridBox .tui-grid-container .red-cell-style {
  background-color: #ff9393 !important;
}
.gridBox .tui-grid-content-area {
  border-color: #e0e0e0;
}
.gridBox .tui-grid-header-area {
  background-color: #f6f6f6;
  border-color: #e0e0e0;
}
.gridBox .tui-grid-cell-header {
  background-color: #f6f6f6 !important;
  border-color: #e0e0e0 !important;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridBox .tui-grid-cell-row-header {
  border-right-width: 1px;
  color: #101010;
}
.gridBox .tui-grid-cell {
  background-color: #fff;
  border-color: #e0e0e0;
  color: #101010;
  border-right-width: 1px;
}
.gridBox .tui-grid-cell-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridBox .tui-grid-cell i.new {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #ff2727;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.gridBox .tui-grid-border-line-top {
  border-top: 1px solid #101010;
}
.gridBox .tui-grid-table-container {
  border-right: 1px solid #e0e0e0;
}
.gridBox .tui-grid-no-scroll-x .tui-grid-border-line-bottom {
  border-bottom: 1px solid #e0e0e0;
}
.gridBox .tui-grid-cell-has-input, .gridBox .tui-grid-cell-editable {
  padding: 4px 12px;
}
.gridBox .cstm-grid {
  border-top: 1px solid #101010;
}
.gridBox .cstm-grid.has_scroll {
  width: 100%;
  overflow: auto;
}
.gridBox .cstm-grid.has_scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.gridBox .cstm-grid.has_scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.gridBox .cstm-grid.has_scroll::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.gridBox .cstm-grid.has_scroll::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.gridBox .cstm-grid.has_scroll.thead-top table {
  width: auto;
}
.gridBox .cstm-grid.has_scroll.thead-top table thead th {
  white-space: nowrap;
}
.gridBox .cstm-grid table th {
  text-align: left;
  border: 1px solid #e0e0e0;
  background-color: #f6f6f6;
  font-weight: 500;
  color: #505050;
  padding-left: 12px;
  border-top: none;
  line-height: 1.2;
}
.gridBox .cstm-grid table th[valign=top] {
  padding: 15px 12px;
}
.gridBox .cstm-grid table th:first-child {
  border-left-width: 0;
}
.gridBox .cstm-grid table th.point::after {
  content: "*";
  color: #ff2727;
}
.gridBox .cstm-grid table td {
  padding: 4px 12px;
  border: 1px solid #e0e0e0;
  border-top: none;
}
.gridBox .cstm-grid table td:last-child {
  border-right-width: 0;
}
.gridBox .cstm-grid table td.editorWrap {
  padding: 10px 12px;
}
.gridBox .cstm-grid table td .cell-content {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gridBox .cstm-grid table td .cell-content.red {
  color: #ff2727;
}
.gridBox .cstm-grid table td .file-preview {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gridBox .cstm-grid table td .file-preview .file-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.gridBox .cstm-grid table td .file-preview .file-down::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url("/images/icon/icon_download-bf0201e33e25a4ac155fd1939242e08c.svg") no-repeat center center;
}
.gridBox .cstm-grid table td .file-preview .file-del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.gridBox .cstm-grid table td .file-preview .file-del button {
  width: 9px;
  height: 9px;
  border: none;
  text-indent: -9999px;
  background: url("/images/icon/icon_x_9x8_red-34a2a112b3eae6b28a1bbce8d4fba3ad.svg") no-repeat center center;
}
.gridBox .cstm-grid table td .cell-content-list {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.gridBox .cstm-grid table td .cell-content-list.column {
  padding: 10px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.gridBox .cstm-grid table td .cell-content-list li.num {
  width: 100%;
  position: relative;
  padding-left: 20px;
  line-height: 1.2;
}
.gridBox .cstm-grid table td .cell-content-list li.num i {
  position: absolute;
  left: 0;
  top: 0;
}
.gridBox .cstm-grid table td .read-text {
  padding: 12px 0;
  line-height: 1.4;
}
.gridBox .cstm-grid table td .img-list-group {
  padding: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gridBox .cstm-grid table td .img-list-group li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 8px;
}
.gridBox .cstm-grid table td .img-list-group li > a .photo {
  width: 80px;
  height: 80px;
  background-color: #e0e0e0;
  border-radius: 4px;
}
.gridBox .cstm-grid table td .img-list-group li > a .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.gridBox .cstm-grid table td .img-list-group li > a .info::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url("/images/icon/icon_download-bf0201e33e25a4ac155fd1939242e08c.svg") no-repeat center center;
  margin-right: 8px;
}
.gridBox .cstm-grid table td .img-list-group li > a .info .name {
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridBox .cstm-grid table td .accent_ment {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.2;
}
.gridBox .cstm-grid table td .accent_ment::before {
  content: "*";
  color: #ed1c24;
}
.gridBox .cstm-grid.thead-top table thead th {
  padding: 13px 12px;
}
.gridBox .cstm-grid.thead-top table thead th.al_c {
  text-align: center;
}
.gridBox .cstm-grid.thead-top table thead th:last-child {
  border-right-width: 0;
}
.gridBox .cstm-grid.thead-top table tbody td {
  color: #505050;
}
.gridBox .cstm-grid.thead-top table tbody td:first-child {
  border-left-width: 0;
}
.gridBox .cstm-grid.thead-top table tbody td.al_c {
  text-align: center;
}
.gridBox .cstm-grid.thead-top table tbody td.bg_gray {
  background-color: #fafafa;
  font-weight: 500;
}
.gridBox .cstm-grid.thead-top table tbody td.total {
  font-weight: 500;
  background-color: #edf5fc;
  position: relative;
}
.gridBox .cstm-grid.thead-top table tbody td.total::before {
  content: "";
  width: calc(100% + 2px);
  height: 1px;
  background-color: #101010;
  position: absolute;
  left: -1px;
  top: -1px;
}
.gridBox .cstm-grid .scroll_header {
  padding-right: 6px;
  background-color: #f6f6f6;
  position: relative;
}
.gridBox .cstm-grid .scroll_header::before, .gridBox .cstm-grid .scroll_header::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 1px;
  background-color: #e0e0e0;
  position: absolute;
  right: 0;
}
.gridBox .cstm-grid .scroll_header::before {
  top: 43px;
}
.gridBox .cstm-grid .scroll_header::after {
  bottom: 0;
}
.gridBox .cstm-grid .scroll_body {
  max-height: 430px;
  min-height: 430px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-bottom: 1px solid #101010;
}
.gridBox .cstm-grid .scroll_body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.gridBox .cstm-grid .scroll_body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.gridBox .cstm-grid .scroll_body::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.gridBox .cstm-grid .scroll_body::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.gridBox .cstm-grid .scroll_foot {
  padding-right: 6px;
  background-color: #f6f6f6;
  position: relative;
}
.gridBox .cstm-grid .scroll_foot::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 1px;
  background-color: #e0e0e0;
  position: absolute;
  right: 0;
  bottom: 0;
}
.gridBox .total-file-num {
  height: 44px;
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #101010;
}
.gridBox .total-file-num i {
  color: #242390;
  font-weight: 500;
}
.gridBox .total-file-num + .cstm-grid {
  border-top-color: #e0e0e0;
}

.typeGirdInput {
  padding-bottom: 25px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
}
.typeGirdInput .top_ctrl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.typeGirdInput .top_ctrl .tit_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.typeGirdInput .top_ctrl .tit_area h5 {
  font-size: 16px;
  font-weight: 500;
}
.typeGirdInput .top_ctrl .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.typeGirdInput .grid {
  margin-top: 5px;
  border-top: 1px solid #101010;
}
.typeGirdInput .grid table th {
  font-size: 14px;
  color: #505050;
  font-weight: 500;
  text-align: left;
  background-color: #f6f6f6;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 10px;
}
.typeGirdInput .grid table th.point::after {
  content: "*";
  color: #ff2727;
}
.typeGirdInput .grid table td {
  padding: 10px;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.typeGirdInput .grid table td .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  font-weight: 500;
  color: #505050;
}
.typeGirdInput .grid table td .text .red {
  color: #ff2727;
}
.typeGirdInput .grid table td:last-child {
  border-right: 0;
}

/*resources/static/scss/component/_hr.scss*/
.hr {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 10px 0;
  border: none;
}
.hr.vrt {
  width: 1px;
  height: 18px;
  margin: 0 10px;
}
.hr.vrt.min {
  height: 12px;
}

/*기간입력:resources/static/scss/component/_dateEnter.scss*/
.dateEnter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dateEnter .term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.dateEnter .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding-left: 10px;
}
.dateEnter .btns button.comm {
  min-width: 60px;
}
.dateEnter .btns button.comm.on {
  background-color: #00b3e3;
  border-color: #00b3e3;
  color: #fff;
}
.dateEnter .btns button.comm.on:hover {
  color: #fff;
}
.dateEnter .btns button.comm:hover {
  border-color: #00b3e3;
  color: #00b3e3;
}

.dateSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.dateSelect .stb-select-container {
  width: auto;
  min-width: 140px;
}

/*키워드:resources/static/scss/component/_keyword.scss*/
.keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.keyword .select,
.keyword .stb-select-container {
  width: 250px;
}
.keyword .checkbox-select {
  width: 220px;
}

/*검색어+버튼, 셀렉트+버튼, 셀렉트+셀렉트 :resources/static/scss/component/_formNbutton.scss*/
.input-n-button,
.select-n-button,
.select-n-input,
.select-n-select,
.input-n-input,
.input-n-text,
.radio-n-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.input-n-button button.comm,
.select-n-button button.comm,
.select-n-input button.comm,
.select-n-select button.comm,
.input-n-input button.comm,
.input-n-text button.comm,
.radio-n-text button.comm {
  min-width: 60px;
}
.input-n-button button.del,
.select-n-button button.del,
.select-n-input button.del,
.select-n-select button.del,
.input-n-input button.del,
.input-n-text button.del,
.radio-n-text button.del {
  width: 20px;
  height: 20px;
  border: none;
  text-indent: -9999px;
  background: url("/images/icon/icon_x_9x8_red-34a2a112b3eae6b28a1bbce8d4fba3ad.svg") no-repeat center center;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
}
.input-n-button.min,
.select-n-button.min,
.select-n-input.min,
.select-n-select.min,
.input-n-input.min,
.input-n-text.min,
.radio-n-text.min {
  max-width: 340px;
}
.input-n-button.mid,
.select-n-button.mid,
.select-n-input.mid,
.select-n-select.mid,
.input-n-input.mid,
.input-n-text.mid,
.radio-n-text.mid {
  max-width: 50%;
}
.input-n-button.has_delete,
.select-n-button.has_delete,
.select-n-input.has_delete,
.select-n-select.has_delete,
.input-n-input.has_delete,
.input-n-text.has_delete,
.radio-n-text.has_delete {
  padding-right: 25px;
  position: relative;
}
.input-n-button.has_delete .del,
.select-n-button.has_delete .del,
.select-n-input.has_delete .del,
.select-n-select.has_delete .del,
.input-n-input.has_delete .del,
.input-n-text.has_delete .del,
.radio-n-text.has_delete .del {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  text-indent: -9999px;
  background: url("/images/icon/icon_x_9x8_red-34a2a112b3eae6b28a1bbce8d4fba3ad.svg") no-repeat center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.input-n-button.has_delete .keyword_box,
.select-n-button.has_delete .keyword_box,
.select-n-input.has_delete .keyword_box,
.select-n-select.has_delete .keyword_box,
.input-n-input.has_delete .keyword_box,
.input-n-text.has_delete .keyword_box,
.radio-n-text.has_delete .keyword_box {
  width: 100%;
  position: relative;
}
.input-n-button.has_delete .keyword_box .input,
.select-n-button.has_delete .keyword_box .input,
.select-n-input.has_delete .keyword_box .input,
.select-n-select.has_delete .keyword_box .input,
.input-n-input.has_delete .keyword_box .input,
.input-n-text.has_delete .keyword_box .input,
.radio-n-text.has_delete .keyword_box .input {
  padding-right: 36px;
}
.input-n-button.has_delete .keyword_box .del,
.select-n-button.has_delete .keyword_box .del,
.select-n-input.has_delete .keyword_box .del,
.select-n-select.has_delete .keyword_box .del,
.input-n-input.has_delete .keyword_box .del,
.input-n-text.has_delete .keyword_box .del,
.radio-n-text.has_delete .keyword_box .del {
  border: none;
  right: 10px;
  background: url("/images/icon/icon_x_11x12_black-b6321d25141ca1ea55a307d57bd2e1aa.svg") no-repeat center center;
}

.input-n-text .text,
.radio-n-text .text {
  white-space: nowrap;
}
.input-n-text .text i.red,
.radio-n-text .text i.red {
  color: #ed1c24;
}

.radio-n-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.radio-n-select .radio_group .radio {
  white-space: nowrap;
}

.input-n-button .search_Result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #007afe;
  padding: 0 12px;
}
.input-n-button .search_Result .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 12px;
  gap: 5px;
}
.input-n-button .search_Result .item .del {
  width: 12px;
  height: 12px;
  border: none;
  background: url("/images/icon/icon_menu_del-89332f5be663734e71405613c103278f.svg") no-repeat center center;
  text-indent: -9999px;
}

/*주소:resources/static/scss/component/_address.scss*/
.address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 10px;
}
.address .post_num {
  width: 25%;
}
.address .get_num {
  width: 35%;
  border: 1px solid #e0e0e0 !important;
  background-color: #f6f6f6;
  color: #101010;
}
.address .get_num[readonly=readonly], .address .get_num:disabled {
  border: 1px solid #e0e0e0 !important;
  background-color: #f6f6f6;
  color: #101010;
  font-weight: 400;
}
.address .detail {
  width: 60%;
}
.address.two-line {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.address.two-line .post_num {
  width: 40%;
}
.address.two-line .get_num {
  width: calc(60% - 10px);
}
.address.two-line .detail {
  width: 100%;
}

/*단위가 있는 입력 요소:resources/static/scss/component/_unitField.scss*/
.unit_field {
  position: relative;
}
.unit_field::after {
  content: attr(data-title);
  width: 50px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  color: #505050;
  font-weight: 500;
}
.unit_field[data-title=만원]::after {
  color: #ff2525;
}

/*필터:resources/static/scss/component/_filter.scss*/
.grid-filter {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 16;
}
.grid-filter .fi-content {
  width: 346px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: 1;
  border-radius: 7px;
  padding: 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 17px;
}
.grid-filter .fi-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-filter .fi-header h6 {
  font-size: 16px;
  font-weight: 500;
}
.grid-filter .fi-body {
  width: 100%;
  height: 240px;
  border-radius: 7px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 15px;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.grid-filter .fi-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.grid-filter .fi-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.grid-filter .fi-body::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.grid-filter .fi-body::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.grid-filter .fi-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.grid-filter .fi-bg {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
}

/*수량입력:resources/static/scss/component/_quantity.scss*/
.quantity {
  width: 120px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.quantity button {
  width: 34px;
  height: 34px;
  background-color: #fff;
  border: none;
  font-weight: 700;
  color: #505050;
}
.quantity input {
  width: 52px;
  height: 34px;
  text-align: center;
  border: none;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  font-weight: 500;
}

/*팝업:resources/static/scss/component/_popup.scss*/
.layer-popup {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.layer-popup .content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 24px 24px 40px 24px;
  background-color: #fff;
  border-radius: 7px;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.layer-popup .content.max {
  width: 100% !important;
  height: 100vh !important;
}
.layer-popup .content.max .pop-body {
  max-height: calc(100vh - 120px);
}
.layer-popup .content .pop-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 25px;
}
.layer-popup .content .pop-data.loading .pop-header {
  width: 100%;
  font-size: 22px;
  text-align: center;
  font-weight: 500;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.layer-popup .content .pop-data.loading .pop-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.layer-popup .content .pop-data.loading .pop-body .l_file {
  width: 100%;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background-color: #edf5fc;
  font-size: 16px;
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.layer-popup .content .pop-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-popup .content .pop-header h6 {
  font-size: 22px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  line-height: 1;
}
.layer-popup .content .pop-header h6 .max_min_btn {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  border: 1px solid #e0e0e0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: #fff url(/images/icon/icon_pop_max-9c6b19695e4e6fbf9d12d63fdc90bbd3.svg) no-repeat center center;
  background-size: 12px;
  border-radius: 4px;
  margin-top: 3px;
}
.layer-popup .content .pop-header h6 .max_min_btn:hover {
  background-color: #f6f6f6;
}
.layer-popup .content .pop-header h6 .max_min_btn.min {
  background: #fff url(/images/icon/icon_pop_min-dedbab35e2eb701fb497e61f34d85f6f.svg) no-repeat center center;
  background-size: 12px;
}
.layer-popup .content .pop-header h6.only_text {
  width: 100%;
  text-align: center;
}
.layer-popup .content .pop-body {
  max-height: calc(100vh - 200px);
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  /*overflow-y: visible!important;*/
}
.layer-popup .content .pop-body.has_scroll {
  overflow: hidden;
  overflow-y: auto;
  padding-right: 10px;
}
.layer-popup .content .pop-body.has_scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer-popup .content .pop-body.has_scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body.has_scroll::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.layer-popup .content .pop-body.has_scroll::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .flex-row-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.layer-popup .content .pop-body .flex-row-half .left-box,
.layer-popup .content .pop-body .flex-row-half .right-box {
  width: 50%;
}
.layer-popup .content .pop-body .flex-row-half .left-box .round-box,
.layer-popup .content .pop-body .flex-row-half .left-box .gridBox {
  margin-bottom: 20px;
}
.layer-popup .content .pop-body .flex-row-half .left-box .round-box:last-child,
.layer-popup .content .pop-body .flex-row-half .left-box .gridBox:last-child {
  margin-bottom: 0;
}
.layer-popup .content .pop-body .flex-row-half .right-box .round-box {
  width: calc(100% - 20px);
  margin-left: 20px;
}
@media all and (max-width: 1770px) {
  .layer-popup .content .pop-body .flex-row-half .left-box {
    width: 740px;
  }
  .layer-popup .content .pop-body .flex-row-half .right-box {
    width: calc(100% - 740px);
  }
}
@media all and (max-width: 1350px) {
  .layer-popup .content .pop-body .flex-row-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 20px;
  }
  .layer-popup .content .pop-body .flex-row-half .left-box {
    width: 100%;
  }
  .layer-popup .content .pop-body .flex-row-half .right-box {
    width: 100%;
  }
  .layer-popup .content .pop-body .flex-row-half .right-box .round-box {
    width: 100%;
    margin-left: 0;
  }
}
.layer-popup .content .pop-body .tab-box .round-box .gridBox {
  margin-bottom: 20px;
}
.layer-popup .content .pop-body .tab-box .tab-data {
  display: none;
}
.layer-popup .content .pop-body .round-box {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  padding: 20px;
}
.layer-popup .content .pop-body .round-box.error_list {
  padding: 10px 0 10px 15px;
}
.layer-popup .content .pop-body .round-box.error_list ul {
  max-height: 130px;
  overflow-x: hidden;
  overflow-y: auto;
}
.layer-popup .content .pop-body .round-box.error_list ul li {
  font-size: 14px;
  color: #101010;
  line-height: 1.2;
  padding: 5px 0;
}
.layer-popup .content .pop-body .sumary {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.layer-popup .content .pop-body .sumary.al_left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.layer-popup .content .pop-body .sumary .add-text {
  font-weight: 400;
}
.layer-popup .content .pop-body .sumary .info-text {
  font-size: 12px;
  font-weight: 400;
}
.layer-popup .content .pop-body .sumary .info-text i {
  color: #ff2727;
}
.layer-popup .content .pop-body .sumary .text_red {
  font-size: 14px;
  font-weight: 500;
  color: #ff2727;
}
.layer-popup .content .pop-body .sumary .ctrl_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: absolute;
  right: 20px;
  bottom: -5px;
}
.layer-popup .content .pop-body .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.layer-popup .content .pop-body .button-group button {
  min-width: auto;
  width: 100%;
  height: 40px;
}
.layer-popup .content .pop-body .button-group.has_pd_brdr {
  margin-top: 0;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.layer-popup .content .pop-body .uploading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
.layer-popup .content .pop-body .uploading .name {
  width: 100%;
  line-height: 36px;
  border-radius: 7px;
  background-color: #edf5fc;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.layer-popup .content .pop-body .uploading .progress {
  width: 160px;
  height: 160px;
  position: relative;
}
.layer-popup .content .pop-body .uploading .progress svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.layer-popup .content .pop-body .uploading .progress .frame,
.layer-popup .content .pop-body .uploading .progress .bar {
  fill: none;
}
.layer-popup .content .pop-body .uploading .progress .frame {
  stroke: #edf5fc;
}
.layer-popup .content .pop-body .uploading .progress .bar {
  stroke: #007afe;
  stroke-linecap: round;
}
.layer-popup .content .pop-body .uploading .progress .value {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 36px;
  color: #505050;
  font-weight: 700;
}
.layer-popup .content .pop-body .alert-text {
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
}
.layer-popup .content .pop-body .alert-text.over {
  padding-top: 90px;
  background: url("/images/icon/icon_over-9b37c22666669eb97a6946e18593857a.svg") no-repeat center top;
}
.layer-popup .content .pop-body .title-n-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.layer-popup .content .pop-body .title-n-button .tit {
  font-size: 18px;
  font-weight: 500;
}
.layer-popup .content .pop-body .title-n-button .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.layer-popup .content .pop-body .sumary_check-n-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}
.layer-popup .content .pop-body .sumary_check-n-button .sumary {
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.layer-popup .content .pop-body .sumary_check-n-button .sumary .checkbox span {
  font-size: 14px;
}
.layer-popup .content .pop-body .sumary_check-n-button .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.layer-popup .content .pop-body .formMgmt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.layer-popup .content .pop-body .exchange-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.layer-popup .content .pop-body .exchange-flex .round-box {
  height: 395px;
  padding-left: 0;
  padding-right: 0;
}
.layer-popup .content .pop-body .exchange-flex .round-box .sumary {
  padding: 0 20px;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .head {
  width: 100%;
  padding: 0 20px;
  height: 46px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .head > span {
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #101010;
  padding: 0 12px;
  position: relative;
  color: #505050;
  font-weight: 500;
  background-color: #f6f6f6;
  border-bottom: 1px solid #e0e0e0;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .head > span.num {
  width: 76px;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .head > span.num::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .head > span.name {
  width: calc(100% - 76px);
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap {
  padding-right: 20px;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body {
  padding-left: 20px;
  max-height: 278px;
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 4px;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body li {
  width: 100%;
  height: 43px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body li span {
  height: 41px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body li span.num {
  width: 76px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body li span.num::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body li span.text {
  width: calc(100% - 76px);
  padding: 0 12px;
  font-weight: 500;
}
.layer-popup .content .pop-body .exchange-flex .round-box .list .body_wrap .body li span.text.point::after {
  content: "*";
  color: #ff2727;
}
.layer-popup .content .pop-body .exchange-flex .controller {
  width: 36px;
  height: 395px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.layer-popup .content .pop-body .addr-api {
  max-height: 620px;
  overflow: hidden;
  overflow-y: auto;
}
.layer-popup .content .pop-body .addr-api::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer-popup .content .pop-body .addr-api::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .addr-api::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.layer-popup .content .pop-body .addr-api::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .addr-api > div {
  width: 100% !important;
}
.layer-popup .content .pop-body .addr-api-find {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}
.layer-popup .content .pop-body .addr-api-find .input-n-button.has_delete {
  padding-right: 0;
}
.layer-popup .content .pop-body .addr-api-find .example {
  margin-top: 24px;
}
.layer-popup .content .pop-body .addr-api-find .example h6 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #101010;
}
.layer-popup .content .pop-body .addr-api-find .example ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
  padding: 20px 0;
}
.layer-popup .content .pop-body .addr-api-find .example ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
  color: #505050;
}
.layer-popup .content .pop-body .addr-api-find .example ul li span {
  color: #007afe;
}
.layer-popup .content .pop-body .addr-api-find .addr-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 18px;
  display: none;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list {
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list.post-office {
  max-height: 550px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  padding: 20px 74px 20px 20px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .postnum {
  font-size: 16px;
  color: #007afe;
  font-weight: 500;
  margin-bottom: 6px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .road,
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .nomination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .road i,
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .nomination i {
  width: 45px;
  position: relative;
  color: #505050;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .road i::after,
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .nomination i::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .road p,
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .nomination p {
  width: calc(100% - 53px);
  line-height: 1.2;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .cell i {
  width: 75px;
  position: relative;
  color: #505050;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .cell i::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .cell p {
  width: calc(100% - 83px);
  line-height: 1.2;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li .map {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 34px;
  right: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  text-indent: -99999px;
  background: #fff url("/images/icon/icon_map-035e21b3faef5e99f77ddd2b1ce61b01.svg") no-repeat center center;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .list li.on {
  border-color: #007afe;
  background-color: #edf5fc;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .paging {
  margin-top: 0;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 25px;
}
.layer-popup .content .pop-body .addr-api-find .addr-result .btns .comm {
  width: 140px;
}
.layer-popup .content .pop-body .mapping-wrap {
  max-height: 620px;
  position: relative;
  padding-bottom: 65px;
}
.layer-popup .content .pop-body .mapping-wrap .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
  max-height: 550px;
  overflow: hidden;
  overflow-y: auto;
}
.layer-popup .content .pop-body .mapping-wrap .list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer-popup .content .pop-body .mapping-wrap .list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .mapping-wrap .list::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.layer-popup .content .pop-body .mapping-wrap .list::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .mapping-wrap .list .gridBox {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  padding: 20px;
  cursor: pointer;
}
.layer-popup .content .pop-body .mapping-wrap .list .gridBox.select {
  background-color: #edf5fc;
  border-color: #007afe;
}
.layer-popup .content .pop-body .mapping-wrap .list .gridBox.select .cstm-grid table th {
  background-color: #edf5fc;
}
.layer-popup .content .pop-body .mapping-wrap .btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.layer-popup .content .pop-body .mapping-wrap .btns button {
  min-width: 140px;
  height: 40px;
}
.layer-popup .content .pop-body .daum-wrap {
  max-height: 440px;
  position: relative;
}
.layer-popup .content .pop-body .only-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-top: 1px solid #e0e0e0;
  padding: 15px 0;
}
.layer-popup .content .pop-body .only-btn.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.layer-popup .content .pop-body .pageLayout {
  width: 100%;
  margin-top: 0;
}
.layer-popup .content .pop-body .pageLayout .typeSearch {
  padding-bottom: 20px;
}
.layer-popup .content .pop-body .pageLayout .typeResult {
  margin-top: 15px;
}
.layer-popup .content .pop-body .accent_ment {
  margin-top: 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.2;
}
.layer-popup .content .pop-body .accent_ment::before {
  content: "*";
  color: #ed1c24;
}
.layer-popup .content .pop-body .check-list {
  background-color: #fff;
  width: 100%;
  position: relative;
  z-index: 12;
}
.layer-popup .content .pop-body .check-list .c-head {
  position: relative;
}
.layer-popup .content .pop-body .check-list .c-head .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
.layer-popup .content .pop-body .check-list .c-head .tit h5 {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}
.layer-popup .content .pop-body .check-list .c-head .tit .ctrl_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.layer-popup .content .pop-body .check-list .c-head .tit .ctrl_btn .input {
  width: calc(100% - 82px);
}
.layer-popup .content .pop-body .check-list .c-head .tit .ctrl_btn .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.layer-popup .content .pop-body .check-list .c-head button.close-icon-x {
  position: absolute;
  right: 0;
  top: 0;
}
.layer-popup .content .pop-body .check-list .c-body {
  width: 100%;
  max-height: 330px;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  overflow: hidden;
  overflow-y: auto;
  padding: 15px;
  margin-top: 10px;
}
.layer-popup .content .pop-body .check-list .c-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer-popup .content .pop-body .check-list .c-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .check-list .c-body::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.layer-popup .content .pop-body .check-list .c-body::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content .pop-body .check-list .c-body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 4px;
  padding: 0;
}
.layer-popup .content .pop-body .check-list .c-body ul li {
  padding: 4px 0;
}
.layer-popup .content .pop-body .check-list .c-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.layer-popup .content .pop-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.layer-popup .content .pop-foot button {
  min-width: 140px;
  height: 40px;
}
.layer-popup .content.notice {
  padding: 24px 24px 80px 24px;
  overflow: hidden;
  position: relative;
}
.layer-popup .content.notice .pop-body .noti_text {
  width: 100%;
  min-height: 200px;
  max-height: 480px;
  overflow: hidden;
  overflow-y: auto;
}
.layer-popup .content.notice .pop-body .noti_text::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer-popup .content.notice .pop-body .noti_text::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content.notice .pop-body .noti_text::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.layer-popup .content.notice .pop-body .noti_text::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.layer-popup .content.notice .pop-foot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  border-top: 1px solid #e0e0e0;
}
.layer-popup .content.notice .pop-foot button {
  width: 100%;
  height: 60px;
  border-radius: 0;
}
.layer-popup .content.notice .pop-foot button:first-child {
  border-right: 1px solid #e0e0e0;
}
.layer-popup .content .pop-body .round-box.reimbDetail .rows + .rows {
  margin-top: 20px;
}
.layer-popup .content .pop-body .round-box.reimbDetail .sumary {
  margin-bottom: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 5px;
}
.layer-popup .content .loginWrap {
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
}
.layer-popup .content .loginWrap .form_area {
  width: 100%;
}
.layer-popup .content .loginWrap .form_area form {
  width: 100%;
}
.layer-popup .content .loginWrap .form_area form fieldset .text {
  margin-bottom: 5px;
}
.layer-popup .content .loginWrap .form_area form fieldset .login_s1 .text {
  margin-top: 10px;
  color: #101010;
  font-weight: 600;
}
.layer-popup .content .loginWrap .form_area form fieldset .login_s2 {
  margin-top: 23px;
}
.layer-popup .content .loginWrap .form_area form fieldset .login_s2 .text {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 7px;
}
.layer-popup .content .pop-body-info {
  margin-bottom: 16px;
  line-height: 1.2;
}
.layer-popup .content .single-input-box {
  padding: 27px 20px;
  background: #f6f6f6;
  border-top: 1px solid #000;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  margin-bottom: 6px;
}
.layer-popup .content .single-input-box .input_error {
  color: #f23e3e;
  font-size: 12px;
  -webkit-transform: skew(-0.03deg);
          transform: skew(-0.03deg);
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
}
.layer-popup.view-popup .content {
  padding: 55px 0;
  background: transparent;
}
.layer-popup.view-popup .content .pop-data {
  background: #fff;
  border-radius: 5px 5px 0 0;
  gap: 0;
  position: relative;
}
.layer-popup.view-popup .content .pop-data .pop-header {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
}
.layer-popup.view-popup .content .pop-data .pop-body {
  max-height: calc(100vh - 210px);
}
.layer-popup.view-popup .content .close-icon-x {
  width: 45px;
  height: 45px;
  background: url("/images/icon/icon-close-view-ed5bb43fae4b5fed805fe90b8a8cb801.svg") no-repeat center center;
  background-size: 45px 45px;
  text-indent: -9999px;
  border: none;
}
.layer-popup.view-popup .content .video_wrap {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.layer-popup.view-popup .content .video_wrap video {
  display: block;
  width: 100%;
  max-height: calc(100vh - 210px);
}
.layer-popup.view-popup .content .video_tit {
  line-height: 1.2;
  padding: 26px 35px;
  width: 100%;
}
.layer-popup.view-popup .content .video_tit h6 {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  word-break: keep-all;
}

.blocker.jquery-modal {
  background-color: transparent !important;
}
.blocker.jquery-modal .modal {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 24px;
}
.blocker.jquery-modal .modal > div {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  gap: 10px;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.blocker.jquery-modal .modal > div > .comm_btn {
  min-width: 140px !important;
  height: 40px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  gap: 5px;
  background-color: #fff;
  padding: 0 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-weight: 400;
  min-width: 72px;
  white-space: nowrap;
  cursor: pointer;
}
.blocker.jquery-modal .modal > div > .comm_btn.modalYes {
  background-color: #242390;
  border-color: #242390;
  color: #fff;
}
.blocker.jquery-modal .modal > div > .comm_btn.modalYes:hover {
  background-color: #171661;
  border-color: #171661;
}
.blocker.jquery-modal .modal > div > .comm_btn.modalNo {
  background-color: #f6f6f6;
  border-color: #e0e0e0;
  color: #505050;
}
.blocker.jquery-modal .modal > div > .comm_btn.modalNo:hover {
  background-color: #fff;
}

/*코멘트:resources/static/scss/component/_comment.scss*/
.commentWrap .cmnt-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}
.commentWrap .cmnt-head h5 {
  font-size: 16px;
  font-weight: 500;
}
.commentWrap .cmnt-head h5 span {
  font-size: 14px;
}
.commentWrap .cmnt-head h5 span i {
  color: #00b3e3;
}
.commentWrap .cmnt-head button {
  padding: 0 17px;
}
.commentWrap .cmnt-head .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.commentWrap .cmnt-body {
  max-height: 360px;
  overflow: hidden;
  overflow-y: auto;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 20px 0;
}
.commentWrap .cmnt-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.commentWrap .cmnt-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.commentWrap .cmnt-body::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.commentWrap .cmnt-body::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.commentWrap .cmnt-body dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.commentWrap .cmnt-body dl dt .id {
  color: #505050;
}
.commentWrap .cmnt-body dl dd {
  padding-left: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
}
.commentWrap .cmnt-body dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 7px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.commentWrap .cmnt-body dl dd ul .ment {
  width: 100%;
}
.commentWrap .cmnt-body dl dd ul .ment .mark {
  color: #007afe;
  margin-right: 5px;
}
.commentWrap .cmnt-body dl dd ul .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.commentWrap .cmnt-body dl dd ul .info .date {
  color: #767676;
}
.commentWrap .cmnt-body dl dd ul .info button {
  background-color: #fff;
  font-weight: 500;
  color: #505050;
  border: none;
  height: auto;
}
.commentWrap .cmnt-foot {
  margin-top: 20px;
}
.commentWrap .photo {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: #ededed;
  position: relative;
  overflow: hidden;
}
.commentWrap .photo > img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.commentWrap .reply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.commentWrap .reply .write {
  width: calc(100% - 43px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.commentWrap .reply .write .stb-select-container {
  width: 160px;
  border-radius: 4px 0 0 4px;
}
.commentWrap .reply .write .stb-select-container + .input {
  border-radius: 0;
  border-left-width: 0;
}
.commentWrap .reply .write .input {
  border-radius: 4px 0 0 4px;
  border-right-width: 0;
}
.commentWrap .reply .write .input:focus {
  border-color: #e0e0e0;
}

/*파일업로드:resources/static/scss/component/_uploadFile.scss*/
.upload-file {
  position: relative;
}
.upload-file.only-button {
  cursor: pointer;
}
.upload-file.only-button input[type=file] {
  cursor: pointer;
  width: 100%;
}
.upload-file input[type=file] {
  cursor: pointer;
  width: 88px;
  height: 36px;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}
.upload-file .view_area {
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.upload-file .view_area .btn {
  width: 88px;
  line-height: 36px;
  background-color: #242390;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}
.upload-file .view_area .file {
  width: calc(100% - 120px);
  padding-left: 15px;
  padding-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.upload-file .view_area .file .name {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.upload-file .view_area .file .ext {
  width: 35px;
}
.upload-file .view_area .del {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  text-indent: -9999px;
  background: url("/images/icon/icon_x_9x8_red-34a2a112b3eae6b28a1bbce8d4fba3ad.svg") no-repeat center center;
}

.upload-n-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.upload-n-list .file-list {
  width: calc(100% - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.upload-n-list .file-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  height: 34px;
  padding: 0 20px;
  background-color: #f6f6f6;
  border-radius: 34px;
}
.upload-n-list .file-list a::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url("/images/icon/icon_download-bf0201e33e25a4ac155fd1939242e08c.svg") no-repeat center center;
}

.fileBox {
  margin-top: 5px;
}
.fileBox .drop_zone {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.fileBox .drop_zone .textlen {
  margin-bottom: 10px;
}
.fileBox .drop_zone .textlen::before {
  content: "첨부파일 개수";
}
.fileBox .drop_zone .info_text {
  width: 100%;
  height: 100px;
  border-radius: 4px;
  border: 1px dashed #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #505050;
  font-weight: 400;
}
.fileBox .drop_zone .btns {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fileBox .drop_zone .btns .comm_btn.dndUpBtn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  gap: 5px;
  background-color: #fff;
  padding: 0 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-weight: 400;
  min-width: 72px;
  white-space: nowrap;
  border-color: #242390;
  color: #242390;
}
.fileBox .drop_zone .btns .comm_btn.dndUpBtn:hover {
  background-color: #e9e9f4;
}
.fileBox .drop_zone .file_list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.fileBox .drop_zone .file_list > div .dndUl {
  width: 150px;
  position: relative;
}
.fileBox .drop_zone .file_list > div .dndUl .del_btn {
  position: absolute;
  right: 5px;
  top: 5px;
}
.fileBox .drop_zone .file_list > div .dndUl .del_btn > input {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #fff url("/images/icon/icon_trash-f359e945e79d5d734581f0a1a4786e5e.svg") no-repeat center center;
  background-size: 12px;
  cursor: pointer;
  text-indent: -9999px;
  border: 1px solid #e0e0e0;
}
.fileBox.dragover {
  background-color: transparent !important;
}
.fileBox.dragover .drop_zone .info_text {
  background-color: #f6f6f6;
}

/*탭형식의 메뉴:resources/static/scss/component/_tab.scss*/
.tab-menu {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 58px;
  gap: 45px;
  margin-bottom: 15px;
}
.tab-menu li a {
  display: block;
  line-height: 58px;
  position: relative;
  font-size: 18px;
  color: #505050;
  font-weight: 500;
}
.tab-menu li a.point::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #ff2525;
  display: inline-block;
  vertical-align: text-top;
  border-radius: 100%;
}
.tab-menu li a.on {
  font-weight: 700;
  color: #242390;
}
.tab-menu li a.on::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #242390;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.tab-in-menu {
  margin: 10px 0 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
.tab-in-menu li {
  padding-right: 28px;
  position: relative;
}
.tab-in-menu li a {
  font-size: 18px;
  color: #505050;
}
.tab-in-menu li a.on {
  color: #242390;
  font-weight: 700;
}
.tab-in-menu li::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.tab-in-menu li:last-child {
  padding-right: 0;
}
.tab-in-menu li:last-child::after {
  display: none;
}

.tab-grid {
  width: 100%;
  height: 26px;
  position: relative;
}
.tab-grid > .btns {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tab-grid > .btns button {
  min-width: 120px;
  height: 42px;
  text-align: left;
  padding: 0 14px;
  border-radius: 10px 10px 0 0;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  color: #505050;
  margin-left: -1px;
}
.tab-grid > .btns button:first-child {
  margin-left: 0;
}
.tab-grid > .btns button.on {
  color: #007afe;
  border-color: #007afe;
  border-bottom-color: #fff;
  margin-left: 0;
  background-color: #fff;
}
.tab-grid > .btns button.on + button {
  margin-left: 0;
  border-left: 0;
}
.tab-grid + .roundBox {
  border-radius: 0 0 4px 4px;
}

/*resources/static/scss/component/_paging.scss*/
.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 30px;
}
.paging a {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paging a.first {
  text-indent: -9999px;
  background: url("/images/icon/icon_paging_first-4b6557010cff85e7c0a1436599f63e32.svg") no-repeat center center;
}
.paging a.prev {
  text-indent: -9999px;
  background: url("/images/icon/icon_paging_prev-c996654a214873d4caf11f0ddff4a846.svg") no-repeat center center;
}
.paging a.next {
  text-indent: -9999px;
  background: url("/images/icon/icon_paging_next-e6eb071f1b7de39fdb12f95b8b40b5c6.svg") no-repeat center center;
}
.paging a.last {
  text-indent: -9999px;
  background: url("/images/icon/icon_paging_last-c31d0226a8515813033eda83539d5588.svg") no-repeat center center;
}
.paging ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  padding: 0 15px;
}
.paging ul .now {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #5f49f2;
  border-radius: 100%;
  color: #5f49f2;
  font-weight: 500;
}

.packaging {
  position: relative;
}
.packaging .check-wrap {
  width: 346px;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 11;
  display: none;
}
.packaging .check-wrap .bg {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
}

.calculatorWrap .tab-menu {
  width: 100%;
  padding: 0 25px;
}
.calculatorWrap .tab-menu li {
  width: 50%;
}
.calculatorWrap .tab-menu li a {
  text-align: center;
}
.calculatorWrap .pageLayout {
  width: 100%;
  padding: 0 25px 40px 25px;
  margin-top: 16px;
}
.calculatorWrap .pageLayout .roundBox {
  padding: 20px 0;
}
.calculatorWrap .pageLayout .roundBox .top_ctrl {
  padding: 0 20px;
}
.calculatorWrap .pageLayout .roundBox .rows {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}
.calculatorWrap .pageLayout .roundBox .rows .btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.calculatorWrap .pageLayout .roundBox .rows .btns .comm {
  width: 140px;
}
.calculatorWrap .pageLayout .roundBox .rows .accent_ment {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  line-height: 1.2;
  color: #ff2727;
  font-size: 12px;
  margin-top: 5px;
}
.calculatorWrap .pageLayout .roundBox .rows .accent_ment li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.calculatorWrap .pageLayout .roundBox .rows .accent_ment li::before {
  content: "*";
  color: #ff2727;
}

.typeSortWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.typeSortWrap .part {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.typeSortWrap .part .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

/*resources/static/scss/component/_gallery.scss*/
.galleryBox {
  border-top: 1px solid #101010;
  padding: 15px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.galleryBox .data_cell {
  width: 100%;
  min-height: 415px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  position: relative;
}
.galleryBox .data_cell .state {
  position: absolute;
  left: 20px;
  top: 20px;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 24px;
  z-index: 2;
}
.galleryBox .data_cell .state.inc {
  background-color: #fd636b;
  color: #fff;
}
.galleryBox .data_cell .state.com {
  background-color: #e0e0e0;
  color: #505050;
}
.galleryBox .data_cell .data_info {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 10px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: #505050;
  line-height: 1.2;
}
.galleryBox .data_cell .data_info .num {
  width: 100%;
}
.galleryBox .data_cell .data_info .text {
  width: 100%;
  max-height: 52px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galleryBox .data_cell .data_info .terminal {
  font-weight: 500;
  padding-right: 9px;
  position: relative;
}
.galleryBox .data_cell .data_info .terminal::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 8px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.photo_slide {
  position: relative;
  overflow: hidden;
}
.photo_slide .swiper-wrapper .swiper-slide {
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.photo_slide .ctrl > a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 18px;
  z-index: 2;
  text-indent: -9999px;
  cursor: pointer;
}
.photo_slide .ctrl > a.prev {
  left: 20px;
  background: url(/images/icon/icon_swiper_arrow_prev-508ea992cc07c42add70e1cb84af7205.svg) no-repeat;
}
.photo_slide .ctrl > a.next {
  right: 20px;
  background: url(/images/icon/icon_swiper_arrow_next-a426f01d0208c104bca6c701d46df588.svg) no-repeat;
}
.photo_slide .ctrl .swipe_paging {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
.photo_slide .ctrl .swipe_paging .swiper-pagination-bullet {
  background-color: #edf5fc;
  opacity: 1;
  margin: 0;
}
.photo_slide .ctrl .swipe_paging .swiper-pagination-bullet-active {
  background-color: #007afe;
}

.ui-widget.ui-widget-content {
  border: 1px solid #007afe;
  border-radius: 4px;
}
.ui-widget.ui-widget-content li {
  padding: 9px 12px;
  line-height: 1.2;
  color: #505050;
}
.ui-widget.ui-widget-content li:hover {
  background-color: #edf5fc;
  color: #101010;
}
.ui-widget.ui-widget-content li strong {
  font-weight: 400;
}

.datepoppicker {
  position: absolute;
  left: 0;
  top: 36px;
}
.datepoppicker.right {
  left: inherit;
  right: 0;
}
.datepoppicker.right .tui-datepicker {
  right: 0;
}

/*공지사항:resources/static/scss/page/_login.scss*/
.loginWrap {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 90px 3.1%;
}
.loginWrap .img_area {
  width: 50%;
  height: 100%;
  border-radius: 8px;
  background: url("/images/login/login_img-23cb66f895a95fedc391af31d48f9d4b.jpg") no-repeat center center;
  background-size: cover;
}
.loginWrap .form_area {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loginWrap .form_area form {
  width: 410px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.loginWrap .form_area form .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 2px;
  margin-bottom: 80px;
}
.loginWrap .form_area form fieldset > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.loginWrap .form_area form fieldset .text {
  color: #505050;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 24px;
}
.loginWrap .form_area form fieldset .element {
  padding: 0;
}
.loginWrap .form_area form fieldset .element dt {
  font-size: 14px;
  font-weight: 700;
}
.loginWrap .form_area form fieldset .element .input {
  height: 44px !important;
  border-radius: 10px !important;
}
.loginWrap .form_area form fieldset .password {
  position: relative;
}
.loginWrap .form_area form fieldset .password button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 24px;
  width: 32px;
  height: 20px;
  background: url("/images/icon/icon_keyboard-94c01590c169209ecae508bd7385d952.svg");
  text-indent: -99999px;
  border: none;
}
.loginWrap .form_area form fieldset button.comm {
  width: 100%;
  margin-top: 13px;
  height: 60px;
  font-size: 19px;
  font-weight: 500;
  border-radius: 10px;
}
.loginWrap .form_area form fieldset .pw_chg {
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #505050;
  font-size: 14px;
  color: #505050;
  line-height: 1.1;
  font-weight: 500;
  white-space: nowrap;
}
.loginWrap .form_area form fieldset .input_under {
  display: block;
  color: #adadad;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  top: calc(100% + 20px);
  left: 10px;
}
.loginWrap .form_area form fieldset .input_under .chk_time {
  display: inline-block;
  margin-right: 14px;
}
.loginWrap .form_area form fieldset .input_under .chk_time span {
  color: #f23e3e;
  font-size: 14px;
  font-weight: 500;
}
.loginWrap .form_area form fieldset .input_under .chk_error {
  display: inline-block;
  color: #f23e3e;
}
.loginWrap .form_area form fieldset .checkbox_login {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
}
.loginWrap .form_area form fieldset .login_s2 {
  margin-top: 100px;
}
.loginWrap .form_area form fieldset .login_s2 .text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.loginWrap .form_area form fieldset .login_s2 .element dd {
  position: relative;
}
.loginWrap .form_area form fieldset .login_s2 .element dd .input {
  width: calc(100% - 103px);
}
.loginWrap .form_area form fieldset .login_s2 button.comm {
  margin-top: 45px;
}

/*공지사항:resources/static/scss/page/_main.scss*/
.mainWrap {
  margin-top: 13px;
  gap: 16px;
}
.mainWrap .top_ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mainWrap .top_ctrl .select {
  width: auto;
}
.mainWrap .top_ctrl .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
}
.mainWrap .top_ctrl .util .refresh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.mainWrap .top_ctrl .util .refresh span {
  color: #767676;
}
.mainWrap .top_ctrl .util .refresh button {
  width: 20px;
  height: 20px;
  background: #fff url("/images/icon/icon_refresh-de53e9a47008eb7363ab937945f2600e.svg") no-repeat center center;
  border: none;
  text-indent: -9999px;
}
.mainWrap .top_ctrl .util .comm {
  width: 140px;
}
.mainWrap .top_ctrl .util .comm::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("/images/icon/icon_direct_link_arrow-e1112dd614d221564947d2a9e2f0a900.svg") no-repeat center center;
}
.mainWrap .widget {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.mainWrap .widget.receiptCond .wg_tit > a {
  cursor: default;
}
.mainWrap .widget.receiptCond .wg_tit > a::after {
  display: none;
}
.mainWrap .widget .wg_tit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.mainWrap .widget .wg_tit > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #101010;
}
.mainWrap .widget .wg_tit > a::after {
  content: "";
  width: 6px;
  height: 12px;
  background: url("/images/icon/icon_arw_right-e8f8710ffb270065ee83134d8954068a.svg") no-repeat;
}
.mainWrap .widget .wg_tit .info {
  color: #767676;
}
.mainWrap .widget .item_box {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mainWrap .widget .item_box > h6 {
  font-size: 16px;
  font-weight: 500;
}
.mainWrap .half_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
}
.mainWrap .receiptCond .wg_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 28px;
}
.mainWrap .receiptCond .wg_body .item_box {
  width: calc(50% - 14px);
  height: 158px;
  gap: 25px;
}
.mainWrap .receiptCond .wg_body .item_box ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainWrap .receiptCond .wg_body .item_box ul li {
  width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}
.mainWrap .receiptCond .wg_body .item_box ul li:first-child {
  padding-right: 20px;
  border-right: 1px solid #e0e0e0;
}
.mainWrap .receiptCond .wg_body .item_box ul li:nth-child(2) {
  padding-left: 20px;
  padding-right: 20px;
}
.mainWrap .receiptCond .wg_body .item_box ul li:last-child {
  padding-left: 20px;
  border-left: 1px solid #e0e0e0;
}
.mainWrap .receiptCond .wg_body .item_box ul li .chip {
  width: 60px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
  color: #fff;
  font-weight: 500;
}
.mainWrap .receiptCond .wg_body .item_box ul li .chip.bg_purple {
  background-color: #5f49f2;
}
.mainWrap .receiptCond .wg_body .item_box ul li .chip.bg_blue {
  background-color: #007afe;
}
.mainWrap .receiptCond .wg_body .item_box ul li .chip.bg_red {
  background-color: #fd636b;
}
.mainWrap .receiptCond .wg_body .item_box ul li p {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mainWrap .receiptCond .wg_body .item_box ul li p span {
  font-size: 32px;
  font-weight: 700;
}
.mainWrap .salesCond {
  width: calc(100% - 598px);
  height: 415px;
}
.mainWrap .salesCond .wg_tit {
  margin-bottom: 0;
}
.mainWrap .latest {
  width: 578px;
}
.mainWrap .latest .wg_body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
.mainWrap .latest .wg_body ul li > a {
  width: 100%;
  height: 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 0 20px;
}
.mainWrap .latest .wg_body ul li > a > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.mainWrap .latest .wg_body ul li > a > p .div {
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
  position: relative;
}
.mainWrap .latest .wg_body ul li > a > p .div::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.mainWrap .latest .wg_body ul li > a > p .div.col_red {
  color: #fd636b;
}
.mainWrap .latest .wg_body ul li > a > p .div.col_blue {
  color: #007afe;
}
.mainWrap .latest .wg_body ul li > a > p .text {
  font-size: 16px;
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainWrap .daily {
  margin-bottom: 40px;
}
.mainWrap .daily .wg_tit {
  margin-bottom: 12px;
}
.mainWrap .daily .wg_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}
.mainWrap .daily .wg_body .item_box > h6 {
  margin-bottom: 10px;
}
.mainWrap .daily .wg_body .item_box .grid_box table th {
  text-align: center;
  height: 44px;
  font-weight: 500;
  color: #505050;
}
.mainWrap .daily .wg_body .item_box .grid_box table thead th {
  padding-left: 0;
}
.mainWrap .daily .wg_body .item_box .grid_box table thead th:first-child {
  padding-left: 0;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody td .value {
  width: 100%;
  height: 44px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.total {
  font-weight: 500;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.ave {
  font-weight: 500;
  color: #007afe;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.minus, .mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.plus {
  gap: 3px;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.minus::before, .mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.plus::before {
  content: "";
  width: 8px;
  height: 6px;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.minus::before {
  background: url("/images/icon/icon_price_down-e587089654115e7cbd386436c43a07bb.svg") no-repeat;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody td .value.plus::before {
  background: url("/images/icon/icon_price_up-89afa4a8de894a03b67ab121757f49bc.svg") no-repeat;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody tr:nth-child(odd) td .value {
  background-color: #f9f9f9;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody tr:nth-child(odd) td:nth-child(2) .value {
  border-radius: 10px 0 0 10px;
}
.mainWrap .daily .wg_body .item_box .grid_box table tbody tr:nth-child(odd) td:last-child .value {
  border-radius: 0 10px 10px 0;
}

/*공지사항:resources/static/scss/page/_notice.scss*/
.pageLayout .roundBox.noticeView {
  padding: 30px 20px;
}
.pageLayout .roundBox.noticeView .noti-head .cate-n-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.pageLayout .roundBox.noticeView .noti-head .cate-n-btns .cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #fd636b;
  font-weight: 700;
  padding: 0 10px;
  color: #fd636b;
}
.pageLayout .roundBox.noticeView .noti-head .cate-n-btns .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.pageLayout .roundBox.noticeView .noti-head .title {
  font-size: 24px;
}
.pageLayout .roundBox.noticeView .noti-head .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  padding: 25px 0;
}
.pageLayout .roundBox.noticeView .noti-head .info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  padding-right: 30px;
  position: relative;
}
.pageLayout .roundBox.noticeView .noti-head .info li::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.pageLayout .roundBox.noticeView .noti-head .info li span {
  font-weight: 500;
  color: #505050;
}
.pageLayout .roundBox.noticeView .noti-head .info li:last-child {
  padding-right: 0;
}
.pageLayout .roundBox.noticeView .noti-head .files {
  padding: 15px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pageLayout .roundBox.noticeView .noti-head .files dt {
  width: 90px;
  line-height: 34px;
  font-weight: 500;
  color: #505050;
}
.pageLayout .roundBox.noticeView .noti-head .files dd {
  width: calc(100% - 90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.pageLayout .roundBox.noticeView .noti-head .files dd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  height: 34px;
  padding: 0 20px;
  background-color: #f6f6f6;
  border-radius: 34px;
}
.pageLayout .roundBox.noticeView .noti-head .files dd a::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url("/images/icon/icon_download-bf0201e33e25a4ac155fd1939242e08c.svg") no-repeat center center;
}
.pageLayout .roundBox.noticeView .noti-body {
  max-height: 500px;
  padding: 40px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.pageLayout .roundBox.noticeView .noti-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.pageLayout .roundBox.noticeView .noti-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.pageLayout .roundBox.noticeView .noti-body::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.pageLayout .roundBox.noticeView .noti-body::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.pageLayout .roundBox.noticeView + .comm {
  width: 145px;
  margin: 0 auto;
}

/*변상상세:resources/static/scss/page/_reimb.scss*/
.roundBoxWrap.reimbDetail > h5 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item {
  width: 94px;
  height: 94px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 7px;
  background-color: #f6f6f6;
  font-weight: 500;
  color: #c9c9c9;
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item::before {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #c9c9c9;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.on {
  background-color: #edf5fc;
  color: #007afe;
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.on::before {
  background-color: #007afe;
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step01::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step01-fa65f6cdd25531bf0b2c9576346650d4.svg");
          mask-image: url("/images/icon/icon_reimb_step01-fa65f6cdd25531bf0b2c9576346650d4.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step02::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step02-9b94efe5fbf3f219f17fca748d9176cb.svg");
          mask-image: url("/images/icon/icon_reimb_step02-9b94efe5fbf3f219f17fca748d9176cb.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step03::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step03-ba11d902d844e9875af8818eb97c5717.svg");
          mask-image: url("/images/icon/icon_reimb_step03-ba11d902d844e9875af8818eb97c5717.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step04::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step04-0f62a2ec65c2ec2424e793a0e874db70.svg");
          mask-image: url("/images/icon/icon_reimb_step04-0f62a2ec65c2ec2424e793a0e874db70.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step05::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step05-f4d271e6379eaec1926315c907e74e95.svg");
          mask-image: url("/images/icon/icon_reimb_step05-f4d271e6379eaec1926315c907e74e95.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step06::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step06-ff53a219341eabfb6589eb7efda5149d.svg");
          mask-image: url("/images/icon/icon_reimb_step06-ff53a219341eabfb6589eb7efda5149d.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step07::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step07-62b7d965677f47adaceb2db59d06d441.svg");
          mask-image: url("/images/icon/icon_reimb_step07-62b7d965677f47adaceb2db59d06d441.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step08::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step08-b6e8fc0fc36b931ba001fbabb971fe42.svg");
          mask-image: url("/images/icon/icon_reimb_step08-b6e8fc0fc36b931ba001fbabb971fe42.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step09::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step09-4b8c4b71b2ad5426fa226ca674543ab1.svg");
          mask-image: url("/images/icon/icon_reimb_step09-4b8c4b71b2ad5426fa226ca674543ab1.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step10::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step10-5359af13e1cd147ec210c65cffb0a610.svg");
          mask-image: url("/images/icon/icon_reimb_step10-5359af13e1cd147ec210c65cffb0a610.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step11::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step11-6136f207342cc3fd6c88e762ef4c593c.svg");
          mask-image: url("/images/icon/icon_reimb_step11-6136f207342cc3fd6c88e762ef4c593c.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step12::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step12-c7c56ca2c5eb44f79fb275b674f91a78.svg");
          mask-image: url("/images/icon/icon_reimb_step12-c7c56ca2c5eb44f79fb275b674f91a78.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step13::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step13-517c8e01c4c54cad00efbd9b69365fd2.svg");
          mask-image: url("/images/icon/icon_reimb_step13-517c8e01c4c54cad00efbd9b69365fd2.svg");
}
.roundBoxWrap.reimbDetail .roundBox.progress .step_list .item.step14::before {
  -webkit-mask-image: url("/images/icon/icon_reimb_step14-773f8fd2bd08736cfbd5cb0bd0b19344.svg");
          mask-image: url("/images/icon/icon_reimb_step14-773f8fd2bd08736cfbd5cb0bd0b19344.svg");
}
.roundBoxWrap.reimbDetail .flex-row-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin-bottom: 40px;
}
.roundBoxWrap.reimbDetail .flex-row-half::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% - 55px);
  background-color: #e0e0e0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 15px;
}
.roundBoxWrap.reimbDetail .flex-row-half > div {
  width: 50%;
}
.roundBoxWrap.reimbDetail .flex-row-half .left-box {
  padding-right: 20px;
}
.roundBoxWrap.reimbDetail .flex-row-half .left-box .box-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
  width: 100%;
  height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}
.roundBoxWrap.reimbDetail .flex-row-half .left-box .box-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.roundBoxWrap.reimbDetail .flex-row-half .left-box .box-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.roundBoxWrap.reimbDetail .flex-row-half .left-box .box-scroll::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.roundBoxWrap.reimbDetail .flex-row-half .left-box .box-scroll::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.roundBoxWrap.reimbDetail .flex-row-half .right-box {
  padding-left: 20px;
}
.roundBoxWrap.reimbDetail .text-scroll-box {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  background-color: #f6f6f6;
  border: 1px solid #e0e0e0;
  padding: 20px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 1.2;
}
.roundBoxWrap.reimbDetail .text-scroll-box::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.roundBoxWrap.reimbDetail .text-scroll-box::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}
.roundBoxWrap.reimbDetail .text-scroll-box::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1;
}
.roundBoxWrap.reimbDetail .text-scroll-box::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 6px;
}
.roundBoxWrap.reimbDetail .agreement {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 10px 20px 20px 20px;
}
.roundBoxWrap.reimbDetail .agreement .check_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
}
.roundBoxWrap.reimbDetail .agreement .check_list:first-child {
  margin-top: 0;
  border-top: 0;
  padding: 0 0 10px 0;
}
.roundBoxWrap.reimbDetail .agreement .check_list h5 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
}
.roundBoxWrap.reimbDetail .agreement .text_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
  padding-top: 20px;
}
.roundBoxWrap.reimbDetail .agreement .text_list li {
  width: 100%;
}
.roundBoxWrap.reimbDetail .agreement .text_list li.tit {
  font-weight: 500;
  color: #101010;
}
.roundBoxWrap.reimbDetail .agreement .text_list li.text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  line-height: 1.6;
  margin-top: 15px;
  color: #505050;
}
.roundBoxWrap.reimbDetail .agreement .text_list li.text > i {
  white-space: nowrap;
  color: #101010;
  margin-top: 1px;
  font-weight: 500;
}
.roundBoxWrap.reimbDetail .file-list {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 10px;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
.roundBoxWrap.reimbDetail .file-list li {
  white-space: nowrap;
}
.roundBoxWrap.reimbDetail .userapp {
  margin-top: 10px;
}
.roundBoxWrap.reimbDetail .userapp h5 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
}
.roundBoxWrap.reimbDetail .round-box {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  padding: 20px;
  margin-top: 40px;
}

/*변상상세품의서:resources/static/scss/_reimb2.scss*/
.gridBox .cstm-grid table td:first-child {
  border-left-width: 0;
}
.gridBox .cstm-grid table td .cell-content .text-red {
  color: #ff2727;
}

.roundBoxWrap.reimbDetail .roundBox.reportView .top_ctrl {
  position: relative;
}
.roundBoxWrap.reimbDetail .roundBox.reportView .top_ctrl .tit .center {
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: calc(100% + 10px);
}
.roundBoxWrap.reimbDetail .roundBox.reportView .rows + .rows {
  margin-top: 20px;
}
.roundBoxWrap.reimbDetail .roundBox.reportView .report-info {
  width: 458px;
  margin-top: -20px;
}
.roundBoxWrap.reimbDetail .roundBox.reportView .gridBox .cstm-grid table td .cell-content {
  height: 46px;
}

.report-top {
  width: 100%;
}
.report-top::after {
  content: "";
  display: block;
  clear: both;
}
.report-top .left-box {
  float: left;
}
.report-top .right-box {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 36px;
}
.report-top .report-info {
  width: 304px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.report-top .report-info table th {
  border-bottom: 1px solid #e0e0e0;
  height: 45px;
  color: #505050;
  font-weight: 500;
  text-align: left;
  padding: 0 12px;
}
.report-top .report-info table td {
  border-bottom: 1px solid #e0e0e0;
  height: 45px;
  text-align: right;
  padding: 0 12px;
}
.report-top .report-info table .cell-content {
  height: 36px;
  padding: 16px 0 6px;
}
.gridBox .cstm-grid table td pre.cell-content {
  font-family: inherit;
  padding: 5px 0;
  height:auto;
  min-height:36px;}
.roundBoxWrap.reimbDetail .roundBox.reportView .gridBox .cstm-grid table td pre.cell-content {
  height:auto;
  min-height:46px;}
.report-top .report-info table .date {
  border: none !important;
  margin: 9px 0 0;
}
.report-top .stampBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: flex;
          flex-direction: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.report-top .stampBox .stamp {
  border-top: 1px solid #101010;
}
.report-top .stampBox .stamp table {
  width: auto;
}
.report-top .stampBox .stamp table tr td {
  height: 35px;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.report-top .stampBox .stamp table tr td:last-child {
  border-right: 1px solid #e0e0e0;
}
.report-top .stampBox .stamp table tr:nth-child(1) td {
  color: #505050;
  font-weight: 500;
  line-height: 1.2;
}
.report-top .stampBox .stamp table tr:nth-child(2) td {
  height: 55px;
}
.report-top .stampBox + .report-info {
  margin-top: -22px;
}

.check-input-box {
  position: relative;
  padding-left: 28px;
}
.check-input-box .checkbox {
  position: absolute;
  top: 8px;
  left: 0;
}
.check-input-box .input-text {
  line-height: 32px;
}
.check-input-box .input-text .stb-select-container, .check-input-box .input-text .select2 {
  vertical-align: middle;
  width: 182px !important;
}
.check-input-box .input-text .stb-select-container .selected, .check-input-box .input-text .select2 .selected {
  font-weight: 400;
  position: static;
  padding-left: 12px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-input-box .input-text .stb-select-container .selected::before, .check-input-box .input-text .select2 .selected::before {
  display: none;
}
.check-input-box .input-text .unit_field {
  display: inline-block;
}
.check-input-box .input-text .unit_field .input {
  width: 128px;
}
.check-input-box .input-text .input {
  width: 182px;
}

.input-n-input.narrow,
.select-n-input.narrow {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.input-n-input.narrow .unit_field[data-title="%"],
.select-n-input.narrow .unit_field[data-title="%"] {
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.input-n-input.narrow .unit_field[data-title=원],
.select-n-input.narrow .unit_field[data-title=원] {
  -ms-flex-preferred-size: 130px;
      flex-basis: 130px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.input-n-input.narrow .unit_field::after,
.select-n-input.narrow .unit_field::after {
  width: 40px;
}
.input-n-input.narrow .date,
.select-n-input.narrow .date {
  background: url("/images/icon/icon_calendar-6b920f6c4002f2fbc848592d8e2e4409.svg") no-repeat calc(100% - 6px) center;
  padding: 0 30px 0 6px !important;
  font-size: 12px !important;
  -ms-flex-preferred-size: 106px;
      flex-basis: 106px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.input-n-input.narrow .stb-select-container, .input-n-input.narrow .select2,
.select-n-input.narrow .stb-select-container,
.select-n-input.narrow .select2 {
  font-size: 12px;
  -ms-flex-preferred-size: 94px;
      flex-basis: 94px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.scrollLock {
  overflow: hidden;
}

.img-list-group {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.img-list-group li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 8px;
}
.img-list-group li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 8px;
}
.img-list-group li .photo {
  width: 120px;
  height: 120px;
  background-color: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.img-list-group li .photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-list-group li .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.img-list-group li .info::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url("/images/icon/icon_download-bf0201e33e25a4ac155fd1939242e08c.svg") no-repeat center center;
  margin-right: 8px;
}
.img-list-group li .info span {
  min-height: 17px;
}
.img-list-group li .info span.name {
  max-width: 72px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#wrap.no-mn header .h-cntn .menu {
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#wrap.no-mn header .h-cntn .menu > nav {
  display: none;
}
#wrap.no-mn header .h-cntn .util {
  display: none;
}
#wrap.no-mn .container {
  min-height: 100vh;
  height: auto;
}
#wrap.no-mn .container .pageLayout .pageTitle {
  margin-top: 22px;
}
#wrap.no-mn .container .pageLayout .pageTitle.no-bb {
  margin-bottom: 5px;
  border-bottom: none;
}

.galleryBox.videoBox {
  border-top: none;
  padding: 3px 0 20px;
  row-gap: 20px;
}
.galleryBox.videoBox .data_cell {
  border-radius: 5px;
}
.galleryBox.videoBox .data_cell > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.galleryBox.videoBox .data_cell > a:hover .thumb::after {
  opacity: 1;
}
.galleryBox.videoBox .data_cell .thumb {
  height: 238px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.galleryBox.videoBox .data_cell .thumb::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) url("/images/icon/icon_video_play-911b9d9ed669b3f54615bc9168dde36d.svg") no-repeat center center;
  background-size: 44px 44px;
  opacity: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.galleryBox.videoBox .data_cell .data_info {
  padding: 30px 20px 59px;
  row-gap: 16px;
  color: #222;
}
.galleryBox.videoBox .data_cell .data_info .data_tit {
  font-weight: 500;
  font-size: 16px;
  word-break: keep-all;
}
.galleryBox.videoBox .data_cell .data_info .date {
  color: #505050;
  position: absolute;
  left: 20px;
  bottom: 30px;
}

.mainWrap .top_ctrl .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
}
.mainWrap .top_ctrl .util .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.ifrwB {
  overflow: hidden;
}
.ifrwB iframe {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.ifrB {
  overflow: hidden;
  background-color: transparent;
  margin: 65px 0 0 209px;
}

select.select2 {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  padding: 0 40px 0 12px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff url("/images/icon/icon_select_arrow-526e332ebd9fc4e2c8c6ba2b39e75e02.svg") no-repeat calc(100% - 12px) center;
}
select.select2:focus {
  border-color: #007afe;
  background: #fff url("/images/icon/icon_select_arrow_focus-d7e0986d017b79fe16e08701bed2fdfa.svg") no-repeat calc(100% - 12px) center;
}
select.select2.min {
  width: 340px;
}
select.select2.auto {
  width: auto;
}
select.select2:disabled {
  background: #f6f6f6 url("/images/icon/icon_select_arrow_dis-0217bcc72c824c7a736b1cbb01c5f9ff.svg") no-repeat calc(100% - 12px) center;
  color: #c9c9c9;
}

.input-box .input_info {
  color: #f23e3e;
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 5px;
  -webkit-transform: skew(-0.03deg);
          transform: skew(-0.03deg);
  padding-left: 8px;
}
.input-box .input_error {
  display: none;
  color: #f23e3e;
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 5px;
  -webkit-transform: skew(-0.03deg);
          transform: skew(-0.03deg);
  padding-left: 8px;
}
.input-box.error .input {
  border: 1px solid #f23e3e !important;
  color: #f23e3e;
}
.input-box.error .input_error {
  display: block;
}

.pageLayout.system .pageDivision {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pageLayout.system .pageDivision .authorityGroup {
  width: 190px;
  height: calc(100vh - 175px);
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 20px;
}
.pageLayout.system .pageDivision .authorityGroup h5 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.pageLayout.system .pageDivision .authorityGroup .btns {
  margin-top: 5px;
}
.pageLayout.system .pageDivision .authorityGroup .btns button {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  border: none;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.pageLayout.system .pageDivision .authorityGroup .btns button i {
  font-size: 12px;
  width: 34px;
  text-align: left;
}
.pageLayout.system .pageDivision .authorityGroup .btns button.on, .pageLayout.system .pageDivision .authorityGroup .btns button:hover {
  background-color: #edf5fc;
  color: #007afe;
  font-weight: 500;
}
.pageLayout.system .pageDivision .dataDiv {
  width: calc(100% - 205px);
}

.WebvulError {
  height: 100vh;
  padding: 0 24px;
}
.WebvulError .logo {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.WebvulError .logo img {
  height: 30px;
}
.WebvulError .content_area {
  padding-top: 135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.WebvulError .content_area .text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.WebvulError .content_area .text h6 {
  font-size: 26px;
  color: #101010;
}
.WebvulError .content_area .text p {
  font-size: 18px;
  color: #505050;
}
.WebvulError .content_area button.comm {
  width: 140px;
  height: 40px;
  font-weight: 500;
}

.WebvulModify {
  padding-top: 85px;
}
.WebvulModify form {
  width: 296px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  margin: 0 auto;
}
.WebvulModify form h6 {
  font-size: 18px;
  color: #101010;
  line-height: 1.4;
  text-align: center;
  font-weight: 500;
}
.WebvulModify form .btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.WebvulModify form .btns button {
  width: 100%;
  height: 40px;
}

/*화면상 요소크기 수정:resources/static/scss/eachScreen/_eachScreen.scss*/
.pageLayout.minHeightLayout .pageTitle {
  padding-top: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.pageLayout.minHeightLayout .roundBox {
  padding: 10px;
}
.pageLayout.minHeightLayout .roundBoxWrap {
  gap: 10px;
}
.pageLayout.minHeightLayout .typeGirdInput {
  padding-bottom: 10px !important;
  gap: 10px;
}
.pageLayout.minHeightLayout .typeGirdInput .grid {
  margin-top: 0;
}
.pageLayout.minHeightLayout .typeGirdInput .grid table th {
  padding: 0 10px;
}
.pageLayout.minHeightLayout .typeGirdInput .grid table td {
  padding: 5px;
}
.pageLayout.minHeightLayout .typeGirdInput .grid table td .text {
  min-height: 28px;
  font-size: 14px;
}
.pageLayout.minHeightLayout input.input {
  height: 28px !important;
}
.pageLayout.minHeightLayout .unit_field::after {
  height: 26px;
  font-size: 14px;
}
.pageLayout.minHeightLayout .tui-datepicker-input {
  height: 28px !important;
}
.pageLayout.minHeightLayout .radio_group {
  height: 28px;
}
.pageLayout.minHeightLayout .radio span {
  font-size: 14px;
}
.pageLayout.minHeightLayout .checkbox_group {
  min-height: 28px;
}
.pageLayout.minHeightLayout .quantity {
  height: 28px;
}
.pageLayout.minHeightLayout .quantity button {
  height: 26px;
}
.pageLayout.minHeightLayout .quantity input {
  height: 26px;
}
.pageLayout.minHeightLayout select.select {
  height: 28px;
}
.pageLayout.minHeightLayout select.styled-select {
  height: 28px;
}
.pageLayout.minHeightLayout .stb-select-container .selected {
  height: 26px;
}
.pageLayout.minHeightLayout .stb-select-container .stb-select {
  top: 26px;
}
.pageLayout.minHeightLayout div.rows {
  gap: 5px;
}
.pageLayout.minHeightLayout div.rows + .rows {
  margin-top: 0;
}
.pageLayout.minHeightLayout button.comm {
  height: 28px;
}