@charset "UTF-8";
/* response */
/* 아이콘 버튼 */
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../fonts/Pretendard-Black.woff2") format("woff2"), url("../fonts/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/Pretendard-ExtraLight.woff") format("woff");
}
/* 컨텐츠 페이지 타이틀 (H2)
Bold / Font 36px / #191919 / 자간 -0.3px / Line-Height 1 */
/* 헤더 GNB 타이틀 & 프로세스 타이틀 (H3)
SemiBold / Font 30px / #191919 / 자간 -0.3px / Line-Height 1  */
/* 본문 (기본) - 강조
SemiBold / Font 16px / #191919 / 자간 -0.3px / Line-Height 1 */
/* 본문 (기본) -밝은
SemiBold / Font 16px / #191919 / 자간 -0.3px / Line-Height 1 */
/* 본문 (기본) -검정
SemiBold / Font 16px / #191919 / 자간 -0.3px / Line-Height 1 */
/* 최소 본문 - 중간
Regular / Font 14px / #666 / 자간 -0.3px / Line-Height 1 */
.main-title {
  color: #191919;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.7px;
}

.conts-title {
  color: #191919;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
}

.strong-txt {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}

.normal-txt {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}

.normal-BK-Txt {
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}

.small-txt {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}

.ico-delete {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/icon/ico-delete.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}
.ico-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background: url("/assets/images/icon/ico-close.svg") no-repeat center;
  background-size: contain;
}
.ico-attach-img {
  width: 50px;
  height: 50px;
  background: url("/assets/images/temp/no-image.png") no-repeat center;
  background-size: contain;
}
.ico-category-delete {
  width: 34px;
  height: 34px;
  background: url("/assets/images/icon/ico-delete.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}
.ico-reset {
  width: 30px;
  height: 30px;
  background: url("/assets/images/icon/ico-reset.svg") no-repeat center;
  background-size: contain;
}
.ico-eye {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 25px;
  height: 25px;
  background: url("/assets/images/icon/ico-eye-on.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
  cursor: default;
}
.ico-eye.show {
  background-image: url("/assets/images/icon/ico-eye-off.svg");
}
.ico-required {
  overflow: hidden;
  width: 0;
  padding: 0 0 0 15px;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
.ico-required::before {
  content: "*";
  float: left;
  margin: 0 0 0 -15px;
  width: 15px;
  color: #e34140;
  text-align: center;
}
.ico-calendar {
  background: url("/assets/images/icon/ico-calendar.svg") no-repeat calc(100% - 20px) center;
  background-size: 20px 20px;
  cursor: pointer;
}
.ico-search {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  height: 100%;
  background: url("/assets/images/icon/ico-search.svg") no-repeat center center;
  background-size: contain;
  transform: translateY(-50%);
  font-size: 0;
}
.ico-search.on {
  right: 64px;
}

.paging-first {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  background: url("/assets/images/icon/paging-first.svg") no-repeat center center;
  background-size: 50px 50px;
}
.paging-prev {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  background: url("/assets/images/icon/paging-prev.svg") no-repeat center center;
  background-size: 50px 50px;
}
.paging-next {
  display: block;
  width: 50px;
  height: 50px;
  margin-left: 5px;
  background: url("/assets/images/icon/paging-next.svg") no-repeat center center;
  background-size: 50px 50px;
}
.paging-end {
  display: block;
  width: 50px;
  height: 50px;
  margin-left: 5px;
  background: url("/assets/images/icon/paging-end.svg") no-repeat center center;
  background-size: 50px 50px;
}

.validation-list-item::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  background: url("/assets/images/icon/ico-check.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}
.validation-list-item.success::before {
  background-image: url("/assets/images/icon/ico-check-success.svg");
}
.validation-list-item.error::before {
  background-image: url("/assets/images/icon/ico-check-error.svg");
}

#loadingSpinner {
  pointer-events: none;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
}
#loadingSpinner::after {
  content: "";
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 9.5em;
  height: 9.5em;
  border: 0.8em solid transparent;
  border-color: #ddd;
  border-top-color: #010101;
  border-radius: 50%;
  animation: loadingspin 1.3s linear infinite;
}

@keyframes loadingspin {
  0% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
body {
  color: #121212;
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, Geneva, sans-serif, Apple Gothic, AppleGothic;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0rem;
  vertical-align: middle;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.fixed {
  touch-action: none;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.txt-rd {
  color: #e34140 !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.txt-rd-b {
  color: #e34140 !important;
  font-size: inherit;
  font-weight: 600 !important;
  line-height: inherit;
}

.txt-vt {
  color: #662d91 !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.txt-vt-b {
  color: #662d91 !important;
  font-size: inherit;
  font-weight: 600 !important;
  line-height: inherit;
}

.txt-bk {
  color: #191919 !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.txt-bk-b {
  color: #191919 !important;
  font-size: inherit;
  font-weight: 600 !important;
  line-height: inherit;
}

.txt-gy {
  color: #666 !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.txt-gy-b {
  color: #666 !important;
  font-size: inherit;
  font-weight: 600 !important;
  line-height: inherit;
}

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

.flex-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex {
  display: flex;
}

.flex-ac {
  display: flex;
  align-items: center;
  position: relative;
}
.flex-ac .ico-delete {
  position: absolute;
  top: 22px;
  left: 470px;
}

.gap20 {
  gap: 20px;
}

.mt5 {
  margin-top: 5px;
}

.ml20 {
  margin-left: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

.pt100 {
  padding-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.stockholder-area {
  margin-bottom: 40px;
  justify-content: space-between;
}

.p-rltv {
  position: relative;
  width: 100%;
}
.p-rltv input {
  width: calc(100% - 20px) !important;
}
.p-rltv .stockholder-special_character {
  position: absolute;
  top: 15px;
  right: 0;
}

.box-tab.tab-ctrl.stockholder-tab-box {
  margin: 0 !important;
}

.stockholder-tab-box {
  display: flex;
  align-items: center;
}

.cpnt_ownership_structure .innerBox {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 150px;
}
.cpnt_ownership_structure .chartArea {
  flex: 1;
  max-width: 45rem;
  width: 50%;
  margin-top: -35px;
  padding-right: 150px;
}
.cpnt_ownership_structure .chartArea #chart-container {
  width: 100%;
  max-height: 45.5rem;
  height: calc(45vw + 8rem);
}
.cpnt_ownership_structure .chartArea #chart-container::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 8.75rem;
  height: 2.2375rem;
  width: 23.33%;
  height: 7%;
}
.cpnt_ownership_structure .chartArea .chart_tooltip {
  padding: 5px;
}
.cpnt_ownership_structure .chartArea .chart_tooltip > * {
  display: inline-block;
  vertical-align: middle;
}
.cpnt_ownership_structure .chartArea .chart_tooltip span {
  width: 14px !important;
  height: 14px !important;
  border-radius: 3px !important;
}
.cpnt_ownership_structure .chartArea .chart_tooltip strong {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  margin-right: 5px;
}
.cpnt_ownership_structure .chartArea .chart_tooltip b {
  font-size: 16px;
  font-weight: 700;
  color: #666;
}
.cpnt_ownership_structure .chartArea .chart_tooltip b:last-child {
  margin-top: 10px;
}
.cpnt_ownership_structure .tableArea {
  position: relative;
  flex: 1;
  height: 100%;
}
.cpnt_ownership_structure .tableArea caption {
  position: absolute;
  top: -3.75rem;
  right: 0;
  text-align: right;
  font-size: 1rem;
  font-weight: 500;
  color: #b8b8b8;
}
@media (max-width: 800px) {
  .cpnt_ownership_structure .chartArea #chart-container {
    width: 100%;
    height: calc(100vw + 7.5rem - 2.5rem);
  }
}
@media (max-width: 540px) {
  .cpnt_ownership_structure {
    display: block;
  }
  .cpnt_ownership_structure .tableArea table {
    width: 500px;
  }
}

.history-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 60px 0 20px 0;
}
.history-area h2 {
  font-size: 20px;
  font-weight: bold;
}

.history-btn-drop {
  background-color: #d2d2d2 !important;
  background: url(../images/icon/ico-arrow-down.svg) no-repeat center;
  background-size: contain;
  transform: rotate(180deg);
}

.history-btn-drop.active {
  transform: rotate(0deg);
}

.history-table-year.active {
  display: none;
}

.history-table-btn {
  background: white !important;
  border-right: none !important;
}
.history-table-btn .btn-area {
  margin-top: 0px !important;
}

.history-select-wd {
  min-width: 150px !important;
  max-width: 150px !important;
}

.history-select-wd span {
  min-width: 300px !important;
  max-width: 430px !important;
}

#permission-box,
#permission-box2 {
  width: 100%;
  flex-wrap: wrap;
  gap: 0px;
}
#permission-box .permission-item,
#permission-box2 .permission-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
  position: relative;
}
#permission-box .permission-item .permission_input,
#permission-box2 .permission-item .permission_input {
  flex: 1 1 330px;
  min-width: 330px !important;
}
#permission-box .permission-item .permission_btn,
#permission-box2 .permission-item .permission_btn {
  margin: 0 !important;
}
#permission-box .permission-item .box-select .text-select,
#permission-box2 .permission-item .box-select .text-select {
  height: 50px;
  box-sizing: border-box;
}
#permission-box .permission-item .btn.default,
#permission-box2 .permission-item .btn.default {
  height: 50px;
  font-size: 12px;
  box-sizing: border-box;
}
#permission-box .permission-item .box-attach,
#permission-box2 .permission-item .box-attach {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
#permission-box .permission-item .box-attach input[type="file"],
#permission-box2 .permission-item .box-attach input[type="file"] {
  display: none;
}
#permission-box .permission-item .box-attach .file-name,
#permission-box2 .permission-item .box-attach .file-name {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 14px;
}
#permission-box .permission-item .box-attach label,
#permission-box2 .permission-item .box-attach label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
}
#permission-box .mailtxt,
#permission-box2 .mailtxt2 {
  flex: 0 0 100%;
  width: 100%;
}
#certGroupGuide {
  flex: 0 0 100%;
}

