@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url("../font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url("../font/Pretendard-Regular.woff") format("woff");
}
/* Reset Asll Element */
html, body, div, span, object, iframe,
    /*h1, h2, h3, h4, h5, h6, */p,
em, img, kbd, q, samp,
small, strong, i,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label, button, input, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
main, menu, nav, footer, header, hgroup, section, summary,
time, mark, audio, video, meter, progress {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: inherit;
    font-family: inherit;
    vertical-align: inherit;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

em {
    font-style: normal;
}

a {
    -webkit-tap-highlight-color: transparent;
    color: var(--f-base);
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul, ol {
    list-style: none;
}

img {
    vertical-align: top;
}

/* Form */
legend {
    width: 0;
    height: 0;
    margin: -0.1rem;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
    line-height: inherit;
}

caption {
    width: 0;
    height: 0;
    margin: -0.1rem;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
    line-height: inherit;
}

.mb40 {
    margin-bottom: 4rem;
}

.mb32 {
    margin-bottom: 3.2rem;
}

.mb16 {
    margin-bottom: 1.6rem;
}

.align-left {
    text-align: left !important;
}

.bold {
    font-weight: 600 !important;
}

:focus {
    outline: none;
}

.btn, [class^=i-], .more, .prev, .next, .refresh, .chat-sideMenu button, .chat-head button, .chat-plus, .chat-search, .chat-close, .chat-up, .detail-view, .sel-up, .sel-down, .sel-first, .sel-last, .sel-prev, .sel-next, .input-calendar button, .tooltip button, .add button, .search-close, .input-search button, .updown, .download, .r-prev, .r-next, .llst-close, .sidem-refresh, .system-wrap-btn, .page-btn, .side-btn, .tbl-close {
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0;
    line-height: inherit;
    letter-spacing: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.guide-wrap select, .guide-wrap textarea, .guide-wrap input, .guide-wrap label, .uniq select, .uniq textarea, .uniq input, .uniq label, .search-box select, .search-box textarea, .search-box input, .search-box label, .table-jq .ui-jqgrid select, .table-jq .ui-jqgrid textarea, .table-jq .ui-jqgrid input, .table-jq .ui-jqgrid label, .cot-uniq select, .cot-uniq textarea, .cot-uniq input, .cot-uniq label, .hgroup select, .hgroup textarea, .hgroup input, .hgroup label, .alpa-wrap select, .alpa-wrap textarea, .alpa-wrap input, .alpa-wrap label, .tbl-wrap select, .tbl-wrap textarea, .tbl-wrap input, .tbl-wrap label, .tbl-wrap2 select, .tbl-wrap2 textarea, .tbl-wrap2 input, .tbl-wrap2 label, .tbl-wrap3 select, .tbl-wrap3 textarea, .tbl-wrap3 input, .tbl-wrap3 label, .file-wrap select, .file-wrap textarea, .file-wrap input, .file-wrap label, .attach-wrap select, .attach-wrap textarea, .attach-wrap input, .attach-wrap label, .skin-wrap select, .skin-wrap textarea, .skin-wrap input, .skin-wrap label, .input-search select, .input-search textarea, .input-search input, .input-search label, .input-calendar select, .input-calendar textarea, .input-calendar input, .input-calendar label, footer select, footer textarea, footer input, footer label {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
.guide-wrap select, .uniq select, .search-box select, .table-jq .ui-jqgrid select, .cot-uniq select, .hgroup select, .alpa-wrap select, .tbl-wrap select, .tbl-wrap2 select, .tbl-wrap3 select, .file-wrap select, .attach-wrap select, .skin-wrap select, .input-search select, .input-calendar select, footer select {
    border: 0;
}
.guide-wrap select, .guide-wrap textarea, .guide-wrap input:not([class^=checkbox]), .uniq select, .uniq textarea, .uniq input:not([class^=checkbox]), .search-box select, .search-box textarea, .search-box input:not([class^=checkbox]), .table-jq .ui-jqgrid select, .table-jq .ui-jqgrid textarea, .table-jq .ui-jqgrid input:not([class^=checkbox]), .cot-uniq select, .cot-uniq textarea, .cot-uniq input:not([class^=checkbox]), .hgroup select, .hgroup textarea, .hgroup input:not([class^=checkbox]), .alpa-wrap select, .alpa-wrap textarea, .alpa-wrap input:not([class^=checkbox]), .tbl-wrap select, .tbl-wrap textarea, .tbl-wrap input:not([class^=checkbox]), .tbl-wrap2 select, .tbl-wrap2 textarea, .tbl-wrap2 input:not([class^=checkbox]), .tbl-wrap3 select, .tbl-wrap3 textarea, .tbl-wrap3 input:not([class^=checkbox]), .file-wrap select, .file-wrap textarea, .file-wrap input:not([class^=checkbox]), .attach-wrap select, .attach-wrap textarea, .attach-wrap input:not([class^=checkbox]), .skin-wrap select, .skin-wrap textarea, .skin-wrap input:not([class^=checkbox]), .input-search select, .input-search textarea, .input-search input:not([class^=checkbox]), .input-calendar select, .input-calendar textarea, .input-calendar input:not([class^=checkbox]), footer select, footer textarea, footer input:not([class^=checkbox]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.guide-wrap input[type=search], .uniq input[type=search], .search-box input[type=search], .table-jq .ui-jqgrid input[type=search], .cot-uniq input[type=search], .hgroup input[type=search], .alpa-wrap input[type=search], .tbl-wrap input[type=search], .tbl-wrap2 input[type=search], .tbl-wrap3 input[type=search], .file-wrap input[type=search], .attach-wrap input[type=search], .skin-wrap input[type=search], .input-search input[type=search], .input-calendar input[type=search], footer input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.guide-wrap select:-moz-focusring, .uniq select:-moz-focusring, .search-box select:-moz-focusring, .table-jq .ui-jqgrid select:-moz-focusring, .cot-uniq select:-moz-focusring, .hgroup select:-moz-focusring, .alpa-wrap select:-moz-focusring, .tbl-wrap select:-moz-focusring, .tbl-wrap2 select:-moz-focusring, .tbl-wrap3 select:-moz-focusring, .file-wrap select:-moz-focusring, .attach-wrap select:-moz-focusring, .skin-wrap select:-moz-focusring, .input-search select:-moz-focusring, .input-calendar select:-moz-focusring, footer select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--f-base);
}
.guide-wrap select::-ms-expand, .uniq select::-ms-expand, .search-box select::-ms-expand, .table-jq .ui-jqgrid select::-ms-expand, .cot-uniq select::-ms-expand, .hgroup select::-ms-expand, .alpa-wrap select::-ms-expand, .tbl-wrap select::-ms-expand, .tbl-wrap2 select::-ms-expand, .tbl-wrap3 select::-ms-expand, .file-wrap select::-ms-expand, .attach-wrap select::-ms-expand, .skin-wrap select::-ms-expand, .input-search select::-ms-expand, .input-calendar select::-ms-expand, footer select::-ms-expand {
    display: none;
}
.guide-wrap input, .guide-wrap textarea, .guide-wrap select, .uniq input, .uniq textarea, .uniq select, .search-box input, .search-box textarea, .search-box select, .table-jq .ui-jqgrid input, .table-jq .ui-jqgrid textarea, .table-jq .ui-jqgrid select, .cot-uniq input, .cot-uniq textarea, .cot-uniq select, .hgroup input, .hgroup textarea, .hgroup select, .alpa-wrap input, .alpa-wrap textarea, .alpa-wrap select, .tbl-wrap input, .tbl-wrap textarea, .tbl-wrap select, .tbl-wrap2 input, .tbl-wrap2 textarea, .tbl-wrap2 select, .tbl-wrap3 input, .tbl-wrap3 textarea, .tbl-wrap3 select, .file-wrap input, .file-wrap textarea, .file-wrap select, .attach-wrap input, .attach-wrap textarea, .attach-wrap select, .skin-wrap input, .skin-wrap textarea, .skin-wrap select, .input-search input, .input-search textarea, .input-search select, .input-calendar input, .input-calendar textarea, .input-calendar select, footer input, footer textarea, footer select {
    line-height: inherit;
}
.guide-wrap input::-moz-placeholder, .guide-wrap textarea::-moz-placeholder, .guide-wrap select::-moz-placeholder, .uniq input::-moz-placeholder, .uniq textarea::-moz-placeholder, .uniq select::-moz-placeholder, .search-box input::-moz-placeholder, .search-box textarea::-moz-placeholder, .search-box select::-moz-placeholder, .table-jq .ui-jqgrid input::-moz-placeholder, .table-jq .ui-jqgrid textarea::-moz-placeholder, .table-jq .ui-jqgrid select::-moz-placeholder, .cot-uniq input::-moz-placeholder, .cot-uniq textarea::-moz-placeholder, .cot-uniq select::-moz-placeholder, .hgroup input::-moz-placeholder, .hgroup textarea::-moz-placeholder, .hgroup select::-moz-placeholder, .alpa-wrap input::-moz-placeholder, .alpa-wrap textarea::-moz-placeholder, .alpa-wrap select::-moz-placeholder, .tbl-wrap input::-moz-placeholder, .tbl-wrap textarea::-moz-placeholder, .tbl-wrap select::-moz-placeholder, .tbl-wrap2 input::-moz-placeholder, .tbl-wrap2 textarea::-moz-placeholder, .tbl-wrap2 select::-moz-placeholder, .tbl-wrap3 input::-moz-placeholder, .tbl-wrap3 textarea::-moz-placeholder, .tbl-wrap3 select::-moz-placeholder, .file-wrap input::-moz-placeholder, .file-wrap textarea::-moz-placeholder, .file-wrap select::-moz-placeholder, .attach-wrap input::-moz-placeholder, .attach-wrap textarea::-moz-placeholder, .attach-wrap select::-moz-placeholder, .skin-wrap input::-moz-placeholder, .skin-wrap textarea::-moz-placeholder, .skin-wrap select::-moz-placeholder, .input-search input::-moz-placeholder, .input-search textarea::-moz-placeholder, .input-search select::-moz-placeholder, .input-calendar input::-moz-placeholder, .input-calendar textarea::-moz-placeholder, .input-calendar select::-moz-placeholder, footer input::-moz-placeholder, footer textarea::-moz-placeholder, footer select::-moz-placeholder {
    color: var(--f-menu);
    letter-spacing: -0.05rem;
}
.guide-wrap input::-webkit-input-placeholder, .guide-wrap textarea::-webkit-input-placeholder, .guide-wrap select::-webkit-input-placeholder, .uniq input::-webkit-input-placeholder, .uniq textarea::-webkit-input-placeholder, .uniq select::-webkit-input-placeholder, .search-box input::-webkit-input-placeholder, .search-box textarea::-webkit-input-placeholder, .search-box select::-webkit-input-placeholder, .table-jq .ui-jqgrid input::-webkit-input-placeholder, .table-jq .ui-jqgrid textarea::-webkit-input-placeholder, .table-jq .ui-jqgrid select::-webkit-input-placeholder, .cot-uniq input::-webkit-input-placeholder, .cot-uniq textarea::-webkit-input-placeholder, .cot-uniq select::-webkit-input-placeholder, .hgroup input::-webkit-input-placeholder, .hgroup textarea::-webkit-input-placeholder, .hgroup select::-webkit-input-placeholder, .alpa-wrap input::-webkit-input-placeholder, .alpa-wrap textarea::-webkit-input-placeholder, .alpa-wrap select::-webkit-input-placeholder, .tbl-wrap input::-webkit-input-placeholder, .tbl-wrap textarea::-webkit-input-placeholder, .tbl-wrap select::-webkit-input-placeholder, .tbl-wrap2 input::-webkit-input-placeholder, .tbl-wrap2 textarea::-webkit-input-placeholder, .tbl-wrap2 select::-webkit-input-placeholder, .tbl-wrap3 input::-webkit-input-placeholder, .tbl-wrap3 textarea::-webkit-input-placeholder, .tbl-wrap3 select::-webkit-input-placeholder, .file-wrap input::-webkit-input-placeholder, .file-wrap textarea::-webkit-input-placeholder, .file-wrap select::-webkit-input-placeholder, .attach-wrap input::-webkit-input-placeholder, .attach-wrap textarea::-webkit-input-placeholder, .attach-wrap select::-webkit-input-placeholder, .skin-wrap input::-webkit-input-placeholder, .skin-wrap textarea::-webkit-input-placeholder, .skin-wrap select::-webkit-input-placeholder, .input-search input::-webkit-input-placeholder, .input-search textarea::-webkit-input-placeholder, .input-search select::-webkit-input-placeholder, .input-calendar input::-webkit-input-placeholder, .input-calendar textarea::-webkit-input-placeholder, .input-calendar select::-webkit-input-placeholder, footer input::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder, footer select::-webkit-input-placeholder {
    color: var(--f-menu);
    letter-spacing: -0.05rem;
}
.guide-wrap input:-ms-input-placeholder, .guide-wrap textarea:-ms-input-placeholder, .guide-wrap select:-ms-input-placeholder, .uniq input:-ms-input-placeholder, .uniq textarea:-ms-input-placeholder, .uniq select:-ms-input-placeholder, .search-box input:-ms-input-placeholder, .search-box textarea:-ms-input-placeholder, .search-box select:-ms-input-placeholder, .table-jq .ui-jqgrid input:-ms-input-placeholder, .table-jq .ui-jqgrid textarea:-ms-input-placeholder, .table-jq .ui-jqgrid select:-ms-input-placeholder, .cot-uniq input:-ms-input-placeholder, .cot-uniq textarea:-ms-input-placeholder, .cot-uniq select:-ms-input-placeholder, .hgroup input:-ms-input-placeholder, .hgroup textarea:-ms-input-placeholder, .hgroup select:-ms-input-placeholder, .alpa-wrap input:-ms-input-placeholder, .alpa-wrap textarea:-ms-input-placeholder, .alpa-wrap select:-ms-input-placeholder, .tbl-wrap input:-ms-input-placeholder, .tbl-wrap textarea:-ms-input-placeholder, .tbl-wrap select:-ms-input-placeholder, .tbl-wrap2 input:-ms-input-placeholder, .tbl-wrap2 textarea:-ms-input-placeholder, .tbl-wrap2 select:-ms-input-placeholder, .tbl-wrap3 input:-ms-input-placeholder, .tbl-wrap3 textarea:-ms-input-placeholder, .tbl-wrap3 select:-ms-input-placeholder, .file-wrap input:-ms-input-placeholder, .file-wrap textarea:-ms-input-placeholder, .file-wrap select:-ms-input-placeholder, .attach-wrap input:-ms-input-placeholder, .attach-wrap textarea:-ms-input-placeholder, .attach-wrap select:-ms-input-placeholder, .skin-wrap input:-ms-input-placeholder, .skin-wrap textarea:-ms-input-placeholder, .skin-wrap select:-ms-input-placeholder, .input-search input:-ms-input-placeholder, .input-search textarea:-ms-input-placeholder, .input-search select:-ms-input-placeholder, .input-calendar input:-ms-input-placeholder, .input-calendar textarea:-ms-input-placeholder, .input-calendar select:-ms-input-placeholder, footer input:-ms-input-placeholder, footer textarea:-ms-input-placeholder, footer select:-ms-input-placeholder {
    color: var(--f-menu);
    letter-spacing: -0.05rem;
}
.guide-wrap input::-ms-input-placeholder, .guide-wrap textarea::-ms-input-placeholder, .guide-wrap select::-ms-input-placeholder, .uniq input::-ms-input-placeholder, .uniq textarea::-ms-input-placeholder, .uniq select::-ms-input-placeholder, .search-box input::-ms-input-placeholder, .search-box textarea::-ms-input-placeholder, .search-box select::-ms-input-placeholder, .table-jq .ui-jqgrid input::-ms-input-placeholder, .table-jq .ui-jqgrid textarea::-ms-input-placeholder, .table-jq .ui-jqgrid select::-ms-input-placeholder, .cot-uniq input::-ms-input-placeholder, .cot-uniq textarea::-ms-input-placeholder, .cot-uniq select::-ms-input-placeholder, .hgroup input::-ms-input-placeholder, .hgroup textarea::-ms-input-placeholder, .hgroup select::-ms-input-placeholder, .alpa-wrap input::-ms-input-placeholder, .alpa-wrap textarea::-ms-input-placeholder, .alpa-wrap select::-ms-input-placeholder, .tbl-wrap input::-ms-input-placeholder, .tbl-wrap textarea::-ms-input-placeholder, .tbl-wrap select::-ms-input-placeholder, .tbl-wrap2 input::-ms-input-placeholder, .tbl-wrap2 textarea::-ms-input-placeholder, .tbl-wrap2 select::-ms-input-placeholder, .tbl-wrap3 input::-ms-input-placeholder, .tbl-wrap3 textarea::-ms-input-placeholder, .tbl-wrap3 select::-ms-input-placeholder, .file-wrap input::-ms-input-placeholder, .file-wrap textarea::-ms-input-placeholder, .file-wrap select::-ms-input-placeholder, .attach-wrap input::-ms-input-placeholder, .attach-wrap textarea::-ms-input-placeholder, .attach-wrap select::-ms-input-placeholder, .skin-wrap input::-ms-input-placeholder, .skin-wrap textarea::-ms-input-placeholder, .skin-wrap select::-ms-input-placeholder, .input-search input::-ms-input-placeholder, .input-search textarea::-ms-input-placeholder, .input-search select::-ms-input-placeholder, .input-calendar input::-ms-input-placeholder, .input-calendar textarea::-ms-input-placeholder, .input-calendar select::-ms-input-placeholder, footer input::-ms-input-placeholder, footer textarea::-ms-input-placeholder, footer select::-ms-input-placeholder {
    color: var(--f-menu);
    letter-spacing: -0.05rem;
}
.guide-wrap input::placeholder, .guide-wrap textarea::placeholder, .guide-wrap select::placeholder, .uniq input::placeholder, .uniq textarea::placeholder, .uniq select::placeholder, .search-box input::placeholder, .search-box textarea::placeholder, .search-box select::placeholder, .table-jq .ui-jqgrid input::placeholder, .table-jq .ui-jqgrid textarea::placeholder, .table-jq .ui-jqgrid select::placeholder, .cot-uniq input::placeholder, .cot-uniq textarea::placeholder, .cot-uniq select::placeholder, .hgroup input::placeholder, .hgroup textarea::placeholder, .hgroup select::placeholder, .alpa-wrap input::placeholder, .alpa-wrap textarea::placeholder, .alpa-wrap select::placeholder, .tbl-wrap input::placeholder, .tbl-wrap textarea::placeholder, .tbl-wrap select::placeholder, .tbl-wrap2 input::placeholder, .tbl-wrap2 textarea::placeholder, .tbl-wrap2 select::placeholder, .tbl-wrap3 input::placeholder, .tbl-wrap3 textarea::placeholder, .tbl-wrap3 select::placeholder, .file-wrap input::placeholder, .file-wrap textarea::placeholder, .file-wrap select::placeholder, .attach-wrap input::placeholder, .attach-wrap textarea::placeholder, .attach-wrap select::placeholder, .skin-wrap input::placeholder, .skin-wrap textarea::placeholder, .skin-wrap select::placeholder, .input-search input::placeholder, .input-search textarea::placeholder, .input-search select::placeholder, .input-calendar input::placeholder, .input-calendar textarea::placeholder, .input-calendar select::placeholder, footer input::placeholder, footer textarea::placeholder, footer select::placeholder {
    color: var(--f-menu);
    letter-spacing: -0.05rem;
}
.guide-wrap input[type=text], .uniq input[type=text], .search-box input[type=text], .table-jq .ui-jqgrid input[type=text], .cot-uniq input[type=text], .hgroup input[type=text], .alpa-wrap input[type=text], .tbl-wrap input[type=text], .tbl-wrap2 input[type=text], .tbl-wrap3 input[type=text], .file-wrap input[type=text], .attach-wrap input[type=text], .skin-wrap input[type=text], .input-search input[type=text], .input-calendar input[type=text], footer input[type=text] {
    border-radius: 0.8rem;
    font-size: 1.4rem;
    font-weight: 600;
    border: 0.1rem solid var(--line-base);
    height: 4rem;
    padding: 0 1.2rem;
    background-color: var(--f-white);
}
.guide-wrap input[type=text]:-moz-read-only, .uniq input[type=text]:-moz-read-only, .search-box input[type=text]:-moz-read-only, .table-jq .ui-jqgrid input[type=text]:-moz-read-only, .cot-uniq input[type=text]:-moz-read-only, .hgroup input[type=text]:-moz-read-only, .alpa-wrap input[type=text]:-moz-read-only, .tbl-wrap input[type=text]:-moz-read-only, .tbl-wrap2 input[type=text]:-moz-read-only, .tbl-wrap3 input[type=text]:-moz-read-only, .file-wrap input[type=text]:-moz-read-only, .attach-wrap input[type=text]:-moz-read-only, .skin-wrap input[type=text]:-moz-read-only, .input-search input[type=text]:-moz-read-only, .input-calendar input[type=text]:-moz-read-only, footer input[type=text]:-moz-read-only {
    background-color: var(--bg-base);
    color: var(--f-menu);
}
.guide-wrap input[type=text]:read-only, .uniq input[type=text]:read-only, .search-box input[type=text]:read-only, .table-jq .ui-jqgrid input[type=text]:read-only, .cot-uniq input[type=text]:read-only, .hgroup input[type=text]:read-only, .alpa-wrap input[type=text]:read-only, .tbl-wrap input[type=text]:read-only, .tbl-wrap2 input[type=text]:read-only, .tbl-wrap3 input[type=text]:read-only, .file-wrap input[type=text]:read-only, .attach-wrap input[type=text]:read-only, .skin-wrap input[type=text]:read-only, .input-search input[type=text]:read-only, .input-calendar input[type=text]:read-only, footer input[type=text]:read-only {
    background-color: var(--bg-base);
    color: var(--f-menu);
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input), footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) {
    border-radius: 100%;
    width: 2.4rem;
    height: 2.4rem;
    vertical-align: middle;
    margin-top: -0.3rem;
    border: 0.1rem solid var(--line-base);
    position: relative;
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before, footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input)::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("../image/icon_chk_off.png");
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-47%, -47%);
    transform: translate(-47%, -47%);
    height: 0.9rem;
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked, footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked {
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before, footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("../image/icon_chk_on.png");
    height: 0.9rem;
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled, footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled {
    background-color: var(--line-base);
    border-color: var(--line-base);
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before, footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):checked:disabled::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("../image/icon_chk_on.png");
    height: 0.9rem;
    opacity: 1;
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before, footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input):disabled::before {
    opacity: 0.6;
}
.guide-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .search-box input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .table-jq .ui-jqgrid input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .cot-uniq input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .hgroup input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .alpa-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .tbl-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .tbl-wrap2 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .tbl-wrap3 input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .file-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .attach-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .skin-wrap input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .input-search input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, .input-calendar input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label, footer input[type=checkbox]:not(.chk-imprt, .chk-color input, .chk-week input) + label {
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: 0.8rem;
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input), .uniq input[type=radio]:not(.approval-line input, .skin-wrap input), .search-box input[type=radio]:not(.approval-line input, .skin-wrap input), .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input), .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input), .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input), .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input), .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input), .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input), .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input), .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input), .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input), .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input), .input-search input[type=radio]:not(.approval-line input, .skin-wrap input), .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input), footer input[type=radio]:not(.approval-line input, .skin-wrap input) {
    border-radius: 100%;
    width: 2.4rem;
    height: 2.4rem;
    vertical-align: middle;
    margin-top: -0.3rem;
    border: 0.1rem solid var(--line-base);
    position: relative;
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .uniq input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .search-box input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .input-search input[type=radio]:not(.approval-line input, .skin-wrap input)::before, .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input)::before, footer input[type=radio]:not(.approval-line input, .skin-wrap input)::before {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--line-base);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .uniq input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .search-box input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .input-search input[type=radio]:not(.approval-line input, .skin-wrap input):checked, .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input):checked, footer input[type=radio]:not(.approval-line input, .skin-wrap input):checked {
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .uniq input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .search-box input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .input-search input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before, footer input[type=radio]:not(.approval-line input, .skin-wrap input):checked::before {
    background-color: var(--f-white);
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .uniq input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .search-box input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .input-search input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled, footer input[type=radio]:not(.approval-line input, .skin-wrap input):checked:disabled {
    background-color: var(--line-base);
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .uniq input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .search-box input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .input-search input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input):disabled, footer input[type=radio]:not(.approval-line input, .skin-wrap input):disabled {
    border-color: var(--line-base);
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .uniq input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .search-box input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .input-search input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before, footer input[type=radio]:not(.approval-line input, .skin-wrap input):disabled::before {
    background-color: var(--f-white);
}
.guide-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .uniq input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .search-box input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .table-jq .ui-jqgrid input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .cot-uniq input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .hgroup input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .alpa-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .tbl-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .tbl-wrap2 input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .tbl-wrap3 input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .file-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .attach-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .skin-wrap input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .input-search input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, .input-calendar input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label, footer input[type=radio]:not(.approval-line input, .skin-wrap input):disabled + label {
    color: var(--f-menu);
}
.guide-wrap select, .uniq select, .search-box select, .table-jq .ui-jqgrid select, .cot-uniq select, .hgroup select, .alpa-wrap select, .tbl-wrap select, .tbl-wrap2 select, .tbl-wrap3 select, .file-wrap select, .attach-wrap select, .skin-wrap select, .input-search select, .input-calendar select, footer select {
    border-radius: 0.8rem;
    font-size: 1.6rem;
    font-weight: 600;
    background: url("../image/bg_select24.png") right 1.2rem center/2.4rem no-repeat;
    border: 0.1rem solid var(--line-base);
    height: 4rem;
    padding: 0 3rem 0 1.2rem;
    background-color: var(--f-white);
    min-width: 14.3rem;
    color: var(--f-secondary);
}
.guide-wrap select option, .uniq select option, .search-box select option, .table-jq .ui-jqgrid select option, .cot-uniq select option, .hgroup select option, .alpa-wrap select option, .tbl-wrap select option, .tbl-wrap2 select option, .tbl-wrap3 select option, .file-wrap select option, .attach-wrap select option, .skin-wrap select option, .input-search select option, .input-calendar select option, footer select option {
    border-radius: 0.8rem;
}
.guide-wrap select:disabled, .uniq select:disabled, .search-box select:disabled, .table-jq .ui-jqgrid select:disabled, .cot-uniq select:disabled, .hgroup select:disabled, .alpa-wrap select:disabled, .tbl-wrap select:disabled, .tbl-wrap2 select:disabled, .tbl-wrap3 select:disabled, .file-wrap select:disabled, .attach-wrap select:disabled, .skin-wrap select:disabled, .input-search select:disabled, .input-calendar select:disabled, footer select:disabled {
    background-color: var(--bg-base);
    color: var(--f-menu);
}
.guide-wrap select.error, .uniq select.error, .search-box select.error, .table-jq .ui-jqgrid select.error, .cot-uniq select.error, .hgroup select.error, .alpa-wrap select.error, .tbl-wrap select.error, .tbl-wrap2 select.error, .tbl-wrap3 select.error, .file-wrap select.error, .attach-wrap select.error, .skin-wrap select.error, .input-search select.error, .input-calendar select.error, footer select.error {
    border-color: var(--f-flase);
}

.chat-area textarea, .tbl-wrap2 textarea, .tbl-wrap3 textarea, .alpa-wrap textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    font-family: inherit;
    vertical-align: inherit;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Root */
:root {
    font-size: 0.625rem;
    word-break: keep-all;
    word-wrap: break-word;
}

:root {
    --f-base: #000;
    --f-secondary: #606060;
    --f-primary: #19A619;
    --f-flase: #EF503A;
    --f-true: #2E55B7;
    --f-menu: #8C9094;
    --f-white: #fff;
    --bg-base: #F7F8F9;
    --bg-secondary: #7D848E;
    --bg-third: #FAFAFA;
    --bg-primary: #19A619;
    --bg-primary2: #00854A;
    --bg-primary3: #E8F6E8;
    --bg-false: #FEF0ED;
    --bg-menu: #F2F6FC;
    --bg-hover: #FBFBFB;
    --bg-mhover: #e5f5e5;
    --bg-mhover2: #1EBE1E;
    --line-primary: #C4EBC4;
    --line-base: #B4B8BD;
    --line-secondary: #EAEAEA;
    --line-table: #606060;
    --line-table2: #D2D6DA;
    --line-table3: #ECEFF2;
    --line-false: #FAC3BB;
    --line-true: #B6C3E3;
}

.colorPurple {
    --f-primary: #9050FF;
    --bg-primary: #9050FF;
    --bg-primary2: #803BFF;
    --bg-primary3: #F6F1FF;
    --bg-mhover: #F3EDFF;
    --bg-mhover2: #9D65FF;
    --line-primary: #E8DBFF;
}
.colorPurple .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(35%) sepia(33%) saturate(5477%) hue-rotate(244deg) brightness(101%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(35%) sepia(33%) saturate(5477%) hue-rotate(244deg) brightness(101%) contrast(101%);
}
.colorPurple .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorPurple.png");
}
.colorPurple .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorPurple.png");
}

.colorOrange {
    --f-primary: #FF6F00;
    --bg-primary: #FF6F00;
    --bg-primary2: #FF8940;
    --bg-primary3: #FFF4EB ;
    --bg-mhover: #FFF3ED;
    --bg-mhover2: #FF9123;
    --line-primary: #FFE8DE;
}
.colorOrange .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(67%) sepia(73%) saturate(5368%) hue-rotate(359deg) brightness(99%) contrast(109%);
    filter: brightness(0) saturate(100%) invert(67%) sepia(73%) saturate(5368%) hue-rotate(359deg) brightness(99%) contrast(109%);
}
.colorOrange .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorOrange.png");
}
.colorOrange .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorOrange.png");
}

