@charset "UTF-8";

@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")
}

.main-title {
    color: #191919;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.7px
}

.conts-title {
    color: #191919;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.3px
}

.strong-txt {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.3px
}

.normal-txt {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.normal-BK-Txt {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.small-txt {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.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, .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: .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: 0;
    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: 700
}

.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(0)
}

.history-table-year.active {
    display: none
}

.history-table-btn {
    background: #fff !important;
    border-right: none !important
}

.history-table-btn .btn-area {
    margin-top: 0 !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 {
    width: 100%;
    flex-wrap: wrap;
    gap: 0
}

#permission-box .permission-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative
}

#permission-box .permission-item .permission-row {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
}

#permission-box .permission-item .permission-row .cert-row-label {
    width: 42px;
    font-size: 14px;
    color: #444;
    font-weight: 600;
    flex-shrink: 0;
}

#permission-box .permission-item .permission_name_input {
    width: 22% !important;
}

#permission-box .permission-item .permission_input {
    width: 55% !important
}

#permission-box .permission-item .permission_input .ico-delete {
    position: absolute;
    top: 24px;
    left: 306px
}

#permission-box .permission-item .permission_input .txt-error {
    margin-left: 20px
}

#permission-box .permission-item .permission_btn {
    margin: 0 !important
}

#permission-box .mailtxt {
    width: 100%
}

#permission-box .mailtxt .mail-list {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 12px;
}

#permission-box .mailtxt .mail-list .mail-content {
    min-width: 0;
    overflow-wrap: anywhere;
}

#permission-box .mailtxt .mail-list .cert-actions {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0;
    height: 24px;
}

#permission-box .mailtxt .mail-list .cert-arrow-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    padding: 0 8px;
}

#permission-box .mailtxt .mail-list .cert-order-btn,
#permission-box .mailtxt .mail-list .cert-delete-btn {
    width: 24px;
    height: 24px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px;
    cursor: pointer;
}

#permission-box .mailtxt .mail-list .cert-order-btn {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 10px;
    line-height: 1;
    user-select: none;
}

#permission-box .mailtxt .mail-list .cert-delete-btn {
    border: none;
    background: url(/assets/images/icon/ico-delete.svg) no-repeat center;
    background-size: contain;
}

.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__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: 700 !important
}

.contentsTypeE .textarea-wrap h3 {
    font-size: 1.48em !important;
    font-weight: 700 !important
}

.contentsTypeE .textarea-wrap h4 {
    font-size: 1.22em !important;
    font-weight: 700 !important
}

.contentsTypeE td .txt-guide {
    margin-top: 10px
}

/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
::after,
::before {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    font-size: 62.5%;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    display: inline-block;
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: 400
}

span {
    display: inline-block
}