.cdmo_wrap {
  margin-top: 50px !important;
}

.scrOff {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

::-ms-reveal {
  display: none;
}

::placeholder {
  color: #ddd !important;
}

/** ck-editor CSS**/
.ck-editor__editable {
  min-height: 600px !important;
  max-height: 600px !important;
}

.ck.ck-editor__editable_inline {
  padding: 30px !important;
}

.ck-content .table table td {
  display: table-cell;
}

.ck-content ul li {
  margin-left: 35px;
}
.ck-content ol li {
  margin-left: 35px;
}

.ck.ck-reset.ck-input.ck-input-text.raw-html-embed__source {
  height: 500px;
}

table.default-table.write tr.contentsTypeE > td {
  display: block;
}
table.default-table.write tr.contentsTypeE > td .textarea-wrap {
  max-width: initial !important;
}
table.default-table.grid tr.contentsTypeE td .textarea-wrap {
  max-width: initial !important;
}
table.default-table.hidden {
  display: none;
}

.contentsTypeE .textarea-wrap h2 {
  font-size: 1.84em !important;
  font-weight: bold !important;
}
.contentsTypeE .textarea-wrap h3 {
  font-size: 1.48em !important;
  font-weight: bold !important;
}
.contentsTypeE .textarea-wrap h4 {
  font-size: 1.22em !important;
  font-weight: bold !important;
}
.contentsTypeE td .txt-guide {
  margin-top: 10px;
}

/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  font-size: 62.5%;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}