.colorMandarin {
    --f-primary: #FFA100;
    --bg-primary: #FFA100;
    --bg-primary2: #FF8800;
    --bg-primary3: #FFF5E5;
    --bg-mhover: #FFF8ED;
    --bg-mhover2: #FFAE23;
    --line-primary: #FFEEDA;
}
.colorMandarin .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(68%) sepia(80%) saturate(2154%) hue-rotate(356deg) brightness(97%) contrast(111%);
    filter: brightness(0) saturate(100%) invert(68%) sepia(80%) saturate(2154%) hue-rotate(356deg) brightness(97%) contrast(111%);
}
.colorMandarin .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorMandarin.png");
}
.colorMandarin .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorMandarin.png");
}

.colorRed {
    --f-primary: #FF5B6E;
    --bg-primary: #FF5B6E;
    --bg-primary2: #FF4359;
    --bg-primary3: #FFEFF1;
    --bg-mhover: #FFF4F5;
    --bg-mhover2: #FF7A89;
    --line-primary: #FFE6E6;
}
.colorRed .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(74%) sepia(64%) saturate(5967%) hue-rotate(318deg) brightness(99%) contrast(106%);
    filter: brightness(0) saturate(100%) invert(74%) sepia(64%) saturate(5967%) hue-rotate(318deg) brightness(99%) contrast(106%);
}
.colorRed .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorRed.png");
}
.colorRed .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorRed.png");
}

.colorCyan {
    --f-primary: #16C0AF;
    --bg-primary: #16C0AF;
    --bg-primary2: #0FD3C0;
    --bg-primary3: #EBFBFA;
    --bg-mhover: #E9FCFA;
    --bg-mhover2: #23D9C7;
    --line-primary: #C1F2ED;
}
.colorCyan .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(69%) sepia(53%) saturate(3615%) hue-rotate(128deg) brightness(95%) contrast(83%);
    filter: brightness(0) saturate(100%) invert(69%) sepia(53%) saturate(3615%) hue-rotate(128deg) brightness(95%) contrast(83%);
}
.colorCyan .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorCyan.png");
}
.colorCyan .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorCyan.png");
}

.colorNavy {
    --f-primary: #1610C8;
    --bg-primary: #1610C8;
    --bg-primary2: #554FF8;
    --bg-primary3: #F4F3FF ;
    --bg-mhover: #F3F3FF;
    --bg-mhover2: #4F49F4;
    --line-primary: #D8D8F9;
}
.colorNavy .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(15%) sepia(72%) saturate(4185%) hue-rotate(230deg) brightness(95%) contrast(104%);
    filter: brightness(0) saturate(100%) invert(15%) sepia(72%) saturate(4185%) hue-rotate(230deg) brightness(95%) contrast(104%);
}
.colorNavy .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorNavy.png");
}
.colorNavy .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorNavy.png");
}

.colorBlue {
    --f-primary: #2788FF;
    --bg-primary: #2788FF;
    --bg-primary2: #005BCB;
    --bg-primary3: #EAF3FF;
    --bg-mhover: #E3EFFF;
    --bg-mhover2: #57A0FB;
    --line-primary: #CEE2FE;
}
.colorBlue .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(48%) sepia(88%) saturate(3323%) hue-rotate(197deg) brightness(100%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(48%) sepia(88%) saturate(3323%) hue-rotate(197deg) brightness(100%) contrast(102%);
}
.colorBlue .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorBlue.png");
}
.colorBlue .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorBlue.png");
}

.colorskyblue {
    --f-primary: #1DB8EC;
    --bg-primary: #1DB8EC;
    --bg-primary2: #18C5FF;
    --bg-primary3: #E5F8FF;
    --bg-mhover: #ECFAFF;
    --bg-mhover2: #47CAF7;
    --line-primary: #D1F2FE;
}
.colorskyblue .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(60%) sepia(46%) saturate(1937%) hue-rotate(157deg) brightness(99%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(60%) sepia(46%) saturate(1937%) hue-rotate(157deg) brightness(99%) contrast(87%);
}
.colorskyblue .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorskyblue.png");
}
.colorskyblue .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorskyblue.png");
}
.colorBlack {
    --f-primary: #4A4A4A;
    --bg-primary: #4A4A4A;
    --bg-primary2: #656565;
    --bg-primary3: #E9E9E9;
    --bg-mhover: #F3F3F3;
    --bg-mhover2: #333333;
    --line-primary: #E0E0E0;
}
.colorBlack .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: grayscale(1) brightness(60%);
    filter: grayscale(1) brightness(60%);
}
.colorBlack .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep2.png");
}
.colorBlack .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep2_down.png");
}

.colorReddishpurple {
    --f-primary: #B31F7E;
    --bg-primary: #B31F7E;
    --bg-primary2: #E329A1;
    --bg-primary3: #FFD6F0;
    --bg-mhover: #FFE9F7;
    --bg-mhover2: #8D1562;
    --line-primary: #F9CAE7;
}
.colorReddishpurple .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(57%) saturate(4542%) hue-rotate(306deg) brightness(78%) contrast(89%);
    filter: brightness(0) saturate(100%) invert(20%) sepia(57%) saturate(4542%) hue-rotate(306deg) brightness(78%) contrast(89%);
}
.colorReddishpurple .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_colorRed.png");
}
.colorReddishpurple .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down_colorRed.png");
}

.colorYellowgreen {
    --f-primary: #6CC072;
    --bg-primary: #6CC072;
    --bg-primary2: #85E28C;
    --bg-primary3: #D5F9D7;
    --bg-mhover: #E1FFE3;
    --bg-mhover2: #569E5C;
    --line-primary: #BCF0C1;
}
.colorYellowgreen .wrap nav .gnb:not(.laboratory-wrap ul) li img {
    -webkit-filter: brightness(0) saturate(100%) invert(84%) sepia(3%) saturate(6541%) hue-rotate(72deg) brightness(84%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(84%) sepia(3%) saturate(6541%) hue-rotate(72deg) brightness(84%) contrast(87%);
}
.colorYellowgreen .tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background-image: url("../image/bg_dep1_on.png");
}
.colorYellowgreen .tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background-image: url("../image/bg_dep1_down.png");
}

.ui-widget-header {
    background: none !important;
    border: none !important;
    color: inherit !important;
    height: 0 !important;
}