abbr[title] {
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

:focus {
    outline: 0
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

embed,
iframe,
img,
object,
svg {
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: 0 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit
}

select {
    cursor: pointer
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    appearance: radio
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled {
    cursor: default
}

:-moz-focusring {
    outline: auto
}

select:disabled {
    opacity: inherit
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable]:focus {
    outline: auto
}

table {
    border-color: inherit;
    border-spacing: 0;
    padding: 0;
    border: 0
}

table td,
table th {
    padding: 0
}

caption {
    text-align: left
}

td,
th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

.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-inner-spin-button,
input[type=number]::-webkit-outer-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: -.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: -.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: -.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 .input-default,
.box-input-lg .input-default {
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: border-color .3s ease;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.box-input .input-default:disabled,
.box-input-lg .input-default:disabled {
    background-color: #eee;
    color: #444 !important
}

.box-input .input-label,
.box-input-lg .input-label,
.textarea-wrap .input-label {
    display: block;
    margin-bottom: 16px;
    text-align: left;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.box-input .input-label::placeholder,
.box-input-lg .input-label::placeholder,
.textarea-wrap .input-label::placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px;
    color: #959595
}

.nec {
    padding: 0 0 0 4px !important;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.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: -.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: -.3px;
    color: #959595
}

.box-input .input-default:focus {
    border-color: #191919
}

.box-input .input-unit {
    position: absolute;
    right: 20px;
    bottom: 0;
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.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: -.3px
}

.box-input .txt-sending {
    display: none;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.box-input .txt-description {
    display: none;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.box-input .txt-time {
    position: absolute;
    top: 50%;
    right: 30px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.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;
    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: -.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: -.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: -.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: -.3px;
    color: #959595
}

.box-input-lg .input-default:focus {
    border-color: #191919
}

.box-input-lg .input-unit {
    position: absolute;
    right: 20px;
    bottom: 0;
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.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: -.3px
}

.box-input-lg .txt-sending {
    display: none;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.box-input-lg .txt-description {
    display: none;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.box-input-lg .txt-time {
    position: absolute;
    top: 50%;
    right: 30px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.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;
    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: -.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: -.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
}

.doubleNum-list,
.singleNum-list {
    display: flex;
    gap: 20px;
    align-items: center
}

.doubleNum-list ul,
.singleNum-list ul {
    display: flex;
    gap: 25px
}

.doubleNum-list ul li,
.singleNum-list ul li {
    width: 80px;
    flex-shrink: 0;
    position: relative
}

.doubleNum-list ul li input,
.singleNum-list ul li input {
    height: 40px
}

.doubleNum-list ul li::after,
.singleNum-list ul li::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 100%;
    bottom: 5px;
    right: 0;
    margin-right: -15px
}

.doubleNum-list ul li:last-of-type::after,
.singleNum-list ul li:last-of-type::after {
    display: none
}

.doubleNum-list .btn,
.singleNum-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: -.3px
}

.box-input-wrap.error .input-default {
    border-color: #e34140
}

.box-input-wrap.error .txt-error {
    display: block;
    margin-top: 10px;
    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: -.3px
}

.box-date-wrap.error .input-default {
    border-color: #e34140
}

.box-date-wrap.error .txt-error {
    display: block;
    margin-top: 10px;
    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: -.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: -.3px
}

.box-btn-radio .btn-radio label span {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ddd;
    position: relative;
    transition: all .3s ease-out;
    margin-right: 8px;
    flex-shrink: 0;
    transition: all .3s ease-out;
    background: #fff
}

.box-btn-radio .btn-radio label span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.8);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #424242;
    box-sizing: border-box;
    opacity: 0;
    transition: all .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 .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: -.3px;
    color: #191919
}

.btn-check label .ico-check {
    width: 24px;
    height: 24px;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    transition: all .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: -.3px;
    margin-left: 5px
}

.btn-check label b {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.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: -.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 .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: -.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 .select-default,
.box-select .text-select {
    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: -.3px
}

.box-select .select-default::placeholder,
.box-select .text-select::placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px;
    color: #666
}

.box-select .select-default:disabled,
.box-select .text-select:disabled {
    background-color: #d6d6d6
}

.box-select .txt-error {
    display: none;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px
}

.box-select.error .select-default,
.box-select.error .text-select {
    border-color: #e34140
}

.box-select.error .txt-error {
    display: block;
    margin-top: 10px;
    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 .btn-black,
.file-input-wrap .box-attach-wrap .box-attach label {
    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: -.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: -.3px
}

.file-input-wrap .box-attach-wrap.error .txt-error {
    display: block;
    margin-top: 10px;
    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: -.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: -.3px;
    border: 1px solid #ddd;
    border-radius: 7px;
    transition: border-color .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: #ddd;
    border-radius: 10px
}

.textarea-wrap .box-textarea textarea::-webkit-scrollbar-track {
    background-color: rgba(221, 221, 221, .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: -.3px;
    color: #e34140;
    text-align: left
}

.textarea-wrap textarea::placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px;
    opacity: 1
}

.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 .3s
}

.box-switch .btn-switch label::before {
    content: "";
    position: absolute;
    left: -.3px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    transition: all .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: -.3px
}

.box-switch.error .txt-error {
    display: block;
    margin-top: 10px;
    color: #e34140;
    text-align: left
}

.mailtxt {
    margin-top: 18px
}

.mailtxt .mail-list {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.mailtxt .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 .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 .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 .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 .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 .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 .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 .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: -.3px;
    border: 1px solid #ddd;
    border-radius: 7px;
    transition: border-color .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 td,
.default-table th {
    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: -.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: -.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: -.3px;
    color: #191919
}

.default-table td a:hover {
    text-decoration: underline;
    transition: all .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: -.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: -.3px;
    color: #191919
}

.default-table .subject a:hover {
    text-decoration: underline;
    transition: all .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: -.3px;
    color: #191919
}

.default-table .subject span:hover {
    transition: all .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: -.3px
}

.default-table .notice .point {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.3px;
    color: #662d91
}

.default-table.write td,
.default-table.write th {
    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: -.3px;
    word-break: break-word
}

.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 td,
.default-table.grid th {
    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: -.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: -.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: -.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: -.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: -.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: -.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: .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: -.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 .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 .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 .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 .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 .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: .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: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .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: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .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: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .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: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .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: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .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: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .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: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .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: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .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: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .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: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .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: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .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: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .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: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .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: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .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: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .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: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .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: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .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: .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(.25, .25, .75, .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(.6, -.28, .735, .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(.175, .885, .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(.68, -.55, .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(.47, 0, .745, .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(.39, .575, .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(.445, .05, .55, .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(.55, .085, .68, .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(.25, .46, .45, .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(.455, .03, .515, .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(.55, .085, .68, .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(.25, .46, .45, .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(.455, .03, .515, .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(.55, .085, .68, .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(.25, .46, .45, .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(.455, .03, .515, .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(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.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)
}

.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: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -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:after,
.slick-track:before {
    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, .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: 0 0;
    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: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.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_next,
.xdsoft_datetimepicker .xdsoft_prev,
.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: .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: .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_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    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_next,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    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_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_today_button: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: 700;
    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_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.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_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .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, .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_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.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_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.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%)
}

.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:focus span,
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:hover 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%)
}

.jstree-children,
.jstree-container-ul,
.jstree-node {
    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: #000;
    white-space: nowrap;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top
}

.jstree-anchor:focus {
    outline: 0
}

.jstree-anchor,
.jstree-anchor:active,
.jstree-anchor:hover,
.jstree-anchor:link,
.jstree-anchor:visited {
    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-anchor>.jstree-themeicon-hidden,
.jstree-no-icons .jstree-themeicon {
    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;
    -webkit-touch-callout: none;
    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 #999
}

.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: #000;
    white-space: nowrap;
    line-height: 2.4em;
    text-shadow: 1px 1px 0 #fff;
    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: #fff;
    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: 0 0;
    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: #fff;
    margin: 0 .5em 0 0;
    border-left: 1px solid #e2e3e3
}

.vakata-context .vakata-contextmenu-shortcut {
    font-size: .8em;
    color: silver;
    opacity: .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 .5em;
    border-left-color: #fff;
    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-copy,
#jstree-dnd .jstree-icon {
    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-icon,
.jstree-default .jstree-node {
    background-repeat: no-repeat;
    background-color: transparent
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
    transition: background-color .15s, box-shadow .15s
}

.jstree-default .jstree-hovered {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #ccc
}

.jstree-default .jstree-context {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #ccc
}

.jstree-default .jstree-clicked {
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999
}

.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
    display: none
}

.jstree-default .jstree-disabled {
    background: 0 0;
    color: #666
}

.jstree-default .jstree-disabled.jstree-hovered {
    background: 0 0;
    box-shadow: none
}

.jstree-default .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default .jstree-disabled>.jstree-icon {
    opacity: .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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: 700
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: 0 0;
    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: 0 0
}

.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-clicked,
.jstree-default>.jstree-wholerow-ul .jstree-hovered {
    background: 0 0;
    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-icon,
.jstree-default .jstree-node {
    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-leaf>.jstree-ocl,
.jstree-default>.jstree-no-dots .jstree-node {
    background: 0 0
}

.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: 0 0
}

.jstree-default .jstree-disabled.jstree-hovered {
    background: 0 0
}

.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-checked>.jstree-checkbox,
.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -228px -4px
}

.jstree-default .jstree-checked>.jstree-checkbox:hover,
.jstree-default.jstree-checkbox-selection .jstree-clicked>.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: .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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.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-leaf>.jstree-ocl,
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node {
    background: 0 0
}

.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-er,
#jstree-dnd.jstree-default .jstree-ok {
    background-image: url(/assets/images/icon/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default i {
    background: 0 0;
    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-icon,
.jstree-default-small .jstree-node {
    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-leaf>.jstree-ocl,
.jstree-default-small>.jstree-no-dots .jstree-node {
    background: 0 0
}

.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: 0 0
}

.jstree-default-small .jstree-disabled.jstree-hovered {
    background: 0 0
}

.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-checked>.jstree-checkbox,
.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -231px -7px
}

.jstree-default-small .jstree-checked>.jstree-checkbox:hover,
.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.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: .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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.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-leaf>.jstree-ocl,
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node {
    background: 0 0
}

.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-er,
#jstree-dnd.jstree-default-small .jstree-ok {
    background-image: url(/assets/images/icon/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default-small i {
    background: 0 0;
    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-icon,
.jstree-default-large .jstree-node {
    background-image: url(/assets/images/icon/32px.png)
}

.jstree-default-large .jstree-node {
    background-position: -288px 0;
    background-repeat: repeat-y
}

.jstree-default-large .jstree-last {
    background-image: none
}

.jstree-default-large .jstree-open>.jstree-ocl {
    background-position: -128px 0
}

.jstree-default-large .jstree-closed>.jstree-ocl {
    background-position: -96px 0
}

.jstree-default-large .jstree-leaf>.jstree-ocl {
    background-position: -64px 0
}

.jstree-default-large .jstree-themeicon {
    background-position: -256px 0
}

.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-large>.jstree-no-dots .jstree-node {
    background: 0 0
}

.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -32px 0
}

.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 0
}

.jstree-default-large .jstree-disabled {
    background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-hovered {
    background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0
}

.jstree-default-large .jstree-checkbox:hover {
    background-position: -160px -32px
}

.jstree-default-large .jstree-checked>.jstree-checkbox,
.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -224px 0
}

.jstree-default-large .jstree-checked>.jstree-checkbox:hover,
.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
    background-position: -224px -32px
}

.jstree-default-large .jstree-anchor>.jstree-undetermined {
    background-position: -192px 0
}

.jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
    background-position: -192px -32px
}

.jstree-default-large .jstree-checkbox-disabled {
    opacity: .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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.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-leaf>.jstree-ocl,
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node {
    background: 0 0
}

.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: 0 -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 0 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-er,
#jstree-dnd.jstree-default-large .jstree-ok {
    background-image: url(/assets/images/icon/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default-large i {
    background: 0 0;
    width: 32px;
    height: 32px;
    line-height: 32px
}

#jstree-dnd.jstree-default-large .jstree-ok {
    background-position: 0 -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: 700;
        font-size: 1.1em;
        text-shadow: 1px 1px #fff
    }

    #jstree-dnd.jstree-dnd-responsive>i {
        background: 0 0;
        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: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(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: 0
}

#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: 0;
    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: -.3px;
    padding: 10px 0
}

.depth-1 strong.active a {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.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: -.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: -.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: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(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: 0 !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: 0 !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: 0 !important;
    border-right: 1px solid #ddd
}

.familysite-tab tr td:last-child {
    border-right: none
}

.familysite-tab tr:nth-child(odd) {
    background-color: #eafcf6
}

.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: .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: -.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: 0
}

.answer-txt {
    height: 300px
}