span {
  display: inline-block;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

select {
  cursor: pointer;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
  border-spacing: 0;
  padding: 0;
  border: 0;
}
table th, table td {
  padding: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

.hidden {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
}

.mt10 {
  margin-top: 10px;
}

.mb-40 {
  margin-bottom: 40px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

.box-tab {
  margin: 24px 0 50px;
  overflow: hidden;
}
.box-tab .tab-btn-wrap {
  display: flex;
  justify-content: flex-start;
  gap: 0 10px;
  flex-wrap: wrap;
}
.box-tab .tab-btn-wrap::-webkit-scrollbar {
  display: none;
}
.box-tab .tab-btn-wrap li {
  flex-shrink: 0;
  width: auto;
}
.box-tab .tab-btn-wrap li a {
  display: block;
  padding: 10px 20px;
  background-color: #f6f6f6;
  text-align: center;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-tab .tab-btn-wrap li a.on {
  background-color: #424242;
  color: #fff;
}
.box-tab .tab-btn-wrap .wd-100 {
  width: 100px !important;
}
.box-tab.tab-ctrl .tab-contents-wrap {
  border-top: 1px solid #ddd;
}
.box-tab.tab-ctrl .tab-contents-wrap > * {
  display: none;
}
.box-tab.tab-ctrl .tab-contents-wrap [aria-hidden=false] {
  display: block;
}

.btn-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 40px;
}
.btn-area .btn-left {
  position: absolute;
  left: 0;
}
.btn-area .btn-right {
  display: flex;
  gap: 30px;
}

.btn-wrap {
  width: 100%;
  margin: 0 auto;
}
.btn-wrap.center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.btn-wrap-md {
  margin-left: 16px;
}
.btn-wrap-md.center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.btn {
  width: 100px;
  min-height: 40px;
  text-align: center;
  border-radius: 7px;
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.btn.default {
  background: #424242;
  color: #fff;
}
.btn.default02 {
  padding: 0;
  background: #191919;
  color: #fff;
}
.btn.default03 {
  width: initial !important;
  min-width: 130px !important;
  background: #191919;
  color: #fff;
  padding: 10px !important;
}
.btn.default04 {
  width: initial !important;
  min-width: 130px !important;
  background: #424242;
  color: #fff;
}
.btn.back {
  background: #e6e6e6;
}
.btn.line {
  border: 1px solid #e6e6e6;
  border-radius: 0;
}
.btn.big {
  width: 100%;
  border-radius: 7px;
  background: #424242;
  color: #fff;
  min-height: 60px;
}
.btn:disabled {
  background-color: #ddd;
  cursor: default;
  color: #959595;
}

.text-link {
  padding-right: 25px;
  position: relative;
  display: inline-block;
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
  font-weight: 500 !important;
}
.text-link::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 25px;
  background: url("/assets/images/icon/ico-arrow-right.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}

.reset-btn {
  font-size: 0;
  vertical-align: middle;
  margin-bottom: -34px;
}

.box-input-lg .input-default, .box-input .input-default {
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
  transition: border-color 0.3s ease;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input-lg .input-default:disabled, .box-input .input-default:disabled {
  background-color: #eee;
  color: #444 !important;
}

.textarea-wrap .input-label, .box-input-lg .input-label, .box-input .input-label {
  display: block;
  margin-bottom: 16px;
  text-align: left;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.textarea-wrap .input-label::placeholder, .box-input-lg .input-label::placeholder, .box-input .input-label::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #959595;
}

.nec {
  padding: 0 0 0 4px !important;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #cf192b !important;
}

.box-input {
  position: relative;
  width: 100%;
  max-width: 630px;
}
.box-input.ty02 {
  display: flex;
  gap: 50px;
}
.box-input.ty02 .input-wrap {
  max-width: 100px;
}
.box-input .input-wrap {
  position: relative;
}
.box-input input[type=number]:disabled {
  background-color: #eee;
}
.box-input input[type=number]::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #959595;
}
.box-input .input-label ~ .ico-delete {
  top: 95px;
}
.box-input .input-default.is-delete {
  padding-right: 50px;
}
.box-input .input-default.is-time {
  padding-right: 100px !important;
}
.box-input .input-default.is-unit {
  padding-right: 87px;
}
.box-input .input-default.is-masking {
  padding-right: 95px;
}
.box-input .input-default::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #959595;
}
.box-input .input-default:focus {
  border-color: #191919;
}
.box-input .input-unit {
  position: absolute;
  right: 20px;
  /*top: 50%;transform: translateY(-50%);*/
  bottom: 0;
  margin-bottom: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input .input-unit.on {
  right: 52px;
}
.box-input .disabled {
  background-color: #d6d6d6;
  color: #444 !important;
}
.box-input .ico-delete {
  display: none;
}
.box-input .ico-delete.on {
  display: block;
}
.box-input .txt-error {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input .txt-sending {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input .txt-description {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  /*color: #1baa46;*/
}
.box-input .txt-time {
  position: absolute;
  top: 50%;
  right: 30px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  transform: translateY(-50%);
}
.box-input .txt-time.on {
  right: 56px;
}
.box-input .size-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}
.box-input.error {
  position: relative;
}
.box-input.error .input-default {
  border-color: #e34140;
}
.box-input.error .ico-calendar {
  top: 25px;
}
.box-input.error .txt-error {
  display: block;
  margin-top: 10px;
  /*@include smallDepthTxt2;*/
  color: #e34140;
  text-align: left;
  word-break: break-word;
}
.box-input.success .txt-description {
  display: block;
  margin-top: 10px;
}
.box-input.sending .txt-sending {
  display: block;
  margin-top: 10px;
  color: #191919;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input .validation-list {
  margin-top: 10px;
  padding-left: 10px;
}
.box-input .validation-list-item {
  position: relative;
  padding-left: 24px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input .validation-list-item + .validation-list-item {
  margin-top: 16px;
}
.box-input .validation-list-item.success {
  color: #1baa46;
}
.box-input .validation-list-item.error {
  color: #e34140;
}
.box-input .serach-input-wrap .input-default {
  padding-right: 100px;
}

.box-input-lg {
  position: relative;
  width: 100%;
}
.box-input-lg.ty02 {
  display: flex;
  gap: 50px;
}
.box-input-lg.ty02 .input-wrap {
  max-width: 100px;
}
.box-input-lg .input-wrap {
  position: relative;
}
.box-input-lg .input-wrap input:nth-of-type(1) {
  width: 300px;
  height: 50px;
}
.box-input-lg .input-wrap input:nth-of-type(2) {
  max-width: 630px;
}
.box-input-lg input[type=number]:disabled {
  background-color: #d6d6d6;
}
.box-input-lg input[type=number]::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #959595;
}
.box-input-lg .input-label ~ .ico-delete {
  top: 95px;
}
.box-input-lg .input-default.is-delete {
  padding-right: 50px;
}
.box-input-lg .input-default.is-time {
  padding-right: 100px !important;
}
.box-input-lg .input-default.is-unit {
  padding-right: 87px;
}
.box-input-lg .input-default.is-masking {
  padding-right: 95px;
}
.box-input-lg .input-default::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #959595;
}
.box-input-lg .input-default:focus {
  border-color: #191919;
}
.box-input-lg .input-unit {
  position: absolute;
  right: 20px;
  /*top: 50%;transform: translateY(-50%);*/
  bottom: 0;
  margin-bottom: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input-lg .input-unit.on {
  right: 52px;
}
.box-input-lg .disabled {
  background-color: #d6d6d6;
  color: #444 !important;
}
.box-input-lg .ico-delete {
  display: none;
}
.box-input-lg .ico-delete.on {
  display: block;
}
.box-input-lg .txt-error {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input-lg .txt-sending {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input-lg .txt-description {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  /*color: #1baa46;*/
}
.box-input-lg .txt-time {
  position: absolute;
  top: 50%;
  right: 30px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  transform: translateY(-50%);
}
.box-input-lg .txt-time.on {
  right: 56px;
}
.box-input-lg .size-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}
.box-input-lg.error {
  position: relative;
}
.box-input-lg.error .input-default {
  border-color: #e34140;
}
.box-input-lg.error .ico-calendar {
  top: 25px;
}
.box-input-lg.error .txt-error {
  display: block;
  margin-top: 10px;
  /*@include smallDepthTxt2;*/
  color: #e34140;
  text-align: left;
}
.box-input-lg.success .txt-description {
  display: block;
  margin-top: 10px;
}
.box-input-lg.sending .txt-sending {
  display: block;
  margin-top: 10px;
  color: #191919;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input-lg .validation-list {
  margin-top: 10px;
  padding-left: 10px;
}
.box-input-lg .validation-list-item {
  position: relative;
  padding-left: 24px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input-lg .validation-list-item + .validation-list-item {
  margin-top: 16px;
}
.box-input-lg .validation-list-item.success {
  color: #1baa46;
}
.box-input-lg .validation-list-item.error {
  color: #e34140;
}
.box-input-lg .serach-input-wrap .input-default {
  padding-right: 100px;
}

.singleNum-list, .doubleNum-list {
  display: flex;
  gap: 20px;
  align-items: center;
}
.singleNum-list ul, .doubleNum-list ul {
  display: flex;
  gap: 25px;
}
.singleNum-list ul li, .doubleNum-list ul li {
  width: 80px;
  flex-shrink: 0;
  position: relative;
}
.singleNum-list ul li input, .doubleNum-list ul li input {
  height: 40px;
}
.singleNum-list ul li::after, .doubleNum-list ul li::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 100%;
  bottom: 5px;
  right: 0%;
  margin-right: -15px;
}
.singleNum-list ul li:last-of-type::after, .doubleNum-list ul li:last-of-type::after {
  display: none;
}
.singleNum-list .btn, .doubleNum-list .btn {
  flex-shrink: 0;
}

.parall-list-wrap {
  max-width: 630px;
  width: 100%;
}
.parall-list-wrap li {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.parall-list-wrap li .btn {
  flex-shrink: 0;
}

.parall-list {
  max-width: 630px;
  width: 100%;
  display: flex;
  gap: 30px;
  align-items: center;
}

.box-input-wrap {
  display: flex;
  gap: 15px;
}
.box-input-wrap span {
  display: flex;
  align-items: center;
}
.box-input-wrap .txt-error {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-input-wrap.error .input-default {
  border-color: #e34140;
}
.box-input-wrap.error .txt-error {
  display: block;
  margin-top: 10px;
  /*@include smallDepthTxt2;*/
  color: #e34140;
  text-align: left;
}

.box-date-wrap {
  display: flex;
  gap: 15px;
}
.box-date-wrap span {
  display: flex;
  margin-top: 16px;
}
.box-date-wrap .txt-error {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-date-wrap.error .input-default {
  border-color: #e34140;
}
.box-date-wrap.error .txt-error {
  display: block;
  margin-top: 10px;
  /*@include smallDepthTxt2;*/
  color: #e34140;
  text-align: left;
}

.box-btn-radio {
  display: flex;
  gap: 30px;
}
.box-btn-radio .btn-radio {
  position: relative;
}
.box-btn-radio .btn-radio input[type=radio] {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0 0 0 0);
}
.box-btn-radio .btn-radio input[type=radio]:checked + label {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-btn-radio .btn-radio input[type=radio]:checked + label span {
  border: 0;
}
.box-btn-radio .btn-radio input[type=radio]:checked + label span::after {
  transform: scale(1);
  opacity: 1;
}
.box-btn-radio .btn-radio label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-btn-radio .btn-radio label span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ddd;
  position: relative;
  transition: all 0.3s ease-out;
  margin-right: 8px;
  flex-shrink: 0;
  transition: all 0.3s ease-out;
  background: #fff;
}
.box-btn-radio .btn-radio label span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.8);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #424242;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.3s ease-out;
}

.btn-check {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.btn-check.fw600 label {
  font-weight: 600;
}
.btn-check.fw600 label strong {
  font-weight: 600;
}
.btn-check input[type=checkbox] {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
}
.btn-check input[type=checkbox]:checked + label .ico-check::before {
  background-color: #424242;
  transition: all 0.3s ease-out;
}
.btn-check input[type=checkbox]:checked + label .ico-check::after {
  background: url("/assets/images/icon/ico-check-on.svg") no-repeat center;
  background-size: contain;
}
.btn-check input[type=checkbox]:disabled + label {
  cursor: default;
}
.btn-check input[type=checkbox]:disabled + label span {
  color: #666;
}
.btn-check input[type=checkbox]:disabled + label span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/assets/images/icon/ico-check-disable.svg") no-repeat center;
  background-size: contain;
}
.btn-check label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #191919;
}
.btn-check label .ico-check {
  width: 24px;
  height: 24px;
  display: inline-block;
  padding-left: 30px;
  position: relative;
  transition: all 0.3s ease-out;
}
.btn-check label .ico-check::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #ddd;
  border-radius: 5%;
}
.btn-check label .ico-check::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/assets/images/icon/ico-check-on.svg") no-repeat center;
  background-size: contain;
}
.btn-check label strong {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  margin-left: 5px;
}
.btn-check label b {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.btn-check label .txt-vt {
  margin-right: 5px;
}
.btn-check.white {
  width: 100%;
  padding: 30px;
  border: 2px solid #191919;
  border-radius: 7px;
}
.btn-check .link-underline {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #191919 !important;
  text-decoration: underline;
}
.btn-check-type2 input[type=checkbox] {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
}
.btn-check-type2 input[type=checkbox]:checked + label span {
  color: #424242;
  transition: all 0.3s ease-out;
}
.btn-check-type2 input[type=checkbox]:checked + label::before {
  background: url("/assets/images/icon/ico-checkbox-on.svg") no-repeat center;
  background-size: contain;
}
.btn-check-type2 label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.btn-check-type2 label span {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.btn-check-type2 label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url("/assets/images/icon/ico-checkbox.svg") no-repeat center;
  background-size: contain;
}
.btn-check-type2 label:nth-of-type(n+2) {
  margin-left: 30px;
}

.box-select {
  min-width: 300px;
  max-width: 430px;
}
.box-select .text-select, .box-select .select-default {
  width: 100%;
  padding: 10px 40px 10px 10px;
  background: url(/assets/images/icon/ico-arrow-down.svg) no-repeat right 20px center;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #666;
  text-align: left;
  resize: none;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-select .text-select::placeholder, .box-select .select-default::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #666;
}
.box-select .text-select:disabled, .box-select .select-default:disabled {
  background-color: #d6d6d6;
}
.box-select .txt-error {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-select.error .text-select, .box-select.error .select-default {
  border-color: #e34140;
}
.box-select.error .txt-error {
  display: block;
  margin-top: 10px;
  /*@include smallDepthTxt2;*/
  color: #e34140;
  text-align: left;
}

/*파일첨부*/
.file-input-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.file-input-wrap .file-input-list {
  display: flex;
  align-items: center;
}
.file-input-wrap .file-input-list li ~ li {
  margin-left: 8px;
}
.file-input-wrap.ty02 {
  display: flex;
  gap: 32px;
}
.file-input-wrap .box-attach-wrap {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.file-input-wrap .box-attach-wrap .box-attach {
  display: flex;
  align-items: center;
  gap: 32px;
}
.file-input-wrap .box-attach-wrap .box-attach input {
  display: none;
}
.file-input-wrap .box-attach-wrap .box-attach .file-name {
  width: 370px;
  height: 50px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
}
.file-input-wrap .box-attach-wrap .box-attach label, .file-input-wrap .box-attach-wrap .box-attach .btn-black {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 10px 0;
}
.file-input-wrap .box-attach-wrap .box-attach .btn-wrap {
  display: flex;
  flex: 1;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.file-input-wrap .box-attach-wrap .info-txt {
  display: block;
  margin-top: 10px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #959595;
}
.file-input-wrap .box-attach-wrap .txt-error {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.file-input-wrap .box-attach-wrap.error .txt-error {
  display: block;
  margin-top: 10px;
  /*@include smallDepthTxt2;*/
  color: #e34140;
  text-align: left;
}
.file-input-wrap .box-file-attached, .file-input-wrap .fileonly-attached {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px;
}
.file-input-wrap .box-file-attached .box-attached, .file-input-wrap .fileonly-attached .box-attached {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.file-input-wrap .box-file-attached .box-attached img, .file-input-wrap .fileonly-attached .box-attached img {
  width: 80px;
  height: 60px;
  object-fit: contain;
}
.file-input-wrap .box-file-attached .box-attached span, .file-input-wrap .fileonly-attached .box-attached span {
  display: inline;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.file-input-wrap .box-file-attached .box-attached .ico-delete, .file-input-wrap .fileonly-attached .box-attached .ico-delete {
  position: inherit;
  transform: none;
}
.file-input-wrap .list-dot {
  margin-top: 30px;
}
.file-input-wrap .list-dot li {
  position: relative;
  padding-left: 11px;
  line-height: 1.5;
  color: #444;
}
.file-input-wrap .list-dot li ~ li {
  margin-top: 8px;
}
.file-input-wrap .list-dot li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background-color: #444;
  border-radius: 50%;
}
.file-input-wrap .list-dot.gray li {
  font-size: 14px;
  color: #999;
}
.file-input-wrap .list-dot.gray li ~ li {
  margin-top: 10px;
}
.file-input-wrap .list-dot.gray li::before {
  background-color: #999;
}
.file-input-wrap .box-file-input {
  width: 80px;
  height: 80px;
}
.file-input-wrap .box-file-input input[type=file] {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
}
.file-input-wrap .box-file-input label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 0;
  cursor: pointer;
}
.file-input-wrap .box-file-input label::before {
  content: "";
  width: 50px;
  height: 540px;
  background: url("/assets/images/temp/no-image.png") no-repeat center;
  background-size: contain;
}
.file-input-wrap .input-img-wrap {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.file-input-wrap .input-img-wrap img {
  width: 100%;
}

.textarea-wrap {
  width: 100%;
  max-width: 630px;
}
.textarea-wrap .input-label {
  display: block;
  margin-bottom: 10px;
}
.textarea-wrap .box-textarea {
  position: relative;
  display: flex;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  border: 1px solid #ddd;
  border-radius: 7px;
  transition: border-color 0.3s ease;
  overflow: hidden;
}
.textarea-wrap .box-textarea .input-default {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 16px 20px !important;
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 0;
}
.textarea-wrap .box-textarea .ico-delete {
  width: 20px;
  height: 20px;
  display: none;
  top: 16px;
  right: 20px;
  transform: translateY(0);
}
.textarea-wrap .box-textarea textarea::-webkit-scrollbar {
  width: 10px;
}
.textarea-wrap .box-textarea textarea::-webkit-scrollbar-thumb {
  height: 40%;
  background-color: rgb(221, 221, 221);
  border-radius: 10px;
}
.textarea-wrap .box-textarea textarea::-webkit-scrollbar-track {
  background-color: rgba(221, 221, 221, 0.4);
}
.textarea-wrap .txt-error {
  display: none;
}
.textarea-wrap.error .box-textarea {
  border-color: #e34140;
}
.textarea-wrap.error .txt-error {
  display: block;
  margin-top: 10px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #e34140;
  text-align: left;
}
.textarea-wrap textarea::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  opacity: 1;
  /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.textarea-wrap textarea::-webkit-input-placeholder {
  color: #666;
}
.textarea-wrap textarea:-ms-input-placeholder {
  color: #666;
}
.textarea-wrap textarea:-mos-input-placeholder {
  color: #666;
}

.textarea-wrap.wd-100 {
  width: 100%;
  max-width: 100% !important;
}
.textarea-wrap.wd-100 .box-textarea {
  height: 500px;
}

.box-switch .btn-switch input[type=checkbox] {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
}
.box-switch .btn-switch label {
  display: block;
  position: relative;
  width: 60px;
  height: 24px;
  background-color: #e5e5e5;
  border-radius: 30px;
  font-size: 0;
  cursor: pointer;
  transition: background-color 0.3s;
}
.box-switch .btn-switch label::before {
  content: "";
  position: absolute;
  left: -0.3px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.6s;
}
.box-switch .btn-switch input[type=checkbox]:checked ~ label {
  background-color: #eee;
}
.box-switch .btn-switch input[type=checkbox]:checked ~ label::before {
  background-color: #444;
  left: 40px;
}
.box-switch .btn-switch input[type=checkbox]:disabled ~ label {
  background-color: #eee;
}
.box-switch .txt-error {
  display: none;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.box-switch.error .txt-error {
  display: block;
  margin-top: 10px;
  /*@include smallDepthTxt2;*/
  color: #e34140;
  text-align: left;
}

.mailtxt, .mailtxt2 {
  margin-top: 12px;
}
.mini-label.list-label {
  flex: 0 0 100%;
  margin-top: 30px;
  font-size: 24px;
}
.mailtxt .mail-list, .mailtxt2 .mail-list {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}
.mailtxt .mail-list .mail-field, .mailtxt2 .mail-list .mail-field {
  flex: 1 1 0;
  min-width: 0;
}
.mailtxt .mail-list .mail-field .mini-label, .mailtxt2 .mail-list .mail-field .mini-label {
  margin-bottom: 2px;
}
.mailtxt .mail-list .mail-field-box, .mailtxt2 .mail-list .mail-field-box {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 14px;
}
.mailtxt .mail-list button, .mailtxt2 .mail-list button {
  margin-left: 20px;
  width: 24px;
  height: 24px;
  background: url(/assets/images/icon/ico-delete.svg) no-repeat center;
  background-size: contain;
}

.check-wrap {
  width: 100%;
  max-width: 630px;
  padding-top: 15px;
}
.check-wrap *:before {
  width: 17px;
  height: 17px;
  display: inline-block;
}
.check-wrap li {
  padding-bottom: 15px;
}
.check-wrap li > span {
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
}
.check-wrap li.tree-all {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.check-wrap li.tree-all label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.check-wrap li.tree-all label:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 5px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
}
.check-wrap li.tree-all input[type=checkbox] {
  display: none;
}
.check-wrap li.tree-all input[type=checkbox] ~ ul {
  display: none;
}
.check-wrap li.tree-all input[type=checkbox]:checked ~ ul {
  display: block;
}
.check-wrap li.tree-all input[type=checkbox]:checked + label:before {
  content: "";
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}
.check-wrap input[type=checkbox] {
  width: 18px;
  height: 18px;
  position: relative;
}
.check-wrap input[type=checkbox]::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4px;
  left: -2px;
  transition: all 0.3s ease-out;
  cursor: pointer;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
  background-color: #fff;
}
.check-wrap input[type=checkbox].middle::before {
  background: url("/assets/images/icon/ico-minus.svg") no-repeat center;
  background-size: contain;
}
.check-wrap input[type=checkbox]:checked:before {
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}
.check-wrap input[disabled=disabled] {
  width: 18px;
  height: 18px;
  position: relative;
  margin-left: 1px;
}
.check-wrap input[disabled=disabled]::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -3px;
  left: -3px;
  transition: all 0.3s ease-out;
  cursor: pointer;
  background: url("/assets/images/icon/ico-check-disable-24.svg") no-repeat center;
  background-size: contain;
}
.check-wrap input[disabled=disabled].middle::before {
  background: url("/assets/images/icon/ico-minus.svg") no-repeat center;
  background-size: contain;
}
.check-wrap input[disabled=disabled]:checked:before {
  background: url("/assets/images/icon/ico-check-disable.svg") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  top: 1px;
  left: 1px;
}
.check-wrap .secon-depth {
  margin: 10px 0 0 30px;
  display: none;
}
.check-wrap .secon-depth > input[type=checkbox] {
  width: 18px;
  height: 18px;
  position: relative;
}
.check-wrap .secon-depth > input[type=checkbox]::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -2px;
  left: -2px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
  background-color: #fff;
}
.check-wrap .secon-depth > input[type=checkbox].middle::before {
  background: url("/assets/images/icon/ico-minus.svg") no-repeat center;
  background-size: contain;
}
.check-wrap .secon-depth > input[type=checkbox]:checked:before {
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}
.check-wrap .three-depth {
  margin: 10px 0 0 30px;
  display: none;
}
.check-wrap .three-depth label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.check-wrap .three-depth label:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 5px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
}
.check-wrap .three-depth input[type=checkbox] {
  display: none;
}
.check-wrap .three-depth input[type=checkbox] ~ ul {
  display: none;
}
.check-wrap .three-depth input[type=checkbox]:checked ~ ul {
  display: block;
}
.check-wrap .three-depth input[type=checkbox]:checked + label:before {
  content: "";
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}

.input-default-md {
  width: 514px;
  height: 43px;
  resize: none;
  padding: 16px 20px !important;
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  border: 1px solid #ddd;
  border-radius: 7px;
  transition: border-color 0.3s ease;
  overflow: hidden;
}

.default-table {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #191919;
  border-bottom: 1px solid #191919;
  box-sizing: border-box;
  text-align: center;
  table-layout: fixed;
}
.default-table thead {
  border-bottom: 1px solid #ddd !important;
}
.default-table th, .default-table td {
  padding: 20px 10px;
  vertical-align: middle;
  word-break: break-all;
}
.default-table th {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.default-table td {
  border-bottom: 1px solid #ddd;
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #191919;
}
.default-table td a {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #191919;
}
.default-table td a:hover {
  text-decoration: underline;
  transition: all 0.5;
}
.default-table td.flexNone {
  flex-wrap: wrap;
}
.default-table .subject {
  text-align: left;
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}
.default-table .subject a {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #191919;
}
.default-table .subject a:hover {
  text-decoration: underline;
  transition: all 0.5;
}
.default-table .subject span {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #191919;
}
.default-table .subject span:hover {
  transition: all 0.5;
}
.default-table .thumbnail {
  height: 100px;
}
.default-table .thumbnail img {
  width: 80px;
  height: 100%;
  object-fit: contain;
}
.default-table .notice {
  background: #f6f6f6;
}
.default-table .notice a {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}
.default-table .notice .point {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #662d91;
}
.default-table.write th, .default-table.write td {
  text-align: left;
  padding-left: 30px;
  border-bottom: 1px solid #ddd;
  min-height: 60px;
}
.default-table.write th {
  background: #eee;
  border-right: 1px solid #ddd;
  word-break: break-word;
}
.default-table.write td {
  display: flex;
  align-items: center;
  gap: 25px;
}
.default-table.write td .txt-guide {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  word-break: break-word;
}
#certGroupGuideRow td {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#certGroupGuideRow .txt-guide {
  white-space: nowrap;
}
.mini-label {
  display: block;
  margin-bottom: 4px;
  text-align: left;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.default-table.write td .txt-guide.error {
  color: #e34140;
}
.default-table.write td.txt-middle {
  align-items: start;
}
.default-table.write td.txt-middle .txt-guide {
  margin-top: 18px;
}
.default-table.write.ty02 {
  margin-top: 100px;
}
.default-table.grid th, .default-table.grid td {
  text-align: left;
  padding-left: 30px;
  border-bottom: 1px solid #ddd;
}
.default-table.grid th {
  background: #eee;
  border-right: 1px solid #ddd;
  word-break: break-word;
}
.default-table.grid td {
  padding-right: 30px;
}
.default-table.grid td .box-grid {
  display: flex;
  align-items: center;
  gap: 25px;
  flex: 1;
}
.default-table.grid td .txt-guide {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.default-table.grid td .txt-guide.error {
  color: #e34140;
}
.default-table.narrow {
  margin-bottom: 50px;
}

.no-result-txt {
  display: block;
  padding-top: 210px;
  text-align: center;
  color: #191919;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
  background: url("/assets/images/common/ico-board-no-data.svg") no-repeat center center;
  background-size: 120px 120px;
}

.search-wrap {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  position: relative;
}
.search-wrap .box-select {
  margin-right: 15px;
}
.search-wrap .box-select .text-select {
  padding: 18px 40px 18px 15px;
}
.search-wrap .date-search-wrap {
  display: flex;
  justify-content: end;
  gap: 10px;
  align-items: center;
}
.search-wrap .date-search-wrap input {
  width: 250px;
}

.search-result {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
.search-result > strong {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #662d91;
  font-weight: 700;
}

.serach-input {
  position: relative;
  max-width: 430px;
  margin: 0;
  width: 100%;
}
.serach-input .input-default {
  width: 100%;
  height: 58px;
  padding: 16px 20px;
  border: 1px solid #ddd;
  border-radius: 7px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.serach-input button.ico-delete {
  right: 50px;
}
.serach-input button.ico-search {
  right: 20px;
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination .paging-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 15px;
}
.pagination .paging-list > li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 50px;
  height: 50px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.pagination .paging-list > li a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 9px;
  width: 0;
  height: 2px;
  margin-left: 0;
  background: #191919;
  transition: 0.2s;
}
.pagination .paging-list > li.active a, .pagination .paging-list > li:hover a {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}
.pagination .paging-list > li.active a::after, .pagination .paging-list > li:hover a::after {
  width: 12px;
  margin-left: -6px;
}

.search-wrap + .default-table-wrap {
  margin-top: 30px;
}
.search-wrap + .default-table-wrap + .pagination {
  margin-top: 100px;
}

.tree-wrap {
  width: 300px;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #ddd;
  height: 100%;
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: sticky;
  top: 50px;
}
.tree-wrap *:before {
  width: 17px;
  height: 17px;
  display: inline-block;
}
.tree-wrap li {
  padding-bottom: 10px;
}
.tree-wrap li > span {
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
  width: calc(90% - 20px);
  vertical-align: top;
}
.tree-wrap li.tree-all {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.tree-wrap li.tree-all label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tree-wrap li.tree-all label:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 5px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
}
.tree-wrap li.tree-all input[type=checkbox] {
  display: none;
}
.tree-wrap li.tree-all input[type=checkbox] ~ ul {
  display: none;
}
.tree-wrap li.tree-all input[type=checkbox]:checked ~ ul {
  display: block;
}
.tree-wrap li.tree-all input[type=checkbox]:checked + label:before {
  content: "";
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}
.tree-wrap input[type=checkbox] {
  width: 18px;
  height: 18px;
  position: relative;
}
.tree-wrap input[type=checkbox]::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4px;
  left: -2px;
  transition: all 0.3s ease-out;
  cursor: pointer;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
  background-color: #fff;
}
.tree-wrap input[type=checkbox].middle::before {
  background: url("/assets/images/icon/ico-minus.svg") no-repeat center;
  background-size: contain;
}
.tree-wrap input[type=checkbox]:checked:before {
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}
.tree-wrap .secon-depth {
  margin: 10px 0 0 18px;
  display: none;
}
.tree-wrap .secon-depth > input[type=checkbox] {
  width: 18px;
  height: 18px;
  position: relative;
}
.tree-wrap .secon-depth > input[type=checkbox]::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -2px;
  left: -2px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
  background-color: #fff;
}
.tree-wrap .secon-depth > input[type=checkbox].middle::before {
  background: url("/assets/images/icon/ico-minus.svg") no-repeat center;
  background-size: contain;
}
.tree-wrap .secon-depth > input[type=checkbox]:checked:before {
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}
.tree-wrap .three-depth {
  margin: 10px 0 0 22px;
  display: none;
}
.tree-wrap .three-depth > input[type=checkbox] {
  width: 18px;
  height: 18px;
  position: relative;
}
.tree-wrap .three-depth > input[type=checkbox]::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -2px;
  left: -2px;
  transition: all 0.3s ease-out;
  background: url("/assets/images/icon/ico-checkbox-24.svg") no-repeat center;
  background-size: contain;
  background-color: #fff;
}
.tree-wrap .three-depth > input[type=checkbox].middle::before {
  background: url("/assets/images/icon/ico-minus.svg") no-repeat center;
  background-size: contain;
}
.tree-wrap .three-depth > input[type=checkbox]:checked:before {
  background: url("/assets/images/icon/ico-checkbox-on-24.svg") no-repeat center;
  background-size: contain;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: 0;
}

.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #3af;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "alpha(opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
  background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f4f8fa",GradientType=0);
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF));
  background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa",endColorstr="#FFF",GradientType=0);
}

/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-hidden,
.jstree-node.jstree-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
  user-select: none;
}

.vakata-context {
  display: none;
}

.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
}

.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}

.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li > a:focus {
  outline: 0;
}

.vakata-context .vakata-context-no-icons {
  margin-left: 0;
}

.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

.vakata-context .vakata-contextmenu-disabled > a > i {
  filter: grayscale(100%);
}

.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#jstree-dnd .jstree-ok {
  background: green;
}