.table-jq {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    width: 100%;
}
.table-jq:has(.no-data) .ui-jqgrid .ui-jqgrid-btable {
    border-bottom: 0;
}
.table-jq .ui-jqgrid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    width: 100%;
}
.table-jq .ui-jqgrid .ui-jqgrid-htable {
    border-collapse: collapse;
    border-top: 0.1rem solid var(--line-table);
    border-bottom: 0.1rem solid var(--line-table2);
    background-color: var(--bg-base);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.table-jq .ui-jqgrid .ui-jqgrid-htable th {
    font-size: 1.6rem;
    font-weight: 600;
    height: auto;
    position: relative;
    vertical-align: middle;
    padding: 0.6rem 0.8rem;
}
.table-jq .ui-jqgrid .ui-jqgrid-htable th .ui-jqgrid-resize {
    width: 0.2rem;
    height: 1.6rem !important;
    background-color: var(--line-table2);
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    margin: 0;
    margin-top: -0.8rem;
}
.table-jq .ui-jqgrid .ui-jqgrid-htable th div {
    height: initial;
    line-height: 160%;
}
.table-jq .ui-jqgrid .ui-jqgrid-htable th.jqgh_rn::after {
    display: none;
}
.table-jq .ui-jqgrid .ui-jqgrid-htable th:last-child .ui-jqgrid-resize {
    background-color: transparent;
}
.table-jq .ui-jqgrid .ui-jqgrid-htable th[aria-selected=true] {
    color: var(--f-primary);
}
.table-jq .ui-jqgrid .ui-jqgrid-btable {
    border-collapse: collapse;
    border-bottom: 0.1rem solid var(--line-table2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.table-jq .ui-jqgrid .ui-jqgrid-btable tr.ui-row-ltr:not(:first-child) td {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--f-secondary);
    border: 0;
    border-bottom: 0.1rem solid #D2D6DA;
    padding: 0.8rem 0.8rem;
    text-align: center;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
}
.table-jq .ui-jqgrid .ui-jqgrid-btable tr.ui-state-hover {
    background-color: var(--bg-primary3);
}
.table-jq .ui-jqgrid .ui-jqgrid-btable tr.ui-state-highlight td {
    background-color: var(--bg-primary3);
}
.table-jq .ui-jqgrid .ui-jqgrid-btable tr.ui-row-ltr:last-of-type td {
    border-bottom: 0;
}
.table-jq .ui-jqgrid .ui-jqgrid-btable td select {
    font-size: 1.3rem;
    font-weight: 600;
    min-width: auto;
    width: calc(100% - 2.4rem);
    height: 3.2rem;
}
.table-jq .ui-jqgrid .ui-jqgrid-ftable {
    table-layout: inherit;
    width: 100% !important;
    border-collapse: collapse;
    background-color: var(--bg-primary3);
}
.table-jq .ui-jqgrid .ui-jqgrid-ftable td {
    font-size: 1.6rem;
    font-weight: 700;
    border: 0;
    text-align: center;
    padding: 1.4rem 0;
    color: var(--f-primary);
}
.table-jq .ui-jqgrid .loading {
    display: block;
    font-size: 2.4rem;
}
.table-jq .ui-jqgrid .btn-imprt {
    background: url("../image/bg_add_off.png") 0 0/contain no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
}
.table-jq .ui-jqgrid .chk-imprt:checked + label {
    background: url("../image/bg_add_on.png") 0 0/contain no-repeat;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager {
    margin-top: 2.4rem !important;
    height: auto;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.4rem;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li button {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-menu);
    width: 3.2rem;
    height: 3.2rem;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li.current button {
    border-radius: 100%;
    background-color: var(--line-table3);
    font-weight: 600;
    color: var(--f-base);
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li.first button, .table-jq .ui-jqgrid .ui-jqgrid-pager ul li.prev button, .table-jq .ui-jqgrid .ui-jqgrid-pager ul li.next button, .table-jq .ui-jqgrid .ui-jqgrid-pager ul li.last button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 2rem;
    height: 2rem;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li.first button:disabled, .table-jq .ui-jqgrid .ui-jqgrid-pager ul li.prev button:disabled, .table-jq .ui-jqgrid .ui-jqgrid-pager ul li.next button:disabled, .table-jq .ui-jqgrid .ui-jqgrid-pager ul li.last button:disabled {
    opacity: 0.5;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li.first button {
    background: url("../image/bg_first_page.png") 0 0/contain no-repeat;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li.prev button {
    background: url("../image/bg_prev_page.png") 0 0/contain no-repeat;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li.next button {
    background: url("../image/bg_next_page.png") 0 0/contain no-repeat;
}
.table-jq .ui-jqgrid .ui-jqgrid-pager ul li.last button {
    background: url("../image/bg_last_page.png") 0 0/contain no-repeat;
}
.table-jq .ui-jqgrid .ui-jqgrid-sortable .s-ico .ui-grid-ico-sort {
    position: relative;
}
.table-jq .ui-jqgrid .ui-jqgrid-sortable .s-ico .ui-grid-ico-sort::after {
    height: 1.8rem !important;
    margin-left: 0.6rem;
}
.table-jq .ui-jqgrid .ui-jqgrid-sortable .s-ico .ui-grid-ico-sort.ui-state-disabled::after {
    display: none !important;
}
.table-jq .ui-jqgrid .ui-jqgrid-sortable .s-ico .ui-grid-ico-sort.ui-icon-asc::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-image: url("../image/icon_asc.png");
}
.table-jq .ui-jqgrid .ui-jqgrid-sortable .s-ico .ui-grid-ico-sort.ui-icon-desc::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-image: url("../image/icon_des.png");
}
.table-jq .ui-jqgrid .no-data {
    padding: 4.3rem 0 4rem;
    border-bottom: 0.1rem solid var(--line-table2);
}
.table-jq .ui-jqgrid .ui-jqgrid-bdiv {
    overflow-x: auto;
}
.table-jq .btn-wrap {
    margin-top: 1.6rem;
}
.table-jq .info {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-menu);
    margin-top: 1.2rem;
    position: relative;
    padding-left: 1.6rem;
}
.table-jq .info::before {
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    background-color: var(--f-menu);
    border-radius: 100%;
    position: absolute;
    top: 0.8rem;
    left: 0.4rem;
}

.table-jq .tree-wrap {
    width: auto;
    border-radius: 0;
    border: 0;
    padding: 0;
}
.table-jq .tree-wrap .ui-icon {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_select24.png") 95% 50%/2.4rem no-repeat;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    margin: 0 0 0.8rem;
}
.table-jq .tree-wrap .ui-icon.tree-minus {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.table-jq .tree-wrap .ui-icon.tree-plus {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.jconfirm {
    background-color: rgba(0, 0, 0, 0.6);
}
.jconfirm .jconfirm-box.jconfirm-type-info {
    border-radius: 2rem;
    padding: 1.2rem 0 0;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.jconfirm .jconfirm-box.jconfirm-type-info div.jconfirm-title-c {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 0 2.4rem 0.8rem;
}
.jconfirm .jconfirm-box.jconfirm-type-info div.jconfirm-title-c .jconfirm-icon-c {
    display: none;
}
.jconfirm .jconfirm-box.jconfirm-type-info div.jconfirm-content-pane {
    margin: 0;
    padding: 1.2rem 2.4rem 2.4rem;
}
.jconfirm .jconfirm-box.jconfirm-type-info div.jconfirm-content-pane .jconfirm-content {
    font-size: 1.4rem !important;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
    border-top: 0.1rem solid #DFE3E6;
    padding: 0.8rem 0;
    float: none;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    border-radius: 0.8rem;
    font-size: 1.3rem;
    height: 4rem;
    padding: 0;
    line-height: normal;
    min-width: 7.5rem;
    margin: 0;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-info, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-info {
    background-color: var(--bg-primary) !important;
    color: var(--f-white);
    min-width: 7.5rem;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-info:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-info:hover {
    background-color: var(--bg-mhover2);
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    border: 0.1rem solid var(--line-base);
    background-color: var(--f-white) !important;
    min-width: 7.5rem;
    color: var(--f-base) !important;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: var(--bg-hover);
}

.tree-wrap {
    width: 46.4rem;
    border-radius: 2rem;
    border: 0.1rem solid #DFE3E6;
    padding: 3rem 2.4rem;
}
.tree-wrap .tree-search {
    font-size: 1.6rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
    color: var(--f-base);
    border-bottom: 0.1rem solid var(--line-table2);
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
}
.tree-wrap .tree-search p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tree-wrap .tree-search select {
    width: 100%;
}
.tree-wrap .jstree {
    overflow: hidden;
}
.tree-wrap .jstree-container-ul a {
    border-radius: 0.4rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--f-secondary);
    position: relative;
    width: calc(100% - 2.4rem);
    height: auto;
    line-height: 2.6rem;
    padding: 0 0.4rem;
}
.tree-wrap .jstree-container-ul a:hover {
    background-color: var(--bg-hover);
}
.tree-wrap .jstree-container-ul a.jstree-search {
    color: var(--f-primary);
}
.tree-wrap .jstree-container-ul .ico-hr-def {
    background: url("../image/bg_dep3.png") 0 0/contain no-repeat;
}
.tree-wrap .jstree-container-ul .ico-hr-dep1 {
    background: url("../image/bg_dep1_on.png") 0 0/contain no-repeat;
}
.tree-wrap .jstree-container-ul .ico-paym-def {
    background: url("../image/bg_paym_def.png") 0 0/contain no-repeat;
}
.tree-wrap .jstree-container-ul .ico-paym-dep1 {
    background: url("../image/bg_paym_dep1.png") 0 0/contain no-repeat;
}
.tree-wrap .jstree-container-ul .jstree-node {
    margin-left: 0;
}
.tree-wrap .jstree-container-ul .jstree-node .jstree-ocl {
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    margin: -0.3rem 0.4rem 0 0;
}
.tree-wrap .jstree-container-ul .jstree-node .jstree-themeicon {
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    margin: -0.3rem 0.4rem 0 0;
}
.tree-wrap .jstree-container-ul .jstree-node .jstree-clicked {
    background-color: var(--bg-primary3);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: vaR(--f-base);
    font-weight: 700;
}
.tree-wrap .jstree-container-ul > .jstree-node {
    position: relative;
}
.tree-wrap .jstree-container-ul > .jstree-node > .jstree-ocl {
    background: url("../image/bg_dep1_down.png") 0 0/contain no-repeat;
}
.tree-wrap .jstree-container-ul > .jstree-node.jstree-open > .jstree-ocl {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.tree-wrap .jstree-container-ul > .jstree-node > .jstree-children {
    margin-top: 1.4rem;
    margin-left: 1.9rem;
}
.tree-wrap .jstree-container-ul > .jstree-node > .jstree-children:has(.jstree-closed, .jstree-open) {
    margin-left: 2.5rem;
}

/* 20250923 수정 */
.tree-wrap .jstree-container-ul > .jstree-node li:not(.jstree-leaf) > .jstree-ocl {
    background: url("../image/bg_dep2_down.png") 0 0/contain no-repeat;
}
.tree-wrap .jstree-container-ul > .jstree-node li:not(.jstree-leaf).jstree-open > .jstree-ocl {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.tree-wrap .jstree-container-ul > .jstree-node .jstree-children {
    margin-top: 1.4rem;
    margin-left: 1.9rem;
}
/* //20250923 수정 */

.tree-wrap .jstree-container-ul > .jstree-node > .jstree-children > li:not(:last-child) {
    margin-bottom: 1.6rem;
}
.tree-wrap .jstree-container-ul > .jstree-node > .jstree-children > li > .jstree-children {
    margin-top: 1rem;
    margin-left: 2.5rem;
}
.tree-wrap .jstree-container-ul > .jstree-node > .jstree-children > li > .jstree-children li:not(:last-child) {
    margin-bottom: 1.2rem;
}

.dropdown-menu {
    -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 2rem;
    margin: 0;
    padding: 0;
    border-color: #D9D9D9;
    padding: 2.4rem 2.4rem 2.2rem;
    width: 27.8rem;
    margin-top: 1rem;
}
.dropdown-menu table {
    width: 100%;
}
.dropdown-menu table th.dow {
    color: var(--f-menu);
    font-weight: 400;
}
.dropdown-menu table th.datepicker-switch {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 0.8rem 1.8rem;
    vertical-align: middle;
}
.dropdown-menu table th.datepicker-switch:hover {
    background-color: #fff;
}
.dropdown-menu table th.prev {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_prev_main.png") 0 0/contain no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    color: transparent;
    vertical-align: middle;
}
.dropdown-menu table th.prev:hover {
    background: url("../image/bg_prev_main.png") 0 0/contain no-repeat;
}
.dropdown-menu table th.next {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_next_main.png") 0 0/contain no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    color: transparent;
    vertical-align: middle;
}
.dropdown-menu table th.next:hover {
    background: url("../image/bg_next_main.png") 0 0/contain no-repeat;
}
.dropdown-menu table td.day {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--f-base);
    padding: 0.3rem 0;
}
.dropdown-menu table td.day:first-child, .dropdown-menu table td.day:last-child {
    color: var(--f-menu);
}
.dropdown-menu table td.day.old {
    color: transparent;
}
.dropdown-menu table td.day.old:hover {
    background-color: transparent;
}
.dropdown-menu table td.day.new {
    display: none;
}
.dropdown-menu .table-condensed td {
    padding: 0;
}
.dropdown-menu .table-condensed td span {
    width: 31%;
    padding: 0;
    border: 0.1rem solid var(--line-base);
    height: 3.2rem;
    line-height: 3.2rem;
    color: var(--f-secondary);
    font-weight: 600;
}
.dropdown-menu .table-condensed td span:active {
    background-color: red;
}

.datepicker-dropdown.datepicker-orient-top:before {
    left: 3.6rem;
    border-top-color: #D9D9D9;
}

.datepicker-dropdown.datepicker-orient-top:after {
    left: 3.7rem;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    left: 3.6rem;
    border-bottom-color: #D9D9D9;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    left: 3.7rem;
}

.calendar-wrap {
    position: relative;
    display: grid;
    gap: 0 7.6rem;
    grid-template-columns: 1fr 33.4rem;
}
.calendar-wrap.no {
    grid-template-columns: 1fr;
}
.calendar-wrap.no .calendar-list {
    right: -38.4rem;
}
.calendar-wrap.no .calendar-list .llst-close {
    background-image: url("../image/bg_calendar_open.png");
}
.calendar-wrap .fc-theme-standard {
    border-color: var(--line-table3);
}
.calendar-wrap .fc-theme-standard th, .calendar-wrap .fc-theme-standard td {
    border-color: var(--line-table3);
}
.calendar-wrap .fc-theme-standard .fc-scrollgrid {
    border-color: var(--line-table3);
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 0.1rem solid var(--line-table);
}
.calendar-wrap .fc-theme-standard .fc-col-header th .fc-scrollgrid-sync-inner {
    text-align: right;
    background-color: var(--bg-hover);
}
.calendar-wrap .fc-theme-standard .fc-col-header th .fc-scrollgrid-sync-inner a {
    padding: 0.8rem;
    font-size: 1.4rem;
    font-weight: 400;
}
.calendar-wrap .fc-theme-standard .fc-daygrid-day-number {
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0;
}
.calendar-wrap .fc-theme-standard .fc-daygrid-day-frame {
    padding: 1.2rem;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar {
    margin-bottom: 3.2rem;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    margin-top: 0.4rem;
    border: 0;
    margin: 0;
    padding: 0;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) button .fc-icon {
    display: none;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) button.fc-prev-button {
    background: url("../image/bg_date_prev.png") 0 0/3.2rem 3.2rem no-repeat;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) button.fc-next-button {
    background: url("../image/bg_date_next.png") 0 0/3.2rem 3.2rem no-repeat;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) button:active, .calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.calendar-wrap .fc-theme-standard .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) .fc-toolbar-title {
    font-size: 2.8rem;
    font-weight: 700;
    background: url("../image/bg_datepicker.png") 100% 50%/3.3rem 3rem no-repeat;
    padding-right: 4.5rem;
    margin: 0 2.4rem;
    cursor: pointer;
}
.calendar-wrap .fc-theme-standard .fc-today-button {
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 0.8rem;
    color: var(--f-base);
    background-color: var(--f-white);
    height: 4rem;
    padding: 0 2.8rem;
    border: 0.1rem solid var(--line-base);
}
.calendar-wrap .fc-theme-standard .fc-event {
    margin: 0 0 0.6rem;
}
.calendar-wrap .fc-theme-standard .fc-event-title {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-base);
    padding: 0 0.6rem;
}
.calendar-wrap .fc-theme-standard .fc-daygrid-day-frame {
    min-height: 12rem;
}
.calendar-wrap .fc-theme-standard .fc-daygrid-day.fc-day-today {
    background-color: transparent;
}
.calendar-wrap .fc-theme-standard .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    border-radius: 100%;
    color: var(--f-white);
    background-color: var(--bg-primary);
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.9rem;
    text-align: center;
}
.calendar-wrap .fc-theme-standard .fc-license-message {
    display: none;
}
.calendar-wrap .calendar-list {
    border-radius: 2rem;
    width: 33.4rem;
    position: absolute;
    top: 7.2rem;
    right: 0;
    height: calc(100% - 7.2rem);
    background-color: var(--bg-base);
    border: 0.1rem solid var(--line-table3);
    padding: 3.2rem;
    -webkit-transition: right 0.2s;
    transition: right 0.2s;
}
.calendar-wrap .calendar-list p {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
}
.calendar-wrap .calendar-list p em {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--f-menu);
    display: block;
    padding-top: 0.2rem;
}
.calendar-wrap .calendar-list .llst-close {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_calendar_close.png") 0 0/3.6rem 7.2rem no-repeat;
    position: absolute;
    top: 50%;
    left: -3.6rem;
    width: 3.6rem;
    height: 7.2rem;
}
.calendar-wrap .calendar-list ul li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.calendar-wrap .calendar-list ul li a {
    font-size: 1.5rem;
    font-weight: 600;
    border-radius: 1.2rem;
    color: var(--f-secondary);
    background-color: var(--f-white);
    display: block;
    padding: 2.4rem 2rem;
}
.calendar-wrap .calendar-list ul li a > em {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 0.8rem;
    display: block;
}
.calendar-wrap .calendar-list ul li a > em::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--f-white);
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.6rem;
}
.calendar-wrap .calendar-list ul li a strong {
    font-size: 2.4rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    text-align: right;
}
.calendar-wrap .calendar-list ul li a strong em {
    color: var(--f-menu);
}
.calendar-wrap .calendar-list ul li.on a {
    background-color: var(--bg-primary);
    color: var(--f-white);
}

.pop-wrap .calendar-wrap {
    display: block;
}

html, body {
    font-family: "Pretendard", sans-serif;
    font-size: 1.4rem;
}
html:has(.container .calendar-wrap), body:has(.container .calendar-wrap) {
    overflow-x: hidden;
}
html:has(.main), body:has(.main) {
    background-color: var(--bg-menu);
}

div.wrap {
    height: 100%;
    display: grid;
    grid-template-columns: 29.6rem 1fr;
    grid-template-rows: 7.2rem 1fr;
    min-width: 120rem;
}
div.wrap.main {
    grid-template-columns: 7.6rem 1fr 9.2rem;
    -webkit-transition: grid-template-columns 0.2s;
    transition: grid-template-columns 0.2s;
    transition: grid-template-columns 0.2s, -ms-grid-columns 0.2s;
}
div.wrap.main header .logo a {
    display: block;
}
div.wrap.main nav {
    width: 7.6rem;
}
div.wrap.main nav .side-btn {
    display: none;
}
div.wrap.main .container {
    margin-bottom: 0;
}
div.wrap.main footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
div.wrap.main footer .f-logo {
    display: none;
}
div.wrap.main .sub-gnb {
    display: none;
}
div.wrap.sidem-close {
    grid-template-columns: 7.6rem 1fr 9.2rem;
}
div.wrap.sidem-close nav {
    width: 7.6rem;
}
div.wrap.sidem-close nav .sub-gnb {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
div.wrap.sidem-close nav .side-btn {
    position: absolute;
    right: -3.2rem;
    bottom: 4.4rem;
    background: url("../image/bg_sidemenu_open.png") 0 0/contain no-repeat;
}
div.wrap:has(.-epayment) .h-search, div.wrap:has(.-epayment) .login-time, div.wrap:has(.-epayment) .control .mypage, div.wrap:has(.-epayment) .control .setting {
    display: none;
}

header {
    grid-column: 2/4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.2rem 5rem 0;
}
header .logo a {
    background: url("../image/bg_logo.png") 0 0/8.9rem 3.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 8.9rem;
    height: 3.2rem;
    display: none;
}
header .uniq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 4rem;
}
header .uniq .h-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
header .uniq .h-search input[type=text] {
    background: var(--line-table3) url("../image/bg_search.png") 0.8rem 50%/1.6rem 1.6rem no-repeat;
    width: 16rem;
    border: 0;
    padding-left: 2.7rem;
    font-size: 1.3rem;
}
header .uniq .h-search select {
    width: 12rem;
    margin-right: 0.8rem;
    font-size: 1.3rem;
    background: url("../image/bg_select.png") right 1.2rem center/2rem no-repeat;
}
header .uniq .login-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
}
header .uniq .login-time p {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--f-secondary);
}
header .uniq .login-time p::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_time.png");
    margin-right: 0.6rem;
}
header .uniq .login-time button {
    padding: 0 1.3rem;
}
header .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
}
header .control > li {
    position: relative;
}
header .control > li > a {
    width: 3.2rem;
    height: 3.2rem;
}
header .control > li.mypage a {
    background: url("../image/bg_mypage.png") 0 0/3.2rem 3.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
}
header .control > li.setting a {
    background: url("../image/bg_setting.png") 0 0/3.2rem 3.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
}
header .control > li.tooltip a {
    background: url("../image/bg_tooltip.png") 0 0/3.2rem 3.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
}
header .control > li.profile > a {
    background: url("../image/bg_profile.png") 0 0/3.2rem 3.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
}

nav {
    grid-column: 1/1;
    grid-row: 1/4;
    display: grid;
    grid-template-columns: 7.6rem 1fr;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 29.6rem;
    height: 100%;
}
nav .gnb:not(.laboratory-wrap ul) {
    padding: 3.2rem 0.6rem;
    border-right: 0.1rem solid #E5EAEF;
    position: relative;
    z-index: 1;
    background-color: var(--f-white);
}
nav .gnb:not(.laboratory-wrap ul) > li > a {
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 1.2rem;
    color: var(--f-secondary);
    display: block;
    text-align: center;
    padding: 1.6rem 0 1.4rem;
}
nav .gnb:not(.laboratory-wrap ul) > li > a::before {
    display: block !important;
    margin: 0 auto 0.6rem;
}
nav .gnb:not(.laboratory-wrap ul) > li img {
    display: none;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 auto 0.6rem;
}
nav .gnb:not(.laboratory-wrap ul) > li.home a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_home.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.favorite a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_favorite.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.mail a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_mail.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.nboard a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_nboard.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.epayment a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_epayment.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.reservation a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_reservation.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.drive a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_drive.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.management a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_management.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.hr a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_hr.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.laboratory {
    position: relative;
    margin-top: 4.8rem;
}
nav .gnb:not(.laboratory-wrap ul) > li.laboratory::before {
    content: "";
    width: 4.8rem;
    height: 0.1rem;
    background-color: var(--line-table3);
    position: absolute;
    top: -2.4rem;
    left: 0.9rem;
}
nav .gnb:not(.laboratory-wrap ul) > li.laboratory > a {
    padding: 1rem 0;
}
nav .gnb:not(.laboratory-wrap ul) > li.laboratory > a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_laboratory.png");
}
nav .gnb:not(.laboratory-wrap ul) > li:hover > a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
nav .gnb:not(.laboratory-wrap ul) > li:hover > a::before {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
nav .gnb:not(.laboratory-wrap ul) > li:hover > a, nav .gnb:not(.laboratory-wrap ul) > li.on > a {
    font-weight: 700;
    color: var(--f-primary);
    background-color: var(--bg-mhover);
}
nav .gnb:not(.laboratory-wrap ul) > li:hover > a img, nav .gnb:not(.laboratory-wrap ul) > li.on > a img {
    display: block;
}
nav .gnb:not(.laboratory-wrap ul) > li:hover:not(.laboratory) a::before, nav .gnb:not(.laboratory-wrap ul) > li.on:not(.laboratory) a::before {
    display: none !important;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap {
    width: 30rem;
    position: relative;
    -webkit-transform: translate(-30rem, 30rem);
    transform: translate(-30rem, 30rem);
    -webkit-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap.open {
    -webkit-transform: translate(-11.8rem, 0);
    transform: translate(-11.8rem, 0);
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle {
    border-radius: 100%;
    will-change: transform;
    -webkit-transition: ease-in-out 0.56s;
    transition: ease-in-out 0.56s;
    width: 100%;
    height: 30rem;
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(1.8rem);
    margin-top: -25.6rem;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 6rem;
    height: 6rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul {
    position: relative;
    width: 100%;
    height: 100%;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li {
    will-change: transform;
    -webkit-transition: ease-in-out 0.56s;
    transition: ease-in-out 0.56s;
    position: absolute;
    width: 6rem;
    height: 6rem;
    cursor: pointer;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(1) {
    top: -9.5rem;
    left: 0;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(2) {
    top: -6.6rem;
    left: 6.6rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(3) {
    top: 0;
    left: 9.5rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(4) {
    top: 6.6rem;
    left: 6.6rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(5) {
    top: 9.5rem;
    left: 0;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(6) {
    top: 6.6rem;
    left: -6.6rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(7) {
    top: 0;
    left: -9.5rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li:nth-child(8) {
    top: -6.6rem;
    left: -6.6rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li a {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--f-secondary);
    display: block;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li a::before {
    content: "";
    display: block !important;
    margin: 0 auto 0.8rem;
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.business a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_business.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.work a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_work.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.bizplay a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_bizplay.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.dbnews a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_dbnews.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.cloudhp a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_cloudhp.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.smartoff a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_smartoff.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.shr a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_shr.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.book a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_book.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap .circle .circle-content ul li.securityservice a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_securityservice.png");
}
nav .gnb:not(.laboratory-wrap ul) > li .laboratory-wrap button {
    border-radius: 100%;
    background: var(--bg-primary) url("../image/bg_laboratory_close.png") 50% 50%/1.9rem 1.9rem no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6rem;
    height: 6rem;
}

nav .gnb:not(.laboratory-wrap ul) > li.conversation a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_conversation.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.corporatesearch a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_corporatesearch.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.newssummary a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_newssummary.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.regulations a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_regulations.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.secretary a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_secretary.png");
}
nav .gnb:not(.laboratory-wrap ul) > li.workspace a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_workspace.png");
}

nav .sub-gnb {
    background-color: var(--bg-menu);
    padding: 4rem 2rem;
    border-right: 0.1rem solid #E5EAEF;
    overflow-y: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
nav .sub-gnb > ul {
    display: none;
}
nav .sub-gnb > ul.on {
    display: block;
}
nav .sub-gnb > ul > li {
    cursor: pointer;
}
nav .sub-gnb > ul > li.on ul {
    display: block;
}
nav .sub-gnb > ul > li.on > a {
    color: var(--f-base);
}
nav .sub-gnb > ul > li.on .sidem-refresh {
    background: url("../image/bg_refresh_sidem.png") 0 0/2rem 2rem no-repeat;
}
nav .sub-gnb > ul > li > a {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--f-menu);
    display: inline-block;
    padding: 1rem 0;
    border-radius: 0.6rem;
}
nav .sub-gnb > ul > li ul {
    display: none;
}
nav .sub-gnb > ul > li ul li a {
    font-size: 1.4rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--f-menu);
    padding: 0.7rem 1.2rem;
}
nav .sub-gnb > ul > li ul li a em {
    color: var(--f-menu);
}
nav .sub-gnb > ul > li ul li.on a {
    border-radius: 0.6rem;
    background-color: #DDE6F6;
    color: var(--f-base);
}
nav .sub-gnb > ul > li ul li.on a em {
    color: var(--f-primary);
}
nav .sub-gnb > ul > li:has(ul) {
    background: url("../image/bg_menu_open.png") 100% 0.9rem/2rem 2rem no-repeat;
}
nav .sub-gnb > ul > li:has(ul).on {
    background: url("../image/bg_menu_close.png") 100% 0.9rem/2rem 2rem no-repeat;
}
nav .sub-gnb > ul > li .sidem-refresh {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_refresh_sidem_off.png") 0 0/2rem 2rem no-repeat;
    width: 2rem;
    height: 2rem;
    margin: -0.4rem 0 0 0.8rem;
    vertical-align: middle;
}
nav .sub-gnb > ul > li .sidem-refresh.-ing {
    -webkit-animation: rotate-refresh 1.5s linear infinite;
    animation: rotate-refresh 1.5s linear infinite;
}
@-webkit-keyframes rotate-refresh {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate-refresh {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
nav .side-btn {
    position: absolute;
    right: 0;
    bottom: 4.4rem;
    background: url("../image/bg_sidemenu_close.png") 0 0/contain no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 3.2rem;
    height: 6.3rem;
}

div.container {
    grid-column: 2/4;
    margin: 0 5rem 2.8rem;
}

footer {
    grid-column: 2/4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 3.2rem 5rem 2.8rem;
}
footer .f-logo {
    background: url("../image/bg_logo.png") 0 0/8.9rem 3.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 8.9rem;
    height: 3.2rem;
    display: block;
}
footer .f-uniq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
footer .f-uniq p {
    color: var(--f-menu);
}
footer .f-uniq a {
    color: var(--f-secondary);
    padding: 0 3.6rem;
}
footer .f-uniq select {
    font-size: 1.3rem;
    font-weight: 400;
    height: 3.2rem;
    color: var(--f-menu);
}

.tit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.2rem 0 2.4rem;
}
.tit-box.-main {
    font-size: 2.4rem;
    font-weight: 400;
    color: var(--f-secondary);
    padding: 1.8rem 0 1.2rem;
}
.tit-box.-main strong {
    color: var(--f-base);
}
.tit-box.-main p strong {
    font-size: 2.8rem;
}
.tit-box.-main .weather {
    background: url("../image/bg_weather.png") 0 0/8rem 6rem no-repeat;
    padding-left: 8rem;
}
.tit-box.-main .weather strong {
    font-size: 2rem;
    font-weight: 600;
}
.tit-box.-main .weather p {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-secondary);
}
.tit-box.-main .weather p em::before {
    content: "";
    width: 0.1rem;
    height: 1.3rem;
    background-color: #DEE2E8;
    margin: -0.2rem 0.8rem 0;
    display: inline-block;
    vertical-align: middle;
}
.tit-box.hidden {
    padding: 3.2rem 0 0;
    width: 0;
    height: 0;
    margin: -0.1rem;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
    line-height: inherit;
}

.main-wrap {
    display: grid;
    grid-template-columns: 1fr 56.8rem 40rem;
    gap: 0 1.2rem;
}
.main-wrap .line {
    display: grid;
    gap: 1.2rem;
}
.main-wrap .grid {
    display: grid;
    grid-template-columns: 1fr 22rem;
    gap: 0 1.2rem;
}
.main-wrap .btn-box button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
}
.main-wrap .btn-box .prev {
    background: url("../image/bg_prev_main.png") 0 0/contain no-repeat;
}
.main-wrap .btn-box .next {
    background: url("../image/bg_next_main.png") 0 0/contain no-repeat;
    margin-left: 0.2rem;
}
.main-wrap .operate-list li:not(.cop) {
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 1.2rem;
    padding: 1.7rem 2.4rem;
    -webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.04);
}
.main-wrap .operate-list li:not(.cop):not(:last-child) {
    margin-bottom: 0.8rem;
}
.main-wrap .operate-list li:not(.cop)::before {
    margin: -0.2rem 1.2rem 0 0;
}
.main-wrap .operate-list li:not(.cop).news::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_news.png");
}
.main-wrap .operate-list li:not(.cop).admin::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_admin.png");
}
.main-wrap .operate-list li.cop {
    padding: 0;
}
.main-wrap .operate-list li.cop a {
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 1.2rem;
    padding: 1.7rem 2.4rem;
    -webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.04);
    display: block;
}
.main-wrap .operate-list li.cop a::before {
    margin: -0.2rem 1.2rem 0 0;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_cop.png");
}
.main-wrap .box {
    border-radius: 2rem;
    padding: 2.4rem;
    background-color: var(--f-white);
}
.main-wrap .box .hgroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem;
    line-height: 2.5rem;
}
.main-wrap .box .hgroup strong {
    font-size: 1.8rem;
    font-weight: 700;
}
.main-wrap .box .hgroup button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    vertical-align: middle;
}
.main-wrap .box .hgroup .more {
    width: 2.4rem;
    height: 2.4rem;
    background: url("../image/bg_moreview.png") 0 0/contain no-repeat;
    margin-top: -0.2rem;
}
.main-wrap .box .hgroup .sub-tit {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-menu);
}
.main-wrap .box .hgroup .sub-tit em {
    color: #0DA161;
    font-weight: 600;
}
.main-wrap .box .hgroup .refresh {
    width: 2.8rem;
    height: 2.8rem;
    background: url("../image/bg_refresh_main.png") 0 0/2.8rem 2.8rem no-repeat;
}
.main-wrap .box.drive-wrap {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #CFF160;
    gap: 6rem 0;
    height: 21rem;
}
.main-wrap .box.drive-wrap .hgroup {
    grid-column: 1/3;
    margin-bottom: 0;
}
.main-wrap .box.drive-wrap p {
    font-size: 1.6rem;
    font-weight: 600;
    grid-column: 2/2;
    color: #798160;
    text-align: right;
}
.main-wrap .box.drive-wrap p strong {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--f-base);
    display: block;
}
.main-wrap .box.drive-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 6.4rem;
    grid-column: 2/1;
    padding-bottom: 0.3rem;
    display: none;
}
.main-wrap .box.drive-wrap ul::after {
    content: "";
    width: 0.1rem;
    height: 8.6rem;
    background-color: #B8DA47;
    margin-left: -2rem;
}
.main-wrap .box.drive-wrap ul li {
    text-align: center;
}
.main-wrap .box.drive-wrap ul li a {
    font-size: 1.4rem;
    font-weight: 400;
}
.main-wrap .box.drive-wrap ul li a::before {
    display: block !important;
}
.main-wrap .box.drive-wrap ul li.drive-ic1 a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 6rem;
    background-image: url("../image/icon_drive1.png");
}
.main-wrap .box.drive-wrap ul li.drive-ic2 a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 6rem;
    background-image: url("../image/icon_drive2.png");
}
.main-wrap .box.drive-wrap ul li.drive-ic3 a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 6rem;
    background-image: url("../image/icon_drive3.png");
}
.main-wrap .box.payment-wrap {
    background-color: #3F74F8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-wrap .box.payment-wrap .hgroup .more {
    background: url("../image/bg_moreview_w.png") 0 0/contain no-repeat;
}
.main-wrap .box.payment-wrap .hgroup strong {
    color: var(--f-white);
}
.main-wrap .box.payment-wrap .hgroup .refresh {
    background: url("../image/bg_refresh_main_w.png") 0 0/contain no-repeat;
    display: none;
}
.main-wrap .box.payment-wrap .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-wrap .box.payment-wrap .info li {
    position: relative;
}
.main-wrap .box.payment-wrap .info li a {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--f-white);
}
.main-wrap .box.payment-wrap .info li a strong {
    font-size: 2.8rem;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 3.3rem;
}
.main-wrap .box.payment-wrap .info li:last-child {
    padding-left: 4.8rem;
}
.main-wrap .box.payment-wrap .info li:last-child::before {
    content: "";
    width: 0.1rem;
    height: 4.8rem;
    background-color: #5F8DFF;
    position: absolute;
    top: 0.9rem;
    left: 2.4rem;
}
.main-wrap .box.payment-wrap .list {
    display: none;
    margin-top: 3rem;
}
.main-wrap .box.payment-wrap .list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-white);
    gap: 0 1.2rem;
}
.main-wrap .box.payment-wrap .list li a .flag.-disabled {
    border-color: #9BC7FF;
    color: #9BC7FF;
}
.main-wrap .box.payment-wrap .list li a p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
}
.main-wrap .box.payment-wrap .list li a strong {
    font-weight: 400;
}
.main-wrap .box.payment-wrap .list li:not(:last-child) {
    margin-bottom: 1.6rem;
}
.main-wrap .box.uals-wrap {
    height: 15.8rem;
}
.main-wrap .box.uals-wrap p::before {
    content: "";
    width: 0.3rem;
    height: 2rem;
    background-color: var(--bg-primary);
    vertical-align: middle;
    display: inline-block;
}
.main-wrap .box.uals-wrap p input {
    border: 0;
    padding: 0 0.8rem;
}
.main-wrap .box.attendance-wrap {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-primary2);
    height: 10rem;
}
.main-wrap .box.attendance-wrap p {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-white);
    grid-column: 1/1;
}
.main-wrap .box.attendance-wrap strong {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--f-white);
    grid-column: 2/1;
}
.main-wrap .box.attendance-wrap strong em {
    font-size: 1.4rem;
    font-weight: 400;
    margin-right: 0.8rem;
    display: none;
    height: 1.9rem;
    vertical-align: middle;
}
.main-wrap .box.attendance-wrap button {
    grid-column: 2/2;
    grid-row: 1/3;
    width: 12rem;
}
.main-wrap .box.attendance-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column: 3/3;
    grid-row: 1/3;
    margin-right: 2.4rem;
    display: none;
}
.main-wrap .box.attendance-wrap ul li {
    position: relative;
}
.main-wrap .box.attendance-wrap ul li strong {
    display: block;
    font-weight: 600;
    margin: 0;
}
.main-wrap .box.attendance-wrap ul li span {
    font-size: 2rem;
    font-weight: 700;
    color: #80C2A4;
    margin-top: 0.4rem;
    display: block;
}
.main-wrap .box.attendance-wrap ul li span em {
    color: var(--f-white);
}
.main-wrap .box.attendance-wrap ul li:last-child {
    margin-left: 4.8rem;
}
.main-wrap .box.attendance-wrap ul li:last-child::before {
    content: "";
    width: 0.1rem;
    height: 4.8rem;
    background-color: #39926A;
    position: absolute;
    top: 0;
    left: -2.4rem;
}
.main-wrap .box.my-wrap {
    height: 19rem;
}
.main-wrap .box.my-wrap .hgroup {
    margin-bottom: 4.3rem;
}
.main-wrap .box.my-wrap ul {
    margin-top: 2.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-menu);
}
.main-wrap .box.my-wrap ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-left: 1.3rem;
}
.main-wrap .box.my-wrap ul li::before {
    content: "";
    width: 0.3rem;
    height: 6.4rem;
    border-radius: 0.3rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-wrap .box.my-wrap ul li strong {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--f-base);
    margin-bottom: 0.6rem;
    display: block;
    min-height: 4.4rem;
}
.main-wrap .box.my-wrap ul li:nth-child(1)::before {
    background-color: #D5AAFF;
}
.main-wrap .box.my-wrap ul li:nth-child(2)::before {
    background-color: #FDBC73;
}
.main-wrap .box.my-wrap ul li:nth-child(3)::before {
    background-color: #8AB5F7;
}
.main-wrap .box.my-wrap ul li:nth-child(4)::before {
    background-color: #FF85C4;
}
.main-wrap .box.my-wrap ul li:nth-child(5)::before {
    background-color: #87E76F;
}
.main-wrap .box.news-wrap {
    position: relative;
    height: 62.2rem;
}
.main-wrap .box.news-wrap .hgroup {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    margin-bottom: 0;
    line-height: 3.4rem;
}
.main-wrap .box.news-wrap .hgroup .refresh {
    margin-left: 0.4rem;
}
.main-wrap .box.news-wrap .dx-list {
    counter-reset: number;
    margin-bottom: 2rem;
}
.main-wrap .box.news-wrap .dx-list li a {
    border-radius: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #EDF4F4;
    padding: 1.2rem 1.6rem;
}
.main-wrap .box.news-wrap .dx-list li a strong {
    font-size: 1.4rem;
    font-weight: 600;
}
.main-wrap .box.news-wrap .dx-list li a strong::before {
    content: counter(number) " .";
    counter-increment: number;
    font-size: 1.4rem;
    font-weight: 600;
    padding-right: 0.8rem;
}
.main-wrap .box.news-wrap .dx-list li:not(:last-child) {
    margin-bottom: 0.8rem;
}
.main-wrap .box.news-wrap .-primary {
    font-size: 1.3rem;
    font-weight: 400;
    width: 100%;
    margin-top: 3.2rem;
}
.main-wrap .box.news-wrap .-primary strong {
    font-weight: 700;
}
.main-wrap .box.news-wrap .daily-news li:not(:last-child) {
    border-bottom: 0.1rem solid var(--line-table3);
}
.main-wrap .box.news-wrap .daily-news li a {
    padding: 1.4rem 1.6rem;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem 2.4rem;
    grid-template-columns: 6.4rem 1fr;
}
.main-wrap .box.news-wrap .daily-news li a img {
    width: 6.4rem;
    grid-column: 1/2;
    grid-row: 1/3;
}
.main-wrap .box.news-wrap .daily-news li a strong {
    grid-column: 2/2;
    font-weight: 600;
    margin-bottom: -1rem;
}
.main-wrap .box.news-wrap .daily-news li a p {
    grid-column: 2/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-wrap .box.news-wrap .daily-news li a p em:first-child {
    color: var(--f-menu);
}
.main-wrap .box.news-wrap .daily-news li a p em:first-child i {
    font-style: normal;
    border-left: 0.1rem solid var(--line-table3);
    padding-left: 0.4rem;
}
.main-wrap .box.news-wrap .daily-news li a p em:last-child {
    color: var(--f-primary);
}
.main-wrap .box.news-wrap .tab-wrap.-line:has(.daily-news) button {
    margin-top: 1.6rem;
}
.main-wrap .box .scd-list {
    display: grid;
    grid-template-columns: 26.8rem 1fr;
}
.main-wrap .box .scd-list .calendar-wrapM .calendar-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-wrap .box .scd-list .calendar-wrapM .calendar-title strong {
    font-size: 1.6rem;
    font-weight: 600;
}
.main-wrap .box .scd-list .calendar-wrapM .calendar-title p button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
}
.main-wrap .box .scd-list .calendar-wrapM .calendar-title p .prev {
    background: url("../image/bg_prev_main.png") 0 0/contain no-repeat;
}
.main-wrap .box .scd-list .calendar-wrapM .calendar-title p .next {
    background: url("../image/bg_next_main.png") 0 0/contain no-repeat;
    margin-left: 0.2rem;
}
.main-wrap .box .scd-list .calendar-wrapM table {
    text-align: center;
    width: 100%;
    margin-top: 1.6rem;
    border-spacing: 0;
}
.main-wrap .box .scd-list .calendar-wrapM table th {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-secondary);
    padding-bottom: 1rem;
}
.main-wrap .box .scd-list .calendar-wrapM table td {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--f-base);
    height: 2.6rem;
    vertical-align: middle;
    position: relative;
}
.main-wrap .box .scd-list .calendar-wrapM table td.day-weekend {
    color: var(--f-menu);
}
.main-wrap .box .scd-list .calendar-wrapM table td::after {
    content: "";
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.6rem;
    height: 2.6rem;
    color: var(--f-base);
}
.main-wrap .box .scd-list .calendar-wrapM table td.bgType1::after {
    background-color: rgba(184, 146, 255, 0.4);
}
.main-wrap .box .scd-list .calendar-wrapM table td.bgType2::after {
    background-color: rgba(63, 133, 255, 0.4);
}
.main-wrap .box .scd-list .calendar-wrapM table td.bgType3::after {
    background-color: rgba(117, 209, 112, 0.4);
}
.main-wrap .box .scd-list .calendar-wrapM table td.bgType4::after {
    background-color: rgba(255, 174, 137, 0.4);
}
.main-wrap .box .scd-list .tab-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.main-wrap .box .calendar-list {
    border-left: 0.1rem solid var(--line-table3);
    margin-left: 3.2rem;
    padding-left: 3.2rem;
}
.main-wrap .box .calendar-list li {
    position: relative;
    padding-left: 8.2rem;
}
.main-wrap .box .calendar-list li::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    position: absolute;
    top: 0.9rem;
    left: 0;
}
.main-wrap .box .calendar-list li.bgType1::before {
    background-color: #B892FF;
}
.main-wrap .box .calendar-list li.bgType2::before {
    background-color: #62ADFF;
}
.main-wrap .box .calendar-list li.bgType3::before {
    background-color: #75D170;
}
.main-wrap .box .calendar-list li.bgType4::before {
    background-color: #FFAE89;
}
.main-wrap .box .calendar-list li a {
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
    line-height: 2.4rem;
}
.main-wrap .box .calendar-list li a em {
    color: var(--f-secondary);
    min-width: 6rem;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1.4rem;
}
.main-wrap .box .calendar-list li:not(:last-child) {
    margin-bottom: 1.8rem;
}
.main-wrap .box .main-list li a {
    display: grid;
    grid-template-columns: 3fr 1fr;
}
.main-wrap .box .main-list li a strong {
    font-size: 1.4rem;
    font-weight: 600;
    grid-column: 1/1;
    line-height: 2.2rem;
}
.main-wrap .box .main-list li a em {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-menu);
    text-align: right;
    grid-column: 2/2;
}
.main-wrap .box .main-list li a p {
    font-size: 1.4rem;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    margin-top: 0.4rem;
    grid-column: 1/3;
    line-height: 2.2rem;
    max-width: 52rem;
}
.main-wrap .box .main-list li:not(:last-child) {
    border-bottom: 0.1rem solid var(--line-table3);
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
}
.main-wrap .box.event-wrap {
    display: grid;
    gap: 0 4.8rem;
}
.main-wrap .box.event-wrap .hgroup {
    margin-bottom: 2.4rem;
    grid-column: 1/2;
}
.main-wrap .box.event-wrap .event-list {
    grid-column: 2/1;
    width: 32.7rem;
    position: relative;
}
.main-wrap .box.event-wrap .event-list strong {
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
    line-height: 2.2rem;
}
.main-wrap .box.event-wrap .event-list:last-child {
    grid-column: 2/2;
}
.main-wrap .box.event-wrap .event-list:last-child::before {
    content: "";
    width: 0.1rem;
    height: 11.3rem;
    background-color: #E7EDF5;
    position: absolute;
    top: 0rem;
    left: -2.4rem;
}
.main-wrap .box.event-wrap .slider {
    margin-top: 1.4rem;
}
.main-wrap .box.event-wrap .slider .slick-track {
    margin: 0;
}
.main-wrap .box.event-wrap .slider .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 1.2rem;
}
.main-wrap .box.event-wrap .slider .slick-slide img {
    width: 5.7rem;
}
.main-wrap .box.event-wrap .slider .slick-slide p strong {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.1rem;
}
.main-wrap .box.event-wrap .slider .slick-slide p em {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-secondary);
    display: inline-block;
    vertical-align: top;
}
.main-wrap .box.event-wrap .slider .slick-slide span {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-secondary);
    line-height: 2.3rem;
}
.main-wrap .box .slick-arrow {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: -3.5rem;
}
.main-wrap .box .slick-arrow.slick-disabled {
    opacity: 0.5;
}
.main-wrap .box .slick-arrow.slick-prev {
    background: url("../image/bg_prev_main.png") 0 0/2rem 2rem no-repeat;
    right: 2.4rem;
}
.main-wrap .box .slick-arrow.slick-next {
    background: url("../image/bg_next_main.png") 0 0/2rem 2rem no-repeat;
    right: 0;
}
.main-wrap .box.mail-wrap .hgroup .btn {
    border-color: var(--bg-primary);
    color: var(--f-primary);
    padding: 0 0.4rem;
    margin-left: 0.4rem;
    height: 1.9rem;
    line-height: 1.9rem;
    margin-top: -0.1rem;
}
.main-wrap .box.mail-wrap li a {
    font-size: 1.4rem;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 1.6rem;
    line-height: 2.8rem;
}
.main-wrap .box.mail-wrap li a p {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
}
.main-wrap .box.mail-wrap li a strong {
    color: var(--f-secondary);
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
}
.main-wrap .box.mail-wrap li a em {
    color: var(--f-menu);
}
.main-wrap .box.mail-wrap li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.main-wrap .box.mail-wrap li.new {
    position: relative;
    padding-left: 1.4rem;
}
.main-wrap .box.mail-wrap li.new::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    background-color: #FF34AE;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 1.1rem;
    left: 0;
}
.main-wrap .box.payment-alarm .main-list li a {
    padding-top: 1.6rem;
}
.main-wrap .box.payment-alarm .main-list li a strong {
    font-size: 1.8rem;
}
.main-wrap .box.payment-alarm .main-list li a em {
    min-width: 12rem;
}
.main-wrap .box.payment-alarm .main-list li a p {
    color: var(--f-secondary);
    margin-top: 0.8rem;
    line-height: 1.95rem;
}
.main-wrap .box.payment-alarm .main-list li:not(:last-child) {
    padding-bottom: 1.6rem;
}
.main-wrap .box.payment-alarm .main-list li:first-child a {
    padding-top: 0;
}
.main-wrap .box.vacation-wrap .calendar-list li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.main-wrap .box.vacation-wrap .calendar-list li a {
    font-weight: 400;
    color: var(--f-secondary);
}
.main-wrap .box.vacation-wrap .calendar-list li a strong {
    color: var(--f-base);
    font-weight: 600;
    display: block;
}
.main-wrap .box.album-wrap .slick-arrow {
    top: -4rem;
}
.main-wrap .box.album-wrap .slick-arrow.slick-prev {
    right: 4rem;
}
.main-wrap .box.album-wrap .slick-arrow.slick-next {
    right: 1.6rem;
}
.main-wrap .box.album-wrap .slick-slider {
    margin-right: -1.6rem;
}
.main-wrap .box.album-wrap .slick-slider .slick-slide > div {
    padding-right: 1.6rem;
}
.main-wrap .box.album-wrap img {
    width: 100%;
}
.main-wrap .box.album-wrap p {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 0.8rem;
    text-align: center;
}
.main-wrap .box.s284.payment-wrap.h100 {
    display: block;
}
.main-wrap .box.s284.payment-wrap.h100 .hgroup {
    display: none;
}
.main-wrap .box.s284.payment-wrap.h100 .info li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}
.main-wrap .box.s284.payment-wrap.h265 {
    display: block;
}
.main-wrap .box.s284.payment-wrap.h265 .hgroup {
    margin-bottom: 2.3rem;
}
.main-wrap .box.s284.payment-wrap.h265 .hgroup .refresh {
    display: block;
}
.main-wrap .box.s284.payment-wrap.h265 .info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.main-wrap .box.s284.payment-wrap.h265 .info li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-wrap .box.s284.payment-wrap.h265 .info li a strong {
    display: inline-block;
    margin-left: 1.6rem;
}
.main-wrap .box.s284.payment-wrap.h265 .info li:last-child::before {
    height: 2.8rem;
    top: 0.5rem;
}
.main-wrap .box.s284.payment-wrap.h265 .list {
    display: block;
}
.main-wrap .box.s284.payment-wrap.h265 .list li a p {
    max-width: 12.7rem;
}
.main-wrap .box.s284.payment-wrap.h265 .list li a .bdate {
    display: none;
}
.main-wrap .box.s316.scd-wrap .calendar-list {
    display: none;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list {
    display: block;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list table {
    display: none;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list .calendar-list {
    border: 0;
    padding: 2rem 0 0;
    margin: 0;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list .calendar-list li {
    padding-left: 1.4rem;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list .calendar-list li a em {
    display: none;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list .calendar-list li a strong {
    display: inline-block;
    margin-right: 0.8rem;
    font-size: 1.8rem;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list .calendar-list li:not(:last-child) {
    margin-bottom: 1.8rem;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list .calendar-list li:nth-last-child(2) {
    margin-bottom: 0;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:first-child .scd-list .calendar-list li:nth-child(n+4) {
    display: none;
}
.main-wrap .box.s316.vacation-wrap [role=tabpanel]:last-child .calendar-list {
    display: none;
}
.main-wrap .box.s336.event-wrap {
    display: block;
}
.main-wrap .box.s336.event-wrap .event-list {
    width: 100%;
}
.main-wrap .box.s336.event-wrap .event-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-wrap .box.s336.event-wrap .event-list li figure span {
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 100%;
    width: 4rem;
    height: 4rem;
    line-height: 4.1rem;
    background-color: var(--f-base);
    color: var(--f-white);
    display: inline-block;
    text-align: center;
    margin-left: -1.5rem;
}
.main-wrap .box.s336.event-wrap .event-list li img {
    width: 4rem;
    margin-left: -1.5rem;
}
.main-wrap .box.s336.event-wrap .event-list li:not(:last-child) {
    border-bottom: 0.1rem solid #E7EDF5;
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
}
.main-wrap .box.s400.board-wrap .tab-wrap {
    position: relative;
}
.main-wrap .box.s400.board-wrap .tablist {
    overflow: hidden;
    overflow-x: auto;
    padding-right: 1.5rem;
    scrollbar-width: none;
    scroll-behavior: smooth;
    cursor: -webkit-grab;
    cursor: grab;
}
.main-wrap .box.s400.board-wrap .tablist::after {
    content: "";
    width: 3.3rem;
    height: 3.3rem;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(75.76%, #FFFFFF));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 75.76%);
    position: absolute;
    top: 0;
    right: 0;
}
.main-wrap .box.s400.board-wrap .notice-list .attach, .main-wrap .box.s400.board-wrap .notice-list .view, .main-wrap .box.s400.board-wrap .notice-list .num {
    display: none;
}
.main-wrap .box.s400.board-wrap .notice-list li a p {
    max-width: 14.8rem !important;
}
.main-wrap .box.s400.scd-wrap .scd-list {
    display: block;
}
.main-wrap .box.s400.scd-wrap .scd-list .calendar-wrapM {
    display: none;
}
.main-wrap .box.s400.scd-wrap .scd-list .calendar-list {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}
.main-wrap .box.s400.my-wrap ul li:nth-of-type(n+4) {
    display: none;
}
.main-wrap .box.s400.attendance-wrap.-check strong em {
    display: inline-block;
}
.main-wrap .box.s400.attendance-wrap.-leav .btn {
    display: none;
}
.main-wrap .box.s400.attendance-wrap.-leav strong em {
    display: inline-block;
}
.main-wrap .box.s400.attendance-wrap.-leav strong em:nth-child(2) {
    margin-top: 0.1rem;
}
.main-wrap .box.s400.attendance-wrap.-leav strong em:nth-child(2)::before {
    content: "";
    width: 0.1rem;
    height: 1.4rem;
    margin: -0.1rem 1.2rem 0;
    background-color: #2C9869;
    display: inline-block;
    vertical-align: middle;
}
.main-wrap .box.s400.mail-wrap li a p {
    max-width: 14.8rem;
}
.main-wrap .box.s400.mail-wrap li a strong {
    max-width: 8.4rem;
}
.main-wrap .box.s400.system-wrap.h290 ul li:nth-child(n+7) {
    display: none;
}
.main-wrap .box.s568.mail-wrap li a p {
    max-width: 26.4rem;
}
.main-wrap .box.s568.mail-wrap li a strong {
    max-width: 15.1rem;
}
.main-wrap .box.s568.mail-wrap li.new a p {
    max-width: 25.5rem;
}
.main-wrap .box.s568.mail-wrap li.new a strong {
    max-width: 14.5rem;
}
.main-wrap .box.s568.drive-wrap.h210 {
    gap: 2.4rem 0;
}
.main-wrap .box.s568.drive-wrap.h210 p {
    text-align: center;
}
.main-wrap .box.s568.drive-wrap.h210 p strong {
    margin-top: 0.8rem;
}
.main-wrap .box.s568.drive-wrap.h210 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-wrap .box.s568.payment-wrap.h265 {
    display: block;
}
.main-wrap .box.s568.payment-wrap.h265 .hgroup {
    margin-bottom: 2.3rem;
}
.main-wrap .box.s568.payment-wrap.h265 .hgroup .refresh {
    display: block;
}
.main-wrap .box.s568.payment-wrap.h265 .info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.main-wrap .box.s568.payment-wrap.h265 .info li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-wrap .box.s568.payment-wrap.h265 .info li a strong {
    display: inline-block;
    margin-left: 1.6rem;
}
.main-wrap .box.s568.payment-wrap.h265 .info li:last-child::before {
    height: 2.8rem;
    top: 0.5rem;
}
.main-wrap .box.s568.payment-wrap.h265 .list {
    display: block;
}
.main-wrap .box.s568.payment-wrap.h265 .list li p {
    max-width: 32.7rem;
}
.main-wrap .box.s568.payment-wrap.h190 {
    display: block;
}
.main-wrap .box.s568.payment-wrap.h190 .hgroup .refresh {
    display: block;
}
.main-wrap .box.s568.payment-wrap.h190 .info {
    display: none;
}
.main-wrap .box.s568.payment-wrap.h190 .list {
    display: block;
    margin-top: 2.2rem;
}
.main-wrap .box.s568.payment-wrap.h190 .list li p {
    max-width: 32.7rem;
}
.main-wrap .box.s568.payment-wrap.h100 {
    height: 10rem;
}
.main-wrap .box.s752.attendance-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.system-wrap .hgroup {
    margin-bottom: 3.2rem;
}
.system-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem 0;
    padding-bottom: 3.5rem;
}
.system-wrap ul li {
    width: 33.33%;
    height: 8.4rem;
    text-align: center;
    position: relative;
}
.system-wrap ul li a {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-secondary);
    display: block;
}
.system-wrap ul li a::before {
    content: "";
    display: block !important;
    margin: 0 auto 0.8rem;
}
.system-wrap ul li em {
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: 1.2rem;
    position: absolute;
    top: 0.2rem;
    right: 2.5rem;
    color: var(--f-white);
    background-color: var(--bg-primary);
    padding: 0 0.4rem;
    height: 1.5rem;
}
.system-wrap ul li.business a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_business.png");
}
.system-wrap ul li.work a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_work.png");
}
.system-wrap ul li.bizplay a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_bizplay.png");
}
.system-wrap ul li.dbnews a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_dbnews.png");
}
.system-wrap ul li.cloudhp a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_cloudhp.png");
}
.system-wrap ul li.smartoff a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_smartoff.png");
}
.system-wrap ul li.shr a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_shr.png");
}
.system-wrap ul li.book a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_book.png");
}
.system-wrap ul li.securityservice a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-image: url("../image/icon_securityservice.png");
}
.system-wrap ul li.last a {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    font-size: 0;
    color: transparent;
}
.system-wrap ul li.last a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 5.6rem;
    height: 5.6rem;
    background-image: url("../image/icon_moreBtn.png");
}
.system-wrap .system-wrap-btn {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 14.8rem;
}
.system-wrap .system-wrap-btn::before {
    content: "";
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 14.8rem;
    height: 14.8rem;
    background-color: #F3F8FF;
}
.system-wrap .system-wrap-btn::after {
    content: "";
    background: url("../image/bg_system_wrap.png") 100% 50%/13.3rem 12rem no-repeat;
    position: absolute;
    top: 1.5rem;
    right: 5.6rem;
    width: 13.3rem;
    height: 12rem;
}

