@charset "UTF-8";
@import url(lib/normalize.min.css);
@import url(fonts.css);
/**
* --------------------------------
* Init CSS
* --------------------------------
*/
html { position: relative; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-weight: 350; font-size: 15px; line-height: 1; letter-spacing: -0.02em; color: #7b7d82; word-break: keep-all; word-wrap: break-word; }

h1, h2, h3, h4, h5, h6 { margin: 0; }

ul, ol { list-style: none; margin: 0; padding: 0; }

fieldset { margin: 0; padding: 0; border: none; }

textarea { resize: none; outline: none; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; }

button, [type="button"] { font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; cursor: pointer; padding: 0; border: none; background: none; -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; color: #7b7d82; -webkit-tap-highlight-color: transparent; cursor: pointer; }

p { margin: 0; }

em { font-style: normal; }

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

th { padding: 0; }

td { padding: 0; }

dl, dd { margin: 0; }

figure { margin: 0; }

img { vertical-align: top; }

hr { display: none; }

address { font-style: normal; }

label { display: inline-block; }

select { outline: none; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; color: #7b7d82; }

.hide { position: absolute !important; top: -9999px; left: -9999px; }

/**
* --------------------------------
* Badge CSS
* --------------------------------
*/
.badge { display: inline-block; font-size: 11px; line-height: 22px; color: #555; padding: 0 8px; margin-left: 4px; background-color: #e0e7f1; }

.badge:first-child { margin-left: 0; }

/**
* --------------------------------
* Flex Box CSS
* --------------------------------
*/
.flex_box { display: flex; }

.flex_box > .box { flex-grow: 1; flex-shrink: 0; flex-basis: 0; margin-left: 30px; }

.flex_box > .box:first-child { margin-left: 0; }

.box { position: relative; }

.box .result { position: relative; overflow: hidden; }

.box .result .btn_area { position: absolute; z-index: 1; top: 0; right: 0; width: calc(100% - 214px); }

.box .result .btn_area .btn_register { width: 80px; font-size: 15px; }

.tit_box { border: 1px solid #e0e7f1; }

.tit_box > .inner { padding: 30px 11px 11px; }

.tit_box .header { padding: 10px 12px; background: #e0e7f1; }

.tit_box .header > .tit { display: inline-block; font-size: 20px; line-height: 24px; color: #18212c; }

.sort_box { position: relative; margin-top: 31px; background-color: #fff; }

.sort_box:after { content: ""; position: absolute; top: 20px; left: 0; width: 100%; height: calc(100% - 20px); border: 1px solid #e0e7f1; box-sizing: border-box; }

.sort_box > .inner { padding-top: 12px; padding: 16px 61px 12px 11px; }

.sort_box:first-child { margin-top: 0; }

.sort_box > .tit { display: block; position: relative; z-index: 1; width: 180px; height: 36px; font-weight: 350; font-size: 13px; line-height: 36px; color: #18212c; padding: 0 13px; background-color: #e0e7f1; }

.sort_box .handle { position: absolute; z-index: 1; top: 33px; right: 32px; width: 14px; height: 14px; margin: auto; cursor: move; background-image: url("../../resources/images/web/admin/visang/common/btn.png"); background-position: -90px 0px; }

.sort_box .btn_del { position: absolute !important; z-index: 1; top: 28px; right: 7px; width: 22px; height: 25px !important; text-indent: -9999px; padding: 0 !important; }

.sort_box .btn_del:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 10px; height: 13px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/btn.png"); background-position: -120px 0px; }

.sort_box .empty_data { font-weight: 400; font-size: 12px; text-align: center; color: #f65e5d; padding: 14px 0 26px; }

.sort_box .sort_list li { position: relative; z-index: 1; font-size: 12px; color: #55575d; padding: 12px 0; border-bottom: 1px solid #e0e7f1; background-color: #fff; }

.sort_box .sort_list li:first-child { padding-top: 0; }

.sort_box .sort_list li > div:not(.handle) { line-height: 28px; }

.sort_box .sort_list li > div:not(.handle):first-of-type { margin-top: 0; }

.sort_box .sort_list li .handle { position: absolute; top: 0; right: 32px; bottom: 0; width: 14px; height: 14px; margin: auto; cursor: move; background-image: url("../../resources/images/web/admin/visang/common/btn.png"); background-position: -90px 0px; }

.sort_box .sort_list li .btn_del { position: absolute !important; top: 0; right: 6px; bottom: 0; width: 22px; height: 25px !important; text-indent: -9999px; padding: 0 !important; margin: auto; }

.sort_box .sort_list li .btn_del:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 10px; height: 13px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/btn.png"); background-position: -150px 0px; }

/**
* --------------------------------
* Button CSS
* --------------------------------
*/
.btn_area { display: flex !important; justify-content: center; }

.btn_area > [class^="align"] { flex: 1; display: flex; }

.btn_area > [class^="align"][class*="left"] { justify-content: flex-start; }

.btn_area > [class^="align"][class*="center"] { justify-content: center; }

.btn_area > [class^="align"][class*="right"] { justify-content: flex-end; }

.btn_area [class^="btn"] { margin-left: 10px; }

.btn_area [class^="btn"]:first-child { margin-left: 0; }

[class^="btn"]:not(.btn_area) { display: inline-block; position: relative; height: 32px; font-weight: 350; font-size: 13px; line-height: 30px; text-align: center; vertical-align: top; padding: 0 16px; overflow: hidden; box-sizing: border-box; }

[class^="btn"]:not(.btn_area)[class*="small"] { height: 24px; font-size: 12px; line-height: 22px; padding: 0 10px; }

[class^="btn"]:not(.btn_area)[class*="big"] { height: 40px; font-weight: 700; font-size: 15px; line-height: 38px; }

[class^="btn"]:not(.btn_area)[class*="mute"] { text-indent: -9999px; }

[class^="btn"]:not(.btn_area)[class*="stroke"] { border-width: 1px; border-style: solid; border-color: #55575d; background-color: #fff; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="primary"] { color: #00b5e2; border-color: #00b5e2; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="red"] { color: #f1614e; border-color: #f1614e; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="orange"] { color: #f1843d; border-color: #f1843d; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="green"] { color: #167e1b; border-color: #167e1b; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="purple"] { color: #d867ab; border-color: #d867ab; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="gray"] { color: #adb0b8; border-color: #adb0b8; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="yellow"] { color: #ffbc47; border-color: #ffbc47; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="pink"] { color: #f65e5d; border-color: #f65e5d; }

[class^="btn"]:not(.btn_area)[class*="stroke"][class*="navy"] { color: #1d2d5f; border-color: #1d2d5f; }

[class^="btn"]:not(.btn_area)[class*="fill"] { color: #fff; background-color: #55575d; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="primary"] { background-color: #00b5e2; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="red"] { background-color: #f1614e; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="orange"] { background-color: #f1843d; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="green"] { background-color: #167e1b; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="purple"] { background-color: #d867ab; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="gray"] { background-color: #adb0b8; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="yellow"] { background-color: #ffbc47; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="pink"] { background-color: #f65e5d; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="navy"] { background-color: #1d2d5f; }

[class^="btn"]:not(.btn_area)[class*="fill"][class*="white"] { background-color: #fff; }

[class^="btn"]:not(.btn_area)[class*="full"] { width: 100%; }

[class^="btn"]:not(.btn_area)[class*="middle"] { display: flex; align-items: center; justify-content: center; }

[class^="btn"]:not(.btn_area)[disabled] { color: #7b7d82 !important; border-color: #efefef !important; background-color: #efefef !important; pointer-events: none; }

/**
* --------------------------------
* DataTable CSS
* --------------------------------
*/
.dataTables_wrapper { overflow: hidden; }

.dataTables_wrapper .dataTables_info { position: absolute; top: 0; left: 0; line-height: 32px; color: #55575d; padding: 0; }

.dataTables_wrapper .dataTables_info b { font-weight: 700; }

.dataTables_wrapper .dataTables_length { line-height: 32px; margin-bottom: 10px; margin-left: 75px; }

.dataTables_wrapper .dataTables_length .ui-selectmenu-button, .dataTables_wrapper .dataTables_length .ui-selectmenu-button:hover, .dataTables_wrapper .dataTables_length .ui-selectmenu-button:focus { width: auto; }

.dataTables_wrapper .dataTables_length ~ .dataTables_scroll, .dataTables_wrapper .dataTables_length ~ .dataTable { margin-top: 0; }

.dataTables_wrapper .dataTables_filter { line-height: 44px; }

.dataTables_wrapper .dataTables_filter input { padding: 0 15px; border: 1px solid #e0e7f1; border-radius: 0; }

.dataTables_wrapper .dataTables_scroll, .dataTables_wrapper .dataTable { margin-top: 42px; }

.dataTables_wrapper .dataTables_scroll .dataTable { margin-top: 0; }

.dataTables_wrapper .dataTable { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; border-top: none; border-bottom: none !important; }

.dataTables_wrapper .dataTable thead th { height: 32px; font-weight: 350; font-size: 13px; padding: 5px; border-top: 1px solid #e0e7f1; border-left: 1px solid #e0e7f1; border-bottom: none; background-color: #f1f6fa; box-sizing: border-box; }

.dataTables_wrapper .dataTable thead th:first-child { border-left: none; }

.dataTables_wrapper .dataTable thead th.sorting { background-image: url("../../resources/images/web/admin/visang/lib/sort_both.png") !important; }

.dataTables_wrapper .dataTable thead th.sorting.sorting_asc { background-image: url("../../resources/images/web/admin/visang/lib/sort_asc.png") !important; }

.dataTables_wrapper .dataTable thead th.sorting.sorting_desc { background-image: url("../../resources/images/web/admin/visang/lib/sort_desc.png") !important; }

.dataTables_wrapper .dataTable tbody tr { background: transparent !important; }

.dataTables_wrapper .dataTable tbody tr td { font-size: 13px; text-align: center; height: 21px; padding: 5px; border-top: 1px solid #e0e7f1; border-bottom: 1px solid #e0e7f1; border-left: 1px solid #e0e7f1; }

.dataTables_wrapper .dataTable tbody tr td:first-child { border-left: none !important; }

.dataTables_wrapper .dataTable tbody tr td.align_left { text-align: left; padding-left: 15px; padding-right: 15px; }

.dataTables_wrapper .dataTable tbody tr td p { font-size: 12px; color: #555; }

.dataTables_wrapper .dataTable tbody tr td .thumb { display: inline-block; width: 84px; height: 48px; overflow: hidden; }

.dataTables_wrapper .dataTable tbody tr td .thumb img { width: 100%; height: 100%; object-fit: cover; }

.dataTables_wrapper .dataTable tbody tr:nth-child(even) td { background-color: #fafafa; }

.dataTables_wrapper .dataTable tbody tr:hover td { color: #fff; background-color: #00b5e2; }

.dataTables_wrapper .dataTable tbody tr:hover td a { color: #fff; }

.dataTables_wrapper .dataTable tbody tr:hover td p { color: #fff; }

.dataTables_wrapper .dataTables_paginate { display: block; float: none; font-size: 0; text-align: center; margin-top: 20px; }

.dataTables_wrapper .dataTables_paginate a { display: inline-block; position: relative; width: 32px; height: 32px; text-align: center; vertical-align: top; line-height: 30px; border-radius: 0 !important; box-sizing: border-box; }

.dataTables_wrapper .dataTables_paginate a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 16px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/pagination.png"); }

.dataTables_wrapper .dataTables_paginate a:hover, .dataTables_wrapper .dataTables_paginate a:active { box-shadow: none !important; border: none !important; background: none !important; }

.dataTables_wrapper .dataTables_paginate a.paginate_button.first:before { width: 16px; background-position: 0px 0px; }

.dataTables_wrapper .dataTables_paginate a.paginate_button.previous { margin-left: 5px; }

.dataTables_wrapper .dataTables_paginate a.paginate_button.previous:before { width: 10px; background-position: -30px 0px; }

.dataTables_wrapper .dataTables_paginate a.paginate_button.next { margin-right: 5px; }

.dataTables_wrapper .dataTables_paginate a.paginate_button.next:before { transform: rotate(180deg); width: 10px; background-position: -30px 0px; }

.dataTables_wrapper .dataTables_paginate a.paginate_button.last:before { transform: rotate(180deg); width: 16px; background-position: 0px 0px; }

.dataTables_wrapper .dataTables_paginate > span { display: inline-block; margin: 0 20px; }

.dataTables_wrapper .dataTables_paginate > span .paginate_button, .dataTables_wrapper .dataTables_paginate > span .paginate_button:hover { font-size: 15px; color: #738ba9 !important; padding: 0; margin-left: 2px; border: none; background: none !important; box-shadow: none !important; }

.dataTables_wrapper .dataTables_paginate > span .paginate_button:before, .dataTables_wrapper .dataTables_paginate > span .paginate_button:hover:before { display: none; }

.dataTables_wrapper .dataTables_paginate > span .paginate_button:first-child, .dataTables_wrapper .dataTables_paginate > span .paginate_button:hover:first-child { margin-left: 0; }

.dataTables_wrapper .dataTables_paginate > span .paginate_button.current, .dataTables_wrapper .dataTables_paginate > span .paginate_button:hover.current { color: #00b5e2 !important; border: 1px solid #00b5e2 !important; }

/**
* --------------------------------
* Datepicker CSS
* --------------------------------
*/
.datepicker { display: inline-block; position: relative; width: 120px; background-color: #fff; }

.datepicker:after { content: ""; position: absolute; z-index: 1; top: 0; right: 10px; bottom: 0; width: 14px; height: 13px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/form.png"); background-position: -150px 0px; }

.datepicker > input { position: relative; z-index: 1; width: 100%; padding-right: 34px !important; }

.datepicker > input[readonly] { color: #55575d; background-color: transparent; }

/* datepicker */
.ui-datepicker { z-index: 100 !important; width: 210px; padding: 0 10px; border-color: #e0e7f1 !important; border-radius: 0; }

.ui-datepicker .ui-datepicker-header { padding: 0; border: none; background: none; }

.ui-datepicker .ui-datepicker-title { line-height: 45px; font-size: 12px; line-height: 1; color: #333; padding: 10px 0; }

.ui-datepicker .ui-datepicker-year, .ui-datepicker .ui-datepicker-month { width: auto !important; height: 32px; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-weight: 350; font-size: 13px !important; color: #55575d; padding: 0 15px; border-color: #e0e7f1; border-radius: 0; box-sizing: border-box; }

.ui-datepicker .ui-datepicker-month { margin-left: 2px !important; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 0; bottom: 0; width: 30px; height: 32px; margin: auto; border-color: transparent; background: transparent; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { top: 0; right: 0; bottom: 0; left: 0; width: 10px; height: 6px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/form.png"); background-position: 0px 0px; }

.ui-datepicker .ui-datepicker-prev { left: 0; }

.ui-datepicker .ui-datepicker-prev span { transform: rotate(90deg); }

.ui-datepicker .ui-datepicker-next { right: 0; }

.ui-datepicker .ui-datepicker-next span { transform: rotate(270deg); }

.ui-datepicker th { font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-weight: 350; font-size: 13px; color: #adb0b8; padding: 5px 0 10px 0; }

.ui-datepicker td { height: 30px; text-align: center; padding: 0; }

.ui-datepicker td a { display: inline-block; width: 24px; height: 24px; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-weight: 350; font-size: 13px; text-align: center; line-height: 24px; padding: 0; border: none !important; border-radius: 100%; background: #fff !important; }

.ui-datepicker td a.ui-state-active { font-size: 12px; color: #fff; background: #00b5e2 !important; }

/**
* --------------------------------
* Form CSS
* --------------------------------
*/
form tr:nth-child(even) td:hover { color: #7b7d82 !important; background-color: #fafafa !important; }

form tr:nth-child(odd) td:hover { color: #7b7d82 !important; background-color: #fff !important; }

/**
* --------------------------------
* Icon CSS
* --------------------------------
*/
.icon { display: inline-block; margin-right: 4px; }

.icon.excel { width: 11px; height: 11px; background-image: url("../../resources/images/web/admin/visang/common/icon.png"); background-position: -30px 0px; }

.icon.cross { width: 9px; height: 9px; background-image: url("../../resources/images/web/admin/visang/common/icon.png"); background-position: -120px 0px; }

.icon.list { width: 9px; height: 8px; background-image: url("../../resources/images/web/admin/visang/common/icon.png"); background-position: -150px 0px; }

.icon.preview { width: 14px; height: 12px; background-image: url("../../resources/images/web/admin/visang/common/icon.png"); background-position: -180px 0px; }

/**
* --------------------------------
* Input CSS
* --------------------------------
*/
label { display: inline-block; text-align: center; -webkit-tap-highlight-color: transparent; }

input { padding: 0; }

input[type="text"], input[type="number"], input[type="password"], input[type="search"], input[type="mail"] { height: 32px; font-weight: 350; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-size: 13px; color: #55575d; padding: 0 15px; border: 1px solid #e0e7f1; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }

input[type="text"].big, input[type="number"].big, input[type="password"].big, input[type="search"].big, input[type="mail"].big { height: 44px; font-size: 15px; }

input[type="text"]::-ms-clear { display: none; }

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

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

input[type="file"] { cursor: pointer; }

input:focus { outline: none; }

input::placeholder { font-size: 13px; color: #adb0b8; }

input:-ms-input-placeholder { font-size: 13px; color: #adb0b8 !important; }

input.big::placeholder { font-size: 15px; }

input.big:-ms-input-placeholder { font-size: 15px; }

textarea { width: 100%; font-size: 13px; color: #55575d; padding: 15px 15px; border: 1px solid #dfdfdf; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }

textarea::placeholder { font-weight: 350; font-size: 13px; color: #adb0b8; }

textarea:-ms-input-placeholder { font-weight: 350; font-size: 13px; color: #adb0b8; }

textarea:required, input:required, textarea.required, input.required { border-color: #e0e7f1; background-color: #e5f7fb; }

textarea:-moz-read-only, input:-moz-read-only { color: #adb0b8; background-color: #eee; }

textarea[readonly], input[readonly] { color: #adb0b8; background-color: #eee; }

textarea:disabled, input:disabled { color: #adb0b8; background-color: #eee; }

/**
* --------------------------------
* Input Checkbox CSS
* --------------------------------
*/
input[type="checkbox"] { display: inline-block; vertical-align: middle; }

input[type="checkbox"] + span { display: inline-block; position: relative; line-height: 22px; }

input[type="checkbox"].switch { position: absolute; left: -9999px; }

input[type="checkbox"].switch + span { height: 22px; line-height: 22px; }

input[type="checkbox"].switch + span:before { content: ""; transition-duration: 200ms; position: absolute; top: 0; right: 23px; bottom: 0; width: 18px; height: 18px; margin: auto; border-radius: 100%; background-image: none; background-color: #f9f9f9; }

input[type="checkbox"].switch + span:after { content: ""; transition-duration: 200ms; display: inline-block; width: 44px; height: 22px; vertical-align: top; margin-left: 10px; border-radius: 11px; background-color: #bebebe; }

input[type="checkbox"].switch:checked + span:before { right: 2px; }

input[type="checkbox"].switch:checked + span:after { background-color: #00b5e2; }

/**
* --------------------------------
* Input File CSS
* --------------------------------
*/
.file { position: relative; display: inline-block; min-width: 300px; }

.file .file_set:before { content: attr(data-filename); display: inline-block; width: calc(100% - 89px); height: 32px; font-size: 13px; line-height: 30px; padding: 0 10px; border: 1px solid #e0e7f1; background-color: #f1f6fa; box-sizing: border-box; }

.file .btn-file { width: 85px; height: 32px !important; line-height: 30px !important; color: #fff; padding: 0; margin-left: 4px; border-color: #55575d !important; background-color: #55575d !important; cursor: pointer; }

.file .btn-cancel { position: absolute; top: 0; right: 142px; width: 48px; height: 48px; }

.file .btn-cancel:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 18px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/icon.png"); background-position: -270px 0px; }

.file input[type="file"] { opacity: 0; position: absolute; z-index: 2; top: 0; left: -9999px; }

.file.file-picture .picture { display: block; position: relative; width: 138px; height: 168px; padding: 9px; border: 1px solid #dfdfdf; }

.file.file-picture .picture span { display: block; width: 118px; height: 148px; font-size: 14px; text-align: center; line-height: 20px; color: #7b7d82; padding-top: 44px; background-color: #f9f9f9; }

.file.file-picture .picture .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 118px; height: 148px; margin: auto; overflow: hidden; }

.file.file-picture .picture .img img { width: 100%; height: 100%; object-fit: cover; }

.file.file-picture .btn-file { float: left; width: 138px; margin: 14px 0 0 0; }

.file + p { margin-top: 5px; }

#divFileName { line-height: 32px; }

/**
* --------------------------------
* Input Radio CSS
* --------------------------------
*/
input[type="radio"] { display: inline-block; vertical-align: middle; }

input[type="radio"] + span { display: inline-block; position: relative; line-height: 22px; }

/**
* --------------------------------
* Js Tree CSS
* --------------------------------
*/
.jstree_area { height: 100%; background-color: #f1f6fa; box-sizing: border-box; }

.jstree_area .header { position: relative; font-size: 0; padding: 24px 20px 16px; border-bottom: 1px solid #e0e7f1; }

.jstree_area .header > .tit { font-size: 16px; color: #555; margin-bottom: 8px; }

.jstree_area .header .inquiry { position: absolute; top: 24px; right: 20px; }

.jstree_area .header .inquiry a { position: relative; font-size: 12px; margin-left: 17px; }

.jstree_area .header .inquiry a:before { content: ""; position: absolute; top: 5px; left: -9px; width: 1px; height: 10px; background-color: #e0e7f1; }

.jstree_area .header .inquiry a:first-child:before { display: none; }

.jstree_area .header .inquiry a.active { color: #55575d; }

.jstree_area .header .select { height: 24px; }

.jstree_area .header .select .ui-selectmenu-button { font-size: 12px; padding: 4px 6px; }

.jstree_area .header .select .ui-selectmenu-button .ui-selectmenu-text { line-height: 14px; margin-right: 15px; }

.jstree_area .header .select .ui-selectmenu-button .ui-selectmenu-icon { right: 7px; }

.jstree { border: none; padding: 15px 20px; background-color: transparent; }

.jstree .jstree-anchor { font-size: 14px; }

.jstree .jstree-icon { background-image: url("../../resources/images/web/admin/visang/lib/32px.png"); }

.jstree .jstree-themeicon { width: 14px !important; height: 12px !important; margin: 6px 8px 0 0; background-image: url("../../resources/images/web/admin/visang/common/icon.png"); background-position: -60px 0px; }

.jstree .jstree-leaf > .jstree-ocl { background: none; }

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

.jstree .jstree-closed > .jstree-anchor .jstree-themeicon { width: 14px; height: 12px; background-position: -60px 0px; }

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

.jstree .jstree-open > .jstree-anchor .jstree-themeicon { width: 14px; height: 12px; background-position: -90px 0px; }

.btn_area + .jstree { margin-top: 42px; }

/**
* --------------------------------
* Margin
* --------------------------------
*/
.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

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

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

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

.mr0 { margin-right: 0px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mr65 { margin-right: 65px !important; }

.mr70 { margin-right: 70px !important; }

.mr75 { margin-right: 75px !important; }

.mr80 { margin-right: 80px !important; }

.mr85 { margin-right: 85px !important; }

.mr90 { margin-right: 90px !important; }

.mr95 { margin-right: 95px !important; }

.mr100 { margin-right: 100px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb95 { margin-bottom: 95px !important; }

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

.ml0 { margin-left: 0px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.ml65 { margin-left: 65px !important; }

.ml70 { margin-left: 70px !important; }

.ml75 { margin-left: 75px !important; }

.ml80 { margin-left: 80px !important; }

.ml85 { margin-left: 85px !important; }

.ml90 { margin-left: 90px !important; }

.ml95 { margin-left: 95px !important; }

.ml100 { margin-left: 100px !important; }

.mt-0 { margin-top: 0px !important; }

.mt-5 { margin-top: -5px !important; }

.mt-10 { margin-top: -10px !important; }

.mt-15 { margin-top: -15px !important; }

.mt-20 { margin-top: -20px !important; }

.mt-25 { margin-top: -25px !important; }

.mt-30 { margin-top: -30px !important; }

.mt-35 { margin-top: -35px !important; }

.mt-40 { margin-top: -40px !important; }

.mt-45 { margin-top: -45px !important; }

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

.mt-55 { margin-top: -55px !important; }

.mt-60 { margin-top: -60px !important; }

.mt-65 { margin-top: -65px !important; }

.mt-70 { margin-top: -70px !important; }

.mt-75 { margin-top: -75px !important; }

.mt-80 { margin-top: -80px !important; }

.mt-85 { margin-top: -85px !important; }

.mt-90 { margin-top: -90px !important; }

.mt-95 { margin-top: -95px !important; }

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

.mr-0 { margin-right: 0px !important; }

.mr-5 { margin-right: -5px !important; }

.mr-10 { margin-right: -10px !important; }

.mr-15 { margin-right: -15px !important; }

.mr-20 { margin-right: -20px !important; }

.mr-25 { margin-right: -25px !important; }

.mr-30 { margin-right: -30px !important; }

.mr-35 { margin-right: -35px !important; }

.mr-40 { margin-right: -40px !important; }

.mr-45 { margin-right: -45px !important; }

.mr-50 { margin-right: -50px !important; }

.mr-55 { margin-right: -55px !important; }

.mr-60 { margin-right: -60px !important; }

.mr-65 { margin-right: -65px !important; }

.mr-70 { margin-right: -70px !important; }

.mr-75 { margin-right: -75px !important; }

.mr-80 { margin-right: -80px !important; }

.mr-85 { margin-right: -85px !important; }

.mr-90 { margin-right: -90px !important; }

.mr-95 { margin-right: -95px !important; }

.mr-100 { margin-right: -100px !important; }

.mb-0 { margin-bottom: 0px !important; }

.mb-5 { margin-bottom: -5px !important; }

.mb-10 { margin-bottom: -10px !important; }

.mb-15 { margin-bottom: -15px !important; }

.mb-20 { margin-bottom: -20px !important; }

.mb-25 { margin-bottom: -25px !important; }

.mb-30 { margin-bottom: -30px !important; }

.mb-35 { margin-bottom: -35px !important; }

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

.mb-45 { margin-bottom: -45px !important; }

.mb-50 { margin-bottom: -50px !important; }

.mb-55 { margin-bottom: -55px !important; }

.mb-60 { margin-bottom: -60px !important; }

.mb-65 { margin-bottom: -65px !important; }

.mb-70 { margin-bottom: -70px !important; }

.mb-75 { margin-bottom: -75px !important; }

.mb-80 { margin-bottom: -80px !important; }

.mb-85 { margin-bottom: -85px !important; }

.mb-90 { margin-bottom: -90px !important; }

.mb-95 { margin-bottom: -95px !important; }

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

.ml-0 { margin-left: 0px !important; }

.ml-5 { margin-left: -5px !important; }

.ml-10 { margin-left: -10px !important; }

.ml-15 { margin-left: -15px !important; }

.ml-20 { margin-left: -20px !important; }

.ml-25 { margin-left: -25px !important; }

.ml-30 { margin-left: -30px !important; }

.ml-35 { margin-left: -35px !important; }

.ml-40 { margin-left: -40px !important; }

.ml-45 { margin-left: -45px !important; }

.ml-50 { margin-left: -50px !important; }

.ml-55 { margin-left: -55px !important; }

.ml-60 { margin-left: -60px !important; }

.ml-65 { margin-left: -65px !important; }

.ml-70 { margin-left: -70px !important; }

.ml-75 { margin-left: -75px !important; }

.ml-80 { margin-left: -80px !important; }

.ml-85 { margin-left: -85px !important; }

.ml-90 { margin-left: -90px !important; }

.ml-95 { margin-left: -95px !important; }

.ml-100 { margin-left: -100px !important; }

/**
* --------------------------------
* Padding
* --------------------------------
*/
.pt0 { padding-top: 0px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 70px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pt90 { padding-top: 90px !important; }

.pt95 { padding-top: 95px !important; }

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

.pr0 { padding-right: 0px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pr65 { padding-right: 65px !important; }

.pr70 { padding-right: 70px !important; }

.pr75 { padding-right: 75px !important; }

.pr80 { padding-right: 80px !important; }

.pr85 { padding-right: 85px !important; }

.pr90 { padding-right: 90px !important; }

.pr95 { padding-right: 95px !important; }

.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb65 { padding-bottom: 65px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb75 { padding-bottom: 75px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb85 { padding-bottom: 85px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb95 { padding-bottom: 95px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0px !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pl65 { padding-left: 65px !important; }

.pl70 { padding-left: 70px !important; }

.pl75 { padding-left: 75px !important; }

.pl80 { padding-left: 80px !important; }

.pl85 { padding-left: 85px !important; }

.pl90 { padding-left: 90px !important; }

.pl95 { padding-left: 95px !important; }

.pl100 { padding-left: 100px !important; }

/**
* --------------------------------
* Popup CSS
* --------------------------------
*/
.popup { opacity: 0; display: flex; align-items: center; justify-content: center; position: fixed; top: -100vh; left: -100vw; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); outline: none; }

.popup > .inner { position: relative; min-width: 480px; max-width: 1280px; background-color: #fff; box-sizing: border-box; overflow: hidden; }

.popup > .inner > .header { position: relative; }

.popup > .inner > .header .tit { height: 60px; font-weight: 700; font-size: 20px; line-height: 60px; color: #18212c; padding: 0 24px; border-bottom: 1px solid #e0e7f1; }

.popup > .inner > .header .btn_close { position: absolute; top: 0; right: 0; width: 60px; height: 60px; }

.popup > .inner > .header .btn_close:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 18px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/btn.png"); background-position: 0px 0px; }

.popup > .inner > .btn_close { position: absolute; top: 7px; right: 7px; width: 60px; height: 60px; }

.popup > .inner > .btn_close:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 18px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/btn.png"); background-position: 0px 0px; }

.popup > .inner > .contents { position: relative; max-width: 1000px; max-height: 70vh; padding: 24px; overflow: auto; }

.popup > .inner > .contents .btn_area { display: flex; width: 100%; justify-content: center; }

.popup > .inner > .contents .btn_area [class*="btn"] { flex-basis: 100px; margin-left: 4px; }

.popup > .inner > .contents .btn_area [class*="btn"]:first-child { margin-left: 0; }

.popup > .inner > .footer { margin-top: 36px; }

.popup.active { opacity: 1; top: 0; left: 0; }

.popup.active + hr { display: block; width: 0; margin: 0; border: none; }

.popup[class*="alert"] > .inner, .popup[class*="confirm"] > .inner { padding: 78px 25px 60px; }

.popup[class*="alert"] > .inner > .contents, .popup[class*="confirm"] > .inner > .contents { text-align: center; margin-top: 0; }

/**
* --------------------------------
* Scroll Disabled CSS
* --------------------------------
*/
.scroll_disabled { height: 100%; min-height: 100%; overflow: hidden !important; touch-action: none; }

/**
* --------------------------------
* Search CSS
* --------------------------------
*/
.search_area:not(.search_table) { position: relative; font-size: 0; padding: 10px; margin-bottom: 40px; border-top: 1px solid #e0e7f1; border-bottom: 1px solid #e0e7f1; background-color: #f1f6fa; }

.search_area:not(.search_table) .row { margin-top: 8px; }

.search_area:not(.search_table) .row .column { display: inline-block; margin-left: 20px; }

.search_area:not(.search_table) .row .column:first-child { margin-left: 0; }

.search_area:not(.search_table) .row:first-of-type { margin-top: 0; }

.search_area:not(.search_table) .title { display: inline-block; position: relative; font-size: 13px; line-height: 32px; vertical-align: top; padding: 0 4px 0 8px; }

.search_area:not(.search_table) input, .search_area:not(.search_table) .select, .search_area:not(.search_table) .datepicker { vertical-align: top; margin-left: 2px; }

.search_area:not(.search_table) input:first-child, .search_area:not(.search_table) .select:first-child, .search_area:not(.search_table) .datepicker:first-child { margin-left: 0; }

.search_area:not(.search_table) input[type="search"] { width: 240px; }

.search_area:not(.search_table) .tilde { display: inline-block; width: 14px; font-size: 13px; text-align: center; vertical-align: top; line-height: 32px; }

.search_area:not(.search_table) .btn_area { position: absolute; top: 0; right: 20px; bottom: 0; width: auto !important; height: 40px; margin: auto; }

.search_area:not(.search_table) .btn_area .btn_reset { position: relative; width: 40px; border-color: #e0e7f1 !important; }

.search_area:not(.search_table) .btn_area .btn_reset:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 16px; height: 16px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/btn.png"); background-position: -30px 0px; }

.search_area:not(.search_table) .btn_area .btn_search { width: 100px; margin-left: 2px; }

.search_table td { position: relative; }

.search_table td small { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; font-size: 13px; }

.search_table .btn_area { margin-top: 10px; }

.search_table .btn_area .btn { width: 100px; }

/**
* --------------------------------
* Select CSS
* --------------------------------
*/
.select, label { display: inline-block; width: auto; }

.select .ui-selectmenu-button, .select .ui-selectmenu-button:hover, .select .ui-selectmenu-button:focus, label .ui-selectmenu-button, label .ui-selectmenu-button:hover, label .ui-selectmenu-button:focus { width: 100%; height: 100%; font-weight: 350; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-size: 13px; vertical-align: top; line-height: 16px; color: #55575d; padding: 7px 15px 7px; margin: 0; border: 1px solid #e0e7f1; border-radius: 0; background-color: #fff; box-sizing: border-box; }

.select .ui-selectmenu-button .ui-selectmenu-icon, .select .ui-selectmenu-button:hover .ui-selectmenu-icon, .select .ui-selectmenu-button:focus .ui-selectmenu-icon, label .ui-selectmenu-button .ui-selectmenu-icon, label .ui-selectmenu-button:hover .ui-selectmenu-icon, label .ui-selectmenu-button:focus .ui-selectmenu-icon { position: absolute; top: 0; right: 15px; bottom: 0; width: 10px; height: 6px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/form.png"); background-position: 0px 0px; }

.select .ui-selectmenu-button .ui-selectmenu-text, .select .ui-selectmenu-button:hover .ui-selectmenu-text, .select .ui-selectmenu-button:focus .ui-selectmenu-text, label .ui-selectmenu-button .ui-selectmenu-text, label .ui-selectmenu-button:hover .ui-selectmenu-text, label .ui-selectmenu-button:focus .ui-selectmenu-text { margin-right: 20px; }

.select .ui-selectmenu-button[class*="open"] .ui-selectmenu-icon, .select .ui-selectmenu-button:hover[class*="open"] .ui-selectmenu-icon, .select .ui-selectmenu-button:focus[class*="open"] .ui-selectmenu-icon, label .ui-selectmenu-button[class*="open"] .ui-selectmenu-icon, label .ui-selectmenu-button:hover[class*="open"] .ui-selectmenu-icon, label .ui-selectmenu-button:focus[class*="open"] .ui-selectmenu-icon { transform: rotate(180deg); }

.select select:required + .ui-selectmenu-button, .select select.required + .ui-selectmenu-button, label select:required + .ui-selectmenu-button, label select.required + .ui-selectmenu-button { border-color: #e0e7f1; background-color: #e5f7fb; }

.select .big + .ui-selectmenu-button, label .big + .ui-selectmenu-button { font-size: 15px; line-height: 20px; padding-top: 11px; padding-bottom: 11px; }

.ui-selectmenu-menu .ui-menu { margin-top: -1px; padding-bottom: 0; border: 1px solid #e0e7f1; }

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { height: 34px; font-family: "Noto Sans KR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-size: 13px; line-height: 34px; color: #7b7d82; padding: 0 14px; border: none; }

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper[class*="active"] { font-weight: 350; margin: 0; background-color: #f1f6fa; }

.ui-selectmenu-menu .ui-menu.big .ui-menu-item .ui-menu-item-wrapper { font-size: 15px; }

/**
* --------------------------------
* Skip CSS
* --------------------------------
*/
.skip { opacity: 0.9; position: absolute; z-index: 9999; top: -9999px; left: 0; width: 100%; height: 30px; font-weight: 700; text-align: center; line-height: 30px; background: #ffffff; }

.skip:focus { top: 0; }

/**
* --------------------------------
* Table CSS
* --------------------------------
*/
.table { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; }

.table th { height: 32px; font-weight: 350; font-size: 13px; padding: 5px; border-top: 1px solid #e0e7f1; border-left: 1px solid #e0e7f1; background-color: #f1f6fa; box-sizing: border-box; }

.table th:first-child { border-left: none; }

.table th.align_left { text-align: left; }

.table tbody tr th { border-bottom: 1px solid #e0e7f1; }

.table tbody tr th .required { display: inline-block; position: relative; font-size: 0; }

.table tbody tr th .required:after { content: "*"; position: absolute; top: -13px; left: 0; font-size: 13px; color: #ff0000; }

.table tbody tr td { height: 21px; font-size: 13px; text-align: center; padding: 5px; border-top: 1px solid #e0e7f1; border-bottom: 1px solid #e0e7f1; border-left: 1px solid #e0e7f1; }

.table tbody tr td:first-child { border-left: none; }

.table tbody tr td.align_left { text-align: left; }

.table tbody tr:nth-child(even) td { background-color: #fafafa; }

.btn_area + form .table, .btn_area + .table { margin-top: 42px; }

/**
* --------------------------------
* Tab Menu CSS
* --------------------------------
*/
.tab_menu { font-size: 0; padding-top: 10px; margin-bottom: 10px; border-top: 1px solid #e0e7f1; overflow: hidden; }

.tab_menu a { display: inline-block; height: 40px; font-size: 15px; line-height: 40px; padding: 0 16px; margin-left: 8px; background-color: #e0e7f1; }

.tab_menu a:first-child { margin-left: 0; }

.tab_menu a.active { font-weight: 700; color: #fff; background-color: #19212c; }

.tab_menu .btn_area { float: right; width: auto !important; margin-top: 8px; }

.tab_menu .btn_area a { width: auto !important; flex-basis: auto !important; }

.popup .tab_menu { border-top: none; }

/**
* --------------------------------
* Templete Guide CSS
* --------------------------------
*/
.templeteguide { position: fixed; top: 122px; left: 50px; width: 200px; background-color: #f1f6fa; }

.templeteguide > .tit { font-weight: 700; font-size: 16px; line-height: 50px; text-align: center; color: #fff; background-color: #1d2d5f; }

.templeteguide .scrollbar { max-height: 590px; }

.templeteguide .scrollbar > .scroll-element.scroll-y { top: 13px; right: 12px; height: calc(100% - 13px - 13px); }

.templeteguide ol { padding: 13px 32px 13px 12px; }

.templeteguide ol .depth1 { margin-top: 8px; }

.templeteguide ol .depth1:first-child { margin-top: 0; }

.templeteguide ol .depth1 > div { font-weight: 700; font-size: 13px; text-align: center; line-height: 35px; color: #18212c; border: 1px solid #e2e8f2; background-color: #fff; }

.templeteguide ol .depth2 > li { margin-top: 8px; }

.templeteguide ol .depth2 > li > div { font-size: 13px; text-align: center; line-height: 35px; color: #18212c; background-color: #e0e7f1; }

.templeteguide ol .depth3 { padding: 0 12px; }

.templeteguide ol .depth3 > li { margin-top: 8px; }

.templeteguide ol .depth3 > li > div { font-size: 13px; text-align: center; line-height: 35px; color: #18212c; background-color: #e0e7f1; }

.templeteguide ol .depth4 > li { margin-top: 8px; }

.templeteguide ol .depth4 > li > div { font-size: 13px; text-align: center; line-height: 35px; color: #18212c; border: 1px solid #e0e7f1; }

/**
* --------------------------------
* Tree Menu
* --------------------------------
*/
/**
* --------------------------------
* Width
* --------------------------------
*/
.w1p { width: 1% !important; flex-grow: 0 !important; flex-basis: 1% !important; }

.w2p { width: 2% !important; flex-grow: 0 !important; flex-basis: 2% !important; }

.w3p { width: 3% !important; flex-grow: 0 !important; flex-basis: 3% !important; }

.w4p { width: 4% !important; flex-grow: 0 !important; flex-basis: 4% !important; }

.w5p { width: 5% !important; flex-grow: 0 !important; flex-basis: 5% !important; }

.w6p { width: 6% !important; flex-grow: 0 !important; flex-basis: 6% !important; }

.w7p { width: 7% !important; flex-grow: 0 !important; flex-basis: 7% !important; }

.w8p { width: 8% !important; flex-grow: 0 !important; flex-basis: 8% !important; }

.w9p { width: 9% !important; flex-grow: 0 !important; flex-basis: 9% !important; }

.w10p { width: 10% !important; flex-grow: 0 !important; flex-basis: 10% !important; }

.w11p { width: 11% !important; flex-grow: 0 !important; flex-basis: 11% !important; }

.w12p { width: 12% !important; flex-grow: 0 !important; flex-basis: 12% !important; }

.w13p { width: 13% !important; flex-grow: 0 !important; flex-basis: 13% !important; }

.w14p { width: 14% !important; flex-grow: 0 !important; flex-basis: 14% !important; }

.w15p { width: 15% !important; flex-grow: 0 !important; flex-basis: 15% !important; }

.w16p { width: 16% !important; flex-grow: 0 !important; flex-basis: 16% !important; }

.w17p { width: 17% !important; flex-grow: 0 !important; flex-basis: 17% !important; }

.w18p { width: 18% !important; flex-grow: 0 !important; flex-basis: 18% !important; }

.w19p { width: 19% !important; flex-grow: 0 !important; flex-basis: 19% !important; }

.w20p { width: 20% !important; flex-grow: 0 !important; flex-basis: 20% !important; }

.w21p { width: 21% !important; flex-grow: 0 !important; flex-basis: 21% !important; }

.w22p { width: 22% !important; flex-grow: 0 !important; flex-basis: 22% !important; }

.w23p { width: 23% !important; flex-grow: 0 !important; flex-basis: 23% !important; }

.w24p { width: 24% !important; flex-grow: 0 !important; flex-basis: 24% !important; }

.w25p { width: 25% !important; flex-grow: 0 !important; flex-basis: 25% !important; }

.w26p { width: 26% !important; flex-grow: 0 !important; flex-basis: 26% !important; }

.w27p { width: 27% !important; flex-grow: 0 !important; flex-basis: 27% !important; }

.w28p { width: 28% !important; flex-grow: 0 !important; flex-basis: 28% !important; }

.w29p { width: 29% !important; flex-grow: 0 !important; flex-basis: 29% !important; }

.w30p { width: 30% !important; flex-grow: 0 !important; flex-basis: 30% !important; }

.w31p { width: 31% !important; flex-grow: 0 !important; flex-basis: 31% !important; }

.w32p { width: 32% !important; flex-grow: 0 !important; flex-basis: 32% !important; }

.w33p { width: 33% !important; flex-grow: 0 !important; flex-basis: 33% !important; }

.w34p { width: 34% !important; flex-grow: 0 !important; flex-basis: 34% !important; }

.w35p { width: 35% !important; flex-grow: 0 !important; flex-basis: 35% !important; }

.w36p { width: 36% !important; flex-grow: 0 !important; flex-basis: 36% !important; }

.w37p { width: 37% !important; flex-grow: 0 !important; flex-basis: 37% !important; }

.w38p { width: 38% !important; flex-grow: 0 !important; flex-basis: 38% !important; }

.w39p { width: 39% !important; flex-grow: 0 !important; flex-basis: 39% !important; }

.w40p { width: 40% !important; flex-grow: 0 !important; flex-basis: 40% !important; }

.w41p { width: 41% !important; flex-grow: 0 !important; flex-basis: 41% !important; }

.w42p { width: 42% !important; flex-grow: 0 !important; flex-basis: 42% !important; }

.w43p { width: 43% !important; flex-grow: 0 !important; flex-basis: 43% !important; }

.w44p { width: 44% !important; flex-grow: 0 !important; flex-basis: 44% !important; }

.w45p { width: 45% !important; flex-grow: 0 !important; flex-basis: 45% !important; }

.w46p { width: 46% !important; flex-grow: 0 !important; flex-basis: 46% !important; }

.w47p { width: 47% !important; flex-grow: 0 !important; flex-basis: 47% !important; }

.w48p { width: 48% !important; flex-grow: 0 !important; flex-basis: 48% !important; }

.w49p { width: 49% !important; flex-grow: 0 !important; flex-basis: 49% !important; }

.w50p { width: 50% !important; flex-grow: 0 !important; flex-basis: 50% !important; }

.w51p { width: 51% !important; flex-grow: 0 !important; flex-basis: 51% !important; }

.w52p { width: 52% !important; flex-grow: 0 !important; flex-basis: 52% !important; }

.w53p { width: 53% !important; flex-grow: 0 !important; flex-basis: 53% !important; }

.w54p { width: 54% !important; flex-grow: 0 !important; flex-basis: 54% !important; }

.w55p { width: 55% !important; flex-grow: 0 !important; flex-basis: 55% !important; }

.w56p { width: 56% !important; flex-grow: 0 !important; flex-basis: 56% !important; }

.w57p { width: 57% !important; flex-grow: 0 !important; flex-basis: 57% !important; }

.w58p { width: 58% !important; flex-grow: 0 !important; flex-basis: 58% !important; }

.w59p { width: 59% !important; flex-grow: 0 !important; flex-basis: 59% !important; }

.w60p { width: 60% !important; flex-grow: 0 !important; flex-basis: 60% !important; }

.w61p { width: 61% !important; flex-grow: 0 !important; flex-basis: 61% !important; }

.w62p { width: 62% !important; flex-grow: 0 !important; flex-basis: 62% !important; }

.w63p { width: 63% !important; flex-grow: 0 !important; flex-basis: 63% !important; }

.w64p { width: 64% !important; flex-grow: 0 !important; flex-basis: 64% !important; }

.w65p { width: 65% !important; flex-grow: 0 !important; flex-basis: 65% !important; }

.w66p { width: 66% !important; flex-grow: 0 !important; flex-basis: 66% !important; }

.w67p { width: 67% !important; flex-grow: 0 !important; flex-basis: 67% !important; }

.w68p { width: 68% !important; flex-grow: 0 !important; flex-basis: 68% !important; }

.w69p { width: 69% !important; flex-grow: 0 !important; flex-basis: 69% !important; }

.w70p { width: 70% !important; flex-grow: 0 !important; flex-basis: 70% !important; }

.w71p { width: 71% !important; flex-grow: 0 !important; flex-basis: 71% !important; }

.w72p { width: 72% !important; flex-grow: 0 !important; flex-basis: 72% !important; }

.w73p { width: 73% !important; flex-grow: 0 !important; flex-basis: 73% !important; }

.w74p { width: 74% !important; flex-grow: 0 !important; flex-basis: 74% !important; }

.w75p { width: 75% !important; flex-grow: 0 !important; flex-basis: 75% !important; }

.w76p { width: 76% !important; flex-grow: 0 !important; flex-basis: 76% !important; }

.w77p { width: 77% !important; flex-grow: 0 !important; flex-basis: 77% !important; }

.w78p { width: 78% !important; flex-grow: 0 !important; flex-basis: 78% !important; }

.w79p { width: 79% !important; flex-grow: 0 !important; flex-basis: 79% !important; }

.w80p { width: 80% !important; flex-grow: 0 !important; flex-basis: 80% !important; }

.w81p { width: 81% !important; flex-grow: 0 !important; flex-basis: 81% !important; }

.w82p { width: 82% !important; flex-grow: 0 !important; flex-basis: 82% !important; }

.w83p { width: 83% !important; flex-grow: 0 !important; flex-basis: 83% !important; }

.w84p { width: 84% !important; flex-grow: 0 !important; flex-basis: 84% !important; }

.w85p { width: 85% !important; flex-grow: 0 !important; flex-basis: 85% !important; }

.w86p { width: 86% !important; flex-grow: 0 !important; flex-basis: 86% !important; }

.w87p { width: 87% !important; flex-grow: 0 !important; flex-basis: 87% !important; }

.w88p { width: 88% !important; flex-grow: 0 !important; flex-basis: 88% !important; }

.w89p { width: 89% !important; flex-grow: 0 !important; flex-basis: 89% !important; }

.w90p { width: 90% !important; flex-grow: 0 !important; flex-basis: 90% !important; }

.w91p { width: 91% !important; flex-grow: 0 !important; flex-basis: 91% !important; }

.w92p { width: 92% !important; flex-grow: 0 !important; flex-basis: 92% !important; }

.w93p { width: 93% !important; flex-grow: 0 !important; flex-basis: 93% !important; }

.w94p { width: 94% !important; flex-grow: 0 !important; flex-basis: 94% !important; }

.w95p { width: 95% !important; flex-grow: 0 !important; flex-basis: 95% !important; }

.w96p { width: 96% !important; flex-grow: 0 !important; flex-basis: 96% !important; }

.w97p { width: 97% !important; flex-grow: 0 !important; flex-basis: 97% !important; }

.w98p { width: 98% !important; flex-grow: 0 !important; flex-basis: 98% !important; }

.w99p { width: 99% !important; flex-grow: 0 !important; flex-basis: 99% !important; }

.w100p { width: 100% !important; flex-grow: 0 !important; flex-basis: 100% !important; }

.w5 { width: 5px !important; flex-grow: 0 !important; flex-basis: 5px !important; }

.w10 { width: 10px !important; flex-grow: 0 !important; flex-basis: 10px !important; }

.w15 { width: 15px !important; flex-grow: 0 !important; flex-basis: 15px !important; }

.w20 { width: 20px !important; flex-grow: 0 !important; flex-basis: 20px !important; }

.w25 { width: 25px !important; flex-grow: 0 !important; flex-basis: 25px !important; }

.w30 { width: 30px !important; flex-grow: 0 !important; flex-basis: 30px !important; }

.w35 { width: 35px !important; flex-grow: 0 !important; flex-basis: 35px !important; }

.w40 { width: 40px !important; flex-grow: 0 !important; flex-basis: 40px !important; }

.w45 { width: 45px !important; flex-grow: 0 !important; flex-basis: 45px !important; }

.w50 { width: 50px !important; flex-grow: 0 !important; flex-basis: 50px !important; }

.w55 { width: 55px !important; flex-grow: 0 !important; flex-basis: 55px !important; }

.w60 { width: 60px !important; flex-grow: 0 !important; flex-basis: 60px !important; }

.w65 { width: 65px !important; flex-grow: 0 !important; flex-basis: 65px !important; }

.w70 { width: 70px !important; flex-grow: 0 !important; flex-basis: 70px !important; }

.w75 { width: 75px !important; flex-grow: 0 !important; flex-basis: 75px !important; }

.w80 { width: 80px !important; flex-grow: 0 !important; flex-basis: 80px !important; }

.w85 { width: 85px !important; flex-grow: 0 !important; flex-basis: 85px !important; }

.w90 { width: 90px !important; flex-grow: 0 !important; flex-basis: 90px !important; }

.w95 { width: 95px !important; flex-grow: 0 !important; flex-basis: 95px !important; }

.w100 { width: 100px !important; flex-grow: 0 !important; flex-basis: 100px !important; }

.w105 { width: 105px !important; flex-grow: 0 !important; flex-basis: 105px !important; }

.w110 { width: 110px !important; flex-grow: 0 !important; flex-basis: 110px !important; }

.w115 { width: 115px !important; flex-grow: 0 !important; flex-basis: 115px !important; }

.w120 { width: 120px !important; flex-grow: 0 !important; flex-basis: 120px !important; }

.w125 { width: 125px !important; flex-grow: 0 !important; flex-basis: 125px !important; }

.w130 { width: 130px !important; flex-grow: 0 !important; flex-basis: 130px !important; }

.w135 { width: 135px !important; flex-grow: 0 !important; flex-basis: 135px !important; }

.w140 { width: 140px !important; flex-grow: 0 !important; flex-basis: 140px !important; }

.w145 { width: 145px !important; flex-grow: 0 !important; flex-basis: 145px !important; }

.w150 { width: 150px !important; flex-grow: 0 !important; flex-basis: 150px !important; }

.w155 { width: 155px !important; flex-grow: 0 !important; flex-basis: 155px !important; }

.w160 { width: 160px !important; flex-grow: 0 !important; flex-basis: 160px !important; }

.w165 { width: 165px !important; flex-grow: 0 !important; flex-basis: 165px !important; }

.w170 { width: 170px !important; flex-grow: 0 !important; flex-basis: 170px !important; }

.w175 { width: 175px !important; flex-grow: 0 !important; flex-basis: 175px !important; }

.w180 { width: 180px !important; flex-grow: 0 !important; flex-basis: 180px !important; }

.w185 { width: 185px !important; flex-grow: 0 !important; flex-basis: 185px !important; }

.w190 { width: 190px !important; flex-grow: 0 !important; flex-basis: 190px !important; }

.w195 { width: 195px !important; flex-grow: 0 !important; flex-basis: 195px !important; }

.w200 { width: 200px !important; flex-grow: 0 !important; flex-basis: 200px !important; }

.w205 { width: 205px !important; flex-grow: 0 !important; flex-basis: 205px !important; }

.w210 { width: 210px !important; flex-grow: 0 !important; flex-basis: 210px !important; }

.w215 { width: 215px !important; flex-grow: 0 !important; flex-basis: 215px !important; }

.w220 { width: 220px !important; flex-grow: 0 !important; flex-basis: 220px !important; }

.w225 { width: 225px !important; flex-grow: 0 !important; flex-basis: 225px !important; }

.w230 { width: 230px !important; flex-grow: 0 !important; flex-basis: 230px !important; }

.w235 { width: 235px !important; flex-grow: 0 !important; flex-basis: 235px !important; }

.w240 { width: 240px !important; flex-grow: 0 !important; flex-basis: 240px !important; }

.w245 { width: 245px !important; flex-grow: 0 !important; flex-basis: 245px !important; }

.w250 { width: 250px !important; flex-grow: 0 !important; flex-basis: 250px !important; }

.w255 { width: 255px !important; flex-grow: 0 !important; flex-basis: 255px !important; }

.w260 { width: 260px !important; flex-grow: 0 !important; flex-basis: 260px !important; }

.w265 { width: 265px !important; flex-grow: 0 !important; flex-basis: 265px !important; }

.w270 { width: 270px !important; flex-grow: 0 !important; flex-basis: 270px !important; }

.w275 { width: 275px !important; flex-grow: 0 !important; flex-basis: 275px !important; }

.w280 { width: 280px !important; flex-grow: 0 !important; flex-basis: 280px !important; }

.w285 { width: 285px !important; flex-grow: 0 !important; flex-basis: 285px !important; }

.w290 { width: 290px !important; flex-grow: 0 !important; flex-basis: 290px !important; }

.w295 { width: 295px !important; flex-grow: 0 !important; flex-basis: 295px !important; }

.w300 { width: 300px !important; flex-grow: 0 !important; flex-basis: 300px !important; }

.w305 { width: 305px !important; flex-grow: 0 !important; flex-basis: 305px !important; }

.w310 { width: 310px !important; flex-grow: 0 !important; flex-basis: 310px !important; }

.w315 { width: 315px !important; flex-grow: 0 !important; flex-basis: 315px !important; }

.w320 { width: 320px !important; flex-grow: 0 !important; flex-basis: 320px !important; }

.w325 { width: 325px !important; flex-grow: 0 !important; flex-basis: 325px !important; }

.w330 { width: 330px !important; flex-grow: 0 !important; flex-basis: 330px !important; }

.w335 { width: 335px !important; flex-grow: 0 !important; flex-basis: 335px !important; }

.w340 { width: 340px !important; flex-grow: 0 !important; flex-basis: 340px !important; }

.w345 { width: 345px !important; flex-grow: 0 !important; flex-basis: 345px !important; }

.w350 { width: 350px !important; flex-grow: 0 !important; flex-basis: 350px !important; }

.w355 { width: 355px !important; flex-grow: 0 !important; flex-basis: 355px !important; }

.w360 { width: 360px !important; flex-grow: 0 !important; flex-basis: 360px !important; }

.w365 { width: 365px !important; flex-grow: 0 !important; flex-basis: 365px !important; }

.w370 { width: 370px !important; flex-grow: 0 !important; flex-basis: 370px !important; }

.w375 { width: 375px !important; flex-grow: 0 !important; flex-basis: 375px !important; }

.w380 { width: 380px !important; flex-grow: 0 !important; flex-basis: 380px !important; }

.w385 { width: 385px !important; flex-grow: 0 !important; flex-basis: 385px !important; }

.w390 { width: 390px !important; flex-grow: 0 !important; flex-basis: 390px !important; }

.w395 { width: 395px !important; flex-grow: 0 !important; flex-basis: 395px !important; }

.w400 { width: 400px !important; flex-grow: 0 !important; flex-basis: 400px !important; }

.w405 { width: 405px !important; flex-grow: 0 !important; flex-basis: 405px !important; }

.w410 { width: 410px !important; flex-grow: 0 !important; flex-basis: 410px !important; }

.w415 { width: 415px !important; flex-grow: 0 !important; flex-basis: 415px !important; }

.w420 { width: 420px !important; flex-grow: 0 !important; flex-basis: 420px !important; }

.w425 { width: 425px !important; flex-grow: 0 !important; flex-basis: 425px !important; }

.w430 { width: 430px !important; flex-grow: 0 !important; flex-basis: 430px !important; }

.w435 { width: 435px !important; flex-grow: 0 !important; flex-basis: 435px !important; }

.w440 { width: 440px !important; flex-grow: 0 !important; flex-basis: 440px !important; }

.w445 { width: 445px !important; flex-grow: 0 !important; flex-basis: 445px !important; }

.w450 { width: 450px !important; flex-grow: 0 !important; flex-basis: 450px !important; }

.w455 { width: 455px !important; flex-grow: 0 !important; flex-basis: 455px !important; }

.w460 { width: 460px !important; flex-grow: 0 !important; flex-basis: 460px !important; }

.w465 { width: 465px !important; flex-grow: 0 !important; flex-basis: 465px !important; }

.w470 { width: 470px !important; flex-grow: 0 !important; flex-basis: 470px !important; }

.w475 { width: 475px !important; flex-grow: 0 !important; flex-basis: 475px !important; }

.w480 { width: 480px !important; flex-grow: 0 !important; flex-basis: 480px !important; }

.w485 { width: 485px !important; flex-grow: 0 !important; flex-basis: 485px !important; }

.w490 { width: 490px !important; flex-grow: 0 !important; flex-basis: 490px !important; }

.w495 { width: 495px !important; flex-grow: 0 !important; flex-basis: 495px !important; }

.w500 { width: 500px !important; flex-grow: 0 !important; flex-basis: 500px !important; }

/**
* --------------------------------
* Header
* --------------------------------
*/
#header { position: relative; min-width: 1280px; z-index: 90; border-bottom: 2px solid #00b5e2; }

#header > .inner { position: relative; padding: 0 50px; margin: 0 auto; box-sizing: border-box; }

#header > .inner:after { content: ''; display: block; clear: both; }

#header #personal_area { position: absolute; top: 41px; right: 50px; }

#header #personal_area .name { display: inline-block; font-weight: 700; font-size: 13px; vertical-align: top; line-height: 22px; color: #55575d; }

#header #personal_area .name:before { content: ""; display: inline-block; width: 12px; height: 14px; vertical-align: top; margin: 4px 6px 0 0; background-image: url("../../resources/images/web/admin/visang/common/icon.png"); background-position: 0px 0px; }

#header #personal_area .logout { display: inline-block; width: 60px; height: 22px; font-size: 13px; text-align: center; line-height: 20px; margin-left: 10px; border: 1px solid #e0e7f1; box-sizing: border-box; }

#header .logo { position: absolute; top: 15px; left: 50px; font-weight: 800; font-family: "NanumSquareRound", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-size: 26px; color: #00b5e2; }

#header .logo:before { content: ""; display: block; width: 58px; height: 20px; margin-bottom: 2px; background-image: url("../../resources/images/web/admin/visang/common/logo.png"); background-position: 0px 0px; }

#header #gnb { padding-top: 22px; }

#header #gnb:after { content: ''; display: block; clear: both; }

#header #gnb > ul { font-size: 0; text-align: center; }

#header #gnb > ul > li { display: inline-block; }

#header #gnb > ul > li:first-child { margin-left: 0; }

#header #gnb .depth1 > a { display: block; position: relative; z-index: 1; font-family: "NanumSquareRound", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif; font-weight: 800; font-size: 18px; line-height: 56px; color: #18212c; padding: 0 23px; border: 2px solid transparent; border-bottom: none; background-color: #fff; }

#header #gnb .depth1 > a.active { color: #00b5e2; }

#header #gnb .depth1:hover > a, #header #gnb .depth1.focus > a { border-color: #00b5e2; }

#header #gnb .depth1:hover > a:after, #header #gnb .depth1.focus > a:after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #fff; }

#header #gnb .depth1:hover .depth2, #header #gnb .depth1.focus .depth2 { display: block; }

#header #gnb .depth2 { display: none; position: absolute; top: 82px; left: 0; width: 100%; padding: 20px 50px; border-bottom: 1px solid #e0e7f1; background-color: #fff; box-sizing: border-box; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); }

#header #gnb .depth2 > .inner { display: grid; grid-template-columns: auto auto auto auto auto auto; width: 890px; font-size: 0; text-align: left; padding: 0 25px; margin: 0 auto; box-sizing: border-box; }

#header #gnb .depth2 > .inner > li { margin-top: 24px; }

#header #gnb .depth2 > .inner > li:nth-child(1), #header #gnb .depth2 > .inner > li:nth-child(2), #header #gnb .depth2 > .inner > li:nth-child(3), #header #gnb .depth2 > .inner > li:nth-child(4), #header #gnb .depth2 > .inner > li:nth-child(5), #header #gnb .depth2 > .inner > li:nth-child(6) { margin-top: 0; }

#header #gnb .depth2 > .inner > li > a { font-size: 15px; text-align: left; line-height: 23px; color: #55575d; }

#header #gnb .depth2 > .inner > li > a.active { font-weight: 700; text-decoration: underline; color: #00b5e2; }

#header #gnb .depth2:before { content: ""; position: absolute; top: -3px; left: 0; width: 100%; height: 3px; background-color: transparent; }

#header #gnb .depth3 a { font-weight: 350; font-size: 13px; line-height: 23px; color: #7b7d82; }

#header #gnb .depth3 a.active { font-weight: 500; color: #00b5e2; }

/**
* --------------------------------
* Quickmenu
* --------------------------------
*/
#quickmenu { transition-duration: 500ms; transform: translateX(-100%); position: absolute; z-index: 90; top: 82px; left: 0; min-width: 180px; height: calc(100vh - 126px); border-right: 1px solid #e0e7f1; background-color: #f1f6fa; }

#quickmenu .btn_toggle { position: absolute; top: 8px; right: -21px; width: 21px; height: 32px; text-indent: -9999px; padding: 0; border: none; background-color: #e0e7f1; }

#quickmenu .btn_toggle:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 5px; height: 12px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/arrow.png"); background-position: -30px 0px; }

#quickmenu.active { transform: translateX(0); }

#quickmenu.active .btn_toggle:before { transform: rotate(180deg); }

#quickmenu > .scrollbar { height: 100%; }

#quickmenu .depth1 { height: 47px; border-bottom: 1px solid #e0e7f1; overflow: hidden; }

#quickmenu .depth1 > span { display: block; position: relative; font-weight: 700; color: #55575d; padding: 16px 19px; cursor: pointer; }

#quickmenu .depth1 > span:after { content: ""; position: absolute; top: 0; right: 15px; bottom: 0; width: 15px; height: 9px; margin: auto; background-image: url("../../resources/images/web/admin/visang/common/arrow.png"); background-position: 0px 0px; }

#quickmenu .depth1.active { height: auto; }

#quickmenu .depth1.active > span:after { transform: rotate(180deg); }

#quickmenu .depth2 { padding: 16px 19px; border-top: 1px solid #e0e7f1; }

#quickmenu .depth2 li { margin-top: 16px; }

#quickmenu .depth2 li:first-child { margin-top: 0; }

#quickmenu .depth2 li a { font-size: 13px; color: #55575d; }

#quickmenu .depth2 li a.active { text-decoration: underline; }

#quickmenu .depth3 { margin-top: 16px; }

#quickmenu .depth3 li { margin-top: 16px; }

#quickmenu .depth3 li:first-child { margin-top: 0; }

#quickmenu .depth3 li a { color: #7b7d82; }

#quickmenu .depth3 li a:before { content: "-"; display: inline-block; margin-right: 3px; }

/**
* --------------------------------
* container
* --------------------------------
*/
#container > .inner { min-width: 1280px; min-height: calc(100vh - 82px - 44px); padding: 40px 50px 80px; margin: 0 auto; box-sizing: border-box; }

#container > .inner > .header > .tit { font-weight: 700; font-size: 20px; color: #18212c; }

#contents { position: relative; margin-top: 16px; }

#contents h3.tit { font-weight: 350; font-size: 14px; color: #18212c; margin-bottom: 7px; }

#contents h3.tit span { display: inline-block; font-size: 13px; color: #adb0b8; margin-left: 20px; }

/**
* --------------------------------
* Footer
* --------------------------------
*/
#footer { min-width: 1280px; border-top: 1px solid #e0e7f1; background-color: #f1f6fa; }

#footer > .inner { position: relative; width: 1280px; margin: 0 auto; }

#footer .copyright { font-size: 13px; text-align: center; line-height: 43px; color: #adbccf; }

#footer .select { position: absolute; top: 4px; right: 0; min-width: 124px; height: 34px; vertical-align: top; background-color: #fff; }

#footer .select .ui-selectmenu-button { font-size: 13px; line-height: 16px; padding-top: 8px; padding-bottom: 8px; }

#footer .select .ui-selectmenu-icon { right: 9px; }

/** -------------------------------- Popup CSS -------------------------------- */
/* 팝업 : xx팝업 */
/**
* --------------------------------
* login CSS
* --------------------------------
*/
#container.login > .inner { width: 100%; height: 100vh; padding: 0; background-image: url("../../resources/images/web/admin/visang/login/bg.jpg"); }

#container.login > .inner > .header { display: none; }

.login #contents { position: relative; height: 100%; margin-top: 0; }

.login .login_area { transform: translateY(-32px); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 540px; height: 414px; margin: auto; }

.login .login_area:before { content: ""; display: block; width: 208px; height: 72px; margin: 0 auto 40px; background-image: url("../../resources/images/web/admin/visang/common/logo.png"); background-position: 0px -90px; }

.login .login_area input[type="text"], .login .login_area input[type="password"] { width: 100%; height: 72px; font-size: 20px; color: #adbccf; margin-top: 10px; border-radius: 8px; }

.login .login_area input[type="text"]::placeholder, .login .login_area input[type="password"]::placeholder { font-size: 20px; color: #adbccf; }

.login .login_area input[type="text"]:first-of-type, .login .login_area input[type="password"]:first-of-type { margin-top: 0; }

.login .login_area .remember { margin-top: 20px; }

.login .login_area .remember label { margin-left: 20px; }

.login .login_area .remember label:first-child { margin-left: 0; }

.login .login_area .remember label span { font-size: 18px; vertical-align: middle; margin-left: 5px; }

.login .login_area button { width: 100%; height: 80px; font-weight: 700; font-size: 26px; color: #fff; margin-top: 20px; border: none; border-radius: 8px; background-image: linear-gradient(to left, #0798e1, #1072df); }

.login .login_area p { font-size: 16px; text-align: center; color: #adbccf; margin-top: 32px; }