#jstree-dnd .jstree-er {
  background: red;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("/assets/images/icon/32px.png");
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background-image: none;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default > .jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background-image: none;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}

.jstree-default .jstree-file {
  background: url("/assets/images/icon/32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
  background: url("/assets/images/icon/32px.png") -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("/assets/images/icon/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}

.jstree-default .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 24px + 5px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
  background-image: none;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("/assets/images/icon/32px.png");
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background-image: none;
}

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background-image: none;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}

.jstree-default-small .jstree-file {
  background: url("/assets/images/icon/32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
  background: url("/assets/images/icon/32px.png") -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("/assets/images/icon/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}

.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 18px + 5px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
  background-image: none;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("/assets/images/icon/32px.png");
}

.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background-image: none;
}

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background-image: none;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}

.jstree-default-large .jstree-file {
  background: url("/assets/images/icon/32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
  background: url("/assets/images/icon/32px.png") -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("/assets/images/icon/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}

.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 32px + 5px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
  background-image: none;
}

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }

  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }

  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("/assets/images/icon/40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }

  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("/assets/images/icon/40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }

  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
.login-wrap {
  width: 100%;
  margin: 0 auto;
  width: 100vh;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-wrap .login {
  max-width: 500px;
  width: 100%;
  border: 1px solid #ddd;
  padding: 30px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.login-wrap .login .text-wrap {
  text-align: center;
}
.login-wrap .login .text-wrap span {
  font-weight: 700;
}
.login-wrap .login .text-wrap .normal-txt {
  margin-top: 10px;
}
.login-wrap .login .logo {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: start;
}
.login-wrap .login .logo img {
  height: 42px;
}
.login-wrap .login .box-input {
  margin-top: 30px;
}
.login-wrap .login .box-input + .box-input {
  margin-top: 20px;
}
.login-wrap .login .box-btn {
  margin-top: 30px;
}
.login-wrap .login .text-link {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 50px;
  padding-right: 0px;
}

#header {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-right: 50px;
  min-width: 1200px;
  height: 120px;
}
#header .logo {
  max-width: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 63px;
}
#header .logo img {
  overflow: hidden;
  height: 42px;
}
#header .header-gnb {
  display: flex;
  gap: 0 30px;
}
#header .header-gnb li {
  position: relative;
}
#header .header-gnb li::after {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 15px;
  background: #ddd;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