.no-data {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 9rem 0 8.8rem;
    color: var(--f-secondary);
    text-align: center;
}
.no-data::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 6rem;
    background-image: url("../image/icon_ndata.png");
    margin: 0 auto 1.6rem;
    display: block;
}

.search-box {
    border-radius: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    background-color: var(--bg-third);
    border: 0.1rem solid var(--line-secondary);
    padding: 2rem 4rem;
    margin-bottom: 3.4rem;
    gap: 0 6rem;
}
.search-box .search-close {
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: var(--bg-third);
    border: 0.1rem solid var(--line-secondary);
    border-top: 0;
    border-bottom-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
    width: 10rem;
    height: 3.5rem;
    margin-left: -5rem;
}
.search-box .search-close::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../image/icon_down.png");
    margin-left: 0.5rem;
}
.search-box .search-close.n::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../image/icon_up.png");
}
.search-box table {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.search-box table tr ~ tr th, .search-box table tr ~ tr td {
    padding-top: 1rem;
}
.search-box table tr.hidden {
    display: none;
}
.search-box table th {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    padding: 0 1.2rem 0 3.2rem;
    position: relative;
    vertical-align: middle;
}
.search-box table th:first-child {
    padding-left: 0;
}
.search-box table th .tooltip {
    position: absolute !important;
    top: 50%;
    right: 2.4rem;
    z-index: 1;
    -webkit-transform: translateY(-27%);
    transform: translateY(-27%);
}
.search-box table td {
    vertical-align: middle;
}
.search-box select, .search-box input[type=text] {
    width: 100% !important;
}

.hgroup:not(.-main) {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.6rem;
}
.hgroup:not(.-main):has(strong) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hgroup:not(.-main):has(strong):has(p) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.hgroup:not(.-main):has(strong):has(p) strong {
    grid-column: 1/4;
    margin: 0.8rem 0 1.6rem;
}
.hgroup:not(.-main):has(strong):has(p) p {
    grid-column: 2/1;
}
.hgroup:not(.-main).-flexS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hgroup:not(.-main).-flexS select {
    margin-left: 1.6rem;
    height: 3.2rem;
    font-size: 1.3rem;
}
.hgroup:not(.-main) strong {
    font-size: 2.2rem;
    font-weight: 600;
}
.hgroup:not(.-main) strong em {
    color: var(--f-primary);
    margin-left: 0.4rem;
    display: inline-block;
}
.hgroup:not(.-main) p {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--f-secondary);
    grid-column: 1/3;
}
.hgroup:not(.-main) p em {
    color: var(--f-primary);
    font-weight: 600;
}
.hgroup:not(.-main) .chk-btn {
    grid-column: 1/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 1.6rem;
    padding-left: 1.8rem;
}
.hgroup:not(.-main) .chk-btn .chk-wrap label {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-secondary);
    margin-left: 0.4rem;
}
.hgroup:not(.-main) .sort {
    grid-column: 3/3;
}
.hgroup:not(.-main) .sort button {
    margin-left: 0.8rem;
}
.hgroup:not(.-main) .sort .tbl-close {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_select24.png") 95% 50%/2.4rem no-repeat;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    margin: 0 0 0.8rem;
}
.hgroup:not(.-main) .sort .tbl-close.open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.hgroup:not(.-main) select {
    background: url("../image/bg_select.png") right 1.2rem center/2rem no-repeat;
}

