@charset "UTF-8";
@import url(lib/normalize.min.css);
/**
* --------------------------------
* Fonts CSS
* --------------------------------
*/
@font-face { font-family: "NanumSquareRound"; font-style: normal; font-weight: 400; src: local("NanumSquareRoundR"), url("../../resources/fonts/NanumSquareRoundR.woff2") format("woff2"), url("../../resources/fonts/NanumSquareRoundR.woff") format("woff"); }

@font-face { font-family: "NanumSquareRound"; font-style: normal; font-weight: 800; src: local("NanumSquareRoundEB"), url("../../resources/fonts/NanumSquareRoundEB.woff2") format("woff2"), url("../../resources/fonts/NanumSquareRoundEB.woff") format("woff"); }

/**
* --------------------------------
* Init CSS
* --------------------------------
*/
:root { --bgcolor1: #dde4f1; --bgcolor2: #eaeff8; --bgcolor3: #ccd3e2; --bgcolor4: #f5f7fa; --bgcolor5: #fff; --gradient1: linear-gradient(to bottom, #2659eb, #4b76f2); --gradient2: linear-gradient(to bottom, #6437e8, #7253dd); --gradient3: linear-gradient(to bottom, #25ba6c, #83df56); --gradient4: linear-gradient(to bottom, #f95f5f, #f46b8f); --gradient5: linear-gradient(to bottom, #f8a748, #fcd022); --textcolor1: #000; --textcolor2: #b8b8b9; --textcolor3: #777; --textcolor4: #5b5a5f; --textcolor5: #333; }

@media (prefers-color-scheme: dark) { :root { --bgcolor1: #1d1c21; --bgcolor2: #27262d; --bgcolor3: #2f2e36; --bgcolor4: #37363f; --bgcolor5: #45444d; --gradient1: linear-gradient(to bottom, #2659eb, #4b76f2); --gradient2: linear-gradient(to bottom, #6437e8, #7253dd); --gradient3: linear-gradient(to bottom, #25ba6c, #83df56); --gradient4: linear-gradient(to bottom, #f95f5f, #f46b8f); --gradient5: linear-gradient(to bottom, #f8a748, #fcd022); --textcolor1: #fff; --textcolor2: #b8b8b9; --textcolor3: #777; --textcolor4: #5b5a5f; --textcolor5: #333; } }

html { position: relative; font-family: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", sans-serif; font-weight: 400; font-size: 16px; line-height: 1; letter-spacing: -0.03em; color: #000; word-break: keep-all; word-wrap: break-word; }

h1, h2, h3, h4, h5, h6 { font-weight: 800; 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: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", sans-serif; }

a { text-decoration: none; color: #000; -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; }

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

h1.tit { font-size: 40px; line-height: 52px; }

h2.tit { font-size: 36px; line-height: 46px; }

h3.tit { font-size: 32px; line-height: 42px; }

h4.tit { font-size: 28px; line-height: 38px; }

h5.tit { font-size: 24px; line-height: 34px; }

h6.tit { font-size: 20px; line-height: 30px; }

p.txt_lv1 { font-size: 24px; line-height: 36px; }

p.txt_lv2 { font-size: 20px; line-height: 30px; }

p.txt_lv3 { font-size: 18px; line-height: 28px; }

p.txt_lv4 { font-size: 16px; line-height: 26px; }

p.txt_lv5 { font-size: 15px; line-height: 25px; }

/**
* --------------------------------
* Button CSS
* --------------------------------
*/
button { font-family: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", sans-serif; padding: 0; border: none; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }

.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*="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*="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*="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: #000 !important; border-color: #efefef !important; background-color: #efefef !important; pointer-events: none; }

/**
* --------------------------------
* 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: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", 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: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", 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: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", 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; }

/**
* --------------------------------
* 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; }

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

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

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

form tr:nth-child(odd) td:hover { color: #000 !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; }

/**
* --------------------------------
* 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: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", 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 20px; border: 1px solid #dfdfdf; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }

textarea::placeholder { font-size: 15px; color: #adb0b8; }

textarea:-ms-input-placeholder { font-size: 15px; 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; 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: #000; 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; }

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

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

/**
* --------------------------------
* 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; }

/**
* --------------------------------
* 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 { 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 .row { margin-top: 8px; }

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

.search_area .row .column:first-child { margin-left: 0; }

.search_area .row:first-of-type { margin-top: 0; }

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

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

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

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

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

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

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

.search_area .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 .btn_area .btn_search { width: 100px; margin-left: 2px; }

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

.select .ui-selectmenu-button, .select .ui-selectmenu-button:hover, .select .ui-selectmenu-button:focus { width: 100%; height: 100%; font-weight: 350; font-family: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", 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 { 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 { 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 { transform: rotate(180deg); }

.select select { outline: none; font-family: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", sans-serif; color: #000; }

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

.select .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: "NanumSquareRound", Noto Sans, Roboto, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 34px; color: #000; 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 th:hover + td { color: #000; background-color: #fff; }

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

.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; }

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

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

.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; }

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

/**
* --------------------------------
* 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: fixed; }

/**
* --------------------------------
* container
* --------------------------------
*/
#container { height: 100vh; padding-top: 23.625vw; background-color: var(--bgcolor1); box-sizing: border-box; }

#contents { height: calc(100vh - 23.625vw); border-radius: 7.5vw 7.5vw 0 0; background-color: var(--bgcolor2); box-shadow: 0px 0px 5vw 0px rgba(0, 0, 0, 0.05); }

/**
* --------------------------------
* Toolbar
* --------------------------------
*/
#toolbar { position: fixed; bottom: 0; left: 0; width: 100vw; height: 12.5vw; border-radius: 3.75vw 3.75vw 0 0; box-shadow: 0px 0px 5vw 0px rgba(0, 0, 0, 0.1); background-color: #fff; overflow: hidden; }

/**
* --------------------------------
* Footer
* --------------------------------
*/
/** -------------------------------- Popup CSS -------------------------------- */
/* 팝업 : xx팝업 */