#header .header-gnb li:last-child::after {
  display: none;
}

.header-sub {
  position: absolute;
  top: 63px;
  left: 0px;
  width: 100%;
  height: 56px;
  background: linear-gradient(to right, #1a4d91 0%, #2b8cac 50%, #529c0f 100%);
}
.header-sub ul {
  width: 60%;
  height: 100%;
  margin: 0 auto;
  color: #fff;
  font-weight: 600;
}
.header-sub ul .active {
  color: #fff000;
}

#gnb {
  width: 250px;
  position: relative;
  background: #f1f1f1;
  min-height: calc(100vh - 64px);
  color: #191919;
  padding: 20px;
}

.depth-1 li > strong.active .depth-2 {
  display: block;
}
.depth-1 strong a {
  display: block;
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
  padding: 10px 0;
}
.depth-1 strong.active a {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
  font-weight: 700;
  position: relative;
}
.depth-1 strong.active a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  content: "";
}

.depth-2 {
  display: none;
}
.depth-2 li > a {
  display: block;
  padding: 10px 0;
  padding-left: 15px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.depth-2 li > a.on {
  font-weight: 700;
  color: #191919;
}

.bigTitle {
  color: #191919;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.7px;
  position: relative;
}
.bigTitle::before {
  position: absolute;
  top: 0;
  left: -15px;
  width: 5px;
  height: 100%;
  background: #191919;
  content: "";
}

#main {
  padding: 80px;
  width: calc(100vw - 250px);
}
#main .container {
  margin-top: 30px;
  min-width: 1200px;
}
#main .message {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 65vh;
  position: relative;
}
#main .message h2 {
  font-size: 70px;
  line-height: 1.5;
  text-align: center;
}
#main .message .info {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
#main .message .info p {
  margin-top: 30px;
}
#main .message .info p span {
  margin-left: 10px;
}
#main .message .big {
  width: 500px;
  margin: 0 auto;
  display: block;
  margin-top: 50px;
  line-height: 60px;
}
#main .message .contactus {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 100px;
}
#main .message .contactus span {
  font-weight: 600;
}
#main.password-wrap {
  width: 100%;
  height: 90vh;
}
#main.password-wrap h2 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 50px;
}
#main.password-wrap .password {
  max-width: 1000px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  padding: 40px;
  margin: 4% auto 0 auto;
}
#main.password-wrap .password .text-wrap {
  text-align: center;
}
#main.password-wrap .password .text-wrap .conts-title {
  margin-bottom: 50px;
}
#main.password-wrap .password .text-wrap p {
  text-align: left;
}
#main.password-wrap .password .text-wrap p.strong-txt {
  margin-bottom: 5px;
}
#main.password-wrap .password .default-table-wrap {
  margin-top: 20px;
}
#main.password-wrap .password .default-table-wrap th {
  padding-left: 10px;
}
#main.password-wrap .password .default-table-wrap td {
  padding-right: 30px;
}
#main.password-wrap .password .default-table-wrap .box-input {
  max-width: 100%;
}
#main.password-wrap .password .default-table-wrap .btn-wrap {
  margin-top: 50px;
}
#main.password-wrap .password .btn-wrap {
  margin: 0 auto;
}