.date {
    font-size: 2.8rem;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.date:has(button) span {
    margin: 0 2.4rem;
}
.date:has(button) span input {
    font-size: 2.8rem;
    font-weight: 700;
    background: url("../image/bg_datepicker.png") 100% 50%/3.3rem 3rem no-repeat;
    border: 0;
    padding: 0 4rem 0 0;
    width: 20rem;
    text-align: center;
    cursor: default;
}
.date:has(button) span input::-webkit-input-placeholder {
    background-color: var(--f-white);
    color: var(--f-base);
}
.date:has(button) span input::-moz-placeholder {
    background-color: var(--f-white);
    color: var(--f-base);
}
.date:has(button) span input:-ms-input-placeholder {
    background-color: var(--f-white);
    color: var(--f-base);
}
.date:has(button) span input::-ms-input-placeholder {
    background-color: var(--f-white);
    color: var(--f-base);
}
.date:has(button) span input:-moz-read-only {
    background-color: var(--f-white);
    color: var(--f-base);
}
.date:has(button) span input::placeholder, .date:has(button) span input:read-only {
    background-color: var(--f-white);
    color: var(--f-base);
}
.date button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
}
.date button.prev {
    background: url("../image/bg_date_prev.png") 0 0/3.2rem 3.2rem no-repeat;
}
.date button.next {
    background: url("../image/bg_date_next.png") 0 0/3.2rem 3.2rem no-repeat;
}

.star {
    color: var(--f-flase) !important;
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2.4rem;
}
.btn-wrap.-line {
    margin-top: 4rem;
    padding-top: 2.4rem;
    border-top: 0.1rem solid var(--line-table2);
}
.btn-wrap button:not(:nth-last-of-type(1)) {
    margin-right: 1.6rem;
}

.address-wrap p.addr1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
    margin-bottom: 1.2rem;
}
.address-wrap p.addr1 input[type=text] {
    width: 20rem;
}
.address-wrap p.addr2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
}
.address-wrap p.addr2 input[type=text]:first-child {
    width: 55.4rem;
}
.address-wrap p.addr2 input[type=text]:last-child {
    width: 48rem;
}

.reservation-box .r-title {
    display: grid;
    grid-template-columns: 1fr 8.4rem;
    text-align: center;
    margin-bottom: 2.4rem;
}
.reservation-box .r-title p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.reservation-box .r-title p button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    margin-top: 0.4rem;
}
.reservation-box .r-title p button.r-prev {
    background: url("../image/bg_date_prev.png") 0 0/3.2rem 3.2rem no-repeat;
}
.reservation-box .r-title p button.r-next {
    background: url("../image/bg_date_next.png") 0 0/3.2rem 3.2rem no-repeat;
}
.reservation-box .r-title p strong {
    font-size: 2.8rem;
    font-weight: 700;
    margin: 0 2.4rem;
}
.reservation-box .r-title button:has(.btn.-line) {
    padding: 0 2.8rem;
}
.reservation-box table {
    width: 100%;
    border-spacing: 0;
    border-top: 0.1rem solid var(--f-menu);
}
.reservation-box table thead th:not(:first-child) {
    text-align: center;
}
.reservation-box table thead th:last-child {
    border-right: 0;
}
.reservation-box table th {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-secondary);
    padding: 1rem 1.2rem;
    border-right: 0.1rem solid var(--line-table3);
    border-bottom: 0.1rem solid var(--line-table3);
}
.reservation-box table th p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.reservation-box table td {
    border-right: 0.1rem solid var(--line-table3);
    border-bottom: 0.1rem solid var(--line-table3);
    position: relative;
}
.reservation-box table td:not(:nth-child(2n-1)) {
    border-right-color: transparent;
}
.reservation-box table td:last-child {
    border-right: 0;
}
.reservation-box table td.no {
    background-color: var(--line-table3);
    border-bottom-color: #fff;
}
.reservation-box table td.start {
    border-top-left-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
}
.reservation-box table td.end {
    border-top-right-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
}
.reservation-box table td.on:not(.end) {
    border-right-color: transparent;
}
.reservation-box table td.on:hover .tooltip {
    display: block;
}
.reservation-box table td.currentTime {
    position: relative;
}
.reservation-box table td.currentTime::after {
    content: "";
    width: 0.2rem;
    height: 102%;
    border-right: 0.2rem solid var(--bg-primary);
    position: absolute;
    top: -0.1rem;
    right: 0;
}
.reservation-box table td .tooltip {
    display: none;
    border-radius: 1.2rem;
    position: absolute;
    bottom: -5.7rem;
    left: 0;
    z-index: 2;
    font-size: 1.4rem;
    font-weight: 600;
    -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
    padding: 1.6rem;
    background-color: var(--f-white);
    border: 0.1rem solid #D9D9D9;
    min-width: 16rem;
}
.reservation-box table td .tooltip::before {
    content: "";
    border-right: 0.1rem solid #D9D9D9;
    border-top: 1.7rem solid #D9D9D9;
    border-left: 1.7rem solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: -0.9rem;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}
.reservation-box table td .tooltip::after {
    content: "";
    border-right: 0.1rem solid #fff;
    border-top: 1.7rem solid #fff;
    border-left: 1.7rem solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: -0.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}
.reservation-box table td:not(.on, .no) {
    cursor: pointer;
}

.file-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0 2.4rem;
}
.file-wrap.-sm .tree-wrap {
    width: 32rem;
}
.file-wrap.-sm .table-jq {
    width: 118rem;
}
.file-wrap .table-jq {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 103.6rem;
}
.file-wrap .table-jq .sel-btn {
    margin-bottom: 1.6rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.file-wrap .table-jq .sel-btn button:nth-child(3) {
    margin-left: 1.6rem;
}
.file-wrap .table-jq .ui-jqgrid:has(.ui-jqgrid-ftable) .ui-jqgrid-btable {
    border-bottom: 0;
}
.file-wrap .tree-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.2rem;
    gap: 0 2.4rem;
    background-color: #F5F9FC;
    margin: 3.2rem 0;
    padding: 2rem 0;
}
.file-wrap .tree-select select {
    min-width: 32rem;
}
.file-wrap .tree-select .sel-btn {
    margin-bottom: 0;
}
.file-wrap .tree-container {
    width: calc(100% - 32rem);
}
.file-wrap .tree-container .tbl-wrap2 {
    margin-bottom: 3.2rem;
}
.file-wrap .tree-container .table-jq {
    width: auto;
}

.chat {
    position: fixed;
    right: 5.5rem;
    bottom: 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    -webkit-animation: chatbot 1s linear 0.5s infinite alternate;
    animation: chatbot 1s linear 0.5s infinite alternate;
}
.chat em {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_chat.png") 0 0/8.9rem 8.9rem no-repeat;
    width: 8.9rem;
    height: 8.9rem;
}
.chat p {
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 10rem;
    background-color: #5BCA89;
    color: var(--f-white);
    padding: 0.3rem 0.7rem;
    position: relative;
}
.chat p::after {
    content: "";
    border-right: 0 solid #2FB170;
    border-top: 0.6rem solid #2FB170;
    border-left: 0.5rem solid transparent;
    position: absolute;
    bottom: -0.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@-webkit-keyframes chatbot {
    from {
        -webkit-transform: translateY(-0.3rem);
        transform: translateY(-0.3rem);
    }
    to {
        -webkit-transform: translateY(0.3rem);
        transform: translateY(0.3rem);
    }
}
@keyframes chatbot {
    from {
        -webkit-transform: translateY(-0.3rem);
        transform: translateY(-0.3rem);
    }
    to {
        -webkit-transform: translateY(0.3rem);
        transform: translateY(0.3rem);
    }
}

.attach-wrap li {
    font-size: 1.6rem;
    font-weight: 400;
    border-radius: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-base);
    padding: 2rem 2.4rem;
}
.attach-wrap li:not(:last-child) {
    margin-bottom: 0.8rem;
}
.attach-wrap li .chk-wrap label em {
    color: var(--f-secondary);
    margin-left: 0.4rem;
    display: inline-block;
    vertical-align: middle;
}

.comment-wrap li .cot-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 600;
    gap: 0 1.2rem;
}
.comment-wrap li .cot-info img {
    width: 4.8rem;
    height: 4.8rem;
}
.comment-wrap li .cot-info strong {
    line-height: 2.6rem;
}
.comment-wrap li .cot-info p {
    font-weight: 400;
    color: var(--f-secondary);
}
.comment-wrap li .cot-info p em::before {
    content: "";
    width: 0.1rem;
    height: 1.2rem;
    background-color: var(--line-table2);
    display: inline-block;
    margin: 0 1.2rem 0 0.7rem;
}
.comment-wrap li .cot-contents {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 1.6rem;
}
.comment-wrap li .cot-contents a {
    color: #0000EE;
}
.comment-wrap li .cot-uniq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.2rem;
    margin-top: 1.6rem;
    background-color: var(--bg-base);
    padding: 1.6rem 2.4rem;
}
.comment-wrap li .cot-uniq:has(.chk-wrap) {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.comment-wrap li .cot-uniq .chk-wrap label {
    font-size: 1.4rem;
    font-weight: 600;
    color: #0000EE;
    text-decoration: underline;
}
.comment-wrap li .cot-uniq .btn-wrap {
    margin-top: 0;
}
.comment-wrap li .cot-uniq .btn-wrap button:not(:nth-last-of-type(1)) {
    margin-right: 0.8rem;
}
.comment-wrap li:not(:last-child) {
    margin-bottom: 2.4rem;
}

.alpa-wrap {
    border-radius: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.1rem solid var(--line-base);
    padding: 1.2rem;
    min-height: 6.4rem;
    gap: 0 0.8rem;
}
.alpa-wrap textarea {
    font-size: 1.6rem;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    max-height: 2.6rem;
    line-height: 2.6rem;
}
.alpa-wrap .btn.-line {
    padding: 0;
    width: 8.4rem;
}

.payment-progress ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 2.4rem;
    position: relative;
}
.payment-progress ul li:not(:first-child) {
    margin-top: 10.4rem;
}
.payment-progress ul li:not(:first-child)::before {
    content: "";
    width: 0.4rem;
    height: 9rem;
    background-color: var(--f-menu);
    border-radius: 11.1rem;
    position: absolute;
    top: -10rem;
    left: 2.6rem;
}
.payment-progress ul li.on > img {
    border-color: var(--bg-primary);
}
.payment-progress ul li.on > .img-chk {
    background-image: url("../image/bg_chk_on.png");
}
.payment-progress ul li.on::before {
    background-color: var(--bg-primary);
}
.payment-progress ul li:has(.-open) > .prgress-profile .updown:after {
    -webkit-transform: translateY(-0.2rem) rotate(180deg);
    transform: translateY(-0.2rem) rotate(180deg);
}
.payment-progress ul li img, .payment-progress ul li .img-docview {
    border-radius: 100%;
    border: 0.4rem solid var(--f-menu);
    width: 5.6rem;
    height: 5.6rem;
}
.payment-progress ul li .img-chk {
    background: url("../image/bg_chk_off.png") 50% 50%/2.4rem 2.4rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 5.6rem;
    height: 5.6rem;
    border: 0;
}
.payment-progress ul li .prgress-profile .status {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--f-secondary);
    margin-bottom: 0.6rem;
}
.payment-progress ul li .prgress-profile .status em {
    margin: 0 0 0 0.4rem;
    display: inline-block;
    vertical-align: top;
}
.payment-progress ul li .prgress-profile strong {
    font-size: 2.2rem;
    font-weight: 600;
}
.payment-progress ul li .prgress-profile strong span {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--f-secondary);
    display: inline-block;
    margin-left: 0.8rem;
}
.payment-progress ul li .prgress-profile strong span em {
    border-left: 0.1rem solid var(--line-table2);
    display: inline-block;
    line-height: 1.4rem;
    margin-left: 0.4rem;
    padding-left: 0.8rem;
}
.payment-progress ul li .prgress-profile .day {
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    color: var(--f-secondary);
    margin-top: 0.6rem;
}
.payment-progress ul li .set-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: none;
    margin-top: 2.4rem;
}
.payment-progress ul li .set-progress.-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.payment-progress ul li .in-progress0 {
    width: 32rem;
}
.payment-progress ul li .in-progress0 li::before {
    display: none;
}
.payment-progress ul li .in-progress0 li:not(:first-child) {
    margin-top: 2.4rem;
}
.payment-progress ul li .in-progress0 li .prgress-profile strong {
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.payment-progress ul li .in-progress0 li .prgress-profile .day {
    font-size: 1.3rem;
    margin-top: 0;
    color: var(--f-menu);
    line-height: 2.1rem;
}
.payment-progress ul li .in-progress1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4.5rem 0 0 0;
    position: relative;
}
.payment-progress ul li .in-progress1 > li {
    width: 34.8rem;
}
.payment-progress ul li .in-progress1 > li:not(:first-child) {
    margin-top: 0;
}
.payment-progress ul li .in-progress1 > li:not(:first-child)::before {
    width: 7rem;
    height: 0.4rem;
    top: 2.5rem;
    left: -10.7rem;
}
.payment-progress ul li .in-progress1 > li:first-child:before {
    content: "";
    width: 11.8rem;
    height: 0.4rem;
    background-color: var(--f-menu);
    position: absolute;
    top: -9rem;
    left: -9rem;
}
.payment-progress ul li .in-progress1 > li:first-child:after {
    content: "";
    width: 0.4rem;
    height: 6.8rem;
    background-color: var(--f-menu);
    position: absolute;
    top: -9rem;
    left: 2.7rem;
}
.payment-progress ul li .in-progress1 > li:first-child.on:before, .payment-progress ul li .in-progress1 > li:first-child.on:after {
    background-color: var(--bg-primary);
}
.payment-progress ul li .in-progress2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 2.4rem 0 0 8.4rem;
    display: none;
}
.payment-progress ul li .in-progress2.-open {
    display: block;
}
.payment-progress ul li .in-progress2 li:not(:first-child) {
    margin-top: 2.4rem;
}
.payment-progress ul li .in-progress2 li::before {
    display: none;
}
.payment-progress ul li .in-progress2 li.on .img-docview {
    background: url("../image/bg_approval_chk.png") 0 0/contain no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    border: 0;
}
.payment-progress ul li .in-progress2 li .status em {
    color: var(--f-secondary);
    margin-left: 0;
}
.payment-progress ul li .in-progress2 li strong {
    font-size: 1.6rem;
    font-weight: 600;
}
.payment-progress ul li .-parallel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 10.5rem;
    gap: 0 6rem;
}
.payment-progress ul li .-parallel li {
    display: block;
    width: 17.5rem;
}
.payment-progress ul li .-parallel li:not(:first-child) {
    margin-top: 0;
}
.payment-progress ul li .-parallel li:not(:first-child)::before {
    width: 13rem;
    height: 0.4rem;
    top: 2.4rem;
    left: -14.9rem;
}
.payment-progress ul li .-parallel li:first-child::before {
    content: "";
    width: 0.4rem;
    height: 9rem;
    background-color: var(--f-menu);
    border-radius: 11.1rem;
    position: absolute;
    top: -9.9rem;
    left: 2.6rem;
}
.payment-progress ul li .-parallel li .prgress-profile {
    margin-top: 2.7rem;
}
.payment-progress ul li .updown::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_updown.png");
    margin: -0.1rem 0 0 0.8rem;
}

.approval-line {
    border-radius: 0.8rem;
    border: 0.1rem solid var(--line-base);
    padding: 1.2rem;
    min-height: 17.2rem;
    max-height: 17.2rem;
    overflow-y: auto;
}
.approval-line li:not(:last-child) {
    margin-bottom: 0.8rem;
}
.approval-line li label {
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    line-height: 2.8rem;
    padding: 0 0.8rem;
    cursor: pointer;
}
.approval-line li input[type=radio], .approval-line li input[type=checkbox] {
    position: absolute;
}
.approval-line li input[type=radio]:checked ~ label, .approval-line li input[type=checkbox]:checked ~ label {
    border-radius: 0.4rem;
    background-color: var(--bg-mhover);
}
.approval-line li:hover {
    background-color: var(--bg-hover);
}

.flex-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4rem;
}
.flex-layout > div {
    width: calc(50% - 2rem);
}
.flex-layout .search-box table th {
    padding: 0 1.5rem 0 2rem;
}
.flex-layout .search-box table th:first-child {
    padding-left: 0;
}

.tit-h2 {
    font-size: 3.4rem;
    font-weight: 700;
    margin: 0px;
}
.tit-h2 .refresh {
    background: url("../image/bg_refresh.png") 0 0/contain no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    margin: -0.3rem 0 0 1.2rem;
    vertical-align: middle;
}

.btn {
    border-radius: 0.8rem;
    font-size: 1.4rem;
    font-weight: 600;
    height: 4rem;
    padding: 0 1.6rem;
}
.btn.-primary {
    background-color: var(--bg-primary);
    color: var(--f-white);
}
.btn.-secondary {
    background-color: var(--bg-mhover);
    color: var(--f-primary);
    padding: 0 3rem;
}
.btn.-third {
    background-color: #E4E9F2;
    color: var(--f-secondary);
}
.btn.-false {
    background-color: var(--bg-false);
    color: var(--f-flase);
}
.btn.-line {
    border: 0.1rem solid var(--line-base);
    padding: 0 1.6rem;
    background-color: var(--f-white);
}
.btn.-line.false {
    color: var(--f-flase);
}
.btn.-line2 {
    border: 0.1rem solid var(--line-base);
    padding: 0 2.8rem;
}
.btn.-underline {
    height: auto;
    text-decoration: underline;
}
.btn.-white {
    background-color: var(--f-white);
    color: var(--bg-primary2);
    font-weight: 800;
}
.btn.-xsm {
    border-radius: 2rem;
    height: 2.6rem;
    padding: 0 1.2rem;
}
.btn.-sm {
    height: 3.2rem;
}
.btn.-la {
    height: 4.8rem;
}
.btn.-ing {
    border: 0.1rem solid var(--line-false);
    color: var(--f-flase);
}
.btn.-complete {
    border: 0.1rem solid var(--line-true);
    color: var(--f-true);
}
.btn.-cancel {
    border: 0.1rem solid var(--line-base);
}
.btn.-search {
    background: var(--f-white) url("../image/bg_searchB.png") 50% 50%/2rem 2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    border-radius: 0.8rem;
    width: 4rem;
    height: 4rem;
    padding: 0;
    border: 0.1rem solid var(--line-base);
}

.btn.-refresh {
    background: var(--f-white) url("../image/bg_irefresh.png") 50% 50%/2.4rem 2.4rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    border-radius: 0.8rem;
    width: 4rem;
    height: 4rem;
    padding: 0;
    border: 0.1rem solid var(--line-base);
}

[class^=i-] {
    border-radius: 0.8rem;
    font-size: 1.8rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.8rem;
    color: var(--f-white);
    vertical-align: middle;
}
[class^=i-]::before {
    vertical-align: top !important;
}

.i-edit {
    background-color: var(--bg-primary);
    padding: 0 2.2rem;
}
.i-edit::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_edit.png");
    margin-right: 0.4rem;
}

.i-calendar {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-calendar::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_calendar.png");
    margin-right: 0.4rem;
}

.i-save {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-save::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_save.png");
    margin-right: 0.4rem;
}

.i-saveB {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-saveB::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_saveB.png");
    margin-right: 0.4rem;
}

.i-deleteB {
    color: #f51d06;
    border: 0.1rem solid #f51d06;
    width: 12rem;
}
.i-deleteB::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.7rem;
    height: 1.7rem;
    background-image: url("../image/icon_del.png");
    margin-right: 0.4rem;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) saturate(100%) invert(74%) sepia(64%) saturate(5967%) hue-rotate(318deg) brightness(99%) contrast(106%);
    filter: brightness(0) saturate(100%) invert(74%) sepia(64%) saturate(5967%) hue-rotate(318deg) brightness(99%) contrast(106%);
}

.i-reservation {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-reservation::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_reservationW.png");
    margin-right: 0.4rem;
}

.i-list {
    color: var(--f-base);
    border: 0.1rem solid var(--line-base);
    width: 12rem;
}
.i-list::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_list.png");
    margin-right: 0.4rem;
}

.i-listw {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-listw::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_list_white.png");
    margin: 0.3rem 0.4rem 0 0;
}

.i-refresh {
    color: var(--f-base);
    border: 0.1rem solid var(--line-base);
    width: 12rem;
}
.i-refresh::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_refresh.png");
    margin-right: 0.4rem;
}

.i-approval {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-approval::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_approval.png");
    margin-right: 0.4rem;
}

.i-companion {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-companion::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_companion.png");
    margin-right: 0.4rem;
}

.i-publicview {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-publicview::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_publicview.png");
    margin-right: 0.4rem;
}

.i-print {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-print::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_print.png");
    margin-right: 0.4rem;
}

.i-printB {
    color: var(--f-base);
    border: 0.1rem solid var(--line-base);
    width: 12rem;
}
.i-printB::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_printB.png");
    margin-right: 0.4rem;
}

.i-reconsider {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-reconsider::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_reconsider.png");
    margin-right: 0.4rem;
}

.i-add {
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 0.8rem;
    border: 0.1rem solid var(--line-base);
    background-color: var(--f-white);
    color: var(--f-secondary);
    width: 6.5rem;
    height: 3.2rem;
    margin: 0 auto;
}
.i-add::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_add.png");
    margin-left: 0.4rem;
}

.i-del {
    border-radius: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 600;
    border: 0.1rem solid var(--line-base);
    background-color: var(--f-white);
    color: var(--f-secondary);
    width: 6.5rem;
    height: 3.2rem;
    margin: 0 auto;
}
.i-del::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../image/icon_del.png");
    margin-left: 0.4rem;
}
.i-del.la::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_del.png");
}

.i-del {
    border-radius: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 600;
    border: 0.1rem solid var(--line-base);
    background-color: var(--f-white);
    color: var(--f-secondary);
    width: 6.5rem;
    height: 3.2rem;
    margin: 0 auto;
}
.i-del::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../image/icon_del.png");
    margin-left: 0.4rem;
}
.i-del.la::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_del.png");
}

.i-search {
    border-radius: 0.8rem;
    font-size: 1.8rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--f-white);
    background-color: var(--bg-secondary);
    width: 10.3rem;
    height: 4rem;
}
.i-search::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_search.png");
    margin: 0.1rem 0.4rem 0 0;
}

.i-searchB {
    border-radius: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 600;
    border: 0.1rem solid var(--line-base);
    color: var(--f-base);
    width: 13.2rem;
    height: 4rem;
}
.i-searchB::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_search_b.png");
    margin: 0 0.4rem 0 0;
}

.i-reportCancle {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-reportCancle::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_reportCancle.png");
    margin-right: 0.4rem;
}

.i-documentCopy {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-documentCopy::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_documentCopy.png");
    margin-right: 0.4rem;
}

.i-rejection {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-rejection::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_rejection.png");
    margin-right: 0.4rem;
}

.i-receive {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-receive::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_receive.png");
    margin-right: 0.4rem;
}

.i-receiveCancel {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-receiveCancel::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_receiveCancel.png");
    margin-right: 0.4rem;
}

.i-iclose {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-iclose::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_iclose.png");
    margin-right: 0.4rem;
}

.i-iselect {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-iselect::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_iselect.png");
    margin-right: 0.4rem;
}

.i-iedit {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-iedit::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_iedit.png");
    margin-right: 0.4rem;
}

.i-download {
    background-color: var(--bg-primary);
    width: 12rem;
    position: relative;
    padding-left: 2rem;
    font-size: 1.6rem;
}
.i-download::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_download.png");
    position: absolute;
    top: 50%;
    left: 1.4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.i-iadd {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-iadd::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_iadd.png");
    margin-right: 0.4rem;
}

.i-bring {
    background-color: var(--bg-primary);
    width: 12rem;
    position: relative;
    padding-left: 2rem;
    font-size: 1.6rem;
}
.i-bring::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_bring.png");
    position: absolute;
    top: 50%;
    left: 1.4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.i-shareCondition {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-shareCondition::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_shareCondition.png");
    margin-right: 0.4rem;
}

.i-irefresh {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-irefresh::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_irefresh.png");
    margin-right: 0.4rem;
}

.i-handOperated {
    background-color: var(--bg-primary);
    width: 12rem;
}
.i-handOperated::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_handOperated.png");
    margin-right: 0.4rem;
}

.detail-view {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_detail_view.png") 0 0/2rem 2rem no-repeat;
    width: 2rem;
    height: 2rem;
}

.pay {
    font-size: 1.3rem;
    font-weight: 400;
    border-radius: 1.4rem;
    height: 2.6rem;
    padding: 0 1rem;
}
.pay.-ing {
    border: 0.1rem solid var(--line-false);
    color: var(--f-flase);
}
.pay.-complete {
    border: 0.1rem solid var(--line-true);
    color: var(--f-true);
}

.flag {
    font-size: 1.2rem;
    font-weight: 400;
    border-radius: 1.4rem;
    font-style: normal;
    display: block;
    margin: 0 auto;
    width: 6.8rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}
.flag.-board {
    border: 0.1rem solid #B6E3D0;
    color: #0DA161;
}
.flag.-notice {
    border: 0.1rem solid #B4DFF7;
    color: #0696E5;
}
.flag.-board2 {
    border: 0.1rem solid var(--line-true);
    color: var(--f-true);
}
.flag.-dx {
    background-color: var(--f-white);
    color: #0DA161;
}
.flag.-sm {
    width: 4.8rem;
    padding: 0;
    margin: 0;
}
.flag.-paym {
    border: 0.1rem solid var(--f-white);
    color: var(--f-white);
}
.flag.-affirmation {
    border: 0.1rem solid #B6E3D0;
    background-color: #ECFCF6;
    color: #0DA161;
}
.flag.-negative {
    border: 0.1rem solid var(--line-false);
    background-color: #FFF5F3;
    color: var(--f-flase);
}
.flag.-inline {
    display: inline-block;
    padding: 0 1.2rem;
    width: auto;
    background-color: var(--f-white);
    font-size: 1.4rem;
    height: 2.6rem;
    line-height: 2.5rem;
}
.flag.-edit {
    border: 0.1rem solid var(--line-base);
    color: var(--f-base);
}
.flag.-false {
    border: 0.1rem solid var(--line-false);
    color: var(--f-flase);
}
.flag.-complete {
    border: 0.1rem solid var(--line-true);
    color: var(--f-true);
}

.attach {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    height: 2rem;
}
.attach.-total {
    background: url("../image/bg_attach.png") 0 0/4.5rem 2rem no-repeat;
    width: 4.5rem;
}
.attach.-file {
    background: url("../image/bg_attach2.png") 0 0/2.1rem 2rem no-repeat;
    width: 2.1rem;
}
.attach.-image {
    background: url("../image/bg_attach1.png") 0 0/2.1rem 2rem no-repeat;
    width: 2.1rem;
}
.attach.-doc {
    background: url("../image/bg_edit.png") 0 0/1.6rem 1.6rem no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    margin: -0.4rem 0 0 0.6rem;
}

.leave {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_leave.png") 0 0/2rem 2rem no-repeat;
    width: 2rem;
    height: 2rem;
    margin-right: 0.8rem;
}

.retired {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_retired.png") 0 0/2rem 2rem no-repeat;
    width: 2rem;
    height: 2rem;
    margin-right: 0.8rem;
}

.view {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_view.png") 0 0/contain no-repeat;
    width: 2rem;
    height: 2rem;
}

.download {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_download.png") 0 0/contain no-repeat;
    width: 2.4rem;
    height: 2.4rem;
}

.lock {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_lock.png") 0 0/contain no-repeat;
    width: 2.4rem;
    height: 2.4rem;
}

.sel-first {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_selfirst.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 4rem;
}

.sel-up {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_selup.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 4rem;
}

.sel-down {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_seldown.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 4rem;
}

.sel-last {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_sellast.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 4rem;
}

.sel-prev {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_selprev.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 4rem;
}

.sel-next {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_selnext.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 4rem;
}

.list-drag {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_list_drag.png") 0 0/contain no-repeat;
    width: 2.4rem;
    height: 2.4rem;
}

.chk-wrap.-line {
    width: 23.1rem;
}
.chk-wrap.-line label:last-child {
    display: inline-block;
    margin-top: 1.2rem;
}
.chk-wrap label:not(:last-child) {
    margin-right: 2rem !important;
}

.rd-wrap label {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin-left: 0.8rem;
}
.rd-wrap label:not(:last-child) {
    margin-right: 2.4rem;
}

.input-calendar {
    position: relative;
}
.input-calendar input[type=text] {
    padding-right: 4rem;
    width: 100%;
}
.input-calendar button {
    background: url("../image/bg_calendar.png") 98% 50%/2.4rem 2.4rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2.4rem;
}

.input-search {
    position: relative;
}
.input-search input[type=text] {
    padding-right: 4rem;
    width: 100%;
}
.input-search button {
    background: url("../image/bg_searchB.png") 98% 50%/2.4rem 2.4rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
}