.conts-title-wrap {
  margin: 50px 0;
}

.menu-wrap .menu-container {
  display: flex;
  gap: 50px;
  padding-top: 40px;
}
.menu-wrap .default-table-wrap {
  flex: 1;
}
.menu-wrap .default-table-wrap .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 0;
}
.menu-wrap .box-input {
  width: 500px;
}

.authority-create {
  display: flex;
  gap: 50px;
}
.authority-create .contents {
  flex: 1;
}
.authority-create .list {
  margin-top: 50px;
}

.policy-list .conts-title {
  margin-bottom: 30px;
}
.policy-list .sec01 {
  margin-top: 80px;
  margin-bottom: 50px;
}
.policy-list .btn-check {
  margin-bottom: 10px;
}
.policy-list .band-setting {
  width: 100%;
}

.parall-list {
  width: 400px;
  gap: 15px;
}

.default-table-wrap + .default-table-wrap {
  margin-top: 100px;
}

.window-popup {
  width: 100%;
  padding: 50px;
  max-width: 800px;
  max-height: 700px;
}
.window-popup .container {
  width: 100%;
  position: relative;
}
.window-popup.code-select .default-table-wrap .search-wrap {
  margin-bottom: 30px;
}
.window-popup.code-select .box-btn-radio {
  display: flex;
  justify-content: center;
  align-items: center;
}
.window-popup.code-select .btn-wrap {
  margin-top: 50px;
}
.window-popup .default-table.write th {
  padding-left: initial;
  padding: 20px 30px;
  word-break: break-word;
}
.window-popup .default-table.write td {
  padding-left: initial;
  padding: 20px 30px;
}
.window-popup .default-table.write td .box-btn-radio {
  justify-content: space-between;
}
.window-popup .default-table.write td .box-btn-radio .btn-radio {
  width: calc(50% - 30px);
  max-width: initial;
}
.window-popup .default-table.write td .box-btn-radio .btn-radio label {
  word-break: break-word;
}