.tooltip:not(header .tooltip, .reservation-box table td .tooltip) {
    position: relative;
    width: 2rem;
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip):hover {
    z-index: 2;
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip):hover div {
    display: block;
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip) button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_tooltip_b.png") 0 0/contain no-repeat;
    width: 2rem;
    height: 2rem;
    cursor: auto;
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip).-w button {
    background: url("../image/bg_tooltip_w.png") 0 0/contain no-repeat;
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip) div {
    position: absolute;
    top: 0;
    left: -2.7rem;
    font-size: 1.4rem;
    font-weight: 400;
    min-width: 32rem;
    display: none;
    background-color: transparent;
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip) div::before {
    content: "";
    position: absolute;
    top: 2.5rem;
    left: 3rem;
    border-right: 0 solid var(--line-primary);
    border-top: 1.5rem solid var(--line-primary);
    border-left: 1.5rem solid transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip) div::after {
    content: "";
    position: absolute;
    top: 2.7rem;
    left: 3rem;
    z-index: 1;
    border-right: 0 solid var(--bg-primary3);
    border-top: 1.5rem solid var(--bg-primary3);
    border-left: 1.5rem solid transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip) div p {
    border-radius: 2rem;
    margin-top: 3.1rem;
    background-color: var(--bg-primary3);
    color: var(--f-secondary);
    padding: 1.8rem 2rem 1.6rem;
    line-height: 160%;
    word-break: break-all;
    border: 0.1rem solid var(--line-primary);
}
.tooltip:not(header .tooltip, .reservation-box table td .tooltip) div strong {
    font-weight: 600;
    color: var(--f-primary);
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
}
.flex .input-calendar {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.flex select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: auto;
}
.flex input[type=text] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tbl-wrap table, .tbl-wrap2 table {
    width: 100%;
    border-collapse: collapse;
    border-top: 0.1rem solid var(--line-table);
    border-bottom: 0.1rem solid var(--line-table2);
}
.tbl-wrap table th, .tbl-wrap2 table th {
    font-size: 1.6rem;
    font-weight: 600;
    border-bottom: 0.1rem solid #D2D6DA;
    background-color: var(--bg-base);
}
.tbl-wrap table .tooltip, .tbl-wrap2 table .tooltip {
    position: absolute !important;
    top: 50%;
    right: 2.4rem;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tbl-wrap table select, .tbl-wrap2 table select {
    min-width: auto;
}

.tbl-wrap table th {
    padding: 1.4rem 2.4rem;
    position: relative;
    text-align: center;
}
.tbl-wrap table th::after {
    content: "";
    width: 0.1rem;
    height: 1.6rem;
    background-color: var(--line-table2);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.8rem;
}
.tbl-wrap table th:last-child::after {
    display: none;
}
.tbl-wrap table td {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--f-secondary);
    padding: 1.4rem 2.4rem;
    text-align: center;
}
.tbl-wrap table td input[type=text] {
    width: 100%;
}
.tbl-wrap table td select {
    width: 100%;
}
.tbl-wrap table tr:not(:last-child) td {
    border-bottom: 0.1rem solid var(--line-table3);
}

.tbl-wrap2 table th {
    padding: 2.4rem;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.tbl-wrap2 table td {
    font-size: 1.6rem;
    font-weight: 400;
    padding: 1.4rem 2.4rem;
    border-bottom: 0.1rem solid #D2D6DA;
    vertical-align: middle;
}
.tbl-wrap2 table td input[type=text] {
    width: 100%;
}
.tbl-wrap2 table td select {
    width: 100%;
}
.tbl-wrap2 table td input[type=radio] {
    margin: -0.4rem 1.2rem 0 0;
}
.tbl-wrap2 table td label:not(:last-child) {
    margin-right: 5rem;
}
.tbl-wrap2 table td label em {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-secondary);
}
.tbl-wrap2 table td label em::before {
    content: "";
    width: 0.1rem;
    height: 1.2rem;
    background-color: var(--line-table2);
    display: inline-block;
    margin: 0 0.5rem 0 0.8rem;
}
.tbl-wrap2 table td.profile {
    border-color: var(--line-table2);
    text-align: center;
}
.tbl-wrap2 table td.profile img {
    margin-bottom: 2.2rem;
}
.tbl-wrap2 table td.profile > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
}
.tbl-wrap2 table tr:last-child th, .tbl-wrap2 table tr:last-child td {
    border-bottom: 0;
}
.tbl-wrap2.-sm table th {
    padding: 1.4rem 2.4rem;
}
.tbl-wrap2 table td textarea {
    border-radius: 0.8rem;
    color: var(--f-base);
    width: 100%;
    border: 0.1rem solid var(--line-base);
    min-height: 8rem;
    padding: 1.2rem;
}
.tbl-wrap2 table td textarea:-moz-read-only {
    background-color: var(--bg-base);
}
.tbl-wrap2 table td textarea:read-only {
    background-color: var(--bg-base);
}
.tbl-wrap3 table {
    width: 100%;
}
.tbl-wrap3 table th {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--f-base);
    padding-right: 1.2rem;
    vertical-align: top;
    padding-top: 0.8rem;
    position: relative;
}
.tbl-wrap3 table th .tooltip {
    position: absolute !important;
    top: 0.8rem;
    right: 1.2rem;
}
.tbl-wrap3 table td {
    padding-bottom: 1.6rem;
}
.tbl-wrap3 table td input[type=text] {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
}
.tbl-wrap3 table td input[type=text]:-moz-read-only {
    color: var(--f-base);
}
.tbl-wrap3 table td input[type=text]:read-only {
    color: var(--f-base);
}
.tbl-wrap3 table td:has(input[type="checkbox"], input[type="radio"]) {
    padding-top: 0.8rem;
}
.tbl-wrap3 table td textarea {
    border-radius: 0.8rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--f-base);
    width: 100%;
    border: 0.1rem solid var(--line-base);
    min-height: 8rem;
    padding: 1.2rem;
}
.tbl-wrap3 table td textarea:-moz-read-only {
    background-color: var(--bg-base);
}
.tbl-wrap3 table td textarea:read-only {
    background-color: var(--bg-base);
}
.tbl-wrap3 table td select {
    width: 100%;
}
.tbl-wrap3 table td .dot {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-menu);
    position: relative;
    padding-left: 1.8rem;
}
.tbl-wrap3 table td .dot::before {
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 100%;
    background-color: var(--f-menu);
    position: absolute;
    top: 0.7rem;
    left: 0.5rem;
}
.tbl-wrap3 table td .usagetime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 1.2rem;
}
.tbl-wrap3 table td .usagetime input {
    width: 16.8rem;
}
.tbl-wrap3 table td .date-wrap {
    margin-bottom: 1.6rem;
}
.tbl-wrap3 table td .select-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.6rem;
}
.tbl-wrap3 table td .chk-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 1.2rem;
}
.tbl-wrap3 table td .chk-color input[type=checkbox] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.2rem;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color1 {
    background-color: #68BAAE;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color2 {
    background-color: #7A7AB6;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color3 {
    background-color: #EF8E43;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color4 {
    background-color: #CD3833;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color5 {
    background-color: #244061;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color6 {
    background-color: #4B78DF;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color7 {
    background-color: #80BD7A;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color8 {
    background-color: #F09837;
}
.tbl-wrap3 table td .chk-color input[type=checkbox].color9 {
    background-color: #4FAEEB;
}
.tbl-wrap3 table td .chk-color input[type=checkbox]:focus {
    outline: 0.2rem solid var(--f-base);
}
.tbl-wrap3 table td .week-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tbl-wrap3 table td .week-wrap .chk-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
}
.tbl-wrap3 table td .week-wrap .chk-week span {
    display: block;
}
.tbl-wrap3 table td .week-wrap .chk-week span label {
    border-radius: 100%;
    font-size: 1.4rem;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    background-color: var(--bg-base);
}
.tbl-wrap3 table td .week-wrap .chk-week span input[type=checkbox]:checked ~ label {
    background-color: var(--f-primary);
    color: var(--f-white);
}
.tbl-wrap3 table td .rd-wrap {
    padding: 0.8rem 0;
}
.tbl-wrap3 table tr.line2 th:last-of-type {
    padding-left: 4rem;
}
.tbl-wrap3 table tr:last-child td:last-of-type {
    padding-bottom: 0;
}

.tab-wrap .panels {
    margin-top: 2.4rem;
}
.tab-wrap .panels > div {
    display: none;
}
.tab-wrap .panels > div.on {
    display: block;
}
.tab-wrap.-box {
    position: relative;
}
.tab-wrap.-box .tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.8rem;
    background-color: var(--line-table3);
    padding: 0.4rem;
}
.tab-wrap.-box .tablist.-sm {
    width: 31.5rem;
    gap: 0 0.4rem;
}
.tab-wrap.-box .tablist.-sm li a {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0.9rem 3.6rem;
}
.tab-wrap.-box .tablist li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.tab-wrap.-box .tablist li a {
    font-size: 2rem;
    font-weight: 600;
    border-radius: 0.6rem;
    color: var(--f-secondary);
    display: block;
    padding: 1.4rem 0;
    text-align: center;
}
.tab-wrap.-box .tablist li.on a {
    color: var(--f-base);
    background-color: var(--f-white);
}
.tab-wrap.-box2 {
    position: relative;
}
.tab-wrap.-box2 .tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -4.8rem;
    right: 0;
}
.tab-wrap.-box2 .tablist li a {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--f-menu);
    height: 2.6rem;
    line-height: 2.6rem;
    display: block;
    border: 0.1rem solid #E7E8EB;
    padding: 0 0.8rem;
}
.tab-wrap.-box2 .tablist li:first-child a {
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
    border-right: 0;
}
.tab-wrap.-box2 .tablist li:last-child a {
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    border-left: 0;
}
.tab-wrap.-box2 .tablist li.on a {
    background-color: var(--bg-primary);
    color: var(--f-white);
    border-color: var(--bg-primary);
    font-weight: 600;
}
.tab-wrap.-box3 > .tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
}
.tab-wrap.-box3 > .tablist li a {
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 2.4rem;
    color: var(--f-secondary);
    border: 0.1rem solid #DADEE7;
    padding: 0 1.6rem;
    height: 3.2rem;
    line-height: 3.2rem;
    display: inline-block;
}
.tab-wrap.-box3 > .tablist li.on a {
    background-color: var(--bg-primary);
    border: 0;
    color: var(--f-white);
}
.tab-wrap.-box3 .panels .notice-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 0 1.2rem;
}
.tab-wrap.-box3 .panels .notice-list li a p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    max-width: 34.8rem;
}
.tab-wrap.-box3 .panels .notice-list li a .attach {
    width: 4.5rem;
    background-position: 100% 50%;
}
.tab-wrap.-box3 .panels .notice-list li a .bdate {
    color: var(--f-menu);
}
.tab-wrap.-box3 .panels .notice-list li a .num {
    color: var(--f-menu);
}
.tab-wrap.-box3 .panels .notice-list li:not(:last-child) {
    margin-bottom: 1.8rem;
}
.tab-wrap.-line .tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.1rem solid var(--line-table2);
}
.tab-wrap.-line .tablist li a {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1.2rem 3.2rem 1.6rem;
    display: block;
    color: var(--f-menu);
    position: relative;
}
.tab-wrap.-line .tablist li.on a {
    color: var(--f-base);
}
.tab-wrap.-line .tablist li.on a::after {
    content: "";
    width: 100%;
    height: 0.3rem;
    background-color: var(--f-base);
    position: absolute;
    bottom: -0.1rem;
    left: 0;
}
.tab-wrap.-cal {
    position: relative;
}
.tab-wrap.-cal .tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 9.8rem;
    z-index: 1;
    gap: 0 1.2rem;
}
.tab-wrap.-cal .tablist li a {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    border-radius: 0.8rem;
    width: 4rem;
    height: 4rem;
}
.tab-wrap.-cal .tablist li.cal-btn a {
    background: var(--bg-base) url("../image/bg_calB.png") 50% 50%/2.4rem 2.4rem no-repeat;
}
.tab-wrap.-cal .tablist li.cal-btn.on a {
    background: var(--bg-primary) url("../image/bg_calB_on.png") 50% 50%/2.4rem 2.4rem no-repeat;
}
.tab-wrap.-cal .tablist li.caslist-btn a {
    background: var(--bg-base) url("../image/bg_callist.png") 50% 50%/2.4rem 2.4rem no-repeat;
}
.tab-wrap.-cal .tablist li.caslist-btn.on a {
    background: var(--bg-primary) url("../image/bg_callist_on.png") 50% 50%/2.4rem 2.4rem no-repeat;
}
.tab-wrap.-cal .panels {
    margin-top: 1.6rem;
}
.tab-wrap.-cal .situation-title {
    padding-bottom: 4.2rem;
}
.tab-wrap.-cal .situation-title .date:has(button) span input {
    width: 16rem;
}
.tab-wrap.-cal .situation-title .btn {
    position: absolute;
    top: 0;
    right: 0rem;
}
.tab-wrap.-cal .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    display: none;
}
.tab-wrap.-cal .fc-theme-standard .fc-daygrid-day-frame {
    min-height: 10rem;
}
.tab-wrap.-cal .fc-daygrid-day-events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 5.4rem;
}

.loading-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.loading-wrap .loading-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.6rem;
    gap: 0 2.4rem;
    background-color: var(--f-white);
    min-width: 36rem;
    padding: 3.2rem;
}
.loading-wrap .loading-box em {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    border: 0.5rem solid #E5E9EE;
    border-top: 0.5rem solid #0DA161;
    border-radius: 50%;
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite;
    position: relative;
}
.loading-wrap .loading-box em::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--f-white);
    width: 4.4rem;
    height: 4.4rem;
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.loading-wrap .loading-box strong {
    font-size: 1.8rem;
    font-weight: 700;
}
.loading-wrap .loading-box strong p {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-secondary);
    margin-top: 0.4rem;
}

.pop-wrap {
    /*position: fixed;*/
    top: 0;
    left: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.pop-wrap.-sm .pop-box {
    min-width: 100%;
}
.pop-wrap.-lg .pop-box {
    min-width: 100%;
    max-width: 100%;
}
.pop-wrap:has(.pop-btn) .pop-box .pop-container {
    max-height: 100%;
}
.pop-wrap .pop-box {
    /*border-radius: 2rem;*/
    gap: 0 2.4rem;
    background-color: var(--f-white);
    min-width: 100%;
    overflow: hidden;
}
.pop-wrap .pop-box .pop-top {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: var(--f-white);
    padding: 2.4rem 3.2rem 0.8rem;
}
.pop-wrap .pop-box .pop-top strong {
    font-size: 2.2rem;
    font-weight: 600;
}
.pop-wrap .pop-box .pop-container {
    overflow-y: auto;
    max-height: 100%;
    padding: 3.2rem 3.2rem 10rem;
}
.pop-wrap .pop-box .pop-container .search-box.-nobg {
    background-color: transparent;
    padding: 0;
    border: 0;
    margin-bottom: 2.4rem;
}
.pop-wrap .pop-box .pop-container .search-box.-nobg table th {
    padding: 0 0.8rem 0 2.4rem;
}
.pop-wrap .pop-box .pop-container .search-box.-nobg table th:first-child {
    padding-left: 0;
}
.pop-wrap .pop-box .pop-container .file-wrap .tree-wrap {
    width: 29.2rem;
    padding: 2.4rem 2rem;
}
.pop-wrap .pop-box .pop-container .file-wrap .table-jq {
    width: 78rem;
}
.pop-wrap .pop-box .pop-container .hgroup:not(.-main):has(strong):has(p) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pop-wrap .pop-box .pop-container .hgroup strong {
    font-size: 1.8rem;
    font-weight: 600;
    grid-column: 1/3;
    margin: 0;
}
.pop-wrap .pop-box .pop-container .hgroup .sort button {
    margin-left: 0.4rem;
    padding: 0 0.8rem;
}
.pop-wrap .pop-box .pop-container .hgroup .sort.flex p {
    font-size: 1.6rem;
    font-weight: 600;
}
.pop-wrap .pop-box .pop-container .hgroup .sort.flex select {
    width: 19.5rem;
}
.pop-wrap .pop-box .pop-container .hgroup:has(.flex) {
    margin-bottom: 2.4rem;
}
.pop-wrap .pop-box .pop-container .sel-up {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_selup_pop.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 3.2rem;
}
.pop-wrap .pop-box .pop-container .sel-down {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_seldown_pop.png") 0 0/contain no-repeat;
    width: 4rem;
    height: 3.2rem;
}
.pop-wrap .pop-box .pop-container .system-wrap ul {
    width: 44.8rem;
    margin: 0 auto;
    padding: 0;
}
.pop-wrap .pop-box .pop-container .system-wrap ul li {
    height: 10.8rem;
}
.pop-wrap .pop-box .pop-container .system-wrap ul li a::before {
    width: 5.6rem !important;
    height: 5.6rem !important;
}
.pop-wrap .pop-box .pop-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*position: sticky;*/
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    border-top: 0.1rem solid #DFE3E6;
    padding: 1.9rem 0;
    gap: 0 1.2rem;
    background-color: #fff;
}
.pop-wrap .pop-box .pop-btn button {
    font-size: 1.8rem;
    font-weight: 600;
    width: 12rem;
    height: 4.8rem;
}

.chat-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    padding-right: 5rem;
    display: none;
}
.chat-wrap.on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-wrap.open .chat-sideMenu button {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.chat-wrap.open .chat-list {
    max-width: 150rem;
}
.chat-wrap.open .chat-list .chat-head {
    display: block;
}
.chat-wrap.open .chat-list .chat-container {
    padding: 8rem 5rem 6rem;
}
.chat-wrap.open .chat-list .chat-container .caht-title {
    text-align: center;
    display: block;
}
.chat-wrap.open .chat-list .chat-container .caht-title strong {
    font-size: 3.2rem;
    font-weight: 700;
    margin: 0 0 0.6rem;
}
.chat-wrap.open .chat-list .chat-container .caht-title strong::before {
    display: block;
}
.chat-wrap.open .chat-list .chat-container .caht-title p {
    font-size: 1.8rem;
    font-weight: 600;
}
.chat-wrap.open .chat-list .chat-container .caht-title p br {
    display: none;
}
.chat-wrap.open .chat-list .chat-container .chat-content li:not(:last-child) {
    margin-bottom: 1.4rem;
}
.chat-wrap.open .chat-list .chat-container .chat-up {
    bottom: 17.2rem;
}
.chat-wrap .chat-sideMenu {
    border-radius: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--line-table3);
    height: calc(100% - 10rem);
    padding: 1.6rem 1.5rem 6rem;
}
.chat-wrap .chat-sideMenu button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    background: url("../image/bg_chat_btn.png") 50% 50%/4.8rem 4.8rem no-repeat;
    width: 4.8rem;
    height: 4.8rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.chat-wrap .chat-sideMenu ul li {
    text-align: center;
}
.chat-wrap .chat-sideMenu ul li:not(:last-child) {
    margin-bottom: 2.4rem;
}
.chat-wrap .chat-sideMenu ul li a {
    font-weight: 600;
    color: var(--f-secondary);
}
.chat-wrap .chat-sideMenu ul li a::before {
    display: block !important;
    margin: 0 auto 0.8rem;
}
.chat-wrap .chat-sideMenu ul li.conversation a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_conversation.png");
}
.chat-wrap .chat-sideMenu ul li.regulations a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_regulations.png");
}
.chat-wrap .chat-sideMenu ul li.secretary a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_secretary.png");
}
.chat-wrap .chat-sideMenu ul li.newssummary a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_newssummary.png");
}
.chat-wrap .chat-sideMenu ul li.corporatesearch a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_corporatesearch.png");
}
.chat-wrap .chat-sideMenu ul li.workspace a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_workspace.png");
}
.chat-wrap .chat-sideMenu ul li.on a {
    color: var(--f-primary);
}
.chat-wrap .chat-sideMenu ul li.on.conversation a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_conversation_on.png");
}
.chat-wrap .chat-sideMenu ul li.on.regulations a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_regulations_on.png");
}
.chat-wrap .chat-sideMenu ul li.on.secretary a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_secretary_on.png");
}
.chat-wrap .chat-sideMenu ul li.on.newssummary a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_newssummary_on.png");
}
.chat-wrap .chat-sideMenu ul li.on.corporatesearch a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_corporatesearch_on.png");
}
.chat-wrap .chat-sideMenu ul li.on.workspace a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../image/icon_workspace_on.png");
}
.chat-wrap .chat-list {
    border-radius: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 48rem;
    background-color: var(--f-white);
    height: calc(100% - 10rem);
    -webkit-transition: max-width 0.3s;
    transition: max-width 0.3s;
}
.chat-wrap .chat-list .chat-head {
    width: 24rem;
    height: 100%;
    padding: 2.4rem 1.6rem;
    -webkit-box-shadow: 0.6rem 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0.6rem 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.08);
    display: none;
}
.chat-wrap .chat-list .chat-head .chat-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.chat-wrap .chat-list .chat-head .chat-info .logo {
    background: url("../image/bg_logo.png") 0 0/8.9rem 3.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 8.9rem;
    height: 3.2rem;
}
.chat-wrap .chat-list .chat-head .chat-info button {
    background: url("../image/bg_chat_home.png") 0 0/2.4rem 2.4rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
}
.chat-wrap .chat-list .chat-head .add-chat {
    border-radius: 0.8rem;
    background-color: var(--bg-secondary);
    color: var(--f-white);
    font-weight: 600;
    width: 100%;
    height: 4rem;
    margin-top: 4rem;
}
.chat-wrap .chat-list .chat-head .add-chat::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../image/icon_add_chat.png");
    margin: -0.2rem 0.4rem 0 0;
}
.chat-wrap .chat-list .chat-head strong {
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    margin-top: 3rem;
}
.chat-wrap .chat-list .chat-head .recent-chat {
    margin-top: 1.9rem;
}
.chat-wrap .chat-list .chat-head .recent-chat li {
    position: relative;
    padding-left: 4rem;
}
.chat-wrap .chat-list .chat-head .recent-chat li a {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    font-weight: 600;
    color: var(--f-menu);
    display: block;
    line-height: 3.4rem;
}
.chat-wrap .chat-list .chat-head .recent-chat li::before {
    position: absolute;
    top: 0.6rem;
    left: 0;
}
.chat-wrap .chat-list .chat-head .recent-chat li:not(:last-child) {
    margin-bottom: 0.4rem;
}
.chat-wrap .chat-list .chat-head .recent-chat li.conversation::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_conversation.png");
}
.chat-wrap .chat-list .chat-head .recent-chat li.regulations::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_regulations.png");
}
.chat-wrap .chat-list .chat-head .recent-chat li.secretary::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_secretary.png");
}
.chat-wrap .chat-list .chat-head .recent-chat li.newssummary::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_newssummary.png");
}
.chat-wrap .chat-list .chat-head .recent-chat li.corporatesearch::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_corporatesearch.png");
}
.chat-wrap .chat-list .chat-head .recent-chat li.workspace::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_workspace.png");
}
.chat-wrap .chat-list .chat-head .recommended-chat {
    margin-top: 1.9rem;
}
.chat-wrap .chat-list .chat-head .recommended-chat li a {
    border-radius: 0.6rem;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    background-color: rgba(75, 190, 134, 0.1);
    line-height: 3.4rem;
    display: block;
    padding: 0 1.2rem;
}
.chat-wrap .chat-list .chat-head .recommended-chat li:not(:last-child) {
    margin-bottom: 0.8rem;
}
.chat-wrap .chat-list .chat-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 5rem 5rem 6rem;
    position: relative;
}
.chat-wrap .chat-list .chat-container .caht-title {
    text-align: left;
    display: grid;
}
.chat-wrap .chat-list .chat-container .caht-title strong {
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    margin: 1.6rem 0 0;
    grid-row: 2/2;
}
.chat-wrap .chat-list .chat-container .caht-title strong::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 7.4rem;
    height: 7.4rem;
    background-image: url("../image/icon_chat_icon.png");
    display: block;
    margin: 0 auto 4rem;
    display: none;
}
.chat-wrap .chat-list .chat-container .caht-title p {
    font-size: 3.2rem;
    font-weight: 600;
    grid-row: 1/1;
}
.chat-wrap .chat-list .chat-container .caht-title em {
    color: var(--f-primary);
}
.chat-wrap .chat-list .chat-container .chat-content {
    overflow-y: auto;
}
.chat-wrap .chat-list .chat-container .chat-content li {
    text-align: right;
}
.chat-wrap .chat-list .chat-container .chat-content li div {
    display: inline-block;
}
.chat-wrap .chat-list .chat-container .chat-content li div strong {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--f-secondary);
    display: block;
    margin-bottom: 1.2rem;
    position: relative;
    padding-left: 5.6rem;
    height: 4.8rem;
}
.chat-wrap .chat-list .chat-container .chat-content li div strong::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4.8rem;
    height: 4.8rem;
    background-image: url("../image/icon_chat_profile.png");
    position: absolute;
    top: 0;
    left: 0;
}
.chat-wrap .chat-list .chat-container .chat-content li div strong em {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--line-base);
    display: block;
}
.chat-wrap .chat-list .chat-container .chat-content li div p {
    border-radius: 2rem;
    background-color: var(--line-table3);
    font-size: 1.5rem;
    color: #4F5C53;
    padding: 1.2rem 2rem;
    text-align: left;
    word-break: break-all;
}
.chat-wrap .chat-list .chat-container .chat-content li div p:not(:last-child) {
    margin-bottom: 0.8rem;
}
.chat-wrap .chat-list .chat-container .chat-content li:not(:last-child) {
    margin-bottom: 4rem;
}
.chat-wrap .chat-list .chat-container .chat-content li:nth-child(2n) {
    text-align: left;
}
.chat-wrap .chat-list .chat-container .chat-content li:nth-child(2n) div p {
    background-color: rgba(75, 190, 134, 0.1);
}
.chat-wrap .chat-list .chat-container .chat-text .btn.-primary {
    border-radius: 11.1rem;
    margin-bottom: 1.2rem;
}
.chat-wrap .chat-list .chat-container .chat-text .btn.-primary::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../image/icon_chat_btn.png");
    margin-right: 0.4rem;
}
.chat-wrap .chat-list .chat-container .chat-text .chat-area {
    position: relative;
}
.chat-wrap .chat-list .chat-container .chat-text .chat-area textarea {
    border-radius: 1.6rem;
    padding: 2rem;
    width: 100%;
    border: 0.1rem solid var(--line-base);
    min-height: 14rem;
}
.chat-wrap .chat-list .chat-container .chat-text .chat-area .chat-btn {
    border-radius: 1.2rem;
    position: absolute;
    bottom: 1.6rem;
    left: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.1rem solid var(--line-table2);
    background-color: var(--bg-base);
    height: 3.8rem;
    width: 8.3rem;
}
.chat-wrap .chat-list .chat-container .chat-text .chat-area .chat-btn button {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    width: 1.6rem;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.chat-wrap .chat-list .chat-container .chat-text .chat-area .chat-btn .chat-plus {
    background: url("../image/bg_chat_plus.png") 50% 50%/1.6rem 1.6rem no-repeat;
    border-right: 0.1rem solid var(--line-table3);
}
.chat-wrap .chat-list .chat-container .chat-text .chat-area .chat-btn .chat-search {
    background: url("../image/bg_chat_search.png") 50% 50%/1.6rem 1.6rem no-repeat;
}
.chat-wrap .chat-list .chat-container .chat-text p {
    color: var(--f-secondary);
    margin-top: 2.4rem;
}
.chat-wrap .chat-list .chat-container .chat-text p::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_import.png");
    margin: -0.3rem 0.6rem 0 0;
}
.chat-wrap .chat-list .chat-container .chat-close {
    background: url("../image/bg_chat_close.png") 0 0/4rem 4rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    position: absolute;
    top: 2.8rem;
    right: 2.8rem;
    width: 4rem;
    height: 4rem;
}
.chat-wrap .chat-list .chat-container .chat-up {
    background: url("../image/bg_chat_up.png") 0 0/3.6rem 3.6rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    position: fixed;
    right: 12rem;
    bottom: 19.2rem;
    width: 3.6rem;
    height: 3.6rem;
}
.chat-wrap.main.open .chat-container .chat-main-list .caht-title strong::before {
    display: none;
}
.chat-wrap.main .chat-list {
    max-width: 150rem;
    min-width: 150rem;
}
.chat-wrap.main .chat-list .chat-head {
    display: block;
}
.chat-wrap.main .chat-list .chat-container {
    padding: 8rem 5rem 6rem;
    overflow-y: auto;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list:not(:last-of-type) {
    margin-bottom: 8rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list .caht-title {
    text-align: center;
    display: block;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list .caht-title strong {
    font-size: 3.2rem;
    font-weight: 700;
    margin: 0 0 0.6rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list .caht-title p {
    font-size: 1.8rem;
    font-weight: 600;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 2rem;
    margin-top: 4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li a {
    min-width: 27.5rem;
    min-height: 21.2rem;
    border-radius: 2rem;
    -webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.04);
    padding: 2.4rem;
    display: block;
    border: 0.1rem solid var(--line-table3);
    position: relative;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li a::after {
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li a strong {
    font-size: 1.8rem;
    font-weight: 600;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li a p {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--f-secondary);
    margin-top: 0.8rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4.3rem;
    height: 4.6rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li a span em {
    color: var(--f-primary);
    display: block;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.conversation a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.63%, #D9FD9F), color-stop(93.75%, #FFFFFF));
    background: linear-gradient(180deg, #D9FD9F 1.63%, #FFFFFF 93.75%);
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.conversation a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    background-image: url("../image/icon_conversationM.png");
    height: 6.4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.regulations a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.63%, #9FD4FD), color-stop(93.75%, #FFFFFF));
    background: linear-gradient(180deg, #9FD4FD 1.63%, #FFFFFF 93.75%);
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.regulations a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 5.8rem;
    height: 5.8rem;
    background-image: url("../image/icon_regulationsM.png");
    height: 6.4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.secretary a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.63%, #FD9FAF), color-stop(93.75%, #FFFFFF));
    background: linear-gradient(180deg, #FD9FAF 1.63%, #FFFFFF 93.75%);
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.secretary a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 7.5rem;
    height: 7.5rem;
    background-image: url("../image/icon_secretaryM.png");
    height: 6.4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.newssummary a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.63%, #FDD29F), color-stop(93.75%, #FFFFFF));
    background: linear-gradient(180deg, #FDD29F 1.63%, #FFFFFF 93.75%);
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.newssummary a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4.5rem;
    height: 4.5rem;
    background-image: url("../image/icon_newssummaryM.png");
    height: 6.4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.corporatesearch a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.63%, #FBFD9F), color-stop(93.75%, #FFFFFF));
    background: linear-gradient(180deg, #FBFD9F 1.63%, #FFFFFF 93.75%);
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.corporatesearch a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 7.1rem;
    height: 7.1rem;
    background-image: url("../image/icon_corporatesearchM.png");
    height: 6.4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.workspace a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.63%, #A89FFD), color-stop(93.75%, #FFFFFF));
    background: linear-gradient(180deg, #A89FFD 1.63%, #FFFFFF 93.75%);
}
.chat-wrap.main .chat-list .chat-container .chat-main-list ul li.workspace a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4.4rem;
    height: 4.4rem;
    background-image: url("../image/icon_workspaceM.png");
    height: 6.4rem;
}
.chat-wrap.main .chat-list .chat-container .chat-up {
    display: none;
}

.date-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.6rem;
}

.sel-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
}

.rag-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 2.4rem;
}
.rag-wrap > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.rag-wrap .tbl-wrap2 {
    margin-bottom: 1.6rem;
}

.profile-wrap {
    position: absolute;
    top: 4rem;
    right: 0;
    z-index: 1;
    border-radius: 0.8rem;
    border: 0.1rem solid #DADEE7;
    background-color: var(--f-white);
    width: 35.7rem;
    padding: 2.4rem;
    grid-template-columns: 8rem 1fr;
    display: none;
}
.profile-wrap.-open {
    display: grid;
}
.profile-wrap .profile-img {
    grid-column: 1/2;
    position: relative;
}
.profile-wrap .profile-img button {
    background: url("../image/bg_img_edit.png") 50% 50%/1.2rem 1.2rem no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    bottom: 1.4rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    background-color: var(--line-base);
}
.profile-wrap .profile-info {
    grid-column: 2/2;
}
.profile-wrap .profile-info strong {
    font-size: 1.3rem;
    font-weight: 600;
    display: block;
    margin-bottom: 0.8rem;
}
.profile-wrap .profile-info strong em {
    color: var(--f-secondary);
}
.profile-wrap .profile-info .team {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--f-secondary);
    margin-bottom: 0.7rem;
    line-height: 1.2rem;
}
.profile-wrap .profile-info .team em::before {
    content: "";
    width: 0.1rem;
    height: 0.9rem;
    background-color: #D9D9D9;
    display: inline-block;
    margin: 0 0.4rem;
    vertical-align: middle;
}
.profile-wrap .profile-info .contact {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--f-secondary);
}
.profile-wrap .account-list {
    grid-column: 1/3;
    border-top: 0.1rem solid var(--line-table3);
    margin-top: 1.6rem;
    padding-top: 1.6rem;
}
.profile-wrap .account-list li::before {
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 100%;
    background-color: var(--f-secondary);
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8rem;
}
.profile-wrap .account-list li:not(:last-child) {
    margin-bottom: 0.4rem;
}
.profile-wrap .account-list li a {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--f-secondary);
}
.profile-wrap .btn-wrap {
    grid-column: 1/3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.4rem;
    gap: 0 0.4rem;
}
.profile-wrap .btn-wrap button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0;
    height: 3.2rem;
}

.skin-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 1.2rem;
    gap: 0 1.6rem;
}
.skin-wrap input[type=radio] {
    border-radius: 10rem;
    width: 6rem;
    height: 6rem;
    position: relative;
}
.skin-wrap input[type=radio].color1 {
    background-color: #19A619;
}
.skin-wrap input[type=radio].color2 {
    background-color: #8748F4;
}
.skin-wrap input[type=radio].color3 {
    background-color: #FF7B00;
}
.skin-wrap input[type=radio].color4 {
    background-color: #F6274A;
}
.skin-wrap input[type=radio].color5 {
    background-color: #414AF4;
}
.skin-wrap input[type=radio].color6 {
    background-color: #00CD90;
}
.skin-wrap input[type=radio].color7 {
    background-color: #D9D9D9;
}
.skin-wrap input[type=radio].color8 {
    background-color: #D9D9D9;
}
.skin-wrap input[type=radio].color9 {
    background-color: #D9D9D9;
}
.skin-wrap input[type=radio]:focus {
    outline: 0;
}
.skin-wrap input[type=radio]:checked::after {
    content: "";
    background: url("../image/bg_skin_chk.png") 50% 50%/2.4rem 1.7rem no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.4rem;
    height: 1.7rem;
}

.widget-set .hgroup strong {
    margin: 0 0 0.4rem !important;
}

.set-wrap {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 6rem;
    grid-template-columns: 1fr 30.4rem;
}

.set-container {
    text-align: center;
}
.set-container .set-top {
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-template-columns: 1fr 36rem 25.6rem;
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    gap: 0.8rem;
    background-color: var(--f-primary);
    padding: 2.4rem 2.4rem 1.2rem;
}
.set-container .set-top > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.8rem;
}
.set-container .set-top .line1 > div:nth-child(1) {
    height: 19rem;
}
.set-container .set-top .line1 > div:nth-child(2) {
    height: 27.2rem;
}
.set-container .set-top .line2 > div:nth-child(1) {
    height: 6rem;
}
.set-container .set-top .line2 > div:nth-child(2) {
    height: 25.6rem;
}
.set-container .set-top .line2 > div:nth-child(3) {
    height: 13.8rem;
}
.set-container .set-top .line2 > div:nth-child(3) div {
    height: 100%;
}
.set-container .set-top .line3 > div:nth-child(1) {
    height: 6rem;
}
.set-container .set-top .line3 > div:nth-child(2) {
    height: 12.4rem;
}
.set-container .set-top .line3 > div:nth-child(3) {
    height: 27rem;
}
.set-container .set-bottom {
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-template-columns: 1fr 36rem 25.6rem;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    gap: 0 0.8rem;
    background-color: var(--f-menu);
    padding: 1.2rem 2.4rem 2.4rem;
}
.set-container .set-bottom > div {
    height: 12rem;
}
.set-container .btn.-sm.-line {
    width: 5.2rem;
    padding: 0;
    margin-left: 0.8rem;
    display: none;
}
.set-container .on {
    background-color: var(--f-white);
    color: var(--f-secondary);
}
.set-container .on.active {
    outline: 0.3rem solid var(--f-base);
}
.set-container .on.active .btn.-sm.-line {
    display: block;
}
.set-container .on:focus, .set-container .on:hover {
    background-color: #EEF2F9;
}
.set-container .add button {
    border: 0.2rem dotted var(--f-white);
    color: var(--f-white);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1.2rem;
}
.set-container .add button::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-image: url("../image/icon_widget_add.png");
    margin: -0.2rem 0.8rem 0 0;
}
.set-container .add, .set-container .on {
    border-radius: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 600;
}
.set-container .set-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.8rem;
}
.set-container .set-inner div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.set-list {
    border-radius: 1.6rem;
    background-color: var(--bg-base);
    padding: 2.4rem 4rem 2.4rem;
    position: relative;
}
.set-list::after {
    content: "";
    width: 100%;
    height: 2.4rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 248, 249, 0)), to(#F7F8F9));
    background: linear-gradient(180deg, rgba(247, 248, 249, 0) 0%, #F7F8F9 100%);
    position: absolute;
    bottom: 2.4rem;
    left: 0;
}
.set-list strong {
    font-size: 1.8rem;
    font-weight: 600;
    display: block;
    margin-bottom: 2.4rem;
}
.set-list ul {
    overflow-y: auto;
    height: 56.4rem;
    padding-bottom: 2.4rem;
    scrollbar-width: none;
    scroll-behavior: smooth;
}
.set-list ul li {
    font-size: 1.5rem;
    font-weight: 600;
    border-radius: 1.2rem;
    -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.06);
    color: var(--f-secondary);
    background-color: var(--f-white);
    padding: 1.7rem 0;
    text-align: center;
}
.set-list ul li:not(:last-child) {
    margin-bottom: 1.2rem;
}

.skin-info {
    font-size: 1.6rem;
    margin: 1.6rem 0 0 2.4rem;
}
.skin-info::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background-color: var(--f-menu);
    border-radius: 0.4rem;
    display: inline-block;
    vertical-align: middle;
    margin: -0.3rem 0.8rem 0 0;
}

.favorites-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0 3.2rem;
}
.favorites-wrap .favorites-menu {
    width: calc(50% - 5.6rem);
}
.favorites-wrap .favorites-menu .hgroup {
    position: relative;
    margin-bottom: 6.8rem;
}
.favorites-wrap .favorites-menu .hgroup::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    background-image: url("../image/icon_favorites_tit.png");
}
.favorites-wrap .favorites-menu .hgroup strong {
    margin: 0 0 0.4rem !important;
}
.favorites-wrap .sel-btn {
    width: 4.8rem;
    padding-top: 7rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.2rem 0;
}
.favorites-wrap .favorites-totalmenu {
    width: calc(50% - 5.6rem);
}

.rag-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3.1rem 0 0;
}
.rag-tit strong {
    margin-left: 4rem;
    font-weight: 600;
}
.rag-tit .btn-wrap {
    margin-top: 0;
}

.rag-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 2.4rem;
    gap: 0 2rem;
}
.rag-box.-sm li {
    padding: 2.4rem;
    font-size: 1.6rem;
}
.rag-box li {
    border-radius: 2rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--f-secondary);
    background-color: var(--bg-base);
    padding: 3.2rem 4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.rag-box li p:not(:last-child) {
    margin-bottom: 1.6rem;
}
.rag-box li strong {
    color: var(--f-base);
    font-weight: 600;
    min-width: 13.2rem;
    margin-right: 2.4rem;
    display: inline-block;
}

#docHtmlDataEdit em, #editor_kukudocs em, #docHtmlData em, #docHtmlDataInclude em, #DOC_HTML_DATA em {
    font-style: italic;
}
/*#docHtmlDataEdit a, #editor_kukudocs a, #docHtmlData a, #docHtmlDataInclude a, #DOC_HTML_DATA a {
  text-decoration: underline;
}*/
#docHtmlDataEdit ul, #editor_kukudocs ul, #docHtmlData ul, #docHtmlDataInclude ul, #DOC_HTML_DATA ul {
    list-style-type: disc;
}
#docHtmlDataEdit ol, #editor_kukudocs ol, #docHtmlData ol, #docHtmlDataInclude ol, #DOC_HTML_DATA ol {
    list-style-type: decimal;
}

/* pdgdark 추가 */
/* froala 에디터 모드 폰트, 폰트사이즈 선택 팝업에 ul 동그라미 표시 되지 않도록 아래에서 제외 */
#DOC_HTML_DATA ol, #DOC_HTML_DATA ul,
#DOC_HTML_DATA .fr-wrapper ol,
#DOC_HTML_DATA .fr-wrapper ul {
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 25px;
    padding: 0;
}


/* froala 에디터 모드 폰트, 폰트사이즈 선택 팝업에 ul 동그라미 표시 되지 않도록 아래 본문에만 적용 */
#docHtmlDataEdit .fr-wrapper ol,
#docHtmlDataEdit .fr-wrapper ul,
#templateDescDiv .fr-wrapper ol,
#templateDescDiv .fr-wrapper ul,
#htmlDataDiv .fr-wrapper ol,
#htmlDataDiv .fr-wrapper ul {
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 25px;
    padding: 0;
}

#docHtmlDataEdit .fr-wrapper,
#templateDescDiv .fr-wrapper,
#htmlDataDiv .fr-wrapper {
    font-size: 12px;
    font-family: "Nanum Gothic","나눔고딕","맑은고딕","malgun gothic","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif;
}
#docHtmlDataEdit .fr-wrapper a,
#templateDescDiv .fr-wrapper a,
#htmlDataDiv .fr-wrapper a {
    color: #3188a8;
}

#DOC_HTML_DATA.fr-view a , #docHtmlData.fr-view a {
    color: #3188a8;
}

#docHtmlDataInclude a {
    color: #3188a8;
}

#docHtmlDataInclude select {
    height: 27px;
    color: #858585;
    border: 1px solid #d5d5d5;
}

#docHtmlDataInclude textarea {
    font-size:13px ; font-family: "Nanum Gothic","나눔고딕","맑은고딕","malgun gothic","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; color:#444444;
}

#docHtmlDataInclude .btn-sm.blue {
    font-weight: bold !important;
    color: rgb(84, 172, 210) !important;
    border-radius: 8px !important;
    border: 2px solid #0a82dd !important;
    background-color: white !important;
    padding: 0.6rem 1.2rem !important;
    cursor: pointer !important;
}

#docHtmlDataInclude .btn-sm.red {
    font-weight: bold !important;
    color: #d54242 !important;
    border-radius: 8px !important;
    border: 2px solid #d82222 !important;
    background-color: white !important;
    padding: 0.6rem 1.2rem !important;
    cursor: pointer !important;
}

#docHtmlDataInclude input[type="text"] {
    font-size: 12px;
    color: #858585;
}

/* 정의되지 않았던 date class 를 제거 (현 css의 date를 적용 받지 않도록 하기 위함. */
#docHtmlDataInclude .date {
    all: unset;
}

#docHtmlDataInclude textarea {
    /*border-radius: 0 !important;*/
    color: #858585;
    /*background-color: #fafffff;*/
    /*padding: 1px 4px 4px 4px;*/
    font-size: 12px;
    font-family: inherit;
    /*box-shadow: none !important;
  transition-duration: 0.1s;*/
}

#docHtmlDataInclude input[type="text"].input-mask-date.date-picker {
    padding-left: 2px;
    padding-right: 2px;
}

div.main-container.container {
    margin: 0;
}

/*
#DOC_HTML_DATA ol {
  margin-top: 0;
  margin-bottom: 10px;
  margin-right: 0;
  margin-left: 25px;
  padding: 0;
}*/

/* 20251112 추가 (jquery ui tooltip 관련 css) */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    line-height : 1.6 !important;
    background-color: #444;
    color: #FFF;
}
body .ui-tooltip {
    border-width: 2px;
    line-height : 1.6 !important;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}