.bod_table_body td {
  align-items: start !important;
}
.bod_table_body td .txt-guide.fir {
  margin-top: 6px !important;
}
.bod_table_body td .txt-guide {
  margin-top: 16px;
}
.bod_table_body .bd-rt {
  border-right: 1px solid #ddd;
}

.stockholder-col th {
  border-right: 1px solid #ddd;
}
.stockholder-col th:last-child {
  border-right: none;
}

.stockholder-tab td {
  padding: 20px 10px;
  text-align: left;
  border-right: 1px solid #ddd;
}
.stockholder-tab td .stockholder-input-lg {
  max-width: 100% !important;
}
.stockholder-tab td .stockholder-ico-del {
  right: 40px !important;
}
.stockholder-tab td:last-child {
  border-right: none;
}
.stockholder-tab .alg-ct td {
  text-align: center;
}

.total-border td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.total-border td:last-child {
  border-right: none;
}

.history-table-th {
  position: relative;
  padding-left: 0px !important;
}
.history-table-th div {
  position: absolute;
  left: 30px;
}
.history-table-th div:nth-of-type(1) {
  top: 25px;
}
.history-table-th hr {
  border: none;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 65px;
  background-color: #ddd;
}

.history-table-td {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 0px !important;
}
.history-table-td .history-table-item {
  width: 100%;
  padding-left: 30px;
}
.history-table-td .history-table-item:nth-of-type(1) {
  display: flex;
}
.history-table-td .history-table-item:nth-of-type(1) span {
  margin-left: 25px;
}
.history-table-td .history-table-item:nth-of-type(2) {
  margin-top: 20px;
  display: block;
  justify-content: space-between;
}
.history-table-td .history-table-item:nth-of-type(2) .textarea-wrap {
  margin: 30px 0 0 0;
}
.history-table-td .history-table-item:nth-of-type(2) .history-table-txt {
  margin: 10px 0 0 0;
}
.history-table-td hr {
  border: none;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 65px;
  background-color: #ddd;
}

.familysite-tab tr {
  text-align: center;
}
.familysite-tab tr td {
  width: 100%;
  height: 70px;
  padding: 0px !important;
  border-right: 1px solid #ddd;
}
.familysite-tab tr td:last-child {
  border-right: none;
}
.familysite-tab tr:nth-child(odd) {
  background-color: rgb(234, 252, 246);
}
.familysite-tab .familysite-tdbox td div {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.familysite-tab .familysite-tdbox td div:nth-of-type(2) {
  border-top: 1px solid #ddd;
}

.notice-three-table tr.notice-three-bg:nth-of-type(1),
.notice-three-table tr.notice-three-bg:nth-of-type(2),
.notice-three-table tr.notice-three-bg:nth-of-type(3) {
  background-color: #f6f6f6;
}

.display-wrap .default-table.write td {
  justify-content: flex-start;
}
.display-wrap.popup .default-table.write td {
  display: block;
}
.display-wrap.popup .default-table .draggable {
  cursor: move;
}
.display-wrap.popup .default-table .draggable.dragging {
  opacity: 0.5;
}
.display-wrap.popup .box-table-txt {
  margin-bottom: 20px;
}
.display-wrap.popup .box-table-txt .conts-title {
  padding-bottom: 5px;
  font-size: 24px;
}
.display-wrap.popup .box-table-txt .txt-guide {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #e34140;
}
.display-wrap.popup .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.display-wrap.popup .box-btn-radio {
  flex-wrap: wrap;
  gap: 15px 30px;
}
.display-wrap.popup .box-btn-radio .btn-radio {
  width: 100%;
  max-width: 167px;
}
.display-wrap.popup .contents-wrap {
  height: 100%;
  max-height: 400px;
  overflow: auto;
}

.request-service-answer .conts-title-wrap {
  margin: 50px 0 30px;
}
.request-service-answer .txt-guide {
  margin-top: 15px;
}
.request-service-answer .txt-guide.txtattach {
  margin-top: 0px;
}

.answer-txt {
  height: 300px;
}