@charset "UTF-8";
/* MODAL */
.ui-dialog { font-family: "nskr"; padding: 0; }

.ui-dialog a, .ui-dialog select, .ui-dialog input, .ui-dialog button { font-family: "nskr"; }

.ui-dialog .ui-widget-header { border: none; }

.ui-dialog .ui-widget-header.ui-dialog-titlebar { padding: 40px 40px 0; border-radius: 0; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close { width: 24px; height: 24px; top: inherit; right: 40px; margin: 0; border: none; background: url("/assets/images/icon/icon_modal_close.svg"); }

.ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-icon { display: none; }

.ui-dialog .ui-widget-header .ui-dialog-title { width: calc(100% - 40px); font-size: 18px; font-weight: 500; margin: 0; line-height: 26.06px; }

.ui-dialog.mini .ui-widget-header { border: none; }

.ui-dialog.mini .ui-widget-header.ui-dialog-titlebar { padding: 30px 40px 0; }

.ui-dialog.mini .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close { display: none; }

.ui-dialog.mini .ui-dialog-content { padding: 0 40px 30px; }

.ui-dialog.mini-info .ui-widget-header { border: none; }

.ui-dialog.mini-info .ui-widget-header.ui-dialog-titlebar { padding: 30px 40px 0; }

.ui-dialog.mini-info .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close { right: 30px; }

.ui-dialog.mini-info .ui-widget-header.ui-dialog-titlebar .ui-dialog-title { display: none; }

.ui-dialog.mini-info .ui-dialog-content { margin-top: 25px; padding: 0 40px 30px; }

.ui-dialog.small-space.ui-widget-content { border-radius: 0; -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.24); box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.24); }

.ui-dialog.small-space .ui-widget-header.ui-dialog-titlebar { padding: 16px 16px 0; }

.ui-dialog.small-space .ui-widget-header.ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close { right: 16px; }

.ui-dialog.small-space .ui-dialog-content { padding: 0 16px 16px; }

.ui-dialog.title-hide .ui-widget-header.ui-dialog-titlebar .ui-dialog-title { display: none; }

.ui-dialog.title-hide .ui-dialog-content { margin-top: 25px; }

.ui-dialog.titlebar-hide .ui-widget-header.ui-dialog-titlebar .ui-dialog-title, .ui-dialog.titlebar-hide .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close { display: none; }

.ui-dialog .ui-dialog-content { padding: 0 40px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-dialog.ui-widget-content { max-width: 92%; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; }

.ui-widget-overlay { opacity: 0.5; background: #000; }

/* Tabs */
.ui-widget.ui-tabs { font-family: "nskr"; border: none; padding: 0; }

.ui-widget.ui-tabs .ui-tabs-nav { padding: 0; border: none; background: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ui-widget.ui-tabs .ui-tabs-nav li { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; border: none; margin: 0 0 0 4px; }

.ui-widget.ui-tabs .ui-tabs-nav li:first-child { margin-left: 0; }

.ui-widget.ui-tabs .ui-tabs-nav li .ui-tabs-anchor { font-family: "nskr"; font-size: 14px; font-weight: 500; display: inline-block; width: 100%; height: 100%; color: #aeaeae; border-radius: 4px 4px 0px 0px; padding: 10px; text-align: center; background: #f4f4f4; }

.ui-widget.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { color: #fff; background: #2763ba; }

.ui-widget.ui-tabs .ui-tabs-nav li .num { color: darkorange; }

.ui-widget.ui-tabs.tabs-auto .ui-tabs-nav li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-widget.ui-tabs.tabs-no-space .ui-tabs-nav li { margin: 0; border-radius: 0px !important; }

.ui-widget.ui-tabs.tabs-small .ui-tabs-nav { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }

.ui-widget.ui-tabs.tabs-small .ui-tabs-nav li { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 126px; }

.ui-widget.ui-tabs.tab-scroll .ui-tabs-nav { min-width: 847px; max-width: calc(100vw - 353px); overflow-x: auto; }

.ui-widget.ui-tabs .ui-tabs-panel { position: relative; padding: 12px; border: 1px solid #e5e5e5; border-radius: 0; }

.ui-widget.ui-tabs .ui-tabs-panel .btn-tabs-close { position: absolute; top: -41px; right: -1px; width: 40px; height: 40px; background: url("/assets/images/icon/icon-delete-square-b.svg") no-repeat 50% 50%; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; z-index: 10; }

.ui-widget.ui-tabs.panel-no-border .ui-tabs-panel { padding: 20px 0; border: none; }

/* Tooltip */
.tooltip-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tooltip-area a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; margin-right: 8px; }

.ui-tooltip { display: inline-block; padding: 12px; color: white; border-radius: 8px; background: black; font-size: 14px; font-weight: 300; -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); }

.ui-tooltip.ui-widget-content { border-width: 0; }

.ui-tooltip .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -57px; bottom: -12px; }

.ui-tooltip .arrow:after { display: inline-block; background: black; border: 0; }

.ui-tooltip .arrow.top { top: -12px; bottom: auto; }

.ui-tooltip .arrow.left { left: 20%; }

.ui-tooltip .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-box-shadow: 6px 5px 9px -9px black; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ui-tooltip .arrow.top:after { bottom: -20px; top: auto; }

.ui-tooltip.tooltip-right .arrow { left: 100%; bottom: -12px; }

.ui-selectmenu-button, .ui-selectmenu-menu .ui-menu { font-family: "nskr"; }

.ui-selectmenu-menu .ui-menu.ui-widget-content { color: #666; font-size: 12px; font-weight: 500; background-color: #fff; border: 1px solid #666; -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }

.ui-selectmenu-menu .ui-menu.ui-widget-content .ui-menu-item { height: 33px; line-height: 33px; color: #666; list-style: none; }

.ui-selectmenu-menu .ui-menu.ui-widget-content .ui-menu-item-wrapper { padding: 0 20px 0 9px; }

.ui-selectmenu-menu .ui-menu.ui-widget-content .ui-state-active { margin: 0; font-weight: 500; color: #000; background-color: #EBF1F9; border: 0; }

.breadcrumb-sel .ui-selectmenu-button { width: auto; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; border-radius: 28px; border: 0; background-color: #f4f4f4; }

.breadcrumb-sel .ui-selectmenu-button:after { width: 13px; height: 13px; content: ""; display: block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("/assets/images/icon/icon-arr-btm-s.svg"); margin-left: auto; }

.breadcrumb-sel .ui-selectmenu-text { margin-right: 10px; font-size: 12px; font-weight: 500; color: #666; }

.breadcrumb-sel .ui-selectmenu-icon.ui-icon { display: none; }

.breadcrumb-sel .success .ui-selectmenu-button.ui-button { background-color: #2763ba; }

.breadcrumb-sel .success .ui-selectmenu-button.ui-button:after { background-image: url("/assets/images/icon/icon-arr-btm-s-white.svg"); }

.breadcrumb-sel .success .ui-selectmenu-button.ui-button .ui-selectmenu-text { color: #fff; }

.sel-field-custom .ui-selectmenu-button { width: auto; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-radius: 4px; border: 1px solid #DCDCDC; background-color: #fff; }

.sel-field-custom .ui-selectmenu-button:after { width: 10px; height: 10px; content: ""; display: block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("/assets/images/icon/arr_down_black.svg"); margin-left: auto; }

.sel-field-custom .ui-selectmenu-text { margin-right: 10px; font: inherit; font-size: 14px; font-weight: 500; color: #666; }

.sel-field-custom .ui-selectmenu-icon.ui-icon { display: none; }

.sel-field-custom.col-ing .ui-selectmenu-text { color: #E85959; }

.sel-field-custom.col-pending .ui-selectmenu-text { color: #38A8E6; }

.sel-field-custom.col-complete .ui-selectmenu-text { color: #000; }

:root { font-size: 10px; }

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }

.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }

.hide { display: none !important; }

#u-skip { position: relative; z-index: 3000; }

#u-skip a { position: absolute; top: -30px; left: 0; width: 138px; border: 1px solid #ababab; background: #333; text-align: center; }

#u-skip a:active, #u-skip a:focus { top: 0; text-decoration: none; z-index: 1000; }

#u-skip span { display: inline-block; padding: 2px 6px 0 0; font-size: 13px; line-height: 26px; color: #fff; letter-spacing: -1px; white-space: nowrap; }

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }

body, button, input, select, table, textarea { color: #000; font-family: "nskr", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; }

body::-webkit-scrollbar, body ::-webkit-scrollbar { width: 8px; height: 8px; }

body::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); border-radius: 4px; background-clip: padding-box; border: 1px solid transparent; }

body::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: transparent; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: 400; }

textarea { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: transparent; border: 0; word-break: keep-all; word-wrap: break-word; }

button, input { border-radius: 0; border: 0; }

button { outline: 0; background-color: transparent; cursor: pointer; }

button:disabled { cursor: no-drop !important; }

fieldset, img { border: 0; }

img { max-width: 100%; vertical-align: top; }

ol, ul { list-style: none; }

address, em { font-style: normal; }

a { color: inherit; text-decoration: none; }

a:hover { text-decoration: underline; }

strong, b { font-weight: 500; }

iframe { overflow: hidden; margin: 0; border: 0; padding: 0; vertical-align: top; }

mark { background-color: transparent; }

i { font-style: normal; }

input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="email"]:focus, textarea:focus { outline-color: #000; }

button:focus { outline: 0; }

/* noto-sans-kr-300 - korean */
@font-face { font-family: 'nskr'; font-style: normal; font-weight: 300; src: url("/assets/fonts/NotoSansKR-Light.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Light"), url("/assets/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NotoSansKR-Light.woff2") format("woff2"), url("/assets/fonts/NotoSansKR-Light.woff") format("woff"), url("/assets/fonts/NotoSansKR-Light.ttf") format("truetype"), url("/assets/fonts/NotoSansKR-Light.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-regular - korean */
@font-face { font-family: 'nskr'; font-style: normal; font-weight: 400; src: url("/assets/fonts/NotoSansKR-Regular.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Regular"), url("/assets/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/assets/fonts/NotoSansKR-Regular.woff") format("woff"), url("/assets/fonts/NotoSansKR-Regular.ttf") format("truetype"), url("/assets/fonts/NotoSansKR-Regular.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-500 - korean */
@font-face { font-family: 'nskr'; font-style: normal; font-weight: 500; src: url("/assets/fonts/NotoSansKR-Medium.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Medium"), url("/assets/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/assets/fonts/NotoSansKR-Medium.woff") format("woff"), url("/assets/fonts/NotoSansKR-Medium.ttf") format("truetype"), url("/assets/fonts/NotoSansKR-Medium.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-700 - korean */
@font-face { font-family: 'nskr'; font-style: normal; font-weight: 700; src: url("/assets/fonts/NotoSansKR-Bold.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Bold"), url("/assets/fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("/assets/fonts/NotoSansKR-Bold.woff") format("woff"), url("/assets/fonts/NotoSansKR-Bold.ttf") format("truetype"), url("/assets/fonts/NotoSansKR-Bold.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* noto-sans-kr-900 - korean */
@font-face { font-family: 'nskr'; font-style: normal; font-weight: 900; src: url("/assets/fonts/NotoSansKR-Black.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Black"), url("/assets/fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NotoSansKR-Black.woff2") format("woff2"), url("/assets/fonts/NotoSansKR-Black.woff") format("woff"), url("/assets/fonts/NotoSansKR-Black.ttf") format("truetype"), url("/assets/fonts/NotoSansKR-Black.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

body, button, input, select, table, textarea { color: #000; font-weight: 300; font-size: 14px; }

.h1 { font-weight: 700; }

.h2 { font-weight: 500; }

.h3 { font-weight: 400; }

.-color--blue-1 { color: #1f4f95; }

::-webkit-input-placeholder { color: #dcdcdc; font-weight: 400; }

:-ms-input-placeholder { color: #dcdcdc; font-weight: 400; }

::-ms-input-placeholder { color: #dcdcdc; font-weight: 400; }

::placeholder { color: #dcdcdc; font-weight: 400; }

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

.-mt-4n-1 { margin-top: 4px !important; }

.-mt-4n-2 { margin-top: 8px !important; }

.-mt-4n-3 { margin-top: 12px !important; }

.-mt-4n-4 { margin-top: 16px !important; }

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

.-mt-4n-6 { margin-top: 24px !important; }

.-mt-4n-7 { margin-top: 28px !important; }

.-mt-4n-8 { margin-top: 32px !important; }

.-mt-4n-9 { margin-top: 36px !important; }

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

.-mt-4n-11 { margin-top: 44px !important; }

.-mt-4n-12 { margin-top: 48px !important; }

.-mt-4n-13 { margin-top: 52px !important; }

.-mt-4n-14 { margin-top: 56px !important; }

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

.-mt-4n-16 { margin-top: 64px !important; }

.-mt-4n-17 { margin-top: 68px !important; }

.-mt-4n-18 { margin-top: 72px !important; }

.-mt-4n-19 { margin-top: 76px !important; }

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

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

.-ml-4n-1 { margin-left: 4px !important; }

.-ml-4n-2 { margin-left: 8px !important; }

.-ml-4n-3 { margin-left: 12px !important; }

.-ml-4n-4 { margin-left: 16px !important; }

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

.-ml-4n-6 { margin-left: 24px !important; }

.-ml-4n-7 { margin-left: 28px !important; }

.-ml-4n-8 { margin-left: 32px !important; }

.-ml-4n-9 { margin-left: 36px !important; }

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

.-ml-4n-11 { margin-left: 44px !important; }

.-ml-4n-12 { margin-left: 48px !important; }

.-ml-4n-13 { margin-left: 52px !important; }

.-ml-4n-14 { margin-left: 56px !important; }

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

.-ml-4n-16 { margin-left: 64px !important; }

.-ml-4n-17 { margin-left: 68px !important; }

.-ml-4n-18 { margin-left: 72px !important; }

.-ml-4n-19 { margin-left: 76px !important; }

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

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

.-mb-4n-1 { margin-bottom: 4px !important; }

.-mb-4n-2 { margin-bottom: 8px !important; }

.-mb-4n-3 { margin-bottom: 12px !important; }

.-mb-4n-4 { margin-bottom: 16px !important; }

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

.-mb-4n-6 { margin-bottom: 24px !important; }

.-mb-4n-7 { margin-bottom: 28px !important; }

.-mb-4n-8 { margin-bottom: 32px !important; }

.-mb-4n-9 { margin-bottom: 36px !important; }

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

.-mb-4n-11 { margin-bottom: 44px !important; }

.-mb-4n-12 { margin-bottom: 48px !important; }

.-mb-4n-13 { margin-bottom: 52px !important; }

.-mb-4n-14 { margin-bottom: 56px !important; }

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

.-mb-4n-16 { margin-bottom: 64px !important; }

.-mb-4n-17 { margin-bottom: 68px !important; }

.-mb-4n-18 { margin-bottom: 72px !important; }

.-mb-4n-19 { margin-bottom: 76px !important; }

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

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

.-pr-4n-0 { padding-right: 0px !important; }

.-mr-4n-1 { margin-right: 4px !important; }

.-pr-4n-1 { padding-right: 4px !important; }

.-mr-4n-2 { margin-right: 8px !important; }

.-pr-4n-2 { padding-right: 8px !important; }

.-mr-4n-3 { margin-right: 12px !important; }

.-pr-4n-3 { padding-right: 12px !important; }

.-mr-4n-4 { margin-right: 16px !important; }

.-pr-4n-4 { padding-right: 16px !important; }

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

.-pr-4n-5 { padding-right: 20px !important; }

.-mr-4n-6 { margin-right: 24px !important; }

.-pr-4n-6 { padding-right: 24px !important; }

.-mr-4n-7 { margin-right: 28px !important; }

.-pr-4n-7 { padding-right: 28px !important; }

.-mr-4n-8 { margin-right: 32px !important; }

.-pr-4n-8 { padding-right: 32px !important; }

.-mr-4n-9 { margin-right: 36px !important; }

.-pr-4n-9 { padding-right: 36px !important; }

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

.-pr-4n-10 { padding-right: 40px !important; }

.-mr-4n-11 { margin-right: 44px !important; }

.-pr-4n-11 { padding-right: 44px !important; }

.-mr-4n-12 { margin-right: 48px !important; }

.-pr-4n-12 { padding-right: 48px !important; }

.-mr-4n-13 { margin-right: 52px !important; }

.-pr-4n-13 { padding-right: 52px !important; }

.-mr-4n-14 { margin-right: 56px !important; }

.-pr-4n-14 { padding-right: 56px !important; }

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

.-pr-4n-15 { padding-right: 60px !important; }

.-mr-4n-16 { margin-right: 64px !important; }

.-pr-4n-16 { padding-right: 64px !important; }

.-mr-4n-17 { margin-right: 68px !important; }

.-pr-4n-17 { padding-right: 68px !important; }

.-mr-4n-18 { margin-right: 72px !important; }

.-pr-4n-18 { padding-right: 72px !important; }

.-mr-4n-19 { margin-right: 76px !important; }

.-pr-4n-19 { padding-right: 76px !important; }

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

.-pr-4n-20 { padding-right: 80px !important; }

.wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: auto; min-width: 1200px; min-height: 100vh; }

.wrapper.f-none { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.wrapper.f-none #header + .container { min-height: calc(100vh - 48px); padding-top: 48px; }

.wrapper.f-none #header { position: fixed; top: 0; left: 0; right: 0; height: 48px; z-index: 100; }

.wrapper.f-none #category { position: fixed; top: 48px; left: 0; min-height: calc(100vh - 48px); z-index: 100; }

.wrapper.f-none #content { margin-left: 72px; min-height: calc(100vh - 48px); }

#header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; padding: 0 24px; background-color: #1F4F95; }

#header.type-b { position: fixed; top: 0; left: 0; right: 0; height: 48px; z-index: 100; }

#header.type-b .btn-list .btn { height: 36px !important; font-weight: 500 !important; color: #EBF1F9; background-color: #3C72C1; }

#header.type-b .btn-list .btn .icon-clip { width: 32px !important; height: 32px !important; }

#header.type-b + .container { padding-top: 48px; }

#header .logo { position: relative; width: 190px; background: url("/assets/images/common/logo_header_x2.png") no-repeat 0 0/100% auto; }

#header .logo a { display: block; height: 23px; text-indent: -9999px; }

#header .logo .icon-admin { position: absolute; top: 50%; right: -67px; width: 55px; height: 20px; line-height: 20px; margin-top: -7px; background: #1F4F95; font-size: 12px; font-weight: 600; text-align: center; color: #fff; border-radius: 8px; }

#header .sch-member { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#header .sch-member .sch-field-area { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#header .sch-member .sch-field-area .field .inp-field { width: 200px; height: 32px; border: 1px solid #fff; border-radius: 4px; padding-left: 12px; padding-right: 42px; background-color: #2B65B8; font-weight: 500; font-size: 14px; color: #fff; outline: transparent; }

#header .sch-member .sch-field-area .field .inp-field::-webkit-input-placeholder { font-weight: 500; font-size: 14px; color: #fff; }

#header .sch-member .sch-field-area .field .inp-field:-ms-input-placeholder { font-weight: 500; font-size: 14px; color: #fff; }

#header .sch-member .sch-field-area .field .inp-field::-ms-input-placeholder { font-weight: 500; font-size: 14px; color: #fff; }

#header .sch-member .sch-field-area .field .inp-field::placeholder { font-weight: 500; font-size: 14px; color: #fff; }

#header .sch-member .sch-field-area .bar-col { height: 16px; width: 1px; margin-right: 16px; margin-left: 16px; background-color: #dcdcdc; }

#header .sch-member .sch-field-area .btn-zoom { position: absolute; top: 50%; right: 12px; width: 24px; height: 24px; background: url("/assets/images/icon/icon_zoom.svg") no-repeat 50% 50%; text-indent: -9999px; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#header .sch-member .sch-field-area .noti-list { margin-right: 40px; }

#header .sch-member .sch-field-area .noti-list li { font-size: 18px; font-weight: 500; color: #fff; }

#header .sch-member .sch-field-area .btn-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#header .sch-member .sch-field-area .btn-list button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; line-height: 34px; margin-left: 16px; padding-left: 8px; padding-right: 8px; border-radius: 4px; font-size: 16px; font-weight: 500; color: #EBF1F9; }

#header .sch-member .sch-field-area .btn-list button > a { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; }

#header .sch-member .sch-field-area .btn-list button .icon-clip { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; margin-right: 12px; opacity: 0.6; }

#header .sch-member .sch-field-area .btn-list button .icon-org { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; margin-right: 12px; opacity: 0.6; }

#header .sch-member .sch-field-area .btn-list button .icon-org img { width: 100%; }

#header .sch-member .sch-field-area .btn-list button:hover { background-color: #3C72C1; }

#header .sch-member .sch-field-area .btn-list button:first-child { margin-left: 0; }

#header .sch-member .sch-field-area .btn-list button.admin-on { background: #1F4F95; }

#header .sch-member .sch-field-area .btn-list button.btn-chat { background: #EBF1F9; color: #2763BA; }

#header .sch-member .sch-field-area .btn-list button.btn-chat .icon-chat { margin-right: 4px; }

#header .sch-member .sch-field-area .btn-list button.btn-chat .icon-chat img { margin-top: -4px; vertical-align: middle; }

#header .sch-member .sch-field-area .btn-list button.btn-white-bg { background: #EBF1F9; color: #2763BA; }

#header .sch-member .sch-field-area .btn-list button.btn-white-bg .icon { margin-right: 4px; }

#header .sch-member .sch-field-area .btn-list button.btn-white-bg .icon img { margin-top: -4px; vertical-align: middle; }

#header .sch-member .sch-field-area .btn-list .bar { display: block; width: 1px; height: 16px; margin-left: 16px; margin-right: 16px; background-color: #fff; opacity: 0.2; }

#header .sch-member .user-avartar { width: 40px; height: 40px; border-radius: 50%; margin-left: 0; overflow: hidden; }

#header .sch-member .user-avartar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }

#header .type-b .user-avartar { width: 40px; height: 40px; }

#header .header-notice { font-size: 16px; font-weight: 400; color: #fff; }

.user-avartar-area { position: relative; margin-left: 30px; }

.user-avartar-area .user-content { display: none; position: absolute; right: 0; top: 38px; z-index: 100; width: 240px; border: 1px solid #dcdcdc; background-color: #fff; }

.user-avartar-area .user-content .user-cont-header { padding: 20px 0 20px 20px; background-color: #f4f4f4; }

.user-avartar-area .user-content .user-cont-header strong { display: block; margin-bottom: 5px; color: #4B4B4B; font-weight: 400; }

.user-avartar-area .user-content .user-cont-header em { display: block; color: #000; font-size: 10px; }

.user-avartar-area .user-content .user-cont-list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 44px; padding: 0 20px; font-weight: 500; color: #666; text-decoration: none; }

.user-avartar-area .user-content .user-cont-list li a:hover { color: #000; background-color: #EBF1F9; }

.user-avartar-area .user-content .user-cont-list li .ico-arr { display: block; width: 16px; height: 16px; background: url("/assets/images/icon/icon-arr-right-s2.svg") no-repeat 50% 50%; }

.user-avartar-area .user-content .user-logout button { display: block; width: 100%; height: 44px; background-color: #EBF1F9; color: #4B4B4B; font-weight: 500; text-align: center; }

.container { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: calc(100vh - 208px); }

.container #category { width: 72px; padding-top: 8px; border-right: 1px solid #dcdcdc; background-color: #fff; }

.container #category .nav-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container #category .nav-left li { margin-bottom: 20px; }

.container #category .nav-left li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 63px; height: 68px; border-radius: 4px; background-color: transparent; color: #8A8A8A; font-size: 14px; font-weight: 500; text-align: center; text-decoration: none; }

.container #category .nav-left li a.line-break { white-space: nowrap; letter-spacing: -1px; }

.container #category .nav-left li a .ico { display: inline-block; width: 36px; height: 36px; margin-bottom: 4px; background: no-repeat 50% 50% / 100% auto; }

.container #category .nav-left li a .ico.ico-home { background-image: url(/assets/images/icon/icon_home.svg); }

.container #category .nav-left li a .ico.ico-mail { background-image: url(/assets/images/icon/icon_mail.svg); }

.container #category .nav-left li a .ico.ico-approval { background-image: url(/assets/images/icon/icon_approval.svg); }

.container #category .nav-left li a .ico.ico-headset { background-image: url(/assets/images/icon/icon_headset.svg); }

.container #category .nav-left li a .ico.ico-chat { background-image: url(/assets/images/icon/icon_chat.svg); }

.container #category .nav-left li a .ico.ico-find { background-image: url(/assets/images/icon/icon_find.svg); }

.container #category .nav-left li a .ico.ico-org { background-image: url(/assets/images/icon/icon_org.svg); }

.container #category .nav-left li a .ico.ico-system { background-image: url(/assets/images/icon/icon_system.svg); }

.container #category .nav-left li a .ico.ico-users2 { background-image: url(/assets/images/icon/icon_users2.svg); }

.container #category .nav-left li a .ico.ico-main { background-image: url(/assets/images/icon/icon_main.svg); }

.container #category .nav-left li a .ico.ico-note { background-image: url(/assets/images/icon/icon_note.svg); }

.container #category .nav-left li a .ico.ico-note2 { background-image: url(/assets/images/icon/icon_note5.svg); }

.container #category .nav-left li a .ico.ico-card2 { background-image: url(/assets/images/icon/icon_card2.svg); }

.container #category .nav-left li a .ico.ico-note3 { background-image: url(/assets/images/icon/icon_desk.svg); }

.container #category .nav-left li:hover a, .container #category .nav-left li.active a { background-color: #2763BA; color: #fff; }

.container #category .nav-left li:hover a .ico.ico-home, .container #category .nav-left li.active a .ico.ico-home { background-image: url(/assets/images/icon/icon_home_on.svg); }

.container #category .nav-left li:hover a .ico.ico-mail, .container #category .nav-left li.active a .ico.ico-mail { background-image: url(/assets/images/icon/icon_mail_on.svg); }

.container #category .nav-left li:hover a .ico.ico-approval, .container #category .nav-left li.active a .ico.ico-approval { background-image: url(/assets/images/icon/icon_approval_on.svg); }

.container #category .nav-left li:hover a .ico.ico-headset, .container #category .nav-left li.active a .ico.ico-headset { background-image: url(/assets/images/icon/icon_headset_on.svg); }

.container #category .nav-left li:hover a .ico.ico-chat, .container #category .nav-left li.active a .ico.ico-chat { background-image: url(/assets/images/icon/icon_chat_on.svg); }

.container #category .nav-left li:hover a .ico.ico-find, .container #category .nav-left li.active a .ico.ico-find { background-image: url(/assets/images/icon/icon_find_on.svg); }

.container #category .nav-left li:hover a .ico.ico-org, .container #category .nav-left li.active a .ico.ico-org { background-image: url(/assets/images/icon/icon_org_on.svg); }

.container #category .nav-left li:hover a .ico.ico-system, .container #category .nav-left li.active a .ico.ico-system { background-image: url(/assets/images/icon/icon_system_on.svg); }

.container #category .nav-left li:hover a .ico.ico-users2, .container #category .nav-left li.active a .ico.ico-users2 { background-image: url(/assets/images/icon/icon_users2_on.svg); }

.container #category .nav-left li:hover a .ico.ico-main, .container #category .nav-left li.active a .ico.ico-main { background-image: url(/assets/images/icon/icon_main_on.svg); }

.container #category .nav-left li:hover a .ico.ico-note, .container #category .nav-left li.active a .ico.ico-note { background-image: url(/assets/images/icon/icon_note_on.svg); }

.container #category .nav-left li:hover a .ico.ico-note2, .container #category .nav-left li.active a .ico.ico-note2 { background-image: url(/assets/images/icon/icon_note5_on.svg); }

.container #category .nav-left li:hover a .ico.ico-card2, .container #category .nav-left li.active a .ico.ico-card2 { background-image: url(/assets/images/icon/icon_card2_on.svg); }

.container #category .nav-left li:hover a .ico.ico-note3, .container #category .nav-left li.active a .ico.ico-note3 { background-image: url(/assets/images/icon/icon_desk_on.svg); }

.container #category.type-b { position: fixed; top: 48px; left: 0; width: 72px; height: calc(100vh - 48px); z-index: 100; }

.container #content { width: calc(100% - 72px); }

.container #content.type-b { margin-left: 72px; }

.icon-bell { position: relative; display: block; margin-right: 20px; margin-left: 24px; width: 24px; height: 24px; background: url("/assets/images/icon/icon-bell.svg") no-repeat 50%; text-indent: -9999px; }

.icon-bell.on:after { position: absolute; right: 1px; top: 2px; content: ''; display: block; width: 8px; height: 8px; border: 1px solid #fff; border-radius: 50%; background-color: #EB5757; }

.btn-move { position: relative; height: 32px; padding-left: 36px; padding-right: 12px; border: 1px solid #fff; border-radius: 8px; font-weight: 500; color: #fff; }

.btn-move:before { position: absolute; top: 50%; left: 12px; margin-top: -8px; content: ''; display: block; width: 16px; height: 16px; background: url("/assets/images/icon/icon-change-w.svg") no-repeat 50%; }

.main-view-all.ui-dialog.ui-widget-content { border-radius: 0; padding: 0; }

.main-view-all .main-content .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.main-view-all .main-content .list.list:last-child { margin-right: 0; }

#footer .footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 52px; border-top: 1px solid #dcdcdc; padding-left: 92px; background-color: #F4F4F4; }

#footer .footer-top .btm-nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

#footer .footer-top .btm-nav li { margin-right: 32px; color: #fff; font-size: 16px; font-weight: 400; }

#footer .footer-top .btm-nav li a { color: #666; font-weight: 400; text-decoration: none; }

#footer .footer-depart-all { background-color: #697387; }

#footer .footer-depart-all .depart-tle-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 44px; padding-left: 24px; padding-right: 24px; background-color: #5A6477; }

#footer .footer-depart-all .depart-tle-area .tle { font-weight: 500; color: #fff; }

#footer .footer-depart-all .depart-tle-area .btn-close { width: 20px; height: 20px; background: url("/assets/images/icon/icon-close.svg") no-repeat 50% 50%; text-indent: -9999px; }

#footer .footer-depart-all .depart-area { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 38px 62px; }

#footer .footer-depart-all .depart-area dl:nth-child(1) { width: 492px; margin-right: 20px; }

#footer .footer-depart-all .depart-area dl:nth-child(1) dd > ul:first-child { margin-right: 4px; }

#footer .footer-depart-all .depart-area dl:nth-child(2) { width: 492px; margin-right: 20px; }

#footer .footer-depart-all .depart-area dl:nth-child(2) dd > ul:first-child { margin-right: 4px; }

#footer .footer-depart-all .depart-area dl:nth-child(3) { width: 244px; margin-right: 20px; }

#footer .footer-depart-all .depart-area dl:nth-child(4) { width: 244px; margin-right: 20px; }

#footer .footer-depart-all .depart-area dl:nth-child(5) { width: 244px; }

#footer .footer-depart-all .depart-area dt { margin-bottom: 4px; padding-left: 20px; background-color: #838C9D; }

#footer .footer-depart-all .depart-area dt strong { display: block; line-height: 40px; font-weight: 500; color: #fff; }

#footer .footer-depart-all .depart-area dd { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 44px); }

#footer .footer-depart-all .depart-area dd > ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 8px; padding-bottom: 8px; background-color: #969EAD; }

#footer .footer-depart-all .depart-area dd > ul li a { display: block; padding-left: 20px; color: #fff; font-weight: 500; line-height: 28px; text-decoration: none; }

#footer .footer-depart-all .depart-area dd > ul li a:hover { background-color: #8b93a0; }

#footer .footer-depart-all .depart-area dd > ul li ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#footer .footer-depart-all .depart-area dd > ul li ul li a:before { content: ''; display: block; width: 4px; height: 4px; margin-left: 6px; margin-right: 8px; border-radius: 50%; background-color: #fff; }

#footer .footer-mdl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 64px; background-color: #778194; }

#footer .footer-mdl .btm-sitemap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#footer .footer-mdl .btm-sitemap dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#footer .footer-mdl .btm-sitemap dt:after { content: ''; display: inline-block; height: 20px; width: 1px; margin-left: 20px; background-color: #fff; }

#footer .footer-mdl .btm-sitemap dt .btn-all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 16px; font-weight: 500; }

#footer .footer-mdl .btm-sitemap dt .btn-all::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; border-radius: 3.2px; background: rgba(255, 255, 255, 0.2) url("/assets/images/icon/arr_down_white.svg") no-repeat 50% 50%/11px auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

#footer .footer-mdl .btm-sitemap dt .btn-all.active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#footer .footer-mdl .btm-sitemap dd ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#footer .footer-mdl .btm-sitemap dd ul li { margin-left: 20px; color: #fff; font-size: 16px; font-weight: 500; }

#footer .footer-mdl .btm-sitemap dd ul li a { text-decoration: none; }

#footer .footer-btm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 156px; padding-left: 92px; border-top: 1px solid #dcdcdc; background: #F9F9F9 url("/assets/images/main/logo-footer.svg") no-repeat calc(100% - 30px) 50%; }

#footer .footer-btm .logo-btm { height: 22px; margin-bottom: 24px; }

#footer .footer-btm .logo-btm img { height: 100%; }

#footer .footer-btm address { color: #8A8A8A; font-size: 14px; font-weight: 400; }

.lnb { width: 240px; font-size: 14px; }

.lnb > h1 { display: none; height: 56px; padding: 0 16px; line-height: 56px; font-size: 16px; color: #3c72c1; font-weight: 500; background: #ebf1f9; }

.lnb .in-ux-icon { position: relative; }

.lnb .in-ux-icon [class*="-icon"] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.lnb .in-ux-icon .lnb-text:before { display: none; }

.lnb .in-ux-icon .left-icon { left: 14px; }

.lnb .in-ux-icon .left-icon ~ .lnb-text { padding-left: 36px; }

.lnb .in-ux-icon .right-icon { right: 14px; }

.lnb .in-ux-icon .right-icon ~ .lnb-text { padding-right: 36px; }

.lnb-nav { height: 100%; padding: 20px 8px; }

.approval-fn + .lnb-nav { height: calc(100% - 64px); padding-top: 0 !important; }

.lnb .js-tree-control { position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px; margin-bottom: 0; background: #ebebeb; z-index: 20; }

.lnb .js-tree-control .btn-tree { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; background-color: #fff; border: 1px solid #dcdcdc; }

.lnb .js-tree-control .btn-tree [class^="icon-"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.lnb-item { border-radius: 8px; overflow: hidden; }

.lnb-item:not(:first-child) { margin-top: 8px; }

.lnb-item a:hover { text-decoration: none; }

.lnb-item [class*="js-tree--"] { padding: 0 0 36px 0; }

.lnb-item [class*="js-tree--"] .jstree { min-height: 100%; max-height: calc(100vh - 378px); padding: 0px; overflow-y: auto; }

.approval-fn + .lnb-nav .lnb-item [class*="js-tree--"] .jstree { max-height: calc(100vh - 422px); }

.lnb-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; padding: 0 16px; font-size: 14px; color: #2e2e2e; background-color: #f9f9f9; cursor: pointer; }

.lnb-text.on { color: #fff; background-color: #2763ba; }

.lnb-text:not(.on):hover { background-color: #ebf1f9; }

.lnb-text:before { width: 12px; height: 12px; content: ""; display: block; margin-right: 8px; }

.lnb-text:not(.in-ui-icon):before { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 4px; background-image: url("/assets/images/lnb/lnb-bullet.svg"); }

.lnb-text.on:not(.ui-collapse-text):before { background-image: url("/assets/images/lnb/lnb-bullet-on.svg"); }

.lnb-text.ui-collapse-text:before { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 12px; background-image: url("/assets/images/lnb/bullet-collapse.svg"); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; }

.ui-collapse.on > .lnb-text.ui-collapse-text:before { -webkit-transform: rotate(0); transform: rotate(0); }

.lnb-text[class*="icon-45-angle"]:before { width: 12px; height: 12px; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.5 1.25C0.5 0.835787 0.835786 0.5 1.25 0.5H8.75C9.16421 0.5 9.5 0.835787 9.5 1.25V8.75C9.5 9.16421 9.16421 9.5 8.75 9.5H1.25C0.835786 9.5 0.5 9.16421 0.5 8.75V1.25ZM8.75 1.25H1.25V8.75H8.75V1.25ZM3.6875 3.6875C3.6875 3.48039 3.85539 3.3125 4.0625 3.3125H6.3125C6.51961 3.3125 6.6875 3.48039 6.6875 3.6875V5.9375C6.6875 6.14461 6.51961 6.3125 6.3125 6.3125C6.10539 6.3125 5.9375 6.14461 5.9375 5.9375V4.59283L3.95266 6.57767C3.80622 6.72411 3.56878 6.72411 3.42234 6.57767C3.27589 6.43122 3.27589 6.19378 3.42234 6.04734L5.40717 4.0625H4.0625C3.85539 4.0625 3.6875 3.89461 3.6875 3.6875Z" fill="%23000"/%3E%3C/svg%3E%0A'); }

.lnb-text[class*="icon-45-angle"].on:before { width: 12px; height: 12px; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.5 1.25C0.5 0.835787 0.835786 0.5 1.25 0.5H8.75C9.16421 0.5 9.5 0.835787 9.5 1.25V8.75C9.5 9.16421 9.16421 9.5 8.75 9.5H1.25C0.835786 9.5 0.5 9.16421 0.5 8.75V1.25ZM8.75 1.25H1.25V8.75H8.75V1.25ZM3.6875 3.6875C3.6875 3.48039 3.85539 3.3125 4.0625 3.3125H6.3125C6.51961 3.3125 6.6875 3.48039 6.6875 3.6875V5.9375C6.6875 6.14461 6.51961 6.3125 6.3125 6.3125C6.10539 6.3125 5.9375 6.14461 5.9375 5.9375V4.59283L3.95266 6.57767C3.80622 6.72411 3.56878 6.72411 3.42234 6.57767C3.27589 6.43122 3.27589 6.19378 3.42234 6.04734L5.40717 4.0625H4.0625C3.85539 4.0625 3.6875 3.89461 3.6875 3.6875Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.lnb-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; padding: 0 36px; font-size: 14px; color: #4b4b4b; font-weight: 500; background-color: #ebebeb; }

.lnb-nav > .lnb-item { border: 1px solid #dcdcdc; }

.lnb-nav > .lnb-item > .lnb-text { font-weight: 500; }

.lnb-nav > .lnb-item > .lnb-text:not(.on) { color: #4b4b4b; background-color: #f4f4f4; }

.lnb-nav > .lnb-item > .lnb-text:not(.on):hover { background-color: #ebebeb; }

.lnb-nav > .lnb-item#workspace-default-menu, .lnb-nav > .lnb-item#workflow-menu, .lnb-nav > .lnb-item#workspace-dept-menu, .lnb-nav > .lnb-item#workspace-forum, .lnb-nav > .lnb-item.h100 { height: 100%; }

.lnb-sub-nav { position: relative; height: calc(100% - 40px); padding: 8px; }

.lnb-item.ui-collapse { height: auto; border: 1px solid #dcdcdc; }

.lnb-item.ui-collapse.on { border-color: #aeaeae; }

.lnb-item.ui-collapse > .lnb-text { color: #4b4b4b; font-weight: 500; background-color: #f4f4f4; }

.lnb-item.ui-collapse.on > .lnb-text, .lnb-item.ui-collapse > .lnb-text:hover { background-color: #ebebeb; }

.btn-favorit:before { width: 1em; height: 1em; content: ""; display: block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("/assets/images/icon/icon-favorit.svg"); }

.btn-favorit.on:before { background-image: url("/assets/images/icon/icon-favorit-on.svg"); }

.btn.-theme--blue { background-color: #3c72c1; color: #fff !important; }

.btn.-theme--blue .ico { background-color: #2763ba; }

.btn.-theme--green { background-color: #F4F4F4; color: #000 !important; }

.btn.-theme--green .ico { background-color: #DCDCDC; }

.btn.-theme--green .ico-check-square { background-image: url("/assets/images/icon/ico-checksquare-bl.svg"); }

.btn.-theme--green .ico-person { background-image: url("/assets/images/icon/icon-users-bl.svg"); }

.btn.-theme--green .ico-date { background-image: url("/assets/images/icon/icon_cal_on-bl.svg"); }

.btn.-theme--green-2 { background-color: #F4F4F4; color: #000 !important; }

.btn.-theme--green-2 .ico { background-color: #DCDCDC; }

.btn.-theme--green-2 .ico-check-square { background-image: url("/assets/images/icon/ico-checksquare-bl.svg"); }

.btn.-theme--green-2 .ico-person { background-image: url("/assets/images/icon/icon-users-bl.svg"); }

.btn.-theme--green-2 .ico-date { background-image: url("/assets/images/icon/icon_cal_on-bl.svg"); }

.btn.-theme--red { background-color: #ea6969; color: #fff !important; }

.btn.-theme--red .ico { background-color: #e85959; }

.btn.-theme--yellow { background-color: #F4F4F4; color: #000 !important; }

.btn.-theme--yellow .ico { background-color: #DCDCDC; }

.btn.-theme--yellow .ico-check-square { background-image: url("/assets/images/icon/ico-checksquare-bl.svg"); }

.btn.-theme--yellow .ico-person { background-image: url("/assets/images/icon/icon-users-bl.svg"); }

.btn.-theme--yellow .ico-date { background-image: url("/assets/images/icon/icon_cal_on-bl.svg"); }

.btn.-theme--gray { background-color: #F4F4F4; color: #000 !important; }

.btn.-theme--gray .ico { background-color: #DCDCDC; }

.btn.-theme--gray .ico-check-square { background-image: url("/assets/images/icon/ico-checksquare-bl.svg"); }

.btn.-theme--gray .ico-person { background-image: url("/assets/images/icon/icon-users-bl.svg"); }

.btn.-theme--gray .ico-date { background-image: url("/assets/images/icon/icon_cal_on-bl.svg"); }

.btn.-theme--gray-6 { background-color: #666; color: #fff !important; }

.btn.-theme--gray-6 .ico { background-color: #666; }

.btn.-theme--purple { background-color: #F4F4F4; color: #000 !important; }

.btn.-theme--purple .ico { background-color: #DCDCDC; }

.btn.-theme--purple .ico-check-square { background-image: url("/assets/images/icon/ico-checksquare-bl.svg"); }

.btn.-theme--purple .ico-person { background-image: url("/assets/images/icon/icon-users-bl.svg"); }

.btn.-theme--purple .ico-date { background-image: url("/assets/images/icon/icon_cal_on-bl.svg"); }

.btn .ico-check-square { background-image: url("/assets/images/icon/ico-checksquare.svg"); background-size: 14px; }

.btn .ico-person { background-image: url("/assets/images/icon/icon-users.svg"); background-size: 16px; }

.btn .ico-date { background-image: url("/assets/images/icon/icon_cal_on.svg"); background-size: 16px; }

.btn .ico-check-circle { background-image: url("/assets/images/icon/ico-check.svg"); background-size: 16px; }

.btn .ico-x-circle { background-image: url("/assets/images/icon/icon-x-circle-1.svg"); background-size: 16px; }

.btn .ico-user-plus { background-image: url("/assets/images/icon/icon-user-plus-2.svg"); background-size: 16px; }

.plate-fn .plate-btn { font-size: 14px; }

.plate-fn .plate-btn:not(:first-child) { margin-left: 4px; }

.plate-fn .icon-x:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 4.71967C19.5732 5.01256 19.5732 5.48744 19.2803 5.78033L5.78033 19.2803C5.48744 19.5732 5.01256 19.5732 4.71967 19.2803C4.42678 18.9874 4.42678 18.5126 4.71967 18.2197L18.2197 4.71967C18.5126 4.42678 18.9874 4.42678 19.2803 4.71967Z" fill="%234B4B4B"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L19.2803 18.2197C19.5732 18.5126 19.5732 18.9874 19.2803 19.2803C18.9874 19.5732 18.5126 19.5732 18.2197 19.2803L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="%234B4B4B"/%3E%3C/svg%3E'); }

.plate-fn .icon-dnd:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447L9.1213 1.9142C9.31657 2.10946 9.31657 2.42604 9.1213 2.6213C8.92604 2.81657 8.60946 2.81657 8.4142 2.6213L7.5 1.70711V5C7.5 5.27614 7.27614 5.5 7 5.5C6.72386 5.5 6.5 5.27614 6.5 5V1.70711L5.5858 2.6213C5.39054 2.81657 5.07396 2.81657 4.8787 2.6213C4.68343 2.42604 4.68343 2.10946 4.8787 1.9142L6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0ZM2.6213 4.8787C2.81657 5.07396 2.81657 5.39054 2.6213 5.5858L1.70711 6.5H5C5.27614 6.5 5.5 6.72386 5.5 7C5.5 7.27614 5.27614 7.5 5 7.5H1.70711L2.6213 8.4142C2.81657 8.60946 2.81657 8.92604 2.6213 9.1213C2.42604 9.31657 2.10946 9.31657 1.9142 9.1213L0.146447 7.35355C0.0526784 7.25979 0 7.13261 0 7C0 6.86739 0.0526784 6.74021 0.146447 6.64645L1.9142 4.8787C2.10946 4.68343 2.42604 4.68343 2.6213 4.8787ZM11.3787 4.8787C11.574 4.68343 11.8905 4.68343 12.0858 4.8787L13.8536 6.64645C14.0488 6.84171 14.0488 7.15829 13.8536 7.35355L12.0858 9.1213C11.8905 9.31657 11.574 9.31657 11.3787 9.1213C11.1834 8.92604 11.1834 8.60946 11.3787 8.4142L12.2929 7.5H9C8.72386 7.5 8.5 7.27614 8.5 7C8.5 6.72386 8.72386 6.5 9 6.5H12.2929L11.3787 5.5858C11.1834 5.39054 11.1834 5.07396 11.3787 4.8787ZM7 8.5C7.27614 8.5 7.5 8.72386 7.5 9V12.2929L8.4142 11.3787C8.60946 11.1834 8.92604 11.1834 9.1213 11.3787C9.31657 11.574 9.31657 11.8905 9.1213 12.0858L7.35355 13.8536C7.15829 14.0488 6.84171 14.0488 6.64645 13.8536L4.8787 12.0858C4.68343 11.8905 4.68343 11.574 4.8787 11.3787C5.07396 11.1834 5.39054 11.1834 5.5858 11.3787L6.5 12.2929V9C6.5 8.72386 6.72386 8.5 7 8.5Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-dnd-up:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.64645 4.64645C7.84171 4.45118 8.15829 4.45118 8.35355 4.64645L13.3536 9.64645C13.5488 9.84171 13.5488 10.1583 13.3536 10.3536C13.1583 10.5488 12.8417 10.5488 12.6464 10.3536L8 5.70711L3.35355 10.3536C3.15829 10.5488 2.84171 10.5488 2.64645 10.3536C2.45118 10.1583 2.45118 9.84171 2.64645 9.64645L7.64645 4.64645Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-dnd-down:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L8 10.2929L12.6464 5.64645C12.8417 5.45118 13.1583 5.45118 13.3536 5.64645C13.5488 5.84171 13.5488 6.15829 13.3536 6.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-pencil:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.79289 1.99992C9.98043 1.81239 10.2348 1.70703 10.5 1.70703C10.7652 1.70703 11.0196 1.81239 11.2071 1.99992L10.8728 2.33419L11.2071 1.99992L14 4.79282C14.1875 4.98035 14.2929 5.23471 14.2929 5.49992C14.2929 5.76514 14.1875 6.01949 14 6.20703L6.5 13.707C6.40714 13.7999 6.29691 13.8735 6.17558 13.9238C6.05425 13.9741 5.92421 13.9999 5.79289 13.9999H3C2.73478 13.9999 2.48043 13.8946 2.29289 13.707C2.10536 13.5195 2 13.2651 2 12.9999V10.207C2 10.0757 2.02587 9.94567 2.07612 9.82435C2.12637 9.70302 2.20003 9.59278 2.29289 9.49992L9.79289 1.99992ZM13.2929 5.49992L10.5 2.70703L3 10.207L2.64645 9.85348L3 10.207L3 12.9999L5.79289 12.9999L13.2929 5.49992Z" fill="%234B4B4B"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.14645 3.64645C8.34171 3.45118 8.65829 3.45118 8.85355 3.64645L12.3536 7.14645C12.5488 7.34171 12.5488 7.65829 12.3536 7.85355C12.1583 8.04882 11.8417 8.04882 11.6464 7.85355L8.14645 4.35355C7.95118 4.15829 7.95118 3.84171 8.14645 3.64645Z" fill="%234B4B4B"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.1777 9.6777C2.37296 9.48243 2.68954 9.48243 2.8848 9.6777L6.32106 13.1139C6.51632 13.3092 6.51632 13.6258 6.32106 13.8211C6.12579 14.0163 5.80921 14.0163 5.61395 13.8211L2.1777 10.3848C1.98243 10.1895 1.98243 9.87296 2.1777 9.6777Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-check-thin:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-text:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 -0.000366211C6.27614 -0.000366211 6.5 0.223491 6.5 0.499634V9.49963C6.5 9.77578 6.27614 9.99963 6 9.99963C5.72386 9.99963 5.5 9.77578 5.5 9.49963V0.499634C5.5 0.223491 5.72386 -0.000366211 6 -0.000366211Z" fill="%234B4B4B"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.499634C0.5 0.223491 0.723858 -0.000366211 1 -0.000366211H11C11.2761 -0.000366211 11.5 0.223491 11.5 0.499634V2.49963C11.5 2.77578 11.2761 2.99963 11 2.99963C10.7239 2.99963 10.5 2.77578 10.5 2.49963V0.999634H1.5V2.49963C1.5 2.77578 1.27614 2.99963 1 2.99963C0.723858 2.99963 0.5 2.77578 0.5 2.49963V0.499634Z" fill="%234B4B4B"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.5 9.49963C3.5 9.22349 3.72386 8.99963 4 8.99963H8C8.27614 8.99963 8.5 9.22349 8.5 9.49963C8.5 9.77578 8.27614 9.99963 8 9.99963H4C3.72386 9.99963 3.5 9.77578 3.5 9.49963Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-change:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.9997 1C6.34309 1 5.69291 1.12933 5.08628 1.3806C4.47965 1.63188 3.92845 2.00017 3.46416 2.46447C3.2689 2.65973 2.95232 2.65973 2.75705 2.46447C2.56179 2.2692 2.56179 1.95262 2.75705 1.75736C3.31421 1.20021 3.97564 0.758251 4.70359 0.456723C5.43155 0.155195 6.21176 0 6.9997 0C7.78763 0 8.56784 0.155195 9.2958 0.456723C10.0237 0.758251 10.6852 1.20021 11.2423 1.75736L12.5101 3.02515V1.23225C12.5101 0.956108 12.734 0.73225 13.0101 0.73225C13.2863 0.73225 13.5101 0.956108 13.5101 1.23225V4.23225C13.5101 4.50839 13.2863 4.73225 13.0101 4.73225H10.0101C9.73399 4.73225 9.51013 4.50839 9.51013 4.23225C9.51013 3.95611 9.73399 3.73225 10.0101 3.73225H11.803L10.5352 2.46447L10.8888 2.11091L10.5352 2.46447C10.0709 2.00017 9.51974 1.63188 8.91311 1.3806C8.30648 1.12933 7.6563 1 6.9997 1ZM0.489258 7.76775C0.489258 7.49161 0.713115 7.26775 0.989258 7.26775H3.98926C4.2654 7.26775 4.48926 7.49161 4.48926 7.76775C4.48926 8.04389 4.2654 8.26775 3.98926 8.26775H2.19637L3.46416 9.53553L3.12132 9.87837L3.46416 9.53553C3.92845 9.99983 4.47965 10.3681 5.08628 10.6194C5.6929 10.8707 6.34309 11 6.9997 11C7.65631 11 8.30649 10.8707 8.91311 10.6194C9.51974 10.3681 10.0709 9.99983 10.5352 9.53553C10.7305 9.34027 11.0471 9.34027 11.2423 9.53553C11.4376 9.7308 11.4376 10.0474 11.2423 10.2426C10.6852 10.7998 10.0237 11.2417 9.2958 11.5433C8.56784 11.8448 7.78763 12 6.9997 12C6.21176 12 5.43155 11.8448 4.70359 11.5433C3.97564 11.2417 3.31421 10.7998 2.75706 10.2426L1.48926 8.97485V10.7677C1.48926 11.0439 1.2654 11.2677 0.989258 11.2677C0.713115 11.2677 0.489258 11.0439 0.489258 10.7677V7.76775Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-user-s:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 13C12.7614 13 15 10.7614 15 8C15 5.23858 12.7614 3 10 3C7.23858 3 5 5.23858 5 8C5 10.7614 7.23858 13 10 13Z" stroke="%23278C62" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2.42114 17.3743C3.18955 16.0442 4.29443 14.9398 5.6248 14.172C6.95517 13.4042 8.46417 13 10.0002 13C11.5363 13 13.0453 13.4043 14.3756 14.1721C15.706 14.94 16.8108 16.0444 17.5792 17.3744" stroke="%23278C62" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); }

.plate-fn .icon-user-plus:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.5 2.5C9.5 2.22386 9.72386 2 10 2H13C13.2761 2 13.5 2.22386 13.5 2.5C13.5 2.77614 13.2761 3 13 3H10C9.72386 3 9.5 2.77614 9.5 2.5Z" fill="%23278C62"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.5 0.5C11.7761 0.5 12 0.723858 12 1V4C12 4.27614 11.7761 4.5 11.5 4.5C11.2239 4.5 11 4.27614 11 4V1C11 0.723858 11.2239 0.5 11.5 0.5Z" fill="%23278C62"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.99986 9.5C5.85877 9.49999 4.73777 9.80026 3.74947 10.3707C2.76117 10.9411 1.94038 11.7615 1.36955 12.7495C1.23141 12.9886 0.925588 13.0705 0.686482 12.9324C0.447375 12.7942 0.365526 12.4884 0.503666 12.2493C1.16229 11.1093 2.10931 10.1627 3.2496 9.50456C4.38989 8.84644 5.68329 8.49999 6.99987 8.5C8.31645 8.50001 9.60984 8.8465 10.7501 9.50464C11.8904 10.1628 12.8374 11.1094 13.496 12.2494C13.6341 12.4885 13.5523 12.7944 13.3132 12.9325C13.0741 13.0706 12.7682 12.9888 12.6301 12.7497C12.0593 11.7616 11.2385 10.9411 10.2502 10.3707C9.26195 9.80031 8.14095 9.50001 6.99986 9.5Z" fill="%23278C62"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.80827 1.59377C7.15276 1.43886 6.46647 1.47649 5.83183 1.70216C5.1972 1.92783 4.64122 2.33194 4.23068 2.86593C3.82014 3.39992 3.57251 4.04109 3.51753 4.71241C3.46256 5.38373 3.60257 6.05664 3.92076 6.65031C4.23896 7.24398 4.72179 7.73315 5.31125 8.05907C5.90072 8.38498 6.57174 8.53378 7.24372 8.48757C7.9157 8.44136 8.56005 8.20212 9.09935 7.79859C9.63866 7.39506 10.05 6.8444 10.2839 6.21277C10.3798 5.95382 10.6675 5.82164 10.9265 5.91755C11.1854 6.01346 11.3176 6.30113 11.2217 6.56008C10.9209 7.37229 10.3919 8.08038 9.69845 8.59927C9.00496 9.11816 8.17641 9.4258 7.31232 9.48521C6.44823 9.54463 5.58537 9.3533 4.82738 8.93421C4.0694 8.51512 3.44854 7.8861 3.03938 7.12271C2.63022 6.35932 2.45018 5.49403 2.52087 4.63079C2.59156 3.76755 2.90999 2.94308 3.43789 2.25643C3.9658 1.56978 4.68073 1.05015 5.49679 0.75996C6.31286 0.469774 7.19536 0.421377 8.03827 0.620583C8.30701 0.684094 8.47338 0.953437 8.40986 1.22218C8.34635 1.49092 8.07701 1.65729 7.80827 1.59377Z" fill="%23278C62"/%3E%3C/svg%3E%0A'); }

.plate-fn .icon-pager-clip:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.04292 0.689813C8.34624 0.564176 8.67133 0.499512 8.99963 0.499512C9.32794 0.499512 9.65303 0.564176 9.95634 0.689813C10.2597 0.81545 10.5353 0.999599 10.7674 1.23174C10.9995 1.46389 11.1837 1.73949 11.3093 2.0428C11.435 2.34612 11.4996 2.67121 11.4996 2.99951C11.4996 3.32782 11.435 3.65291 11.3093 3.95622C11.1839 4.25898 11.0002 4.53413 10.7687 4.76601C10.7682 4.76643 10.7678 4.76686 10.7674 4.76728L4.56067 11.0605C4.27937 11.3418 3.89783 11.4998 3.5 11.4998C3.10218 11.4998 2.72064 11.3418 2.43934 11.0605C2.15804 10.7792 2 10.3976 2 9.99982C2 9.60275 2.15744 9.22191 2.43774 8.94076L7.64318 3.64888C7.83683 3.45202 8.1534 3.44941 8.35026 3.64306C8.54713 3.83671 8.54973 4.15328 8.35609 4.35014L3.14646 9.64628C3.05269 9.74004 3 9.86721 3 9.99982C3 10.1324 3.05268 10.2596 3.14645 10.3534C3.24022 10.4471 3.36739 10.4998 3.5 10.4998C3.63213 10.4998 3.75887 10.4475 3.85254 10.3544C3.85288 10.354 3.85322 10.3537 3.85355 10.3534L10.0603 4.06016C10.1996 3.92088 10.3101 3.75553 10.3855 3.57354C10.4608 3.39155 10.4996 3.19649 10.4996 2.99951C10.4996 2.80253 10.4608 2.60747 10.3855 2.42549C10.3101 2.2435 10.1996 2.07814 10.0603 1.93885C9.92101 1.79956 9.75565 1.68907 9.57366 1.61369C9.39167 1.53831 9.19662 1.49951 8.99963 1.49951C8.80265 1.49951 8.6076 1.53831 8.42561 1.61369C8.24412 1.68887 8.07917 1.79896 7.94012 1.9377L1.73224 8.23206C1.2634 8.7009 1 9.33678 1 9.99982C1 10.6629 1.26339 11.2987 1.73223 11.7676C2.20107 12.2364 2.83696 12.4998 3.5 12.4998C4.16304 12.4998 4.79893 12.2364 5.26777 11.7676L10.3963 6.64573C10.5917 6.45059 10.9083 6.4508 11.1034 6.64619C11.2986 6.84158 11.2983 7.15816 11.103 7.3533L5.97487 12.4747C5.3185 13.1311 4.42826 13.4998 3.5 13.4998C2.57174 13.4998 1.6815 13.1311 1.02513 12.4747C0.368749 11.8183 0 10.9281 0 9.99982C0 9.07216 0.368274 8.18247 1.02386 7.52621L7.23186 1.23174C7.464 0.99959 7.73961 0.81545 8.04292 0.689813Z" fill="%23278C62"/%3E%3C/svg%3E'); }

.plate-fn .icon-pager-clip-blue:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.04292 0.689813C8.34624 0.564176 8.67133 0.499512 8.99963 0.499512C9.32794 0.499512 9.65303 0.564176 9.95634 0.689813C10.2597 0.81545 10.5353 0.999599 10.7674 1.23174C10.9995 1.46389 11.1837 1.73949 11.3093 2.0428C11.435 2.34612 11.4996 2.67121 11.4996 2.99951C11.4996 3.32782 11.435 3.65291 11.3093 3.95622C11.1839 4.25898 11.0002 4.53413 10.7687 4.76601C10.7682 4.76643 10.7678 4.76686 10.7674 4.76728L4.56067 11.0605C4.27937 11.3418 3.89783 11.4998 3.5 11.4998C3.10218 11.4998 2.72064 11.3418 2.43934 11.0605C2.15804 10.7792 2 10.3976 2 9.99982C2 9.60275 2.15744 9.22191 2.43774 8.94076L7.64318 3.64888C7.83683 3.45202 8.1534 3.44941 8.35026 3.64306C8.54713 3.83671 8.54973 4.15328 8.35609 4.35014L3.14646 9.64628C3.05269 9.74004 3 9.86721 3 9.99982C3 10.1324 3.05268 10.2596 3.14645 10.3534C3.24022 10.4471 3.36739 10.4998 3.5 10.4998C3.63213 10.4998 3.75887 10.4475 3.85254 10.3544C3.85288 10.354 3.85322 10.3537 3.85355 10.3534L10.0603 4.06016C10.1996 3.92088 10.3101 3.75553 10.3855 3.57354C10.4608 3.39155 10.4996 3.19649 10.4996 2.99951C10.4996 2.80253 10.4608 2.60747 10.3855 2.42549C10.3101 2.2435 10.1996 2.07814 10.0603 1.93885C9.92101 1.79956 9.75565 1.68907 9.57366 1.61369C9.39167 1.53831 9.19662 1.49951 8.99963 1.49951C8.80265 1.49951 8.6076 1.53831 8.42561 1.61369C8.24412 1.68887 8.07917 1.79896 7.94012 1.9377L1.73224 8.23206C1.2634 8.7009 1 9.33678 1 9.99982C1 10.6629 1.26339 11.2987 1.73223 11.7676C2.20107 12.2364 2.83696 12.4998 3.5 12.4998C4.16304 12.4998 4.79893 12.2364 5.26777 11.7676L10.3963 6.64573C10.5917 6.45059 10.9083 6.4508 11.1034 6.64619C11.2986 6.84158 11.2983 7.15816 11.103 7.3533L5.97487 12.4747C5.3185 13.1311 4.42826 13.4998 3.5 13.4998C2.57174 13.4998 1.6815 13.1311 1.02513 12.4747C0.368749 11.8183 0 10.9281 0 9.99982C0 9.07216 0.368274 8.18247 1.02386 7.52621L7.23186 1.23174C7.464 0.99959 7.73961 0.81545 8.04292 0.689813Z" fill="%232763ba"/%3E%3C/svg%3E'); }

.plate-fn .icon-authority:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 1.375C2.72183 1.375 0.875 3.22183 0.875 5.5C0.875 7.77817 2.72183 9.625 5 9.625C7.27817 9.625 9.125 7.77817 9.125 5.5C9.125 3.22183 7.27817 1.375 5 1.375ZM0.125 5.5C0.125 2.80761 2.30761 0.625 5 0.625C7.69239 0.625 9.875 2.80761 9.875 5.5C9.875 8.19239 7.69239 10.375 5 10.375C2.30761 10.375 0.125 8.19239 0.125 5.5Z" fill="%234B4B4B"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.75 5.5C2.75 5.29289 2.91789 5.125 3.125 5.125H6.875C7.08211 5.125 7.25 5.29289 7.25 5.5C7.25 5.70711 7.08211 5.875 6.875 5.875H3.125C2.91789 5.875 2.75 5.70711 2.75 5.5Z" fill="%23666666"/%3E%3C/svg%3E'); }

.plate.plate-lightgray .plate-fn .icon-x:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 4.71967C19.5732 5.01256 19.5732 5.48744 19.2803 5.78033L5.78033 19.2803C5.48744 19.5732 5.01256 19.5732 4.71967 19.2803C4.42678 18.9874 4.42678 18.5126 4.71967 18.2197L18.2197 4.71967C18.5126 4.42678 18.9874 4.42678 19.2803 4.71967Z" fill="%23666"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L19.2803 18.2197C19.5732 18.5126 19.5732 18.9874 19.2803 19.2803C18.9874 19.5732 18.5126 19.5732 18.2197 19.2803L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="%23666"/%3E%3C/svg%3E'); }

.plate.plate-lightgray .plate-fn .icon-dnd:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447L9.1213 1.9142C9.31657 2.10946 9.31657 2.42604 9.1213 2.6213C8.92604 2.81657 8.60946 2.81657 8.4142 2.6213L7.5 1.70711V5C7.5 5.27614 7.27614 5.5 7 5.5C6.72386 5.5 6.5 5.27614 6.5 5V1.70711L5.5858 2.6213C5.39054 2.81657 5.07396 2.81657 4.8787 2.6213C4.68343 2.42604 4.68343 2.10946 4.8787 1.9142L6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0ZM2.6213 4.8787C2.81657 5.07396 2.81657 5.39054 2.6213 5.5858L1.70711 6.5H5C5.27614 6.5 5.5 6.72386 5.5 7C5.5 7.27614 5.27614 7.5 5 7.5H1.70711L2.6213 8.4142C2.81657 8.60946 2.81657 8.92604 2.6213 9.1213C2.42604 9.31657 2.10946 9.31657 1.9142 9.1213L0.146447 7.35355C0.0526784 7.25979 0 7.13261 0 7C0 6.86739 0.0526784 6.74021 0.146447 6.64645L1.9142 4.8787C2.10946 4.68343 2.42604 4.68343 2.6213 4.8787ZM11.3787 4.8787C11.574 4.68343 11.8905 4.68343 12.0858 4.8787L13.8536 6.64645C14.0488 6.84171 14.0488 7.15829 13.8536 7.35355L12.0858 9.1213C11.8905 9.31657 11.574 9.31657 11.3787 9.1213C11.1834 8.92604 11.1834 8.60946 11.3787 8.4142L12.2929 7.5H9C8.72386 7.5 8.5 7.27614 8.5 7C8.5 6.72386 8.72386 6.5 9 6.5H12.2929L11.3787 5.5858C11.1834 5.39054 11.1834 5.07396 11.3787 4.8787ZM7 8.5C7.27614 8.5 7.5 8.72386 7.5 9V12.2929L8.4142 11.3787C8.60946 11.1834 8.92604 11.1834 9.1213 11.3787C9.31657 11.574 9.31657 11.8905 9.1213 12.0858L7.35355 13.8536C7.15829 14.0488 6.84171 14.0488 6.64645 13.8536L4.8787 12.0858C4.68343 11.8905 4.68343 11.574 4.8787 11.3787C5.07396 11.1834 5.39054 11.1834 5.5858 11.3787L6.5 12.2929V9C6.5 8.72386 6.72386 8.5 7 8.5Z" fill="%23666"/%3E%3C/svg%3E%0A'); }

.plate.plate-lightgray .plate-fn .icon-pencil:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.79289 1.99992C9.98043 1.81239 10.2348 1.70703 10.5 1.70703C10.7652 1.70703 11.0196 1.81239 11.2071 1.99992L10.8728 2.33419L11.2071 1.99992L14 4.79282C14.1875 4.98035 14.2929 5.23471 14.2929 5.49992C14.2929 5.76514 14.1875 6.01949 14 6.20703L6.5 13.707C6.40714 13.7999 6.29691 13.8735 6.17558 13.9238C6.05425 13.9741 5.92421 13.9999 5.79289 13.9999H3C2.73478 13.9999 2.48043 13.8946 2.29289 13.707C2.10536 13.5195 2 13.2651 2 12.9999V10.207C2 10.0757 2.02587 9.94567 2.07612 9.82435C2.12637 9.70302 2.20003 9.59278 2.29289 9.49992L9.79289 1.99992ZM13.2929 5.49992L10.5 2.70703L3 10.207L2.64645 9.85348L3 10.207L3 12.9999L5.79289 12.9999L13.2929 5.49992Z" fill="%23666"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.14645 3.64645C8.34171 3.45118 8.65829 3.45118 8.85355 3.64645L12.3536 7.14645C12.5488 7.34171 12.5488 7.65829 12.3536 7.85355C12.1583 8.04882 11.8417 8.04882 11.6464 7.85355L8.14645 4.35355C7.95118 4.15829 7.95118 3.84171 8.14645 3.64645Z" fill="%23666"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.1777 9.6777C2.37296 9.48243 2.68954 9.48243 2.8848 9.6777L6.32106 13.1139C6.51632 13.3092 6.51632 13.6258 6.32106 13.8211C6.12579 14.0163 5.80921 14.0163 5.61395 13.8211L2.1777 10.3848C1.98243 10.1895 1.98243 9.87296 2.1777 9.6777Z" fill="%23666"/%3E%3C/svg%3E%0A'); }

.plate.plate-lightgray .plate-fn .icon-check-thin:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%23666"/%3E%3C/svg%3E%0A'); }

.plate.plate-lightgray .plate-fn .icon-text:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 -0.000366211C6.27614 -0.000366211 6.5 0.223491 6.5 0.499634V9.49963C6.5 9.77578 6.27614 9.99963 6 9.99963C5.72386 9.99963 5.5 9.77578 5.5 9.49963V0.499634C5.5 0.223491 5.72386 -0.000366211 6 -0.000366211Z" fill="%23666"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.499634C0.5 0.223491 0.723858 -0.000366211 1 -0.000366211H11C11.2761 -0.000366211 11.5 0.223491 11.5 0.499634V2.49963C11.5 2.77578 11.2761 2.99963 11 2.99963C10.7239 2.99963 10.5 2.77578 10.5 2.49963V0.999634H1.5V2.49963C1.5 2.77578 1.27614 2.99963 1 2.99963C0.723858 2.99963 0.5 2.77578 0.5 2.49963V0.499634Z" fill="%23666"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.5 9.49963C3.5 9.22349 3.72386 8.99963 4 8.99963H8C8.27614 8.99963 8.5 9.22349 8.5 9.49963C8.5 9.77578 8.27614 9.99963 8 9.99963H4C3.72386 9.99963 3.5 9.77578 3.5 9.49963Z" fill="%23666"/%3E%3C/svg%3E%0A'); }

.plate.plate-lightgray .plate-fn .icon-change:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.9997 1C6.34309 1 5.69291 1.12933 5.08628 1.3806C4.47965 1.63188 3.92845 2.00017 3.46416 2.46447C3.2689 2.65973 2.95232 2.65973 2.75705 2.46447C2.56179 2.2692 2.56179 1.95262 2.75705 1.75736C3.31421 1.20021 3.97564 0.758251 4.70359 0.456723C5.43155 0.155195 6.21176 0 6.9997 0C7.78763 0 8.56784 0.155195 9.2958 0.456723C10.0237 0.758251 10.6852 1.20021 11.2423 1.75736L12.5101 3.02515V1.23225C12.5101 0.956108 12.734 0.73225 13.0101 0.73225C13.2863 0.73225 13.5101 0.956108 13.5101 1.23225V4.23225C13.5101 4.50839 13.2863 4.73225 13.0101 4.73225H10.0101C9.73399 4.73225 9.51013 4.50839 9.51013 4.23225C9.51013 3.95611 9.73399 3.73225 10.0101 3.73225H11.803L10.5352 2.46447L10.8888 2.11091L10.5352 2.46447C10.0709 2.00017 9.51974 1.63188 8.91311 1.3806C8.30648 1.12933 7.6563 1 6.9997 1ZM0.489258 7.76775C0.489258 7.49161 0.713115 7.26775 0.989258 7.26775H3.98926C4.2654 7.26775 4.48926 7.49161 4.48926 7.76775C4.48926 8.04389 4.2654 8.26775 3.98926 8.26775H2.19637L3.46416 9.53553L3.12132 9.87837L3.46416 9.53553C3.92845 9.99983 4.47965 10.3681 5.08628 10.6194C5.6929 10.8707 6.34309 11 6.9997 11C7.65631 11 8.30649 10.8707 8.91311 10.6194C9.51974 10.3681 10.0709 9.99983 10.5352 9.53553C10.7305 9.34027 11.0471 9.34027 11.2423 9.53553C11.4376 9.7308 11.4376 10.0474 11.2423 10.2426C10.6852 10.7998 10.0237 11.2417 9.2958 11.5433C8.56784 11.8448 7.78763 12 6.9997 12C6.21176 12 5.43155 11.8448 4.70359 11.5433C3.97564 11.2417 3.31421 10.7998 2.75706 10.2426L1.48926 8.97485V10.7677C1.48926 11.0439 1.2654 11.2677 0.989258 11.2677C0.713115 11.2677 0.489258 11.0439 0.489258 10.7677V7.76775Z" fill="%23666"/%3E%3C/svg%3E%0A'); }

.plate.plate-darkgray .plate-fn .icon-x:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 4.71967C19.5732 5.01256 19.5732 5.48744 19.2803 5.78033L5.78033 19.2803C5.48744 19.5732 5.01256 19.5732 4.71967 19.2803C4.42678 18.9874 4.42678 18.5126 4.71967 18.2197L18.2197 4.71967C18.5126 4.42678 18.9874 4.42678 19.2803 4.71967Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L19.2803 18.2197C19.5732 18.5126 19.5732 18.9874 19.2803 19.2803C18.9874 19.5732 18.5126 19.5732 18.2197 19.2803L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="%23fff"/%3E%3C/svg%3E'); }

.plate.plate-darkgray .plate-fn .icon-dnd:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447L9.1213 1.9142C9.31657 2.10946 9.31657 2.42604 9.1213 2.6213C8.92604 2.81657 8.60946 2.81657 8.4142 2.6213L7.5 1.70711V5C7.5 5.27614 7.27614 5.5 7 5.5C6.72386 5.5 6.5 5.27614 6.5 5V1.70711L5.5858 2.6213C5.39054 2.81657 5.07396 2.81657 4.8787 2.6213C4.68343 2.42604 4.68343 2.10946 4.8787 1.9142L6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0ZM2.6213 4.8787C2.81657 5.07396 2.81657 5.39054 2.6213 5.5858L1.70711 6.5H5C5.27614 6.5 5.5 6.72386 5.5 7C5.5 7.27614 5.27614 7.5 5 7.5H1.70711L2.6213 8.4142C2.81657 8.60946 2.81657 8.92604 2.6213 9.1213C2.42604 9.31657 2.10946 9.31657 1.9142 9.1213L0.146447 7.35355C0.0526784 7.25979 0 7.13261 0 7C0 6.86739 0.0526784 6.74021 0.146447 6.64645L1.9142 4.8787C2.10946 4.68343 2.42604 4.68343 2.6213 4.8787ZM11.3787 4.8787C11.574 4.68343 11.8905 4.68343 12.0858 4.8787L13.8536 6.64645C14.0488 6.84171 14.0488 7.15829 13.8536 7.35355L12.0858 9.1213C11.8905 9.31657 11.574 9.31657 11.3787 9.1213C11.1834 8.92604 11.1834 8.60946 11.3787 8.4142L12.2929 7.5H9C8.72386 7.5 8.5 7.27614 8.5 7C8.5 6.72386 8.72386 6.5 9 6.5H12.2929L11.3787 5.5858C11.1834 5.39054 11.1834 5.07396 11.3787 4.8787ZM7 8.5C7.27614 8.5 7.5 8.72386 7.5 9V12.2929L8.4142 11.3787C8.60946 11.1834 8.92604 11.1834 9.1213 11.3787C9.31657 11.574 9.31657 11.8905 9.1213 12.0858L7.35355 13.8536C7.15829 14.0488 6.84171 14.0488 6.64645 13.8536L4.8787 12.0858C4.68343 11.8905 4.68343 11.574 4.8787 11.3787C5.07396 11.1834 5.39054 11.1834 5.5858 11.3787L6.5 12.2929V9C6.5 8.72386 6.72386 8.5 7 8.5Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.plate.plate-darkgray .plate-fn .icon-pencil:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.79289 1.99992C9.98043 1.81239 10.2348 1.70703 10.5 1.70703C10.7652 1.70703 11.0196 1.81239 11.2071 1.99992L10.8728 2.33419L11.2071 1.99992L14 4.79282C14.1875 4.98035 14.2929 5.23471 14.2929 5.49992C14.2929 5.76514 14.1875 6.01949 14 6.20703L6.5 13.707C6.40714 13.7999 6.29691 13.8735 6.17558 13.9238C6.05425 13.9741 5.92421 13.9999 5.79289 13.9999H3C2.73478 13.9999 2.48043 13.8946 2.29289 13.707C2.10536 13.5195 2 13.2651 2 12.9999V10.207C2 10.0757 2.02587 9.94567 2.07612 9.82435C2.12637 9.70302 2.20003 9.59278 2.29289 9.49992L9.79289 1.99992ZM13.2929 5.49992L10.5 2.70703L3 10.207L2.64645 9.85348L3 10.207L3 12.9999L5.79289 12.9999L13.2929 5.49992Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.14645 3.64645C8.34171 3.45118 8.65829 3.45118 8.85355 3.64645L12.3536 7.14645C12.5488 7.34171 12.5488 7.65829 12.3536 7.85355C12.1583 8.04882 11.8417 8.04882 11.6464 7.85355L8.14645 4.35355C7.95118 4.15829 7.95118 3.84171 8.14645 3.64645Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.1777 9.6777C2.37296 9.48243 2.68954 9.48243 2.8848 9.6777L6.32106 13.1139C6.51632 13.3092 6.51632 13.6258 6.32106 13.8211C6.12579 14.0163 5.80921 14.0163 5.61395 13.8211L2.1777 10.3848C1.98243 10.1895 1.98243 9.87296 2.1777 9.6777Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.plate.plate-darkgray .plate-fn .icon-check-thin:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.plate.plate-darkgray .plate-fn .icon-text:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 -0.000366211C6.27614 -0.000366211 6.5 0.223491 6.5 0.499634V9.49963C6.5 9.77578 6.27614 9.99963 6 9.99963C5.72386 9.99963 5.5 9.77578 5.5 9.49963V0.499634C5.5 0.223491 5.72386 -0.000366211 6 -0.000366211Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.499634C0.5 0.223491 0.723858 -0.000366211 1 -0.000366211H11C11.2761 -0.000366211 11.5 0.223491 11.5 0.499634V2.49963C11.5 2.77578 11.2761 2.99963 11 2.99963C10.7239 2.99963 10.5 2.77578 10.5 2.49963V0.999634H1.5V2.49963C1.5 2.77578 1.27614 2.99963 1 2.99963C0.723858 2.99963 0.5 2.77578 0.5 2.49963V0.499634Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.5 9.49963C3.5 9.22349 3.72386 8.99963 4 8.99963H8C8.27614 8.99963 8.5 9.22349 8.5 9.49963C8.5 9.77578 8.27614 9.99963 8 9.99963H4C3.72386 9.99963 3.5 9.77578 3.5 9.49963Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.plate.plate-darkgray .plate-fn .icon-change:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.9997 1C6.34309 1 5.69291 1.12933 5.08628 1.3806C4.47965 1.63188 3.92845 2.00017 3.46416 2.46447C3.2689 2.65973 2.95232 2.65973 2.75705 2.46447C2.56179 2.2692 2.56179 1.95262 2.75705 1.75736C3.31421 1.20021 3.97564 0.758251 4.70359 0.456723C5.43155 0.155195 6.21176 0 6.9997 0C7.78763 0 8.56784 0.155195 9.2958 0.456723C10.0237 0.758251 10.6852 1.20021 11.2423 1.75736L12.5101 3.02515V1.23225C12.5101 0.956108 12.734 0.73225 13.0101 0.73225C13.2863 0.73225 13.5101 0.956108 13.5101 1.23225V4.23225C13.5101 4.50839 13.2863 4.73225 13.0101 4.73225H10.0101C9.73399 4.73225 9.51013 4.50839 9.51013 4.23225C9.51013 3.95611 9.73399 3.73225 10.0101 3.73225H11.803L10.5352 2.46447L10.8888 2.11091L10.5352 2.46447C10.0709 2.00017 9.51974 1.63188 8.91311 1.3806C8.30648 1.12933 7.6563 1 6.9997 1ZM0.489258 7.76775C0.489258 7.49161 0.713115 7.26775 0.989258 7.26775H3.98926C4.2654 7.26775 4.48926 7.49161 4.48926 7.76775C4.48926 8.04389 4.2654 8.26775 3.98926 8.26775H2.19637L3.46416 9.53553L3.12132 9.87837L3.46416 9.53553C3.92845 9.99983 4.47965 10.3681 5.08628 10.6194C5.6929 10.8707 6.34309 11 6.9997 11C7.65631 11 8.30649 10.8707 8.91311 10.6194C9.51974 10.3681 10.0709 9.99983 10.5352 9.53553C10.7305 9.34027 11.0471 9.34027 11.2423 9.53553C11.4376 9.7308 11.4376 10.0474 11.2423 10.2426C10.6852 10.7998 10.0237 11.2417 9.2958 11.5433C8.56784 11.8448 7.78763 12 6.9997 12C6.21176 12 5.43155 11.8448 4.70359 11.5433C3.97564 11.2417 3.31421 10.7998 2.75706 10.2426L1.48926 8.97485V10.7677C1.48926 11.0439 1.2654 11.2677 0.989258 11.2677C0.713115 11.2677 0.489258 11.0439 0.489258 10.7677V7.76775Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.plate.plate-outline .plate-fn .icon-x:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 4.71967C19.5732 5.01256 19.5732 5.48744 19.2803 5.78033L5.78033 19.2803C5.48744 19.5732 5.01256 19.5732 4.71967 19.2803C4.42678 18.9874 4.42678 18.5126 4.71967 18.2197L18.2197 4.71967C18.5126 4.42678 18.9874 4.42678 19.2803 4.71967Z" fill="%23AEAEAE"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L19.2803 18.2197C19.5732 18.5126 19.5732 18.9874 19.2803 19.2803C18.9874 19.5732 18.5126 19.5732 18.2197 19.2803L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="%23AEAEAE"/%3E%3C/svg%3E'); }

.plate.plate-outline .plate-fn .icon-dnd:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447L9.1213 1.9142C9.31657 2.10946 9.31657 2.42604 9.1213 2.6213C8.92604 2.81657 8.60946 2.81657 8.4142 2.6213L7.5 1.70711V5C7.5 5.27614 7.27614 5.5 7 5.5C6.72386 5.5 6.5 5.27614 6.5 5V1.70711L5.5858 2.6213C5.39054 2.81657 5.07396 2.81657 4.8787 2.6213C4.68343 2.42604 4.68343 2.10946 4.8787 1.9142L6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0ZM2.6213 4.8787C2.81657 5.07396 2.81657 5.39054 2.6213 5.5858L1.70711 6.5H5C5.27614 6.5 5.5 6.72386 5.5 7C5.5 7.27614 5.27614 7.5 5 7.5H1.70711L2.6213 8.4142C2.81657 8.60946 2.81657 8.92604 2.6213 9.1213C2.42604 9.31657 2.10946 9.31657 1.9142 9.1213L0.146447 7.35355C0.0526784 7.25979 0 7.13261 0 7C0 6.86739 0.0526784 6.74021 0.146447 6.64645L1.9142 4.8787C2.10946 4.68343 2.42604 4.68343 2.6213 4.8787ZM11.3787 4.8787C11.574 4.68343 11.8905 4.68343 12.0858 4.8787L13.8536 6.64645C14.0488 6.84171 14.0488 7.15829 13.8536 7.35355L12.0858 9.1213C11.8905 9.31657 11.574 9.31657 11.3787 9.1213C11.1834 8.92604 11.1834 8.60946 11.3787 8.4142L12.2929 7.5H9C8.72386 7.5 8.5 7.27614 8.5 7C8.5 6.72386 8.72386 6.5 9 6.5H12.2929L11.3787 5.5858C11.1834 5.39054 11.1834 5.07396 11.3787 4.8787ZM7 8.5C7.27614 8.5 7.5 8.72386 7.5 9V12.2929L8.4142 11.3787C8.60946 11.1834 8.92604 11.1834 9.1213 11.3787C9.31657 11.574 9.31657 11.8905 9.1213 12.0858L7.35355 13.8536C7.15829 14.0488 6.84171 14.0488 6.64645 13.8536L4.8787 12.0858C4.68343 11.8905 4.68343 11.574 4.8787 11.3787C5.07396 11.1834 5.39054 11.1834 5.5858 11.3787L6.5 12.2929V9C6.5 8.72386 6.72386 8.5 7 8.5Z" fill="%23AEAEAE"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn .icon-x:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 4.71967C19.5732 5.01256 19.5732 5.48744 19.2803 5.78033L5.78033 19.2803C5.48744 19.5732 5.01256 19.5732 4.71967 19.2803C4.42678 18.9874 4.42678 18.5126 4.71967 18.2197L18.2197 4.71967C18.5126 4.42678 18.9874 4.42678 19.2803 4.71967Z" fill="%238A8A8A"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L19.2803 18.2197C19.5732 18.5126 19.5732 18.9874 19.2803 19.2803C18.9874 19.5732 18.5126 19.5732 18.2197 19.2803L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="%238A8A8A"/%3E%3C/svg%3E'); }

.part-head .plate-fn .icon-dnd:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447L9.1213 1.9142C9.31657 2.10946 9.31657 2.42604 9.1213 2.6213C8.92604 2.81657 8.60946 2.81657 8.4142 2.6213L7.5 1.70711V5C7.5 5.27614 7.27614 5.5 7 5.5C6.72386 5.5 6.5 5.27614 6.5 5V1.70711L5.5858 2.6213C5.39054 2.81657 5.07396 2.81657 4.8787 2.6213C4.68343 2.42604 4.68343 2.10946 4.8787 1.9142L6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0ZM2.6213 4.8787C2.81657 5.07396 2.81657 5.39054 2.6213 5.5858L1.70711 6.5H5C5.27614 6.5 5.5 6.72386 5.5 7C5.5 7.27614 5.27614 7.5 5 7.5H1.70711L2.6213 8.4142C2.81657 8.60946 2.81657 8.92604 2.6213 9.1213C2.42604 9.31657 2.10946 9.31657 1.9142 9.1213L0.146447 7.35355C0.0526784 7.25979 0 7.13261 0 7C0 6.86739 0.0526784 6.74021 0.146447 6.64645L1.9142 4.8787C2.10946 4.68343 2.42604 4.68343 2.6213 4.8787ZM11.3787 4.8787C11.574 4.68343 11.8905 4.68343 12.0858 4.8787L13.8536 6.64645C14.0488 6.84171 14.0488 7.15829 13.8536 7.35355L12.0858 9.1213C11.8905 9.31657 11.574 9.31657 11.3787 9.1213C11.1834 8.92604 11.1834 8.60946 11.3787 8.4142L12.2929 7.5H9C8.72386 7.5 8.5 7.27614 8.5 7C8.5 6.72386 8.72386 6.5 9 6.5H12.2929L11.3787 5.5858C11.1834 5.39054 11.1834 5.07396 11.3787 4.8787ZM7 8.5C7.27614 8.5 7.5 8.72386 7.5 9V12.2929L8.4142 11.3787C8.60946 11.1834 8.92604 11.1834 9.1213 11.3787C9.31657 11.574 9.31657 11.8905 9.1213 12.0858L7.35355 13.8536C7.15829 14.0488 6.84171 14.0488 6.64645 13.8536L4.8787 12.0858C4.68343 11.8905 4.68343 11.574 4.8787 11.3787C5.07396 11.1834 5.39054 11.1834 5.5858 11.3787L6.5 12.2929V9C6.5 8.72386 6.72386 8.5 7 8.5Z" fill="%238A8A8A"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn .icon-pencil:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.79289 1.99992C9.98043 1.81239 10.2348 1.70703 10.5 1.70703C10.7652 1.70703 11.0196 1.81239 11.2071 1.99992L10.8728 2.33419L11.2071 1.99992L14 4.79282C14.1875 4.98035 14.2929 5.23471 14.2929 5.49992C14.2929 5.76514 14.1875 6.01949 14 6.20703L6.5 13.707C6.40714 13.7999 6.29691 13.8735 6.17558 13.9238C6.05425 13.9741 5.92421 13.9999 5.79289 13.9999H3C2.73478 13.9999 2.48043 13.8946 2.29289 13.707C2.10536 13.5195 2 13.2651 2 12.9999V10.207C2 10.0757 2.02587 9.94567 2.07612 9.82435C2.12637 9.70302 2.20003 9.59278 2.29289 9.49992L9.79289 1.99992ZM13.2929 5.49992L10.5 2.70703L3 10.207L2.64645 9.85348L3 10.207L3 12.9999L5.79289 12.9999L13.2929 5.49992Z" fill="%238A8A8A"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.14645 3.64645C8.34171 3.45118 8.65829 3.45118 8.85355 3.64645L12.3536 7.14645C12.5488 7.34171 12.5488 7.65829 12.3536 7.85355C12.1583 8.04882 11.8417 8.04882 11.6464 7.85355L8.14645 4.35355C7.95118 4.15829 7.95118 3.84171 8.14645 3.64645Z" fill="%238A8A8A"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.1777 9.6777C2.37296 9.48243 2.68954 9.48243 2.8848 9.6777L6.32106 13.1139C6.51632 13.3092 6.51632 13.6258 6.32106 13.8211C6.12579 14.0163 5.80921 14.0163 5.61395 13.8211L2.1777 10.3848C1.98243 10.1895 1.98243 9.87296 2.1777 9.6777Z" fill="%238A8A8A"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn .icon-check-thin:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%238A8A8A"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn .icon-text:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 -0.000366211C6.27614 -0.000366211 6.5 0.223491 6.5 0.499634V9.49963C6.5 9.77578 6.27614 9.99963 6 9.99963C5.72386 9.99963 5.5 9.77578 5.5 9.49963V0.499634C5.5 0.223491 5.72386 -0.000366211 6 -0.000366211Z" fill="%238A8A8A"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.499634C0.5 0.223491 0.723858 -0.000366211 1 -0.000366211H11C11.2761 -0.000366211 11.5 0.223491 11.5 0.499634V2.49963C11.5 2.77578 11.2761 2.99963 11 2.99963C10.7239 2.99963 10.5 2.77578 10.5 2.49963V0.999634H1.5V2.49963C1.5 2.77578 1.27614 2.99963 1 2.99963C0.723858 2.99963 0.5 2.77578 0.5 2.49963V0.499634Z" fill="%238A8A8A"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.5 9.49963C3.5 9.22349 3.72386 8.99963 4 8.99963H8C8.27614 8.99963 8.5 9.22349 8.5 9.49963C8.5 9.77578 8.27614 9.99963 8 9.99963H4C3.72386 9.99963 3.5 9.77578 3.5 9.49963Z" fill="%238A8A8A"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn .icon-change:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.9997 1C6.34309 1 5.69291 1.12933 5.08628 1.3806C4.47965 1.63188 3.92845 2.00017 3.46416 2.46447C3.2689 2.65973 2.95232 2.65973 2.75705 2.46447C2.56179 2.2692 2.56179 1.95262 2.75705 1.75736C3.31421 1.20021 3.97564 0.758251 4.70359 0.456723C5.43155 0.155195 6.21176 0 6.9997 0C7.78763 0 8.56784 0.155195 9.2958 0.456723C10.0237 0.758251 10.6852 1.20021 11.2423 1.75736L12.5101 3.02515V1.23225C12.5101 0.956108 12.734 0.73225 13.0101 0.73225C13.2863 0.73225 13.5101 0.956108 13.5101 1.23225V4.23225C13.5101 4.50839 13.2863 4.73225 13.0101 4.73225H10.0101C9.73399 4.73225 9.51013 4.50839 9.51013 4.23225C9.51013 3.95611 9.73399 3.73225 10.0101 3.73225H11.803L10.5352 2.46447L10.8888 2.11091L10.5352 2.46447C10.0709 2.00017 9.51974 1.63188 8.91311 1.3806C8.30648 1.12933 7.6563 1 6.9997 1ZM0.489258 7.76775C0.489258 7.49161 0.713115 7.26775 0.989258 7.26775H3.98926C4.2654 7.26775 4.48926 7.49161 4.48926 7.76775C4.48926 8.04389 4.2654 8.26775 3.98926 8.26775H2.19637L3.46416 9.53553L3.12132 9.87837L3.46416 9.53553C3.92845 9.99983 4.47965 10.3681 5.08628 10.6194C5.6929 10.8707 6.34309 11 6.9997 11C7.65631 11 8.30649 10.8707 8.91311 10.6194C9.51974 10.3681 10.0709 9.99983 10.5352 9.53553C10.7305 9.34027 11.0471 9.34027 11.2423 9.53553C11.4376 9.7308 11.4376 10.0474 11.2423 10.2426C10.6852 10.7998 10.0237 11.2417 9.2958 11.5433C8.56784 11.8448 7.78763 12 6.9997 12C6.21176 12 5.43155 11.8448 4.70359 11.5433C3.97564 11.2417 3.31421 10.7998 2.75706 10.2426L1.48926 8.97485V10.7677C1.48926 11.0439 1.2654 11.2677 0.989258 11.2677C0.713115 11.2677 0.489258 11.0439 0.489258 10.7677V7.76775Z" fill="%238A8A8A"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn [class*="-theme-fill--"].icon-x:before, [class*="-theme-fill--"].icon-x:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 4.71967C19.5732 5.01256 19.5732 5.48744 19.2803 5.78033L5.78033 19.2803C5.48744 19.5732 5.01256 19.5732 4.71967 19.2803C4.42678 18.9874 4.42678 18.5126 4.71967 18.2197L18.2197 4.71967C18.5126 4.42678 18.9874 4.42678 19.2803 4.71967Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L19.2803 18.2197C19.5732 18.5126 19.5732 18.9874 19.2803 19.2803C18.9874 19.5732 18.5126 19.5732 18.2197 19.2803L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="%23fff"/%3E%3C/svg%3E'); }

.part-head .plate-fn [class*="-theme-fill--"].icon-check-thin:before, [class*="-theme-fill--"].icon-check-thin:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn [class*="-theme-fill--"].icon-folder-plus:before, [class*="-theme-fill--"].icon-folder-plus:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1.5 5C1.5 4.72386 1.72386 4.5 2 4.5H13.5C13.7652 4.5 14.0196 4.60536 14.2071 4.79289C14.3946 4.98043 14.5 5.23478 14.5 5.5V12.5556C14.5 12.806 14.4005 13.0463 14.2234 13.2234C14.0463 13.4005 13.806 13.5 13.5556 13.5H2.46154L2.46008 13.5C2.20568 13.4993 1.96191 13.3979 1.78202 13.218C1.60214 13.0381 1.50075 12.7943 1.5 12.5399L1.5 12.5385V5ZM13.5 12.5H2.5V5.5H13.5V12.5Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1.79289 2.79289C1.98043 2.60536 2.23478 2.5 2.5 2.5H5.79289C5.92421 2.5 6.05425 2.52587 6.17558 2.57612C6.2969 2.62638 6.40714 2.70004 6.5 2.79289L8.35355 4.64645C8.54882 4.84171 8.54882 5.15829 8.35355 5.35355C8.15829 5.54882 7.84171 5.54882 7.64645 5.35355L5.79289 3.5L2.5 3.5L2.5 5C2.5 5.27614 2.27614 5.5 2 5.5C1.72386 5.5 1.5 5.27614 1.5 5V3.5C1.5 3.23478 1.60536 2.98043 1.79289 2.79289Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 9C6 8.72386 6.22386 8.5 6.5 8.5H9.5C9.77614 8.5 10 8.72386 10 9C10 9.27614 9.77614 9.5 9.5 9.5H6.5C6.22386 9.5 6 9.27614 6 9Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 7C8.27614 7 8.5 7.22386 8.5 7.5V10.5C8.5 10.7761 8.27614 11 8 11C7.72386 11 7.5 10.7761 7.5 10.5V7.5C7.5 7.22386 7.72386 7 8 7Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.part-head .plate-fn [class*="-theme-fill--"].icon-plus:before, [class*="-theme-fill--"].icon-plus:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5C0 6.22386 0.223858 6 0.5 6H11.5C11.7761 6 12 6.22386 12 6.5C12 6.77614 11.7761 7 11.5 7H0.5C0.223858 7 0 6.77614 0 6.5Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 12.5C5.72386 12.5 5.5 12.2761 5.5 12L5.5 1C5.5 0.723858 5.72386 0.5 6 0.5C6.27614 0.5 6.5 0.723858 6.5 1L6.5 12C6.5 12.2761 6.27614 12.5 6 12.5Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.btn-more-view { width: 77px; height: 20px; border: 1px solid #dcdcdc; background: #f4f4f4; font-size: 12px; font-weight: 400 !important; color: #666; text-align: center; line-height: 20px; }

.btn-more-view:before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 4px; margin-top: -3px; background: url("/assets/images/icon/icon-plus-g.svg") no-repeat center center; background-size: 100%; vertical-align: middle; }

.btn-date-move:before { width: 20px; height: 20px; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10 1.75C5.44365 1.75 1.75 5.44365 1.75 10C1.75 14.5563 5.44365 18.25 10 18.25C14.5563 18.25 18.25 14.5563 18.25 10C18.25 5.44365 14.5563 1.75 10 1.75ZM0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM8.31753 6.12328C8.59462 5.81539 9.06884 5.79043 9.37672 6.06753L13.1267 9.44253C13.2848 9.58476 13.375 9.78739 13.375 10C13.375 10.2126 13.2848 10.4152 13.1267 10.5575L9.37672 13.9325C9.06884 14.2096 8.59462 14.1846 8.31753 13.8767C8.04044 13.5688 8.06539 13.0946 8.37328 12.8175L11.5039 10L8.37328 7.18247C8.06539 6.90538 8.04044 6.43116 8.31753 6.12328Z" fill="%23666"/%3E%3C/svg%3E'); }

.btn-date-move.prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.modal { display: none; background: #fff; border-radius: 8px; margin: 0 auto; }

.modal.ui-dialog-content { overflow: inherit; }

.modal .modal-header .sub-title { margin-top: 8px; font-size: 12px; font-weight: 400; line-height: 17.38px; word-break: keep-all; }

.modal .modal-header + .modal-footer { margin-top: 20px; }

.modal .modal-body { font-size: 12px; margin-top: 25px; }

.modal .modal-body .txt-message { margin: 46px auto 0 auto; }

.modal .modal-body .txt-message dt { font-size: 18px; font-weight: 500; color: #000; text-align: center; }

.modal .modal-body .txt-message dt.left { text-align: left; }

.modal .modal-body .txt-message dd { font-size: 12px; font-weight: 300; color: #4b4b4b; }

.modal .modal-body .txt-message dd.center { text-align: center; }

.modal .modal-body .msg-error { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.modal .modal-body .modal-title-area { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #dcdcdc; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal .modal-body .js-tree { font-size: 14px; }

.modal .modal-body .modal-scroll-tbl-area { min-height: 454px; }

.modal .modal-body .form-control-box .form-label + .btngroup-right { margin-right: 0; }

.modal .modal-body .form-file-upload-box { margin-top: 12px; padding-top: 12px; border-top: 1px solid #dcdcdc; }

.modal .modal-body .form-file-upload-box .addfile-area-list { max-height: 134px; overflow-y: auto; margin-top: 8px; }

.modal .modal-body .doc-num-info { margin-left: 12px; font-size: 16px; font-weight: 300; }

.modal .modal-body .doc-num-info .num { font-weight: 500; color: #48c28f; }

.modal .modal-body .btn-group-area + #paging-area { margin-top: 12px; }

.modal .modal-footer { margin: 40px 0 0 0; }

.modal .modal-footer .page-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.modal .modal-footer .page-btn .btn { width: 200px; font-size: 16px; font-weight: 500; height: 48px; margin: 0 5px; padding: 12px 0; text-align: center; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 23px; cursor: pointer; }

.modal .modal-footer .page-btn .btn:disabled { opacity: 0.5; cursor: no-drop; }

.modal .modal-footer .page-btn .btn.btn-blue { color: #fff; background: #2763ba; }

.modal .modal-footer .page-btn .btn.btn-gray { color: #666; background: #f4f4f4; }

.modal .modal-footer .page-btn .btn.btn-red { color: #fff; background: #ea6969; }

.modal .modal-footer .page-btn .btn.btn-indigo { color: #fff; background: #464775; }

.modal .modal-footer .page-btn.btn-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.modal .modal-footer .page-btn.btn-space-between .btn { width: 50%; }

.modal .modal-footer .page-btn.btn-space-between .btn:first-child { width: 16.6%; }

.modal .modal-footer .page-btn.btn-full .btn { width: 100%; }

.modal .modal-footer .page-btn.btn-full-between .btn { width: 70%; }

.modal .modal-footer .page-btn.btn-full-between .btn:first-child { width: 30%; }

.modal .modal-footer .page-btn.btn-full-between.list3 .btn { width: 30%; }

.modal .modal-footer .page-btn.btn-full-between.list3 .btn:last-child { width: 40%; }

.modal.org-assign .modal-body { margin-top: 20px; }

.modal.org-assign .modal-footer { margin-top: 32px; }

.modal.org-assign .modal-footer .btn-etc-1 { height: 32px; padding: 0 12px; font-size: 14px; border-radius: 32px; color: #fff; background-color: #3c72c1; position: relative; padding-left: 40px; margin-left: 15px; }

.modal.org-assign .modal-footer .btn-etc-1:before { width: 32px; height: 32px; background-color: #2763ba; background-repeat: no-repeat; background-position: center; background-size: 16px; background-image: url("/assets/images/icon/icon_approval_on.svg"); content: ""; display: block; position: absolute; left: 0; top: 0; border-radius: 32px; }

.modal.org-assign .modal-footer .btn-gray { width: 200px; }

.modal.org-assign .modal-footer .btn-blue { width: 400px; margin-left: auto; }

.modal.org-assign .scrollable-tbody { max-height: 547px; }

.modal.modal-set-working-state select, .modal.modal-set-working-state input[type="text"] { width: 100%; height: 36px; margin: 0; font-weight: 500; font-size: 14px; }

.modal.modal-set-working-state textarea { height: 100px; }

.modal.modal-set-working-state .input-wrap { margin-top: 20px; }

.modal.modal-set-working-state .input-wrap > label { display: inline-block; margin-bottom: 4px; }

.modal.modal-set-working-state .date-picker-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; }

.modal.modal-set-working-state .input-status { border: 1px solid #dcdcdc; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 8px; font-size: 14px; }

.modal.modal-set-working-state .input-status .th, .modal.modal-set-working-state .input-status .td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 4px 0; padding: 0 20px; }

.modal.modal-set-working-state .input-status .th { width: 100px; height: 40px; background: #f4f4f4; font-weight: 400; color: #2e2e2e; }

.modal.modal-set-working-state .input-status .td { width: calc(100% - 100px); height: 40px; padding: 0 12px; color: #000; font-weight: 400; }

.modal.modal-org-receiver-sign .scrollable-area { height: 480px; padding: 12px; border: 1px solid #dcdcdc; overflow-y: auto; }

.modal.modal-org-receiver-sign .sign-list > li { padding: 10px 16px; color: #2e2e2e; font-size: 14px; font-weight: 300; }

.modal.modal-org-receiver-sign .sign-list > li:nth-child(odd) { background-color: #f9f9f9; }

.modal.modal-org-receiver-sign .modal-body, .modal.modal-org-receiver-sign .modal-footer { margin-top: 20px; }

.modal.modal-select-employee .l-org .search-result { width: 480px; -ms-flex-negative: 0; flex-shrink: 0; }

.modal.modal-select-employee .modal-footer .page-btn .btn.btn-blue { max-width: 600px; }

.modal.modal-select-employee .table-data .scrollable-tbody { max-height: 560px; }

.modal.modal-manager-info .modal-body, .modal.modal-distribution-status .modal-body { margin-top: 44px; }

.modal.modal-manager-info .modal-footer .page-btn .btn.btn-blue, .modal.modal-distribution-status .modal-footer .page-btn .btn.btn-blue { width: 350px; }

.modal.modal-manager-info .section-title, .modal.modal-distribution-status .section-title { margin: 44px 0 12px; font-size: 12px; font-weight: 500; color: #000; }

.modal.modal-request-retrans .modal-body { margin-top: 40px; }

.modal.modal-request-retrans .input-wrap + .input-wrap { margin-top: 20px; }

.modal.modal-request-retrans .input-wrap label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 500; color: #000; }

.modal.modal-request-retrans .input-wrap input[type="text"] { width: 100%; height: 36px; }

.modal.modal-request-retrans .input-wrap textarea { width: 100%; height: 120px; }

.modal.modal-board-view .board-view-title .info-txt { padding-left: 0; }

.modal.modal-board-view .board-detail .detail-contents .detail-view { font-size: 14px; color: #000; font-weight: 300; }

.modal.modal-board-view .identify-no { margin: 24px 0 4px; font-size: 12px; color: #aeaeae; }

.modal.modal-board-view .identify-no + .detail-view { padding-top: 0; }

.modal.modal-board-view .btn-group-area .detail-title { color: #000; font-weight: 500; }

.modal.modal-board-view .modal-footer .page-btn .btn.btn-blue { width: 600px; }

.modal-apply-club-opening .input-wrap + .input-wrap { margin-top: 12px; }

.modal-apply-club-opening .input-wrap > label { display: block; margin-bottom: 8px; }

.modal-apply-club-opening input[type="text"], .modal-apply-club-opening select { width: 100%; height: 36px; }

.modal-apply-club-opening select { font-size: 14px; color: #000; font-weight: 500; background-position: right 8px center; }

.modal-apply-club-opening textarea { width: 100%; height: 120px; }

.modal-apply-club-opening .fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 12px 0; }

.modal-apply-club-opening .fieldset .legend { width: 103px; }

.modal-apply-club-opening .fieldset .legend-label { font-size: 14px; color: #000; }

.modal-apply-club-opening .fieldset .legend.btn-group-area { width: 100%; }

.modal-apply-club-opening .fieldset input[type="radio"] + label { width: 90px; font-weight: 300; }

.modal-apply-club-opening .fieldset input[type="radio"]:checked + label { color: #000; }

.modal-apply-club-opening .tooltip-area .tooltip { margin: 2px 0 0 4px; }

.modal-apply-club-opening .tooltip-area .tooltip > img { width: 12px; height: 12px; }

.modal-apply-club-opening .btngroup, .modal-apply-club-opening .btngroup .btn { margin: 0; }

.modal-apply-club-opening .category-list { position: relative; width: 100%; padding: 6px 2px; margin-top: 4px; background: #f9f9f9; }

.modal-apply-club-opening .category-list.is-error .msg-error { display: block; }

.modal.modal-setting-category input[type="text"] { width: 100%; height: 32px; }

.modal.modal-setting-category .input-wrap + .input-wrap { margin-top: 12px; }

.modal.modal-setting-category .input-wrap > label { display: block; margin-bottom: 8px; }

.modal.modal-setting-category .inp-field-area { display: -webkit-box; display: -ms-flexbox; display: flex; }

.modal.modal-setting-category .inp-field-area .form-input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.modal.modal-setting-category .inp-field-area .form-input + button { height: 32px; padding: 0 12px; font-size: 14px; border-radius: 8px; color: #fff; background-color: #2763ba; width: 60px; margin-left: 8px; }

.modal.modal-setting-category .category-list { height: 336px; padding: 12px; margin-top: 8px; border: 1px solid #dcdcdc; border-radius: 4px; overflow-y: auto; }

.modal.modal-setting-category .modal-footer { margin-top: 80px; }

.modal.modal-club-info .club-open-date { font-size: 10px; }

.modal.modal-club-info .table.table-view tbody tr th { vertical-align: top; }

.modal.modal-club-info .table.table-view tbody tr td { padding: 10px 0 10px 28px; }

.modal.modal-club-info .modal-footer .btn.btn-gray { width: 170px; }

.modal.modal-club-info .modal-footer .btn.btn-blue { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.modal.modal-counsel-intro .-position--absolute { position: absolute; }

.modal.modal-counsel-intro .-color--red { color: #ea6969; }

.modal.modal-counsel-intro .-color--blue { color: #2763ba; }

.modal.modal-counsel-intro .-deco--underline { text-decoration: underline; }

.modal.modal-counsel-intro .-lineheight--1 { line-height: 1; }

.modal.modal-counsel-intro .sub-txt { font-size: 10px; }

.modal.modal-counsel-intro .modal-footer .page-btn .btn.btn-blue { width: 702px; }

.modal.modal-counsel-intro .table.table-view tbody tr th { text-align: left; }

.modal.modal-counsel-intro .table.table-view tbody tr th.-no-bg { vertical-align: top; padding: 4px 8px 4px 0; background: #fff; }

.modal.modal-counsel-intro .table.table-view tbody tr th .cell-inside { padding: 12px 20px; background: #f4f4f4; }

.modal.modal-counsel-intro .table.table-view tbody tr td { position: relative; font-weight: 300; }

.modal.modal-counsel-intro .table.table-view tbody tr td .cell-inside { padding: 12px 20px; }

.modal.modal-counsel-intro .table.table-view tbody tr td .flex-between { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal.modal-counsel-intro .table.table-view tbody tr td .btngroup.-position--absolute { right: 0; top: 0; }

.modal.modal-counsel-intro .table.table-view tbody tr td a { color: #1985d7; text-decoration: underline; }

.modal.modal-counsel-intro .counsellor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 4px 0; }

.modal.modal-counsel-intro .counsellor-profile { width: 33%; border: 1px solid #ebebeb; border-radius: 8px; }

.modal.modal-counsel-intro .counsellor-profile + .cell-inside { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 10px; }

.modal.modal-counsel-intro .counsellor-avatar { display: -ms-grid; display: grid; -ms-grid-columns: 44px auto; grid-template-columns: 44px auto; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-gap: 0 8px; gap: 0 8px; padding: 14px 20px; }

.modal.modal-counsel-intro .counsellor-avatar .avatar { width: 44px; height: 44px; border-radius: 44px; overflow: hidden; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; }

.modal.modal-counsel-intro .counsellor-avatar .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.modal.modal-counsel-intro .counsellor-avatar .name { font-size: 16px; }

.modal.modal-counsel-intro .counsellor-avatar .position { color: #8a8a8a; }

.modal.modal-counsel-intro .counsellor-history { min-height: 111px; padding: 20px; font-size: 12px; border-top: 9px solid #f5f5f5; }

.modal.modal-setting-myinfo .modal-body { margin-top: 70px; }

.modal.modal-setting-myinfo .modal-footer { margin-top: 70px; }

.modal.modal-setting-myinfo .input-wrap { width: 328px; margin: 0 auto; }

.modal.modal-setting-myinfo .input-wrap + .input-wrap { margin-top: 16px; }

.modal.modal-setting-myinfo .input-wrap label { display: block; margin-bottom: 8px; }

.modal.modal-setting-myinfo .input-wrap input[type="text"], .modal.modal-setting-myinfo .input-wrap input[type="password"] { width: 100%; height: 36px; }

.modal.modal-setting-myinfo .form-input button { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.modal.modal-setting-portlet .ui-widget.ui-tabs .ui-tabs-nav li { width: calc(25% - 4px); }

.modal.modal-setting-portlet .ui-widget.ui-tabs .ui-tabs-panel { height: 600px; padding: 0; }

.modal.modal-setting-portlet .js-tree-control { padding: 11px 20px 0; }

.modal.modal-setting-portlet .js-tree { height: 482px; padding: 0 12px; overflow: auto; }

.modal.find-at .-color--red { color: #e85959; }

.modal.find-at .input-wrap > label { display: block; width: 100%; margin-bottom: 8px; }

.modal.find-at .input-wrap .fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal.find-at .input-wrap .fieldset input[type="radio"] + label { margin-right: 32px; font-weight: 300; }

.modal.find-at .input-wrap .fieldset input[type="radio"]:checked + label { color: #000; }

.modal.find-at .input-wrap input[type="text"], .modal.find-at .input-wrap selece { width: 100%; height: 32px; }

.modal.find-at .guide-text { padding: 10px; margin: 16px 0; font-size: 14px; color: #666; font-weight: 500; background: #f6fbff; }

.modal.find-at .bbs-search-info { margin: 12px 0; font-size: 14px; color: #000; }

.modal.find-at .btn-submit { height: 32px; padding: 0 12px; font-size: 14px; border-radius: 8px; color: #fff; background-color: #2763ba; -ms-flex-negative: 0; flex-shrink: 0; width: 50px; font-weight: 400; }

.modal.find-at .btn-submit:disabled { background: #dcdcdc; }

.modal.find-at .scrollable-table { margin-bottom: 20px; border: none; border-radius: 0; }

.modal.find-at .scrollable-tbody { height: 424px; }

.modal.find-at table.table .cell-inside { position: relative; }

.modal.find-at table.table tr.selected td { font-weight: 500; color: #000; background: #f6fbff; }

.modal.find-at table.table tr.selected td .cell-inside:after { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%23000"/%3E%3C/svg%3E%0A'); position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.modal.find-at table.table tbody tr td.no-data { height: 424px; border-bottom: 0; }

.modal.modal-search-each .search-field { width: 360px; }

.modal.modal-search-each .notice { font-size: 14px; }

.modal.modal-search-each .scrollable-tbody { height: 520px; }

.modal.modal-search-each table.table tbody tr td.no-data { height: 520px; }

.modal.modal-search-each .modal-footer .page-btn .btn { width: calc(50% - 6px) !important; }

.modal.modal-find-post-number .address-set { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.modal.modal-find-post-number .address-set .input-wrap { width: calc(33.333% - 40px); }

.modal.modal-find-post-number .address-set .fieldset .form-input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.modal.modal-find-post-number .address-set .fieldset .form-input.-mr-4n-2 { width: calc(50% - 33px); }

.modal.modal-find-post-number .address-set.input-wrap .value-post-number { width: 100px; }

.modal.modal-find-post-number .address-set.input-wrap .value-address { width: calc(50% - 58px); }

.modal.modal-find-post-number .modal-footer .page-btn .btn.btn-blue { width: 600px; }

.modal.modal-add-profile input[type="text"], .modal.modal-add-profile select { width: 100%; height: 32px; }

.modal.modal-add-profile .modal-footer .page-btn .btn.btn-blue { width: 600px; }

.modal.modal-change-order .ui-panel .content-wrap { min-height: 593px; padding: 12px; }

.modal.modal-change-order .ui-panel .ui-panel-head { height: 60px; }

.modal.modal-change-order .plate { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: auto; padding: 8px; background: #3f4ed6; }

.modal.modal-change-order .plate-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 14px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal.modal-change-order .plate-content .label, .modal.modal-change-order .plate-content .value { padding: 10px 20px; }

.modal.modal-change-order .plate-content .label { width: 256px; font-weight: 300; color: #4b4b4b; background: #f4f4f4; }

.modal.modal-change-order .plate-content .value { width: calc(100% - 256px); color: #000; font-weight: 500; }

.modal.modal-change-order .plate-fn { position: relative; width: 78px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 8px; }

.modal.modal-change-order .plate-flag { width: 40px; height: 16px; position: absolute; top: 0; left: 8px; right: 0; margin: 0 auto; line-height: 16px; font-size: 10px; text-align: center; color: #2e2e2e; background: #ffcc00; border: 1px solid #ffffff; border-radius: 4px; }

.modal.modal-change-order .plate.drop-placeholder { background: #f9f9f9; border: 1px dashed #666666; }

.modal.modal-change-order .plate.drop-placeholder .icon-dnd:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447L9.1213 1.9142C9.31657 2.10946 9.31657 2.42604 9.1213 2.6213C8.92604 2.81657 8.60946 2.81657 8.4142 2.6213L7.5 1.70711V5C7.5 5.27614 7.27614 5.5 7 5.5C6.72386 5.5 6.5 5.27614 6.5 5V1.70711L5.5858 2.6213C5.39054 2.81657 5.07396 2.81657 4.8787 2.6213C4.68343 2.42604 4.68343 2.10946 4.8787 1.9142L6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0ZM2.6213 4.8787C2.81657 5.07396 2.81657 5.39054 2.6213 5.5858L1.70711 6.5H5C5.27614 6.5 5.5 6.72386 5.5 7C5.5 7.27614 5.27614 7.5 5 7.5H1.70711L2.6213 8.4142C2.81657 8.60946 2.81657 8.92604 2.6213 9.1213C2.42604 9.31657 2.10946 9.31657 1.9142 9.1213L0.146447 7.35355C0.0526784 7.25979 0 7.13261 0 7C0 6.86739 0.0526784 6.74021 0.146447 6.64645L1.9142 4.8787C2.10946 4.68343 2.42604 4.68343 2.6213 4.8787ZM11.3787 4.8787C11.574 4.68343 11.8905 4.68343 12.0858 4.8787L13.8536 6.64645C14.0488 6.84171 14.0488 7.15829 13.8536 7.35355L12.0858 9.1213C11.8905 9.31657 11.574 9.31657 11.3787 9.1213C11.1834 8.92604 11.1834 8.60946 11.3787 8.4142L12.2929 7.5H9C8.72386 7.5 8.5 7.27614 8.5 7C8.5 6.72386 8.72386 6.5 9 6.5H12.2929L11.3787 5.5858C11.1834 5.39054 11.1834 5.07396 11.3787 4.8787ZM7 8.5C7.27614 8.5 7.5 8.72386 7.5 9V12.2929L8.4142 11.3787C8.60946 11.1834 8.92604 11.1834 9.1213 11.3787C9.31657 11.574 9.31657 11.8905 9.1213 12.0858L7.35355 13.8536C7.15829 14.0488 6.84171 14.0488 6.64645 13.8536L4.8787 12.0858C4.68343 11.8905 4.68343 11.574 4.8787 11.3787C5.07396 11.1834 5.39054 11.1834 5.5858 11.3787L6.5 12.2929V9C6.5 8.72386 6.72386 8.5 7 8.5Z" fill="%23000"/%3E%3C/svg%3E%0A'); }

.modal.modal-change-order .plate.dragging { -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); }

.modal.modal-change-order .modal-footer .page-btn .btn.btn-blue { width: 600px; }

.modal.modal-user-info { color: #000; }

.modal.modal-user-info .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.modal.modal-user-info .avartar { border-radius: 50%; overflow: hidden; margin-bottom: 12px; }

.modal.modal-user-info .avartar > img { width: 48px; height: 48px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.modal.modal-user-info .department { font-size: 12px; }

.modal.modal-user-info .user-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal.modal-user-info .user-name .name { font-weight: 500; }

.modal.modal-user-info .user-name .flag { margin-left: 8px; }

.modal.modal-user-info .user-name + .btngroup { margin-top: 28px; }

.modal.modal-user-info .section-title { font-size: 14px; font-weight: 500; margin: 28px 0 20px; }

.modal.modal-user-info .info-table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px; }

.modal.modal-user-info .info-table.-is-bg { background: #f4f4f4; border-radius: 4px; }

.modal.modal-user-info .info-table .legend, .modal.modal-user-info .info-table .text { margin: 4px 0; font-size: 14px; font-weight: 300; }

.modal.modal-user-info .info-table .legend { -ms-flex-negative: 0; flex-shrink: 0; width: 80px; color: #666; }

.modal.modal-user-info .info-table .text { width: calc(100% - 80px); padding-left: 30px; }

.modal.modal-write-answer .modal-body #editor { height: 600px; }

.modal.modal-write-answer .modal-footer .page-btn .btn.btn-gray { width: 200px; }

.modal.modal-write-answer .modal-footer .page-btn .btn.btn-blue { width: 600px; }

.modal.modal-CH_01-p2 .modal-footer .page-btn.btn-space-between .btn:first-child { width: 50%; }

.modal.modal-CH_01-P3 table.table { margin-top: 20px; }

.modal.modal-CH_01-P3 table.table .selected td { background: #f4f4f4; }

.modal.modal-CH_01-P3 table.table .-pending { color: #eb5757; }

.modal.modal-CH_01-P3 table.table .-reject { color: #333; }

.modal.modal-CH_01-P3 table.table .-done { color: #828282; }

.modal.modal-CH_01-P3 .btngroup { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.modal.modal-CH_01-P3 .modal-footer .btn { width: 600px; }

.modal.modal-CH_01-P6 .hrline { margin: 4px 0; }

.modal.modal-CH_01-P6 .modal-body { max-height: 560px; overflow-y: auto; }

.modal.modal-add-doc-form .modal-footer .page-btn .btn.btn-gray { width: 185px; }

.ui-dialog.regist-reservation .modal-body { margin-top: 10px; font-size: 14px; }

.ui-dialog.regist-reservation .modal-body .section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ui-dialog.regist-reservation .modal-body .section.status-section { display: none; }

.ui-dialog.regist-reservation .-not-folded .modal-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.ui-dialog.regist-reservation .-not-folded .modal-body .section.input-section { width: calc(65% - 20px); }

.ui-dialog.regist-reservation .-not-folded .modal-body .section.status-section { width: calc(35% - 20px); }

.ui-dialog.regist-reservation .-not-folded .modal-body .section.status-section { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-dialog.regist-reservation input[type="text"], .ui-dialog.regist-reservation select { height: 32px; }

.ui-dialog.regist-reservation input[type="text"]:disabled, .ui-dialog.regist-reservation select:disabled { background-color: #f9f9f9; color: #aeaeae; cursor: default; }

.ui-dialog.regist-reservation input[type="checkbox"] + label, .ui-dialog.regist-reservation input[type="radio"] + label { color: #000; }

.ui-dialog.regist-reservation select { width: 148px; }

.ui-dialog.regist-reservation select.status-selector, .ui-dialog.regist-reservation select.identify-selector { width: 200px; }

.ui-dialog.regist-reservation select.cycle-selector-2 { width: 72px; margin: 0 8px; }

.ui-dialog.regist-reservation select.cycle-selector { margin-left: 8px; }

.ui-dialog.regist-reservation hr { width: 100%; height: 1px; border: solid #e0e0e0; border-width: 1px 0 0; margin: 12px 0; }

.ui-dialog.regist-reservation hr + .form-control-box { margin-top: 0; }

.ui-dialog.regist-reservation .section-title { width: 100%; margin-bottom: 4px; font-size: 18px; font-weight: 500; }

.ui-dialog.regist-reservation .form-control.datepicker, .ui-dialog.regist-reservation .form-control.timepicker { width: 148px; height: 32px; margin: 0; }

.ui-dialog.regist-reservation .radio-group { line-height: 32px; }

.ui-dialog.regist-reservation .form-control-box { position: relative; width: 100%; margin-top: 12px; }

.ui-dialog.regist-reservation .form-control-box.-width--half { width: calc(50% - 4px); }

.ui-dialog.regist-reservation .form-control-box.-width--fit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.ui-dialog.regist-reservation .form-control-box label.form-label { margin-bottom: 4px; }

.ui-dialog.regist-reservation .form-control-box .cycle-fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; }

.ui-dialog.regist-reservation .form-control-box .cycle-fieldset .ui-calendar { margin-left: 8px; }

.ui-dialog.regist-reservation .form-control-box .cycle-fieldset .form-control.datepicker { width: 160px; }

.ui-dialog.regist-reservation .ui-calendar + .ui-calendar { margin-left: 4px; }

.ui-dialog.regist-reservation .radio-group input[type="radio"] + label { margin-right: 20px; }

.ui-dialog.regist-reservation .option-fn { position: absolute; right: 0; top: 0; margin: 0; }

.ui-dialog.regist-reservation .option-fn .btn.-theme--gray-6 .ico { left: 6px; background-size: 12px; }

.ui-dialog.regist-reservation .txt-field-area .txt-field { height: 75px; }

.ui-dialog.regist-reservation .scrollable-area { height: 75px; padding: 10px; border: 1px solid #dcdcdc; border-radius: 4px; overflow-y: auto; }

.ui-dialog.regist-reservation .scrollable-area .placeholder { display: none; font-weight: 500; color: #aeaeae; }

.ui-dialog.regist-reservation .scrollable-area.empty .placeholder { display: block; }

.ui-dialog.regist-reservation .word-tag-item { height: 32px; }

.ui-dialog.regist-reservation .word-tag-label { min-width: 56px; }

.ui-dialog.regist-reservation .section.status-section .ui-calendar, .ui-dialog.regist-reservation .section.status-section .form-control.datepicker, .ui-dialog.regist-reservation .section.status-section .room-selector { width: 100%; }

.ui-dialog.regist-reservation .section.status-section .no-data { margin-top: 168px; padding-top: 215px; text-align: center; background: url("/assets/images/board/image_data_empty.png") no-repeat top center; }

.ui-dialog.regist-reservation .section.status-section hr { margin: 8px 0; }

.ui-dialog.regist-reservation .status-legend { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-dialog.regist-reservation .status-legend .legend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #828282; }

.ui-dialog.regist-reservation .status-legend .legend:not(:first-child) { margin-left: 12px; }

.ui-dialog.regist-reservation .status-legend .legend:before { width: 20px; height: 20px; content: ""; display: block; margin-right: 10px; border-radius: 4px; }

.ui-dialog.regist-reservation .status-legend .legend.beyond:before { background-color: #aeaeae; }

.ui-dialog.regist-reservation .status-legend .legend.waiting:before { background-color: #e6f0ff; }

.ui-dialog.regist-reservation .modal-footer .page-btn.btn-space-between .btn-gray { width: 200px; }

.ui-dialog.regist-reservation .modal-footer .page-btn.btn-space-between .btn-blue { width: 430px; }

.ui-dialog.modal-reservation table.table-view th, .ui-dialog.modal-reservation table.table-view td { padding: 10px; }

.ui-dialog.modal-reservation .status-label { width: 80px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; border-radius: 4px; font-size: 10px; }

.ui-dialog.modal-reservation .status-label.-ready { background: #2f80ed; }

.ui-dialog.modal-reservation .status-label.-done { background: #0060a9; }

.ui-dialog.modal-reservation .status-label.-pending { background: #3a9b72; }

.ui-dialog.modal-alert, .ui-dialog.modal-confirm { padding: 40px; }

.ui-dialog.modal-alert .ui-widget-header.ui-dialog-titlebar, .ui-dialog.modal-alert .ui-dialog-content, .ui-dialog.modal-alert .ui-dialog-buttonpane, .ui-dialog.modal-confirm .ui-widget-header.ui-dialog-titlebar, .ui-dialog.modal-confirm .ui-dialog-content, .ui-dialog.modal-confirm .ui-dialog-buttonpane { padding: 0; }

.ui-dialog.modal-alert .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close, .ui-dialog.modal-confirm .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close { right: 0; }

.ui-dialog.modal-alert .msg, .ui-dialog.modal-confirm .msg { margin-top: 4px; font-size: 12px; font-weight: 300; color: #4b4b4b; word-break: break-word; }

.ui-dialog.modal-alert .ui-dialog-buttonpane, .ui-dialog.modal-confirm .ui-dialog-buttonpane { border: 0; }

.ui-dialog.modal-alert .ui-dialog-buttonpane .btn, .ui-dialog.modal-confirm .ui-dialog-buttonpane .btn { height: 48px; margin: 0; padding: 12px 0; font-size: 16px; font-weight: 500; border-radius: 8px; }

.ui-dialog.modal-alert .ui-dialog-buttonpane .btn.ok, .ui-dialog.modal-confirm .ui-dialog-buttonpane .btn.ok { color: #fff; background: #2763ba; border: 0; }

.ui-dialog.modal-alert .ui-dialog-buttonpane .btn.no, .ui-dialog.modal-confirm .ui-dialog-buttonpane .btn.no { color: #666; background: #f4f4f4; }

.ui-dialog.modal-alert .ui-dialog-buttonpane .btn + .btn, .ui-dialog.modal-confirm .ui-dialog-buttonpane .btn + .btn { margin-left: 8px; }

.ui-dialog.modal-alert .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog.modal-confirm .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }

.ui-dialog.modal-alert.negative .btn.ok, .ui-dialog.modal-confirm.negative .btn.ok { background: #ea6969; }

.ui-dialog.modal-alert .ui-widget-header .ui-dialog-title { color: #000; }

.ui-dialog.modal-alert .ui-dialog-buttonpane { margin-top: 11px; }

.ui-dialog.modal-alert .msg { min-height: 3em; }

.ui-dialog.modal-alert .btn.ok { width: 100%; }

.ui-dialog.modal-confirm .ui-dialog-buttonpane { margin-top: 40px; }

.ui-dialog.modal-confirm .ui-dialog-content { margin-top: 8px; }

.ui-dialog.modal-confirm .txt-message { padding-top: 210px; background: url("/assets/images/popup/popup_write-ok.png") no-repeat top center/contain; }

.ui-dialog.modal-confirm.negative .txt-message { background-image: url("/assets/images/popup/popup_write-cancle.png"); }

.ui-dialog.modal-confirm .title { font-size: 18px; color: #000; font-weight: 500; line-height: 1.45; text-align: center; }

.ui-dialog.modal-confirm .btn.ok { width: calc(70% - 4px); }

.ui-dialog.modal-confirm .btn.no { width: calc(30% - 4px); }

.toast-title { font-weight: bold; }

.toast-message { -ms-word-wrap: break-word; word-wrap: break-word; }

.toast-message a, .toast-message label { color: #ffffff; }

.toast-message a:hover { color: #cccccc; text-decoration: none; }

.toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; line-height: 1; }

.toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; }

.rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; }

/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.toast-top-center { top: 0; right: 0; width: 100%; }

.toast-bottom-center { bottom: 0; right: 0; width: 100%; }

.toast-top-full-width { top: 0; right: 0; width: 100%; }

.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; }

.toast-top-left { top: 12px; left: 12px; }

.toast-top-right { top: 12px; right: 12px; }

.toast-bottom-right { right: 12px; bottom: 12px; }

.toast-bottom-left { bottom: 12px; left: 12px; }

#toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ }

#toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 18px 18px 18px 50px; width: 400px; border-radius: 8px; background-position: 15px center; background-repeat: no-repeat; -webkit-box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.3); box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.3); color: #ffffff; -webkit-transition: -webkit-box-shadow 0.5s; transition: -webkit-box-shadow 0.5s; transition: box-shadow 0.5s; transition: box-shadow 0.5s, -webkit-box-shadow 0.5s; }

#toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; }

#toast-container > div:hover { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); cursor: pointer; }

#toast-container > .toast-info { background: #0dcaf0 url("/assets/images/icon/icon-toast-info.png") no-repeat 15px 50%; }

#toast-container > .toast-error { background: #e85959 url("/assets/images/icon/icon-toast-error.svg") no-repeat 15px 50%; }

#toast-container > .toast-error.icon-warning { background: #e85959 url("/assets/images/icon/icon-toast-warning.png") no-repeat 15px 50%; }

#toast-container > .toast-success { background: #38a8e6 url("/assets/images/icon/icon-toast-success.svg") no-repeat 15px 50%; }

#toast-container > .toast-warning { background: #f89406 url("/assets/images/icon/icon-toast-warning.png") no-repeat 15px 50%; }

#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 300px; margin-left: auto; margin-right: auto; }

#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; }

#toast-container .toast-progress { position: absolute; left: 0; bottom: 0; height: 2px; background-color: #000000; opacity: 0.3; }

.site-content { max-height: 410px; margin-top: 40px; margin-right: -10px; overflow-y: auto; }

.site-content dl { margin-top: 40px; }

.site-content dl:first-child { margin-top: 0; }

.site-content dl dt { margin-bottom: 12px; font-weight: 500; line-height: 20.27px; color: #000; }

.site-content .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.site-content .list li { width: 235px; margin-left: 40px; margin-top: 6px; }

.site-content .list li:nth-child(4n-3) { margin-left: 0; }

.site-content .list li:nth-child(-n+4) { margin-top: 0; }

.site-content .list li a { display: block; height: 40px; padding-left: 12px; border-radius: 8px; background-color: #F9F9F9; font-weight: 500; line-height: 40px; color: #0F0F0F; text-decoration: none; }

.site-content .list li a:hover { background-color: #EBF1F9; font-weight: 500; color: #2E2E2E; }

.site-content .list li a:focus { outline: 0; }

.site-content .list li.on a { background-color: #EBF1F9; font-weight: 500; color: #2E2E2E; }

.site-content .list li:last-child { margin-bottom: 0; }

.site-content:last-child { margin-right: 0; }

.site-modal .btngroup { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.site-modal .btn-approval { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 480px; }

.js-tree { overflow: auto; }

.js-tree-search { padding: 20px; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }

.js-tree-search .inp-field-area { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.js-tree-search .sch-cols { display: -webkit-box; display: -ms-flexbox; display: flex; width: 48%; }

.js-tree-search .sch-cols .inp-field-area { width: calc(100% - 40px); }

.js-tree-control { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; }

.js-tree-control .btn-tree { height: 20px; padding: 0 8px; font-size: 12px; border-radius: 4px; color: #666; background-color: #f4f4f4; font-weight: 400; }

.js-tree-control .btn-tree.primary { color: #fff; background-color: #2763ba; }

.js-tree-control .btn-tree + .btn-tree { margin-left: 4px; }

.js-tree-control .btn-tree [class^="icon-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.js-tree-control .btn-tree [class^="icon-"]:before { margin-right: 5px; }

.js-tree-control .btn-tree .icon-top:before { width: 10px; height: 10px; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.875 0.375C0.875 0.167893 1.04289 0 1.25 0H8.75C8.95711 0 9.125 0.167893 9.125 0.375C9.125 0.582107 8.95711 0.75 8.75 0.75H1.25C1.04289 0.75 0.875 0.582107 0.875 0.375ZM5 1.5C5.09946 1.5 5.19484 1.53951 5.26517 1.60984L8.64017 4.98485C8.78661 5.13129 8.78661 5.36873 8.64016 5.51518C8.49372 5.66162 8.25628 5.66162 8.10983 5.51518L5.375 2.78033V9.375C5.375 9.58211 5.20711 9.75 5 9.75C4.79289 9.75 4.625 9.58211 4.625 9.375V2.78033L1.89017 5.51518C1.74372 5.66162 1.50628 5.66162 1.35984 5.51518C1.21339 5.36873 1.21339 5.13129 1.35983 4.98485L4.73483 1.60984C4.80516 1.53951 4.90054 1.5 5 1.5Z" fill="%23666"/%3E%3C/svg%3E'); }

.js-tree-control .btn-tree .icon-bottom:before { width: 10px; height: 10px; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 0.25C5.20711 0.25 5.375 0.417893 5.375 0.625V7.21967L8.10983 4.48482C8.25628 4.33838 8.49372 4.33838 8.64016 4.48482C8.78661 4.63127 8.78661 4.86871 8.64017 5.01515L5.26517 8.39016C5.19484 8.46049 5.09946 8.5 5 8.5C4.90054 8.5 4.80516 8.46049 4.73483 8.39016L1.35983 5.01515C1.21339 4.86871 1.21339 4.63127 1.35984 4.48482C1.50628 4.33838 1.74372 4.33838 1.89017 4.48482L4.625 7.21967V0.625C4.625 0.417893 4.79289 0.25 5 0.25ZM0.875 9.625C0.875 9.41789 1.04289 9.25 1.25 9.25H8.75C8.95711 9.25 9.125 9.41789 9.125 9.625C9.125 9.83211 8.95711 10 8.75 10H1.25C1.04289 10 0.875 9.83211 0.875 9.625Z" fill="%23666"/%3E%3C/svg%3E%0A'); }

.js-tree-control .btn-tree .icon-regist:before { width: 10px; height: 10px; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M17.4697 2.46967C17.7626 2.17678 18.2374 2.17678 18.5303 2.46967L21.5303 5.46967C21.8232 5.76256 21.8232 6.23744 21.5303 6.53033L12.5303 15.5303C12.3897 15.671 12.1989 15.75 12 15.75H9C8.58579 15.75 8.25 15.4142 8.25 15V12C8.25 11.8011 8.32902 11.6103 8.46967 11.4697L17.4697 2.46967ZM9.75 12.3107V14.25H11.6893L19.9393 6L18 4.06066L9.75 12.3107Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.2197 4.71967C15.5126 4.42678 15.9874 4.42678 16.2803 4.71967L19.2803 7.71967C19.5732 8.01256 19.5732 8.48744 19.2803 8.78033C18.9874 9.07322 18.5126 9.07322 18.2197 8.78033L15.2197 5.78033C14.9268 5.48744 14.9268 5.01256 15.2197 4.71967Z" fill="%23fff"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.43934 3.43934C3.72064 3.15804 4.10217 3 4.5 3H12.75C13.1642 3 13.5 3.33579 13.5 3.75C13.5 4.16421 13.1642 4.5 12.75 4.5L4.5 4.5L4.5 19.5H19.5V11.25C19.5 10.8358 19.8358 10.5 20.25 10.5C20.6642 10.5 21 10.8358 21 11.25V19.5C21 19.8978 20.842 20.2794 20.5607 20.5607C20.2794 20.842 19.8978 21 19.5 21H4.5C4.10218 21 3.72065 20.842 3.43934 20.5607C3.15804 20.2794 3 19.8978 3 19.5V4.5C3 4.10217 3.15804 3.72064 3.43934 3.43934Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.js-tree-panel-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.js-tree-panel-box .ui-panel-bottom { position: inherit; margin: 10px 0; }

.js-tree-panel-box .ui-panel-bottom.is-bg { margin: 0 -10px; }

.jstree-node [class^="-icon--"] { position: relative; display: block; padding-left: 22px; z-index: 2; }

.jstree-node [class^="-icon--"]:before { position: absolute; top: 1.5px; left: 0; width: 17px; height: 17px; background-color: #f4f4f4; background-size: 0.9em; background-position: center; }

.jstree-node .-icon--doc-holder:before { background-size: 0.8em; }

.jstree-node .jstree-wholerow:after { position: absolute; top: 0; right: 16px; bottom: 0; margin: auto 0; }

.jstree-node.checked > .jstree-wholerow { background: #dcdcdc; }

.jstree-node.checked > .jstree-wholerow:after { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%234B4B4B"/%3E%3C/svg%3E%0A'); }

.jstree-node.checked.jstree-leaf > .jstree-wholerow-clicked:after { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.8536 0.146699C12.0488 0.341965 12.0488 0.658548 11.8535 0.853805L4.85355 7.85349C4.65829 8.04874 4.34172 8.04875 4.14646 7.8535L0.646462 4.35381C0.451192 4.15856 0.451177 3.84198 0.646431 3.64671C0.841684 3.45144 1.15827 3.45142 1.35354 3.64668L4.49999 6.79285L11.1465 0.146683C11.3417 -0.0485749 11.6583 -0.0485679 11.8536 0.146699Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.jstree-node .btn.icon-dots-3:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16 17.5C16.8284 17.5 17.5 16.8284 17.5 16C17.5 15.1716 16.8284 14.5 16 14.5C15.1716 14.5 14.5 15.1716 14.5 16C14.5 16.8284 15.1716 17.5 16 17.5Z" fill="%232E2E2E"/%3E%3Cpath d="M16 9.5C16.8284 9.5 17.5 8.82843 17.5 8C17.5 7.17157 16.8284 6.5 16 6.5C15.1716 6.5 14.5 7.17157 14.5 8C14.5 8.82843 15.1716 9.5 16 9.5Z" fill="%232E2E2E"/%3E%3Cpath d="M16 25.5C16.8284 25.5 17.5 24.8284 17.5 24C17.5 23.1716 16.8284 22.5 16 22.5C15.1716 22.5 14.5 23.1716 14.5 24C14.5 24.8284 15.1716 25.5 16 25.5Z" fill="%232E2E2E"/%3E%3C/svg%3E%0A'); }

.jstree-node .jstree-clicked .btn.icon-dots-3:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16 17.5C16.8284 17.5 17.5 16.8284 17.5 16C17.5 15.1716 16.8284 14.5 16 14.5C15.1716 14.5 14.5 15.1716 14.5 16C14.5 16.8284 15.1716 17.5 16 17.5Z" fill="%23fff"/%3E%3Cpath d="M16 9.5C16.8284 9.5 17.5 8.82843 17.5 8C17.5 7.17157 16.8284 6.5 16 6.5C15.1716 6.5 14.5 7.17157 14.5 8C14.5 8.82843 15.1716 9.5 16 9.5Z" fill="%23fff"/%3E%3Cpath d="M16 25.5C16.8284 25.5 17.5 24.8284 17.5 24C17.5 23.1716 16.8284 22.5 16 22.5C15.1716 22.5 14.5 23.1716 14.5 24C14.5 24.8284 15.1716 25.5 16 25.5Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.jstree-node.jstree-open > .jstree-anchor.jstree-clicked .btn.icon-dots-3:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16 17.5C16.8284 17.5 17.5 16.8284 17.5 16C17.5 15.1716 16.8284 14.5 16 14.5C15.1716 14.5 14.5 15.1716 14.5 16C14.5 16.8284 15.1716 17.5 16 17.5Z" fill="%23fff"/%3E%3Cpath d="M16 9.5C16.8284 9.5 17.5 8.82843 17.5 8C17.5 7.17157 16.8284 6.5 16 6.5C15.1716 6.5 14.5 7.17157 14.5 8C14.5 8.82843 15.1716 9.5 16 9.5Z" fill="%23fff"/%3E%3Cpath d="M16 25.5C16.8284 25.5 17.5 24.8284 17.5 24C17.5 23.1716 16.8284 22.5 16 22.5C15.1716 22.5 14.5 23.1716 14.5 24C14.5 24.8284 15.1716 25.5 16 25.5Z" fill="%23fff"/%3E%3C/svg%3E%0A'); }

.jstree-node.edit-box { width: calc(100% + 22px); z-index: 1; }

.jstree-node.edit-box:after { top: 16px; }

.jstree-node.edit-box .jstree-ocl { height: 32px; }

.jstree-node.edit-box button[class*="-theme-fill--"] { height: 28px; padding: 0 8px; font-weight: 500; font-size: 12px; border-radius: 4px; width: 28px; padding: 0; }

.jstree-node.edit-box input[type="text"] { width: calc(100% - 72px); height: 28px; padding: 2px 12px; }

.jstree-node.edit-box .jstree-wholerow-clicked, .jstree-node.edit-box .jstree-wholerow { height: 32px; background: #f6fbff !important; border: 1px dashed #3f4ed6; border-radius: 8px; }

.jstree > .jstree-container-ul > .jstree-node.edit-box { width: calc(100% + 32px); }

.js-tree--nav.edit-mode .js-tree { padding-right: 32px; padding-bottom: 70px; }

.js-tree--nav.edit-mode .js-tree li.off .jstree-wholerow { width: calc(100% + 32px); background: #ebebeb; }

.js-tree--nav.edit-mode .js-tree li.off .jstree-anchor { width: calc(100% + 12px); }

.js-tree--nav.edit-mode .js-tree li.off .icon-off { position: absolute; top: 50%; right: 12px; width: 39px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #000; line-height: 20px; font-size: 12px; font-weight: 400; color: #fff; text-align: center; border-radius: 8px; }

.js-tree--nav.edit-mode.none-folder .js-tree { padding-right: 0; }

.js-tree--nav.edit-mode .jstree-anchor { width: calc(100% - 20px); padding-right: 35px; }

.js-tree--nav.edit-mode .jstree-anchor .edit-fn { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% + 40px); }

.js-tree--nav.edit-mode .jstree-anchor .edit-fn button { margin-left: 3px; }

.js-tree--nav.edit-mode .edit-box .jstree-anchor { padding-right: 0; z-index: 1; }

.js-tree--nav.edit-mode .dropdown-box, .js-tree--nav.edit-mode .btn.icon-folder-plus { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }

.js-tree--nav.edit-mode .btn.icon-dots-3 { width: 24px; height: 24px; }

.js-tree--nav.edit-mode .btn.icon-folder-plus { left: calc(100% + 4px); }

.js-tree--nav.edit-mode .btn.icon-folder-plus:before { margin-top: 4px; }

.js-tree--nav.edit-mode .dropdown-box { right: 10px; }

.js-tree--nav.edit-mode .dropdown-box .dropdown-item { width: 58px; right: 0; top: calc(100% - 10px); border-color: #666; line-height: 1; }

.js-tree--nav.edit-mode .dropdown-box .dropdown-item button { padding: 8px; }

.js-tree--nav.edit-mode .dropdown-box.on { z-index: 2; }

.js-tree--nav.edit-mode .dropdown-box.on .dropdown-item { display: block; }

select { -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; border: 1px solid #dcdcdc; border-radius: 4px; padding: 0 30px 0 10px; background: url("/assets/images/icon/arr_down_black.svg") no-repeat calc(100% - 12px) 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000; font-weight: 500; font-size: 12px; cursor: pointer; }

select.w100 { width: 100%; }

select.h36 { height: 36px; }

.sel-field { height: 28px; width: 140px; border: 1px solid #dcdcdc; border-radius: 4px; padding-left: 10px; background: url("/assets/images/icon/arr_down_black.svg") no-repeat calc(100% - 12px) 50%/11px 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #666; font-weight: 400; font-size: 12px; cursor: pointer; }

.table.table-view .sel-field { font-size: 14px; }

.sel-field-100 { height: 32px; width: 100%; background: url("/assets/images/icon/arr_down_black.svg") no-repeat calc(100% - 8px) 50%/11px 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #666; font-size: 14px; font-weight: 400; }

.col-red { color: #E85959; }

.bord-color { border-color: #000; }

.field-category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.field-category .tle { margin-right: 12px; font-size: 18px; font-weight: 500; color: #4B4B4B; }

.field-category .tle + .field-sch { margin-left: 0; padding-left: 0; }

.field-category .tle + .field-sch:after { content: none !important; }

.field-category .sel-field { height: 32px !important; font-size: 14px; font-weight: 400; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; }

.field-category .field-sch { position: relative; margin-left: 8px; margin-right: 8px; /* &::after { content: ""; position: absolute; left: 0; top: 8px; width: 1px; height: 16px; background-color: $c-dc; } */ }

.field-category .field-sch:first-child { margin-left: 0; padding-left: 0; }

.field-category .field-sch:first-child:after { content: none !important; }

.field-category .bul { display: inline-block; width: 1px; height: 16px; margin: 0 8px; background-color: #dcdcdc; }

.field-category.period-field .sel-field { width: 110px; }

.field-category.docu-type-field .sel-field { width: auto; min-width: 110px; }

.field-sch-full .inp-field-area { width: 100%; }

.field-sch-full .inp-field-area .inp-field { width: 100%; }

.field-sch-full .field-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; }

.field-sch-full .btngroup { margin-left: 10px; }

.field-sch-full .btngroup button { margin-left: 0; margin-right: 0; }

.field-sch-category { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -8px; margin-bottom: 4px; }

.field-sch-category dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px; }

.field-sch-category dl dt { width: 194px; height: 36px; line-height: 36px; padding: 0 20px; background: #ebebeb; font-weight: 400; color: #2e2e2e; }

.field-sch-category dl dd { padding: 0 20px; }

.field-header { display: inline-block; }

.field-header .dropdown-sel-btn { position: relative; min-width: 140px; height: 32px; padding-left: 12px; padding-right: 42px; text-align: left; border: 1px solid #fff; border-radius: 4px; background-color: #2b65b8; font-size: 14px; font-weight: 500; color: #fff; cursor: pointer; }

.field-header .dropdown-sel-btn:after { content: ""; position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: url("/assets/images/icon/arr_down_white.svg") no-repeat 50% 50%; }

.field-header .dropdown-sel-btn.active + .dropdown-content { display: block; }

.field-header .dropdown-content { display: none; width: 150px; border: 1px solid #dcdcdc; background-color: #fff; }

.field-header .dropdown-content li { height: 33px; padding-left: 9px; line-height: 33px; }

.field-header .dropdown-content li button { width: 100%; height: 100%; text-align: left; cursor: pointer; }

.dropdown-sel { position: relative; }

.dropdown-sel .dropdown-content { position: absolute; z-index: 100; top: 38px; color: #666; font-size: 12px; font-weight: 500; background-color: #fff; -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }

.dropdown-sel .dropdown-content li { cursor: pointer; }

.dropdown-sel .dropdown-content li:hover, .dropdown-sel .dropdown-content li.active { background-color: #ebf1f9; }

.dropdown-sel .dropdown-content li:hover button, .dropdown-sel .dropdown-content li.active button { color: #000; font-weight: 500; }

.dropdown-item { display: none; position: absolute; z-index: 100; top: 100%; color: #666; width: 100%; font-size: 12px; font-weight: 500; margin-top: 4px; border: 1px solid #dcdcdc; background-color: #fff; -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }

.dropdown-item li button { display: inline-block; width: 100%; height: 100%; padding: 9px; font-size: 12px; font-weight: 500; color: #666; text-align: left; }

.dropdown-item li button:hover, .dropdown-item li button.active { color: #000; background: #F0F7FF; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="time"], input[type="tel"] { font-size: 14px; font-weight: 400; border: 1px solid #dcdcdc; border-radius: 4px; padding: 12px; height: 36px; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder { font-weight: 400; color: #aeaeae; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder { font-weight: 400; color: #aeaeae; }

input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder { font-weight: 400; color: #aeaeae; }

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="email"]::placeholder, input[type="time"]::placeholder, input[type="tel"]::placeholder { font-weight: 400; color: #aeaeae; }

input[type="text"].w100, input[type="password"].w100, input[type="search"].w100, input[type="email"].w100, input[type="time"].w100, input[type="tel"].w100 { width: 100%; }

input[type="text"].inp-field-s, input[type="password"].inp-field-s, input[type="search"].inp-field-s, input[type="email"].inp-field-s, input[type="time"].inp-field-s, input[type="tel"].inp-field-s { height: 32px; font-size: 12px; }

input[type="text"].inp-field-s::-webkit-input-placeholder, input[type="password"].inp-field-s::-webkit-input-placeholder, input[type="search"].inp-field-s::-webkit-input-placeholder, input[type="email"].inp-field-s::-webkit-input-placeholder, input[type="time"].inp-field-s::-webkit-input-placeholder, input[type="tel"].inp-field-s::-webkit-input-placeholder { font-weight: 400; color: #aeaeae; }

input[type="text"].inp-field-s:-ms-input-placeholder, input[type="password"].inp-field-s:-ms-input-placeholder, input[type="search"].inp-field-s:-ms-input-placeholder, input[type="email"].inp-field-s:-ms-input-placeholder, input[type="time"].inp-field-s:-ms-input-placeholder, input[type="tel"].inp-field-s:-ms-input-placeholder { font-weight: 400; color: #aeaeae; }

input[type="text"].inp-field-s::-ms-input-placeholder, input[type="password"].inp-field-s::-ms-input-placeholder, input[type="search"].inp-field-s::-ms-input-placeholder, input[type="email"].inp-field-s::-ms-input-placeholder, input[type="time"].inp-field-s::-ms-input-placeholder, input[type="tel"].inp-field-s::-ms-input-placeholder { font-weight: 400; color: #aeaeae; }

input[type="text"].inp-field-s::placeholder, input[type="password"].inp-field-s::placeholder, input[type="search"].inp-field-s::placeholder, input[type="email"].inp-field-s::placeholder, input[type="time"].inp-field-s::placeholder, input[type="tel"].inp-field-s::placeholder { font-weight: 400; color: #aeaeae; }

.table.table-view input[type="text"].inp-field-s, .table.table-view input[type="password"].inp-field-s, .table.table-view input[type="search"].inp-field-s, .table.table-view input[type="email"].inp-field-s, .table.table-view input[type="time"].inp-field-s, .table.table-view input[type="tel"].inp-field-s { font-size: 14px; }

input[type="text"]:-moz-read-only, input[type="password"]:-moz-read-only, input[type="search"]:-moz-read-only, input[type="email"]:-moz-read-only, input[type="time"]:-moz-read-only, input[type="tel"]:-moz-read-only { background-color: #F4F4F4; color: #aeaeae; border-color: #dcdcdc; }

input[type="text"]:read-only, input[type="password"]:read-only, input[type="search"]:read-only, input[type="email"]:read-only, input[type="time"]:read-only, input[type="tel"]:read-only { background-color: #F4F4F4; color: #aeaeae; border-color: #dcdcdc; }

input[type="text"].bg-sel, input[type="password"].bg-sel, input[type="search"].bg-sel, input[type="email"].bg-sel, input[type="time"].bg-sel, input[type="tel"].bg-sel { background: url("/assets/images/icon/arr_down_black.svg") no-repeat calc(100% - 8px) 50%/11px 6px; }

.inp-field-area { position: relative; }

.inp-field-area .inp-field { width: 100%; height: 32px; padding-left: 12px; padding-right: 42px; border-radius: 4px; border: 1px solid #dcdcdc; color: #000; }

.inp-field-area .inp-field::-webkit-input-placeholder { font-size: 14px; font-weight: 400; color: #aeaeae; }

.inp-field-area .inp-field:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: #aeaeae; }

.inp-field-area .inp-field::-ms-input-placeholder { font-size: 14px; font-weight: 400; color: #aeaeae; }

.inp-field-area .inp-field::placeholder { font-size: 14px; font-weight: 400; color: #aeaeae; }

.inp-field-area .inp-field.small { height: 28px; padding: 5px 30px 5px 10px; font-size: 12px; }

.inp-field-area .inp-field.small::-webkit-input-placeholder { font-size: 12px; }

.inp-field-area .inp-field.small:-ms-input-placeholder { font-size: 12px; }

.inp-field-area .inp-field.small::-ms-input-placeholder { font-size: 12px; }

.inp-field-area .inp-field.small::placeholder { font-size: 12px; }

.inp-field-area .inp-field.small + .btn-sch { width: 16px; height: 16px; right: 8px; background-size: 100%; }

.inp-field-area .inp-field-s { width: 100%; padding-right: 42px; border: 1px solid #dcdcdc; }

.inp-field-area .btn-sch { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: url("/assets/images/icon/icon-zoom.svg") no-repeat 50% 50%; text-indent: -9999px; cursor: pointer; }

.btngroup .inp-field-area .btn-sch { display: block; margin: 0; padding: 0; border-radius: 0; }

.url-input-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; }

.url-input-area em { width: 38px; font-size: 12px; font-weight: 600; }

.url-input-area input { width: 100%; height: 28px; font-size: 12px; }

.field-sms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.field-sms label { font-size: 12px; font-weight: 400; color: #000; }

.txt-field-area { position: relative; }

.txt-field-area .txt-field { font-size: 14px; font-weight: 400; padding: 10px 70px 10px 10px; width: 100%; border: 1px solid #dcdcdc; border-radius: 4px; height: 130px; resize: none; vertical-align: top; }

.txt-field-area .txt-field::-webkit-input-placeholder { font-weight: 400; color: #aeaeae; }

.txt-field-area .txt-field:-ms-input-placeholder { font-weight: 400; color: #aeaeae; }

.txt-field-area .txt-field::-ms-input-placeholder { font-weight: 400; color: #aeaeae; }

.txt-field-area .txt-field::placeholder { font-weight: 400; color: #aeaeae; }

.txt-field-area .txt-field.h80 { height: 80px; vertical-align: top; }

.txt-field-area .btn-field { position: absolute; bottom: 12px; right: 12px; }

.file-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -4px; }

.file-dropdown .dropdown-box { position: relative; margin: 4px; }

.file-dropdown .dropdown-box .addfile-area { padding: 5px 8px; max-width: 180px; height: auto; border-radius: 0; }

.file-dropdown .dropdown-box .addfile-area .file-desc { text-align: left; }

.file-dropdown .dropdown-box .addfile-area .file-desc p { width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 16px; }

.addfile-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 42px; border: 1px solid #dcdcdc; border-radius: 4px; padding: 0 8px; background-color: #fff; }

.addfile-area .ellipsis { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.addfile-area .ico-file { width: 26px; height: 32px; margin-right: 12px; background-position: center center; background-size: 100%; }

.addfile-area .ico-file img { width: 26px; }

.addfile-area .ico-file.jpg { background-image: url("/assets/images/icon/file-jpg.svg"); }

.addfile-area .ico-file.png { background-image: url("/assets/images/icon/file-png.svg"); }

.addfile-area .ico-file.pdf { background-image: url("/assets/images/icon/file-pdf.svg"); }

.addfile-area .ico-file.xls { background-image: url("/assets/images/icon/file-xls.svg"); }

.addfile-area .ico-file.xlsx { background-image: url("/assets/images/icon/file-xlsx.svg"); }

.addfile-area .ico-file.bmp { background-image: url("/assets/images/icon/file-bmp.svg"); }

.addfile-area .ico-file.cell { background-image: url("/assets/images/icon/file-cell.svg"); }

.addfile-area .ico-file.doc { background-image: url("/assets/images/icon/file-doc.svg"); }

.addfile-area .ico-file.docx { background-image: url("/assets/images/icon/file-docx.svg"); }

.addfile-area .ico-file.file, .addfile-area .ico-file.etc { background-image: url("/assets/images/icon/file-file.svg"); }

.addfile-area .ico-file.gif { background-image: url("/assets/images/icon/file-gif.svg"); }

.addfile-area .ico-file.html { background-image: url("/assets/images/icon/file-html.svg"); }

.addfile-area .ico-file.hwp { background-image: url("/assets/images/icon/file-hwp.svg"); }

.addfile-area .ico-file.jpeg { background-image: url("/assets/images/icon/file-jpeg.svg"); }

.addfile-area .ico-file.null { background-image: url("/assets/images/icon/file-null.svg"); }

.addfile-area .ico-file.ppt { background-image: url("/assets/images/icon/file-ppt.svg"); }

.addfile-area .ico-file.pptx { background-image: url("/assets/images/icon/file-pptx.svg"); }

.addfile-area .ico-file.tif { background-image: url("/assets/images/icon/file-tif.svg"); }

.addfile-area .ico-file.tiff { background-image: url("/assets/images/icon/file-tiff.svg"); }

.addfile-area .ico-file.txt { background-image: url("/assets/images/icon/file-txt.svg"); }

.addfile-area .file-desc { max-width: calc(100% - 65px); line-height: 1.3; }

.addfile-area .file-desc p, .addfile-area .file-desc a { display: block; color: #000; font-size: 12px; font-weight: 300; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.addfile-area .file-desc p.ellipsis, .addfile-area .file-desc a.ellipsis { width: 117px; }

.addfile-area .file-desc strong { display: block; color: #666; font-size: 12px; font-weight: 300; }

.addfile-area .txt-placeholder { font-size: 14px; font-weight: 400; color: #aeaeae; }

.addfile-area .btn-file-close { justify-self: flex-end; margin-left: auto; width: 20px; height: 20px; background: url("/assets/images/icon/icon-delete.svg") no-repeat 100% 50%; text-indent: -9999px; cursor: pointer; }

.addfile-area .btn-file-close.red { background: url("/assets/images/icon/icon-delete-red.svg") no-repeat 100% 50%; }

.addfile-area .btn-file-add { border: 0; justify-self: flex-end; margin-left: auto; width: 20px; height: 20px; background: url("/assets/images/icon/icon-plus2.svg") no-repeat 100% 50%; text-indent: -9999px; cursor: pointer; }

.addfile-area .btn-file-down { border: 0; justify-self: flex-end; margin-left: auto; width: 20px; height: 20px; background: url("/assets/images/icon/icon-down.svg") no-repeat 50% 50%; text-indent: -9999px; cursor: pointer; }

.table-fixed .addfile-area .file-desc a.ellipsis { width: 100%; }

.btn.btn-all-download { display: inline-block; cursor: pointer; width: 100%; height: 36px; font-size: 12px; font-weight: 500; color: #666; border-radius: 4px; text-align: left; padding: 0 14px 0 36px; background: #ebebeb url("/assets/images/icon/icon-all-download.svg") no-repeat 14px 50%; }

.btn.btn-inside-audit { display: inline-block; cursor: pointer; width: 100%; height: 32px; font-size: 12px; font-weight: 500; color: #4b4b4b; border-radius: 8px; text-align: center; padding: 0 14px; background-color: #dcdcdc; }

.btn.btn-inside-audit:before { content: ''; display: inline-block; width: 12px; height: 12px; padding-right: 20px; vertical-align: middle; background: url("/assets/images/icon/icon-inside-audit.svg") no-repeat 0 50%; }

.btn.btn-write, .btn.btn-cancel-1 { cursor: pointer; font-size: 12px; font-weight: 500; padding: 5px 12px; background-color: #fff; color: #2763ba; border: 1px solid #2763ba; border-radius: 100px; }

.btn.btn-cancel-1 { color: #8A8A8A; border: 1px solid #DCDCDC; }

.btn.btn-approval-write { cursor: pointer; width: 100%; display: block; border-radius: 4px; background: #f0f7ff url("/assets/images/icon/icon-plus.svg") no-repeat 14px 50%; padding: 10px 0 10px 36px; text-align: left; font-size: 12px !important; font-weight: 700 !important; color: #1f4f95; margin-bottom: 4px; }

.btn.btn-prev-call { cursor: pointer; width: 100%; display: block; border-radius: 4px; padding: 10px 0 10px 36px; text-align: center; font-size: 12px !important; font-weight: 700 !important; color: #1f4f95; margin-bottom: 4px; background: #f0f7ff; }

.btn.btn-prev-call:before { content: ""; display: inline-block; width: 13px; height: 11px; margin-right: 10px; background: url("/assets/images/icon/icon-prev-call.svg") no-repeat 0 50%; }

.btn.btn-good { display: inline-block; width: 40px; height: 28px; padding: 6px 12px; text-align: center; border-radius: 50px; vertical-align: middle; background: #dcdcdc url("/assets/images/icon/icon-good.svg") no-repeat 50% 50%; }

.btn.btn-good.active { background: #2763ba url("/assets/images/icon/icon-good.svg") no-repeat 50% 50%; }

.switch-button { display: inline-block; }

.switch-button input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.switch-button input[type="checkbox"]:checked + label { text-indent: 24px; color: #fff; background: #3c72c1; }

.switch-button input[type="checkbox"]:checked + label:before { content: "ON"; }

.switch-button input[type="checkbox"]:checked + label:after { content: ""; right: calc(100% - 28px); }

.switch-button.switch-purple input[type="checkbox"]:checked + label { background: #5A45DC; }

.switch-button label { cursor: pointer; position: relative; display: inline-block; font-size: 14px; width: 72px; color: #8a8a8a; padding: 6px; text-align: center; text-indent: -24px; border-radius: 16px; background: #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s; transition: 0.5s; }

.switch-button label:before { content: "OFF"; }

.switch-button label:after { content: ""; position: absolute; right: 4px; top: 50%; margin-top: -12px; width: 24px; height: 24px; border-radius: 50%; background: #fff; -webkit-transition: right 0.5s; transition: right 0.5s; }

.switch-button.switch-button-s input[type="checkbox"]:checked + label { text-indent: 12px; }

.switch-button.switch-button-s input[type="checkbox"]:checked + label:after { right: calc(100% - 15px); }

.switch-button.switch-button-s label { width: 42px; padding: 0 6px 1px; font-size: 8px; font-weight: 400; text-indent: -13px; letter-spacing: -0.05em; }

.switch-button.switch-button-s label:after { right: 2px; width: 12px; height: 12px; margin-top: -6px; }

.file-dropdown-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -4px; }

.file-dropdown-line .dropdown-box { margin: 4px; }

.file-dropdown-line .addfile-area { height: 36px; background: #f9f9f9; }

.file-dropdown-line .addfile-area .ico-file { width: 22px; height: 20px; margin-right: 8px; }

.file-dropdown-line .addfile-area .ico-file.jpg { background-image: url("/assets/images/icon/file-jpg-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.png { background-image: url("/assets/images/icon/file-png-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.pdf { background-image: url("/assets/images/icon/file-pdf-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.xls { background-image: url("/assets/images/icon/file-xls-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.xlsx { background-image: url("/assets/images/icon/file-xlsx-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.bmp { background-image: url("/assets/images/icon/file-bmp-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.cell { background-image: url("/assets/images/icon/file-cell-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.doc { background-image: url("/assets/images/icon/file-doc-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.docx { background-image: url("/assets/images/icon/file-docx-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.file, .file-dropdown-line .addfile-area .ico-file.etc { background-image: url("/assets/images/icon/file-file-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.gif { background-image: url("/assets/images/icon/file-gif-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.html { background-image: url("/assets/images/icon/file-html-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.hwp { background-image: url("/assets/images/icon/file-hwp-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.jpeg { background-image: url("/assets/images/icon/file-jpeg-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.null { background-image: url("/assets/images/icon/file-null-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.ppt { background-image: url("/assets/images/icon/file-ppt-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.pptx { background-image: url("/assets/images/icon/file-pptx-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.tif { background-image: url("/assets/images/icon/file-tif-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.tiff { background-image: url("/assets/images/icon/file-tiff-s.svg"); }

.file-dropdown-line .addfile-area .ico-file.txt { background-image: url("/assets/images/icon/file-txt-s.svg"); }

.file-dropdown-line .addfile-area .file-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; line-height: initial; }

.file-dropdown-line .addfile-area .file-desc p { max-width: 160px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.file-dropdown-line .addfile-area .file-desc strong { margin-left: 8px; }

.switch-button-header { display: inline-block; }

.switch-button-header input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.switch-button-header input[type="checkbox"]:checked + label { color: #fff; background: #002a70; }

.switch-button-header input[type="checkbox"]:checked + label:before { text-indent: 20px; content: "Right"; }

.switch-button-header input[type="checkbox"]:checked + label:after { content: ""; right: calc(100% - 20px); }

.switch-button-header label { cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; font-weight: 400; width: 60px; color: #fff; padding: 3px; text-align: center; border-radius: 16px; background: #002a70; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s; transition: 0.5s; }

.switch-button-header label:before { text-indent: 10px; content: "Left"; color: #fff; font-size: 12px; }

.switch-button-header label:after { content: ""; position: absolute; right: 4px; top: 50%; margin-top: -8px; width: 16px; height: 16px; border-radius: 50%; background: #fff; -webkit-transition: right 0.5s; transition: right 0.5s; }

.field-btn-re { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; background-color: #f4f4f4; }

.field-btn-re.js-tree-search { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.field-btn-re .inp-field-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.field-btn-re .inp-field-wrap + .inp-field-wrap { margin-top: 4px; }

.field-btn-re .inp-field-area { margin-right: 8px; }

.field-btn-re .btn-re { width: 32px; height: 32px; border-radius: 4px; background: #dcdcdc url("/assets/images/icon/icon-re.svg") no-repeat 50% 50%; text-indent: -9999px; cursor: pointer; }

.field-btn-re .sel-field { width: 100%; height: 32px; background-color: #fff; background-position: calc(100% - 12px) 50%; }

.search-sel-area { padding: 10px; }

.search-sel-area .sel-field { width: 100%; height: 32px; background-color: #fff; background-position: calc(100% - 12px) 50%; }

.btn-group-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.btn-group-area.btn-group-bbs-w { padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; }

.btngroup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -6px; margin-left: -6px; }

.btngroup.h36 { margin-left: 0; margin-right: 0; }

.btngroup.h36 button { height: 36px; margin-left: 0; margin-right: 0; }

.btngroup.h33 { margin-left: 0; margin-right: 0; }

.btngroup.h33 button { height: 33px; margin-left: 0; margin-right: 0; padding-left: 8px; padding-right: 8px; font-size: 12px; }

.btngroup button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 6px; margin-left: 6px; height: 32px; border-radius: 8px; padding-left: 12px; padding-right: 12px; font-size: 14px; font-weight: 500; color: #fff; white-space: nowrap; cursor: pointer; }

.btngroup button.white-nowrap { white-space: nowrap; }

.btngroup button.btn-list { padding-right: 15.5px; padding-left: 17.5px; }

.btngroup button.btn-light { background-color: #f4f4f4; color: #666; }

.btngroup button.btn-light2 { background-color: #f4f4f4; color: #4b4b4b; }

.btngroup button.btn-blue { background-color: #2763ba; }

.btngroup button.btn-setting-new { background-color: #aeaeae; min-width: 115px; height: 28px; font-size: 12px; }

.btngroup button.btn-small { height: 28px; line-height: 28px; font-size: 12px; border-radius: 7px; }

.btngroup button.btn-preview::after { content: '설정'; }

.btngroup button.btn-preview.on::after { content: '해제'; }

.btngroup button.btn-form-hide::after { content: '확대'; }

.btngroup button.btn-form-hide.on::after { content: '초기화'; }

.btngroup button .ico-list { display: block; width: 16px; height: 16px; margin-right: 10px; background: url("/assets/images/icon/icon-list.svg") no-repeat 50% 50%; }

.btngroup button .ico-setting-new { display: block; width: 13px; height: 13px; margin-right: 8px; background: url("/assets/images/icon/ico-plus3.png") no-repeat 50% 50%; }

.btngroup .btn-gray { color: #8A8A8A; background-color: #F9F9F9; }

.btngroup .btn-green { background-color: #acacac; }

.btngroup .btn-cancel { background-color: #ea6969; }

.btngroup .btn-save { background-color: #2763ba; }

.btngroup .btn-list { background-color: #aeaeae; }

.btngroup .btn-history { background-color: #aeaeae; }

.btngroup .btn-down { background-color: #3c72c1; }

.btngroup .btn-down-gray { background-color: #aeaeae; }

.btngroup .btn-choice-down { background-color: #f4f4f4; border: 1px solid #3c72c1; color: #3c72c1; }

.btngroup .btn-line-blue { background-color: #f0f7ff; border: 1px solid #2763ba; color: #2763ba; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 40px; }

.btngroup .btn-delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #E85959; }

.btngroup .btn-delete.icon-before:before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; background: url("/assets/images/icon/icon-close.svg") no-repeat 50% 50%; }

.btngroup .btn-print { background-color: #2763ba; }

.btngroup .btn-zipcode { background-color: #666; }

.btngroup .btn-light-gray { background-color: #aeaeae; }

.btngroup .btn-storage { background-color: #aeaeae; }

.btngroup .btn-opinion { height: 40px; padding-right: 55px; padding-left: 20px; border-radius: 0; background-color: #f4f4f4; color: #2e2e2e; font-size: 14px; font-weight: 300; }

.btngroup .btn-close { height: 48px; padding-right: 30px; padding-left: 30px; background-color: #f4f4f4; color: #666; font-size: 16px; }

.btngroup .btn-approval { height: 48px; padding-right: 82px; padding-left: 82px; background-color: #2763ba; color: #fff; font-size: 16px; }

.btngroup .btn-zip { width: 26px; height: 26px; background: url("/assets/images/icon/icon-zip.svg") no-repeat; border-radius: 0; }

.btngroup .btn-pdf { width: 26px; height: 24px; background: url("/assets/images/icon/icon-pdf.svg") no-repeat; border-radius: 0; }

.btngroup .btn-approval-line { background-color: #2763BA; color: #fff; }

.btngroup .btn-approval-line .ico { width: 13px; height: 13px; margin-right: 9px; background-color: #2763BA; background-image: url("/assets/images/icon/icon-user-line.svg"); }

.btngroup .btn-usericon { background-color: #2763BA; color: #fff; }

.btngroup .btn-usericon .ico { width: 16px; height: 16px; margin-right: 9px; background-color: #2763BA; background-image: url("/assets/images/icon/icon-users-w.svg"); }

.btngroup .btn-folder { background-color: #aeaeae; color: #fff; }

.btngroup .btn-folder .ico { width: 16px; height: 16px; margin-right: 9px; background-image: url("/assets/images/icon/icon-folder-plus-s.svg"); }

.btngroup .btn-usergroup { background-color: #aeaeae; color: #fff; }

.btngroup .btn-usergroup .ico { width: 16px; height: 16px; margin-right: 9px; background-image: url("/assets/images/icon/icon-usergroup-plus.svg"); }

.btngroup .btn-attach { background-color: #2763BA; color: #fff; }

.btngroup .btn-attach .ico { width: 12px; height: 13px; margin-right: 9px; background-color: #2763BA; background-image: url("/assets/images/icon/icon-attach.svg"); }

.btngroup .btn-idea { background-color: #2763BA; color: #fff; }

.btngroup .btn-idea .ico { width: 13px; height: 13px; margin-right: 9px; background-color: #2763BA; background-image: url("/assets/images/icon/icon-chat-circle-text.svg"); }

.btngroup .btn-newgroup { background-color: #aeaeae; color: #fff; }

.btngroup .btn-newgroup .ico { width: 16px; height: 16px; margin-right: 9px; background-image: url("/assets/images/icon/icon-usergroup-plus.svg"); }

.btngroup .btn-search { height: 28px; line-height: 28px; background-color: #3c72c1; font-size: 12px; }

.btngroup .btn-init { height: 28px; line-height: 28px; background-color: #aeaeae; font-size: 12px; }

.btngroup.btn-round-b button { position: relative; height: 52px; padding-right: 28px; padding-left: 70px; border-radius: 52px; font-size: 18px; font-weight: 400; color: #fff; cursor: pointer; }

.btngroup.btn-round-b button.btn-repeat { background-color: #ea6969; }

.btngroup.btn-round-b button.btn-repeat .ico { background-color: #e85959; background-image: url("/assets/images/icon/ico-repeat-w-big.svg"); }

.btngroup.btn-round-b button .ico { position: absolute; left: 0; top: 0; display: block; height: 52px; width: 52px; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; }

.btngroup.btn-round button { position: relative; height: 32px; padding-right: 10px; padding-left: 40px; border-radius: 32px; font-size: 14px; font-weight: 400; color: #fff; cursor: pointer; }

.btngroup.btn-round button.btn-preview { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-preview .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-note4-bl.svg"); }

.btngroup.btn-round button.btn-preview.btn-gr { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-preview.btn-gr .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-note4-bl.svg"); }

.btngroup.btn-round button.btn-collect { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-collect .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-compan-bl.svg"); }

.btngroup.btn-round button.btn-repeat { background-color: #ea6969; }

.btngroup.btn-round button.btn-repeat .ico { background-color: #e85959; background-image: url("/assets/images/icon/ico-repeat-w.svg"); }

.btngroup.btn-round button.btn-eye { background-color: #3c72c1; }

.btngroup.btn-round button.btn-eye .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-eye.svg"); }

.btngroup.btn-round button.btn-repeat-blue { background-color: #3c72c1; }

.btngroup.btn-round button.btn-repeat-blue .ico { background-color: #2763ba; background-image: url("/assets/images/icon/ico-repeat-w.svg"); }

.btngroup.btn-round button.btn-download { background-color: #3c72c1; }

.btngroup.btn-round button.btn-download .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-all-download-s-w.svg"); }

.btngroup.btn-round button.btn-work-add { background-color: #3c72c1; }

.btngroup.btn-round button.btn-work-add .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-work-add-w.svg"); }

.btngroup.btn-round button.btn-pencil { background-color: #3c72c1; }

.btngroup.btn-round button.btn-pencil .ico { background-color: #2763ba; background-image: url("/assets/images/icon/ico-pencil.svg"); }

.btngroup.btn-round button.btn-pencil { background-color: #3c72c1; }

.btngroup.btn-round button.btn-pencil .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-pencil.svg"); }

.btngroup.btn-round button.btn-user-plus-2 { background-color: #3c72c1; }

.btngroup.btn-round button.btn-user-plus-2 .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-user-plus-2.svg"); }

.btngroup.btn-round button.btn-check-circle-1 { background-color: #3c72c1; }

.btngroup.btn-round button.btn-check-circle-1 .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-check-circle-1.svg"); background-size: 60%; }

.btngroup.btn-round button.btn-check-square-1 { background-color: #3c72c1; }

.btngroup.btn-round button.btn-check-square-1 .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-check-square.svg"); background-size: 50%; }

.btngroup.btn-round button.btn-arrtop { background-color: #3c72c1; }

.btngroup.btn-round button.btn-arrtop .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-arr-top.svg"); }

.btngroup.btn-round button.btn-preserve { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-preserve .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-cube-bl.svg"); }

.btngroup.btn-round button.btn-preserve.btn-gr { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-preserve.btn-gr .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-cube-bl.svg"); }

.btngroup.btn-round button.btn-delete { background-color: #ea6969; }

.btngroup.btn-round button.btn-delete .ico { background-color: #e85959; background-image: url("/assets/images/icon/icon-trash.svg"); }

.btngroup.btn-round button.btn-user-minus { background-color: #ea6969; }

.btngroup.btn-round button.btn-user-minus .ico { background-color: #e85959; background-image: url("/assets/images/icon/icon-user-ninus.svg"); }

.btngroup.btn-round button.btn-x-circle { background-color: #ea6969; }

.btngroup.btn-round button.btn-x-circle .ico { background-color: #e85959; background-image: url("/assets/images/icon/icon-x-circle-1.svg"); background-size: 60%; }

.btngroup.btn-round button.btn-compan { background-color: #ea6969; }

.btngroup.btn-round button.btn-compan .ico { background-color: #e85959; background-image: url("/assets/images/icon/icon-re.svg"); }

.btngroup.btn-round button.btn-note5 { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-note5 .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-note5-bl.svg"); }

.btngroup.btn-round button.btn-note5.btn-gr { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-note5.btn-gr .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-note5-bl.svg"); }

.btngroup.btn-round button.btn-x-square-1 { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-x-square-1 .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-compan-bl.svg"); }

.btngroup.btn-round button.btn-approval { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-approval .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon_approval2-bl.svg"); }

.btngroup.btn-round button.btn-approval.blue { background-color: #3c72c1; color: #fff; }

.btngroup.btn-round button.btn-approval.blue .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon_approval2.svg"); }

.btngroup.btn-round button.btn-approval.small .ico { background-size: 12px; }

.btngroup.btn-round button.btn-approval.btn-gr { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-approval.btn-gr .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon_approval2-bl.svg"); }

.btngroup.btn-round button.btn-table { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-table .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-table-bl.svg"); }

.btngroup.btn-round button.btn-submit { background-color: #3c72c1; }

.btngroup.btn-round button.btn-submit .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-trash.svg"); }

.btngroup.btn-round button.btn-find2 { background-color: #3c72c1; }

.btngroup.btn-round button.btn-find2 .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-find2.svg"); }

.btngroup.btn-round button.btn-folder-plus-1 { background-color: #3c72c1; }

.btngroup.btn-round button.btn-folder-plus-1 .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-folder-plus-1.svg"); background-size: 18px; }

.btngroup.btn-round button.btn-find3 { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-find3 .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-find2-bl.svg"); }

.btngroup.btn-round button.btn-setting { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-setting .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-setting-bl.svg"); }

.btngroup.btn-round button.btn-print { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-print .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-small-print-bl.svg"); }

.btngroup.btn-round button.btn-delete { background-color: #ea6969; }

.btngroup.btn-round button.btn-delete .ico { background-color: #e85959; background-image: url("/assets/images/icon/icon-small-trash.svg"); }

.btngroup.btn-round button.btn-modify { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-modify .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-small-modify-black.svg"); }

.btngroup.btn-round button.btn-modify.btn-gr { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-modify.btn-gr .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-small-modify-black.svg"); }

.btngroup.btn-round button.btn-modify2 { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-modify2 .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-small-modify-black.svg"); }

.btngroup.btn-round button.btn-viewer { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-viewer .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-viewer-bl.svg"); }

.btngroup.btn-round button.btn-redraft { background-color: #3c72c1; }

.btngroup.btn-round button.btn-redraft .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon_approval2.svg"); }

.btngroup.btn-round button.btn-sms { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-sms .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-mobile-bl.svg"); }

.btngroup.btn-round button.btn-initialize { color: #000; background-color: #F4F4F4; }

.btngroup.btn-round button.btn-initialize .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-initialize.png"); }

.btngroup.btn-round button.btn-send { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-send .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-send-bl.svg"); }

.btngroup.btn-round button.btn-receive { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-receive .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/ico-plus3-bl.svg"); }

.btngroup.btn-round button.btn-search-initial { background-color: #3c72c1; }

.btngroup.btn-round button.btn-search-initial .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-re.svg"); }

.btngroup.btn-round button.btn-down-green { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-down-green .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-all-download-s.svg"); }

.btngroup.btn-round button.btn-search-duplicate { background-color: #3c72c1; }

.btngroup.btn-round button.btn-search-duplicate .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-zoom-w.svg"); }

.btngroup.btn-round button.btn-mail { background-color: #3c72c1; }

.btngroup.btn-round button.btn-mail .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon_mail_on.svg"); background-size: 50% 50%; }

.btngroup.btn-round button.btn-users { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-users .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-users-bl.svg"); background-size: 50% auto; }

.btngroup.btn-round button.btn-link { background-color: #dcdcdc; color: #aeaeae; }

.btngroup.btn-round button.btn-link .ico { background-color: #AEAEAE; background-image: url("/assets/images/icon/icon-link-simple.svg"); }

.btngroup.btn-round button.btn-suggest { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-suggest .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/ico-checksquare-bl.svg"); }

.btngroup.btn-round button.btn-dept-select { background-color: #3c72c1; }

.btngroup.btn-round button.btn-dept-select .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-users.svg"); background-size: 52% auto; }

.btngroup.btn-round button.btn-squre-four { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-squre-four .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-squares-four-bl.svg"); }

.btngroup.btn-round button.btn-money { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-money .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-money-bl.svg"); }

.btngroup.btn-round button.btn-two-way { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-two-way .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-arr-left-right-bl.svg"); }

.btngroup.btn-round button.btn-search-initial2 { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-search-initial2 .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-re-bl.svg"); }

.btngroup.btn-round button.btn-receive2 { background-color: #3c72c1; }

.btngroup.btn-round button.btn-receive2 .ico { background-color: #2763ba; background-image: url("/assets/images/icon/ico-plus3-w.svg"); }

.btngroup.btn-round button.btn-two-way2 { background-color: #3c72c1; }

.btngroup.btn-round button.btn-two-way2 .ico { background-color: #2763ba; background-image: url("/assets/images/icon/icon-arr-left-right.svg"); }

.btngroup.btn-round button.btn-user-add { background-color: #f4f4f4; color: #000; }

.btngroup.btn-round button.btn-user-add .ico { background-color: #dcdcdc; background-image: url("/assets/images/icon/icon-users-black.svg"); }

.btngroup.btn-round button.btn-check-option { background-color: #f4f4f4; color: #000; }

.btngroup.btn-round button.btn-check-option .ico { background-color: #dcdcdc; background-image: url("/assets/images/icon/ico-check-black.svg"); }

.btngroup.btn-round button.btn-check-option.small4 .ico { background-size: 12px; }

.btngroup.btn-round button.btn-close { background-color: #F4F4F4; color: #000; }

.btngroup.btn-round button.btn-close .ico { background-color: #DCDCDC; background-image: url("/assets/images/icon/icon-close-bl.svg"); background-size: 18px; }

.btngroup.btn-round button.small { font-size: 12px; height: 20px; margin-left: 2px; margin-right: 2px; padding-left: 30px; }

.btngroup.btn-round button.small .ico { width: 20px; height: 20px; }

.btngroup.btn-round button .ico { position: absolute; left: 0; top: 0; display: block; height: 32px; width: 32px; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; }

.btngroup.btn-round button.small2 { font-size: 12px; height: 20px; margin-left: 2px; margin-right: 2px; padding-left: 9px; border-radius: 8px; }

.btngroup.btn-round button.small3 { font-size: 12px; height: 28px; padding-left: 36px; border-radius: 18px; margin: 0; }

.btngroup.btn-round button.small3 .ico { width: 28px; height: 28px; }

.btngroup.btn-round button.small4 { font-size: 12px; height: 20px; margin-left: 2px; margin-right: 2px; padding-left: 28px; border-radius: 18px; }

.btngroup.btn-round button.small4 .ico { width: 20px; height: 20px; background-size: 16px auto; }

.btngroup.btn-round button:disabled { background-color: #dcdcdc; color: #aeaeae; }

.btngroup.btn-round button:disabled .ico { background-color: #aeaeae; }

.btngroup.btn-round.size-small button { font-size: 12px; height: 28px; padding-left: 36px; margin-left: 0; }

.btngroup.btn-round.size-small button .ico { width: 28px; height: 28px; background-size: 12px auto; }

.btngroup.round-type2 .btn-delete { padding-left: 30px; padding-right: 10px; background: #ea6969 url("/assets/images/icon/icon-small-trash.svg") no-repeat 10px 50%; }

.btngroup.round-type2 .btn-cancel { padding-left: 30px; padding-right: 10px; background: #ea6969 url("/assets/images/icon/icon-minus-circle-w.svg") no-repeat 10px 50%; }

.btngroup.round-type2 .btn-modify { padding-left: 30px; padding-right: 10px; background: #6A57DF url("/assets/images/icon/icon-small-modify-black.svg") no-repeat 6px 50%; }

.btngroup.round-type2 .btn-save-1 { padding-left: 30px; padding-right: 10px; background: #2763ba url("/assets/images/icon/icon-list-plus-1.svg") no-repeat 10px 50%; }

.btngroup.round-type2 .btn-save-2 { padding-left: 30px; padding-right: 10px; background: #2763ba url("/assets/images/icon/icon-list-plus-1.svg") no-repeat 10px 50%; }

.btngroup .btn-his { background-color: #2763BA; color: #fff; }

.btngroup .btn-his .ico { width: 13px; height: 13px; margin-right: 9px; background-color: #2763BA; background-image: url("/assets/images/icon/icon-arr-left-right.svg"); }

.btngroup .btn-his-apply { background-color: #1f4f95; }

.w220 { width: 220px; }

.flag { display: inline-block; height: 20px; line-height: 20px; padding-left: 8px; padding-right: 8px; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 500; vertical-align: middle; }

.flag.square { border-radius: 0; }

.flag-danger { background-color: #e85959; }

.flag-success { background-color: #acacac; }

.btnstate { display: inline-block; min-width: 35px; height: 14px; padding-left: 6px; padding-right: 6px; border-radius: 8px; line-height: 14px; vertical-align: middle; text-align: center; }

.btnstate.square { border-radius: 0; }

.btnstate.btnstate-type1 { border: 1px solid #aeaeae; background-color: #aeaeae; font-size: 10px; font-weight: 500; color: #fff; }

.btnstate.btnstate-type2 { border: 1px solid #dcdcdc; background-color: #ebebeb; color: #aeaeae; font-size: 10px; font-weight: 300; }

.btnstate.btnstate-type3 { border: 1px solid #38A8E6; background-color: #38A8E6; font-size: 10px; font-weight: 500; color: #fff; }

.btnstate.btnstate-type4 { border: 1px solid #3c72c1; background-color: #3c72c1; font-size: 10px; font-weight: 500; color: #fff; }

.btnstate.btnstate-type5 { border: 1px solid #e85959; background-color: #e85959; font-size: 10px; font-weight: 500; color: #fff; }

.btnstate.btnstate-type6 { border: 1px solid #aeaeae; background-color: #aeaeae; font-size: 10px; font-weight: 500; color: #fff; }

.btnstate.btnstate-type7 { border: 1px solid #aeaeae; background-color: #aeaeae; font-size: 10px; font-weight: 500; color: #fff; }

.btnstate.btnstate-type8 { border: 1px solid #aeaeae; background-color: #aeaeae; font-size: 10px; font-weight: 500; color: #fff; }

.btnstate.btnstate-type9 { border: 1px solid #dcdcdc; background-color: #fff; font-size: 10px; font-weight: 500; color: #aeaeae; }

.btnstate-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.btnstate-group { margin-bottom: 4px; }

.plate { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; padding: 0 12px; border-radius: 4px; font-size: 12px; font-weight: 500; color: #fff; }

.plate + .plate, .plate + .plate-outer { margin-top: 4px; }

.plate.-size--sm { height: 24px; padding: 0 8px; font-size: 12px; font-weight: 300; }

.plate.bdrs-8 { border-radius: 8px; }

.plate-fn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; }

.plate-fn.-box-shadow { position: absolute; right: 0; top: 0; bottom: 0; height: 32px; margin: auto 0; padding: 0 10px; border-radius: 8px; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); }

.plate-fn.-v2 { padding: 4px; }

.plate-fn.-hover-visible { display: none; }

.plate:hover .plate-fn.-hover-visible, .part:hover .part-head > .plate-fn.-hover-visible { display: -webkit-box; display: -ms-flexbox; display: flex; }

.plate-blue, .plate-blue .plate-fn { color: #4b4b4b; background-color: #CCD0F0; }

.plate-blue-02, .plate-blue-02 .plate-fn { color: #4b4b4b; background-color: #EBF1F9; }

.plate-lightblue, .plate-lightblue .plate-fn { color: #2e2e2e; background-color: #c0dcec; }

.plate-lightgray { background-color: #ebebeb; color: #666; }

.plate-darkgray, .plate-darkgray .plate-fn { color: #fff; background-color: #8a8a8a; }

.plate-green, .plate-green .plate-fn { color: #2e2e2e; background-color: #cbe8dc; }

.plate-darkorange, .plate-darkorange .plate-fn { color: #2e2e2e; background-color: #f1e4d5; }

.plate-lightgreen, .plate-lightgreen .plate-fn { color: #fff; background-color: #aeaeae; }

.plate-purple, .plate-purple .plate-fn { color: #2e2e2e; background-color: #e2dff1; }

.plate-darkpurple, .plate-darkpurple .plate-fn { color: #4b4b4b; background-color: #D5D8F2; }

.plate-dash-green { color: #278c62; background-color: #fff; border: 1px dashed #278c62; }

.plate-dash-blue { color: #2763ba; background-color: #f9f9f9; border: 1px dashed #2763ba; }

.plate-outline { color: #000; background-color: #fff; border: 1px solid #AEAEAE; }

.plate-outer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.plate-outer .plate { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ico-reply { width: 24px; height: 24px; margin-right: 8px; background: url("/assets/images/icon/icon-reply.svg") no-repeat 50% 50%; }

.chcekboxgroup, .radiogroup { margin-left: -6px; }

.chcekboxgroup input[type="checkbox"] + label, .chcekboxgroup input[type="radio"] + label, .radiogroup input[type="checkbox"] + label, .radiogroup input[type="radio"] + label { margin-left: 6px; margin-right: 6px; }

.chcekboxgroup label, .radiogroup label { cursor: pointer; }

input[type="checkbox"], input[type="radio"] { display: none; }

input[type="checkbox"] + label, input[type="radio"] + label { color: #666; font-size: 14px; }

input[type="checkbox"] + label span, input[type="radio"] + label span { display: inline-block; width: 12px; height: 12px; margin: -2px 8px 0 0; vertical-align: middle; border: 1px solid #000; border-radius: 1px; background: #fff; cursor: pointer; }

input[type="checkbox"]:hover + label span, input[type="radio"]:hover + label span { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); }

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { color: #000; }

input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span { background: #000 url("/assets/images/icon/icon-check.svg") no-repeat 50% 50%; background-size: 6.5px 4.5px; }

input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label { cursor: no-drop; }

input[type="checkbox"]:disabled + label span, input[type="radio"]:disabled + label span { position: relative; border: 1px solid #000; background: #dcdcdc; cursor: no-drop; -webkit-box-shadow: none; box-shadow: none; }

input[type="checkbox"]:disabled + label span:before, input[type="radio"]:disabled + label span:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6px; height: 1px; background: #000; }

input[type="radio"] + label span { border-radius: 50%; }

.-size--b { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.-size--b input[type="checkbox"] + label span, .-size--b input[type="radio"] + label span { width: 16px; height: 16px; }

.-size--b input[type="checkbox"]:checked + label span, .-size--b input[type="radio"]:checked + label span { background-size: 11px; background-position: 2px 4px; }

.tooltip-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tooltip-area .tooltip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; margin-right: 8px; }

.ui-tooltip, .arrow:after { display: inline-block; background: black; border: 0; }

.ui-tooltip { min-width: 65px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 12px; color: white; border-radius: 8px; font-size: 14px; font-weight: 300; -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); }

.ui-tooltip .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 60%; bottom: -12px; }

.ui-tooltip .arrow.top { top: -12px; bottom: auto; }

.ui-tooltip .arrow.left { left: 59px; }

.ui-tooltip .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-box-shadow: 6px 5px 9px -9px black; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ui-tooltip .arrow.top:after { bottom: -20px; top: auto; }

.ui-tooltip.tooltip-right .arrow { left: 100%; bottom: -12px; }

.ui-tooltip.approval-plate, .ui-tooltip.approval-plate .arrow:after { background: #F4F4F4; }

.ui-tooltip.approval-plate { padding: 4px 6px; color: #2E2E2E; border-radius: 4px; }

.ui-tooltip.approval-plate .arrow { bottom: -14px; }

.ui-tooltip.approval-plate .arrow:after { width: 16px; left: 25px; }

.ui-tooltip.approval-plate.red { font-size: 10px; color: #fff; background-color: #E85959; }

.ui-tooltip.approval-plate.red .arrow:after { background-color: #E85959; }

.breadcrumb-sel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.breadcrumb-sel .ico-arr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; margin-left: 4px; margin-right: 4px; }

.breadcrumb-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; padding-left: 10px; padding-right: 10px; border-radius: 28px; font-size: 12px; font-weight: 500; color: #666; }

.breadcrumb-btn.default { background-color: #f4f4f4; }

.breadcrumb-btn:after { content: ""; display: block; width: 16px; height: 16px; margin-left: 10px; background: url("/assets/images/icon/icon-arr-btm-s.svg") no-repeat 50% 50%/13px 13px; }

.breadcrumb-btn.success { background-color: #2763ba; color: #fff; }

.breadcrumb-btn.success:after { background-image: url("/assets/images/icon/icon-arr-btm-s-white.svg"); }

.breadcrumb-btn-sel { position: relative; }

.breadcrumb-btn-sel .dropdown { position: absolute; width: 140px; z-index: 100; left: 0; top: 32px; border: 1px solid #666; color: #666; font-size: 12px; font-weight: 500; background-color: #fff; -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }

.breadcrumb-btn-sel .dropdown li { color: #666; }

.breadcrumb-btn-sel .dropdown li a { display: block; height: 33px; padding-left: 9px; line-height: 33px; width: 100%; text-decoration: none; text-align: left; }

.breadcrumb-btn-sel .dropdown li a:hover { background-color: #F4F4F4; font-weight: 500; color: #000; }

.breadcrumb-sel-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.breadcrumb-sel-btn:not(:last-child):after { width: 14px; height: 14px; content: ""; display: block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("/assets/images/icon/ico-arr-breadbtn.svg"); margin: 0 8px; }

.chk-all-area { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; padding-right: 12px; padding-left: 12px; border-radius: 4px; border: 1px solid #dcdcdc; background-color: #f4f4f4; color: #666; font-size: 12px; font-weight: 500; }

.chk-all-field { margin-right: 8px; }

.chk-all-field input[type="checkbox"] + label { display: block; width: 12px; height: 12px; border: #000 solid 1px; background-color: #fff; cursor: pointer; }

.chk-all-field input[type="checkbox"]:checked + label { background: #000 url("/assets/images/icon/ico-chk-bg.svg") no-repeat center center; }

.field-sch-uc { display: -webkit-box; display: -ms-flexbox; display: flex; }

.field-sch-uc .inp-field-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.field-sch-uc .inp-field-area .inp-field { height: 36px; color: #000; font-weight: 500; padding-right: 70px; }

.field-sch-uc .inp-field-area .inp-field.refresh { padding-left: 40px; }

.field-sch-uc .btn-delete { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: url("/assets/images/icon/ico-delete.svg") no-repeat 50% 50%; cursor: pointer; }

.btn-reset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; height: 36px; border-radius: 8px; padding-left: 12px; padding-right: 12px; color: #fff; font-weight: 500; }

.btn-reset.success { background: #2763ba; }

.btn-reset:before { content: ""; display: block; width: 20px; height: 20px; margin-right: 8px; background: url("/assets/images/icon/icon-reset.svg") no-repeat 50% 50%; }

.btn-refresh { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 12px; width: 20px; height: 20px; border-radius: 4px; background: #f4f4f4 url("/assets/images/icon/ico-refresh.svg") no-repeat 50% 50%; }

.appico { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% 50%; text-indent: -9999px; }

.appico.ico-clip { background-image: url("/assets/images/icon/icon_paperclip.svg"); }

.appico.ico-note { background-image: url("/assets/images/icon/icon-note.svg"); }

.appico.ico-message { background-image: url("/assets/images/icon/icon-chat-text.svg"); }

.appico.ico-user { background-image: url("/assets/images/icon/icon-user.svg"); }

.appico.ico-clipboard { background-image: url("/assets/images/icon/icon-clipboard.svg"); }

.appico.ico-clipboard-bl { background-image: url("/assets/images/icon/icon-clipboard-blue.svg"); }

.appico.ico-plus-black { background-image: url("/assets/images/icon/icon-plus-circle-black.svg"); }

.appico.ico-trash-black { background-image: url("/assets/images/icon/icon-trash-black.svg"); }

.appico.ico-repeat-black { background-image: url("/assets/images/icon/icon-repeat-black.svg"); }

.appbtn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; border-radius: 8px; padding-left: 12px; padding-right: 12px; color: #fff; font-size: 12px; font-weight: 500; }

.appbtn.btn-setting { background-color: #aeaeae; }

.appbtn.btn-setting.gray { background-color: #F4F4F4; color: #2E2E2E; }

.appbtn.btn-blue { background-color: #2763BA; }

.appbtn .ico-setting { display: block; width: 16px; height: 16px; margin-right: 8px; background: url("/assets/images/icon/icon-setting.svg") no-repeat 5% 50%; }

.appbtn .ico-setting.gray { background-image: url("/assets/images/icon/icon-setting-2e.svg"); }

.appbtn .icon-folder-plus-1 { display: block; width: 16px; height: 16px; margin-right: 8px; background: url("/assets/images/icon/icon-folder-plus-1.svg") no-repeat 5% 50%/cover; }

.appbtn .icon-plus-circle { display: block; width: 13px; height: 13px; margin-right: 8px; background: url("/assets/images/icon/icon-plus-circle.svg") no-repeat 5% 50%/cover; }

.appbtn.gray-light { height: 28px; background-color: #F4F4F4; color: #666; }

.appbtn.gray-light.r4 { border-radius: 4px; }

.appbtn.gray-light .ico-all-download { display: block; width: 16px; height: 16px; margin-right: 8px; background: url("/assets/images/icon/icon-all-download-s.svg") no-repeat 5% 50%; }

.board-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; padding-left: 12px; padding-right: 12px; border-radius: 8px; color: #fff; font-size: 12px; font-weight: 500; }

.board-btn.r0 { border-radius: 0px; }

.board-btn.r4 { border-radius: 4px; }

.board-btn.second-blue { background-color: #aeaeae; }

.board-btn.blue { background-color: #2763BA; color: #fff !important; }

.board-btn.second-orange { background-color: #aeaeae; }

.board-btn.gray { background-color: #AEAEAE; }

.board-btn.light-gray { background-color: #F4F4F4; color: #AEAEAE; }

.board-btn.light-gray02 { background-color: #F4F4F4; color: #4b4b4b; }

.board-btn.light-gray03 { background-color: #f9f9f9; color: #8a8a8a; }

.board-btn.light-gray04 { background-color: #F4F4F4; color: #8a8a8a; }

.board-btn.red { background-color: #EA6969; color: #fff; }

.board-btn .ico-arr-right { display: block; width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.board-btn.btn-small { font-size: 12px; font-weight: 500; }

.board-btn-b { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 48px; border-radius: 8px; font-size: 16px; font-weight: 500; color: #666; }

.board-btn-b.gray-light { background-color: #F4F4F4; }

.board-btn-b.blue { background-color: #2763BA; color: #fff; }

.board-btn-b.cancel-red { background-color: #EA6969; color: #fff; }

.alert-board { position: relative; z-index: 100; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; padding-left: 12px; padding-right: 15px; border-radius: 8px; background-color: #38A8E6; color: #fff; font-weight: 500; -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24); }

.alert-board .ico-check { display: block; width: 32px; height: 32px; margin-right: 12px; background: url("/assets/images/icon/ico-check.svg") no-repeat 50% 50%; }

.import-txt { display: inline-block; padding-left: 28px; background: url("/assets/images/icon/icon-import.svg") no-repeat 0 50%; font-weight: 500; color: #666; line-height: 20px; }

.btn-setting-pop { display: block; width: 20px; height: 20px; background: url("/assets/images/icon/icon-setting-g.svg") no-repeat 50% 50%; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; }

.field-address { display: -webkit-box; display: -ms-flexbox; display: flex; }

.field-address input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.field-address input:first-child { width: 100px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; }

.field-address .btngroup { margin-left: 0; margin-right: 0; }

.field-address .btngroup button { margin-left: 0; margin-right: 0; }

.btn-delete-s { width: 20px; height: 20px; background: url("/assets/images/icon/icon-delete-square-s.svg") no-repeat 50% 50%; text-indent: -9999px; }

.btn-delete-ico { width: 16px; height: 16px; background: url("/assets/images/icon/ico-delete.svg") no-repeat 50% 50%; text-indent: -9999px; }

.w150 { width: 150px; }

.w180 { width: 180px; }

.w200 { width: 200px; }

.w600 { width: 600px; }

.w700 { width: 700px; }

.w394 { width: 394px; }

.w260 { width: 260px; }

.w320 { width: 320px; }

.w84 { width: 84px; }

.w168 { width: 168px; }

/* S: 유틸 */
.-w-100n-0 { width: 0px !important; }

.-w-100n-1 { width: 100px !important; }

.-w-100n-2 { width: 200px !important; }

.-w-100n-3 { width: 300px !important; }

.-w-100n-4 { width: 400px !important; }

.-w-100n-5 { width: 500px !important; }

.-w-100n-6 { width: 600px !important; }

.-w-100n-7 { width: 700px !important; }

.-w-100n-8 { width: 800px !important; }

.-w-100n-9 { width: 900px !important; }

.-w-100n-10 { width: 1000px !important; }

.-w-100n-11 { width: 1100px !important; }

.-w-100n-12 { width: 1200px !important; }

.-w-100n-13 { width: 1300px !important; }

.-w-100n-14 { width: 1400px !important; }

.-w-100n-15 { width: 1500px !important; }

.-w-100n-16 { width: 1600px !important; }

.-w-100n-17 { width: 1700px !important; }

.-w-100n-18 { width: 1800px !important; }

.-w-100n-19 { width: 1900px !important; }

.-w-100n-20 { width: 2000px !important; }

.-h-100n-0 { height: 0px !important; }

.-h-100n-1 { height: 100px !important; }

.-h-100n-2 { height: 200px !important; }

.-h-100n-3 { height: 300px !important; }

.-h-100n-4 { height: 400px !important; }

.-h-100n-5 { height: 500px !important; }

.-h-100n-6 { height: 600px !important; }

.-h-100n-7 { height: 700px !important; }

.-h-100n-8 { height: 800px !important; }

.-h-100n-9 { height: 900px !important; }

.-h-100n-10 { height: 1000px !important; }

.-h-100n-11 { height: 1100px !important; }

.-h-100n-12 { height: 1200px !important; }

.-h-100n-13 { height: 1300px !important; }

.-h-100n-14 { height: 1400px !important; }

.-h-100n-15 { height: 1500px !important; }

.-h-100n-16 { height: 1600px !important; }

.-h-100n-17 { height: 1700px !important; }

.-h-100n-18 { height: 1800px !important; }

.-h-100n-19 { height: 1900px !important; }

.-h-100n-20 { height: 2000px !important; }

.tbl-fix { table-layout: fixed; }

.minHA { min-height: auto !important; }

*[class*="-fz-16"] { font-size: 16px; }

*[class*="-fz-16"] *[class*="-icon"] { font-size: 16px; }

*[class*="-fz-18"] { font-size: 18px; }

*[class*="-fz-18"] *[class*="-icon"] { font-size: 18px; }

*[class*="-fz-14"] { font-size: 14px; }

*[class*="-fz-14"] *[class*="-icon"] { font-size: 14px; }

*[class*="-fz-13"] { font-size: 13px; }

*[class*="-fz-13"] *[class*="-icon"] { font-size: 13px; }

*[class*="-fz-12"] { font-size: 12px; }

*[class*="-fz-12"] *[class*="-icon"] { font-size: 12px; }

.c-0 { color: #000 !important; }

.c-6 { color: #666 !important; }

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

.ta-c { text-align: center !important; }

.ta-r { text-align: right !important; }

.wsnwr { white-space: nowrap; }

.w100p { width: 100% !important; }

.dp-in-ib > * { display: inline-block; }

.dp-in-ib .form-control-box { margin-top: 0 !important; }

.dp-in-ib .form-control-box .form-control { margin-top: 0 !important; }

.dp-b { display: block; }

.dp-ib { display: inline-block; }

.dp-i { display: inline; }

.va-t { vertical-align: top; }

.va-m { vertical-align: middle; }

.va-in-t > * { vertical-align: top; }

.va-in-m > * { vertical-align: middle; }

.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

*[class*="flex"] { display: -webkit-box; display: -ms-flexbox; display: flex; }

*[class*="flex"][class*="-jcc"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

*[class*="flex"][class*="-jcs"] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

*[class*="flex"][class*="-jce"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

*[class*="flex"][class*="-jcsb"] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

*[class*="flex"][class*="-itmfs"] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

*[class*="flex"][class*="-itmc"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

*[class*="flex"][class*="-itmfe"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

*[class*="flex"][class*="-itmfe2"] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.short-txt-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.short-txt-2 { display: inline-block; max-width: calc(100% - 90px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }

.h32 { height: 32px !important; }

/* E: 유틸 */
/* S: 스크롤 숨기기, 풀페이지 */
html.none-scroll, .none-scroll body { overflow: hidden; }

.wrapper.full { display: block; }

.wrapper.full .container { width: 100vw; height: 100vh; min-height: auto; display: block; }

.wrapper.full .container #content { display: block; height: 100vh; min-width: 1903px; min-height: 900px; }

/* E: 스크롤 숨기기, 풀페이지 */
/* S: 입력요소 에러메시지, 삭제버튼 등 */
.input-wrap .msg-error, .inp-field-area .msg-error { position: absolute; bottom: -4px; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); background-color: #FF6058; border-radius: 8px; color: #fff; min-height: 44px; width: 308px; padding: 12px; z-index: 10; display: none; white-space: nowrap; }

.input-wrap .msg-error:after, .inp-field-area .msg-error:after { content: ''; position: absolute; left: 0; top: 0; -webkit-transform: translate(12px, -100%); transform: translate(12px, -100%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: none; border-bottom: 5px solid #FF6058; }

.input-wrap .msg-error.black-bg, .inp-field-area .msg-error.black-bg { background-color: #000; }

.input-wrap .msg-error.black-bg:after, .inp-field-area .msg-error.black-bg:after { border-bottom-color: #000; }

.input-wrap .msg-error.small, .inp-field-area .msg-error.small { min-height: auto; padding: 4px; font-size: 10px; line-height: 14px; border-radius: 4px; }

.input-wrap.is-error .msg-error, .inp-field-area.is-error .msg-error { display: block; }

.input-wrap .form-input, .inp-field-area .form-input { position: relative; }

.input-wrap .form-input .btn-input-clear, .inp-field-area .form-input .btn-input-clear { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 12px; display: none; }

.input-wrap .form-input .btn-input-clear:after, .inp-field-area .form-input .btn-input-clear:after { font-size: 20px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M16.0669 3.93306C16.311 4.17714 16.311 4.57286 16.0669 4.81694L4.81694 16.0669C4.57286 16.311 4.17714 16.311 3.93306 16.0669C3.68898 15.8229 3.68898 15.4271 3.93306 15.1831L15.1831 3.93306C15.4271 3.68898 15.8229 3.68898 16.0669 3.93306Z" fill="%23aeaeae"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.93306 3.93306C4.17714 3.68898 4.57286 3.68898 4.81694 3.93306L16.0669 15.1831C16.311 15.4271 16.311 15.8229 16.0669 16.0669C15.8229 16.311 15.4271 16.311 15.1831 16.0669L3.93306 4.81694C3.68898 4.57286 3.68898 4.17714 3.93306 3.93306Z" fill="%23aeaeae"/%3E%3C/svg%3E'); }

.input-wrap .form-input.overlap input[type="text"], .input-wrap .form-input.overlap input[type="password"], .input-wrap .form-input.overlap input[type="email"], .input-wrap .form-input.overlap input[type="search"], .inp-field-area .form-input.overlap input[type="text"], .inp-field-area .form-input.overlap input[type="password"], .inp-field-area .form-input.overlap input[type="email"], .inp-field-area .form-input.overlap input[type="search"] { padding-right: 60px !important; }

.input-wrap .form-input.overlap .btn-input-clear, .inp-field-area .form-input.overlap .btn-input-clear { -webkit-transform: translate(-22px, -40%); transform: translate(-22px, -40%); }

.input-wrap .form-input.is-clear input[type="text"], .input-wrap .form-input.is-clear input[type="password"], .input-wrap .form-input.is-clear input[type="email"], .input-wrap .form-input.is-clear input[type="search"], .inp-field-area .form-input.is-clear input[type="text"], .inp-field-area .form-input.is-clear input[type="password"], .inp-field-area .form-input.is-clear input[type="email"], .inp-field-area .form-input.is-clear input[type="search"] { padding-right: 40px; }

.input-wrap .form-input.is-clear .btn-input-clear, .inp-field-area .form-input.is-clear .btn-input-clear { display: block !important; }

.input-wrap .btngroup, .inp-field-area .btngroup { margin-left: 6px; -ms-flex-negative: 0; flex-shrink: 0; }

.input-wrap .btngroup button, .inp-field-area .btngroup button { margin-right: 0; }

.input-wrap.password, .inp-field-area.password { position: relative; }

.input-wrap.password .form-input.is-clear input[type="text"], .input-wrap.password .form-input.is-clear input[type="password"], .input-wrap.password .form-input.is-clear input[type="email"], .input-wrap.password .form-input.is-clear input[type="search"], .inp-field-area.password .form-input.is-clear input[type="text"], .inp-field-area.password .form-input.is-clear input[type="password"], .inp-field-area.password .form-input.is-clear input[type="email"], .inp-field-area.password .form-input.is-clear input[type="search"] { padding-right: 65px !important; }

.input-wrap.password .form-input.is-clear .btn-input-clear, .inp-field-area.password .form-input.is-clear .btn-input-clear { right: 40px !important; }

.input-wrap.email .form-input .inp-email, .inp-field-area.email .form-input .inp-email { margin-right: 4px; }

.input-wrap.email .form-input .email-url, .inp-field-area.email .form-input .email-url { font-size: 12px; }

.input-wrap.email .form-input .btn-input-clear, .inp-field-area.email .form-input .btn-input-clear { right: 83px !important; }

.input-wrap .btn-show-pw, .inp-field-area .btn-show-pw { position: absolute; right: 12px; top: 15px; }

.input-wrap .btn-show-pw:before, .inp-field-area .btn-show-pw:before { font-size: 20px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.83928 6.7454C4.32917 5.25535 6.66711 3.74951 10 3.74951C13.3329 3.74951 15.6708 5.25535 17.1607 6.7454C17.9039 7.48862 18.4397 8.23075 18.7906 8.78814C18.9664 9.06732 19.0966 9.30157 19.184 9.46842C19.2277 9.55189 19.2608 9.61862 19.2835 9.66583C19.2949 9.68944 19.3037 9.70818 19.3099 9.72171L19.3174 9.73805L19.3198 9.7432L19.3209 9.74573C19.321 9.74603 19.3211 9.74631 18.75 10.0001C19.3211 10.254 19.321 10.2543 19.3209 10.2546L19.3205 10.2553L19.3197 10.2571L19.3174 10.2622L19.3099 10.2786C19.3037 10.2921 19.2949 10.3108 19.2835 10.3344C19.2608 10.3816 19.2277 10.4484 19.184 10.5318C19.0966 10.6986 18.9664 10.9328 18.7906 11.212C18.4397 11.7692 17.9038 12.5112 17.1607 13.2543C15.6708 14.744 13.3328 16.2495 10 16.2495C6.66716 16.2495 4.32923 14.744 2.83933 13.2543C2.09619 12.5112 1.56031 11.7692 1.2094 11.212C1.03364 10.9328 0.903387 10.6986 0.815997 10.5318C0.772279 10.4484 0.739217 10.3816 0.716488 10.3344C0.70512 10.3108 0.69633 10.2921 0.690077 10.2786L0.682593 10.2622L0.680266 10.2571L0.679455 10.2553L0.679137 10.2546C0.679003 10.2543 0.678878 10.254 1.25 10.0001C0.678858 9.74631 0.678982 9.74603 0.679117 9.74573L0.679434 9.74501L0.680245 9.7432L0.682571 9.73805L0.690056 9.72171C0.696308 9.70818 0.705098 9.68944 0.716465 9.66583C0.739194 9.61862 0.772254 9.55189 0.815971 9.46842C0.903359 9.30157 1.03361 9.06732 1.20937 8.78814C1.56028 8.23075 2.09615 7.48862 2.83928 6.7454ZM1.25 10.0001L0.678858 9.74631C0.60704 9.90792 0.607048 10.0924 0.678878 10.254L1.25 10.0001ZM1.94882 10.0001C2.02235 9.86234 2.12795 9.67528 2.26719 9.4541C2.58035 8.95668 3.0601 8.29242 3.72322 7.62923C5.04583 6.30647 7.08289 4.99951 10 4.99951C12.9171 4.99951 14.9542 6.30647 16.2768 7.62923C16.9399 8.29242 17.4197 8.95668 17.7328 9.4541C17.8721 9.67528 17.9776 9.86234 18.0512 10.0001C17.9777 10.1378 17.8721 10.3248 17.7328 10.5459C17.4197 11.0432 16.9399 11.7073 16.2768 12.3704C14.9542 13.6928 12.9172 14.9995 10 14.9995C7.08284 14.9995 5.04577 13.6928 3.72317 12.3704C3.06006 11.7073 2.58031 11.0432 2.26716 10.5459C2.12793 10.3248 2.02235 10.1378 1.94882 10.0001ZM18.75 10.0001L19.3211 10.254C19.393 10.0924 19.393 9.90792 19.3211 9.74631L18.75 10.0001Z" fill="%23aeaeae"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10 7.50024C8.61929 7.50024 7.5 8.61953 7.5 10.0002C7.5 11.381 8.61929 12.5002 10 12.5002C11.3807 12.5002 12.5 11.381 12.5 10.0002C12.5 8.61953 11.3807 7.50024 10 7.50024ZM6.25 10.0002C6.25 7.92918 7.92893 6.25024 10 6.25024C12.0711 6.25024 13.75 7.92918 13.75 10.0002C13.75 12.0713 12.0711 13.7502 10 13.7502C7.92893 13.7502 6.25 12.0713 6.25 10.0002Z" fill="%23aeaeae"/%3E%3C/svg%3E%0A'); vertical-align: middle; }

.input-wrap .btn-show-pw.active:before, .inp-field-area .btn-show-pw.active:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.32958 2.66266C3.58499 2.43047 3.98028 2.44929 4.21247 2.70471L16.7125 16.4547C16.9447 16.7101 16.9258 17.1054 16.6704 17.3376C16.415 17.5698 16.0197 17.551 15.7875 17.2955L3.28754 3.54555C3.05535 3.29014 3.07417 2.89486 3.32958 2.66266Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.36013 7.26729C8.59234 7.52268 8.57355 7.91796 8.31816 8.15017C7.82762 8.59621 7.53433 9.21883 7.50283 9.88109C7.47132 10.5433 7.70417 11.191 8.15016 11.6816C8.59615 12.1722 9.21874 12.4655 9.881 12.4971C10.5433 12.5286 11.1909 12.2958 11.6816 11.8499C11.937 11.6177 12.3323 11.6366 12.5644 11.892C12.7966 12.1475 12.7777 12.5427 12.5223 12.7749C11.7864 13.4438 10.8149 13.793 9.82149 13.7457C8.82811 13.6983 7.89421 13.2583 7.22523 12.5224C6.55626 11.7866 6.20698 10.8151 6.25424 9.82169C6.3015 8.8283 6.74142 7.89437 7.47724 7.22532C7.73263 6.99311 8.12791 7.0119 8.36013 7.26729Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.3384 5.07666C6.49434 5.38461 6.37112 5.76066 6.06318 5.9166C4.5784 6.6685 3.51374 7.75541 2.8171 8.66457C2.46982 9.1178 2.21748 9.52234 2.05321 9.81095C2.01314 9.88136 1.97838 9.94474 1.94882 10.0001C2.02235 10.1378 2.12793 10.3248 2.26716 10.5459C2.58031 11.0432 3.06006 11.7073 3.72317 12.3704C5.04577 13.6928 7.08284 14.9995 10 14.9995H10.005L10.005 14.9996C11.3701 15.0104 12.7182 14.696 13.9376 14.0823C14.2459 13.9271 14.6217 14.0513 14.7768 14.3596C14.932 14.6679 14.8079 15.0437 14.4995 15.1989C13.1035 15.9014 11.5603 16.2616 9.99757 16.2495C6.66603 16.2488 4.32887 14.7437 2.83933 13.2543C2.09619 12.5112 1.56031 11.7693 1.2094 11.212C1.03364 10.9329 0.903387 10.6987 0.815997 10.5319C0.772279 10.4484 0.739217 10.3817 0.716487 10.3345C0.70512 10.3109 0.69633 10.2921 0.690077 10.2786L0.682593 10.2623L0.680266 10.2571L0.679455 10.2553L0.679137 10.2546C0.679003 10.2543 0.678878 10.254 1.25 10.0001C0.678858 9.74634 0.678947 9.74613 0.679042 9.74592L0.679258 9.74544L0.679784 9.74426L0.681215 9.74107L0.685598 9.73143C0.689197 9.72356 0.694156 9.71283 0.700489 9.69939C0.713154 9.67251 0.731327 9.63473 0.755136 9.58716C0.802739 9.49204 0.872968 9.35759 0.966856 9.19263C1.15444 8.86305 1.4376 8.40974 1.82489 7.9043C2.59739 6.89613 3.79814 5.66248 5.49846 4.80144C5.8064 4.6455 6.18246 4.76872 6.3384 5.07666ZM1.25 10.0001L0.678858 9.74634C0.60704 9.90794 0.607048 10.0924 0.678878 10.254L1.25 10.0001Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.28176 3.8895C8.84972 3.79543 9.42451 3.74861 10.0002 3.74952C13.3328 3.74968 15.6706 5.25544 17.1604 6.74541C17.9035 7.48863 18.4394 8.23077 18.7903 8.78815C18.9661 9.06733 19.0963 9.30158 19.1837 9.46843C19.2274 9.5519 19.2605 9.61863 19.2832 9.66585C19.2946 9.68946 19.3034 9.7082 19.3096 9.72172L19.3171 9.73806L19.3194 9.74322L19.3206 9.74574C19.3207 9.74604 19.3208 9.74632 18.7497 10.0001C18.1786 9.74628 18.1786 9.74614 18.1787 9.74601L18.174 9.75629C18.1695 9.76584 18.1622 9.78144 18.1519 9.80265C18.1313 9.84509 18.0989 9.90988 18.0544 9.99351C18.0532 9.99569 18.052 9.99789 18.0509 10.0001C17.9773 9.86235 17.8717 9.6753 17.7325 9.45412C17.4193 8.9567 16.9396 8.29243 16.2765 7.62925C14.9539 6.30649 12.9168 4.99952 9.99968 4.99952L9.99866 4.99952C9.49191 4.9987 8.98596 5.03989 8.48601 5.1227C8.14547 5.1791 7.82369 4.94876 7.76729 4.60822C7.71088 4.26768 7.94122 3.9459 8.28176 3.8895ZM18.7497 10.0001L19.3208 10.254C19.3926 10.0924 19.3926 9.90793 19.3208 9.74632L18.7497 10.0001ZM18.0509 10.0001C17.9616 10.1672 17.8253 10.4067 17.6391 10.6915C17.2609 11.2699 16.6819 12.0275 15.8803 12.7455C15.6232 12.9758 15.6014 13.3709 15.8317 13.628C16.062 13.8851 16.4572 13.9069 16.7143 13.6766C17.616 12.869 18.2632 12.0212 18.6853 11.3755C18.8968 11.0521 19.0531 10.7774 19.1577 10.5811C19.21 10.4829 19.2494 10.4041 19.2765 10.3484C19.29 10.3206 19.3004 10.2985 19.3078 10.2826L19.3165 10.2635L19.3192 10.2575L19.3202 10.2554L19.3208 10.254C19.3209 10.2538 19.3208 10.254 18.7497 10.0001C18.1785 10.2539 18.1786 10.2542 18.1787 10.2544L18.175 10.2463C18.1714 10.2385 18.1654 10.2257 18.1569 10.2081C18.14 10.1729 18.1132 10.1187 18.0764 10.0484C18.0684 10.033 18.0599 10.0169 18.0509 10.0001Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.97422 6.81255C10.0393 6.47357 10.3669 6.25153 10.7059 6.31663C11.5028 6.46966 12.2287 6.87697 12.7746 7.47745C13.3204 8.07793 13.6569 8.83922 13.7335 9.64711C13.7661 9.99075 13.5139 10.2957 13.1703 10.3283C12.8266 10.3609 12.5216 10.1087 12.4891 9.76508C12.438 9.22635 12.2136 8.7187 11.8496 8.31827C11.4856 7.91785 11.0016 7.64625 10.4701 7.5442C10.1312 7.47911 9.90913 7.15154 9.97422 6.81255Z" fill="%232763BA"/%3E%3C/svg%3E%0A'); }

/* E: 입력요소 에러메시지, 삭제버튼 등 */
.input-wrap.required label { position: relative; padding-left: 12px; }

.input-wrap.required label:before { content: '*'; color: #EB5757; display: block; position: absolute; left: 0; top: 0; }

.input-wrap label { font-size: 12px; font-weight: 400; color: #000; }

/* S: 게시판 공통 */
.club-open-date { color: #666; }

.sch-keyword-1 { margin-right: 3px; }

.txt-underline { text-decoration: underline; }

.no-data-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #AEAEAE; }

* + .html-editor-area { margin-top: 12px; }

.icon-trash-del { font-size: 20px; }

.icon-trash-del:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.12476 3.75L16.8748 3.75C17.2199 3.75 17.4998 4.02982 17.4998 4.375C17.4998 4.72018 17.2199 5 16.8748 5L3.12476 5C2.77958 5 2.49976 4.72018 2.49976 4.375C2.49976 4.02983 2.77958 3.75 3.12476 3.75Z" fill="%23AEAEAE"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.125 7.5C8.47018 7.5 8.75 7.77982 8.75 8.125V13.125C8.75 13.4702 8.47018 13.75 8.125 13.75C7.77982 13.75 7.5 13.4702 7.5 13.125V8.125C7.5 7.77982 7.77982 7.5 8.125 7.5Z" fill="%23AEAEAE"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.875 7.5C12.2202 7.5 12.5 7.77982 12.5 8.125V13.125C12.5 13.4702 12.2202 13.75 11.875 13.75C11.5298 13.75 11.25 13.4702 11.25 13.125V8.125C11.25 7.77982 11.5298 7.5 11.875 7.5Z" fill="%23AEAEAE"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.37476 3.75C4.71993 3.75 4.99976 4.02982 4.99976 4.375V16.25H14.9998V4.375C14.9998 4.02983 15.2796 3.75 15.6248 3.75C15.9699 3.75 16.2498 4.02983 16.2498 4.375V16.25C16.2498 16.5815 16.1181 16.8995 15.8836 17.1339C15.6492 17.3683 15.3313 17.5 14.9998 17.5H4.99976C4.66824 17.5 4.35029 17.3683 4.11587 17.1339C3.88145 16.8995 3.74976 16.5815 3.74976 16.25V4.375C3.74976 4.02982 4.02958 3.75 4.37476 3.75Z" fill="%23AEAEAE"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.79918 1.79917C7.15081 1.44754 7.62772 1.25 8.125 1.25H11.875C12.3723 1.25 12.8492 1.44754 13.2008 1.79917C13.5525 2.15081 13.75 2.62772 13.75 3.125V4.375C13.75 4.72018 13.4702 5 13.125 5C12.7798 5 12.5 4.72018 12.5 4.375V3.125C12.5 2.95924 12.4342 2.80027 12.3169 2.68306C12.1997 2.56585 12.0408 2.5 11.875 2.5H8.125C7.95924 2.5 7.80027 2.56585 7.68306 2.68306C7.56585 2.80027 7.5 2.95924 7.5 3.125V4.375C7.5 4.72018 7.22018 5 6.875 5C6.52982 5 6.25 4.72018 6.25 4.375V3.125C6.25 2.62772 6.44754 2.15081 6.79918 1.79917Z" fill="%23AEAEAE"/%3E%3C/svg%3E%0A'); }

#editor { height: 383px; background-color: #F4F4F4; }

.icon-favorite-board { margin-left: 0 !important; margin-right: 8px !important; }

.icon-favorite-board::before { font-size: 20px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.3446 14.901L14.2849 17.3974C14.7886 17.7165 15.4139 17.2419 15.2644 16.654L14.126 12.1756C14.0939 12.0509 14.0977 11.9197 14.137 11.797C14.1762 11.6743 14.2492 11.5652 14.3477 11.4822L17.8811 8.54132C18.3453 8.1549 18.1057 7.38439 17.5092 7.34568L12.8949 7.0462C12.7706 7.03732 12.6514 6.99332 12.5511 6.91931C12.4509 6.84531 12.3737 6.74435 12.3286 6.62819L10.6076 2.29436C10.5609 2.17106 10.4777 2.06492 10.3692 1.99002C10.2606 1.91511 10.1319 1.875 10 1.875C9.86813 1.875 9.73938 1.91511 9.63085 1.99002C9.52232 2.06492 9.43914 2.17106 9.39236 2.29436L7.6714 6.62819C7.62631 6.74435 7.54914 6.84531 7.4489 6.91931C7.34865 6.99332 7.22944 7.03732 7.10515 7.0462L2.49078 7.34568C1.89429 7.38439 1.65466 8.1549 2.11894 8.54132L5.65232 11.4822C5.75079 11.5652 5.82383 11.6743 5.86305 11.797C5.90226 11.9197 5.90606 12.0509 5.874 12.1756L4.81824 16.3288C4.63889 17.0343 5.38929 17.6038 5.99369 17.2209L9.65539 14.901C9.75837 14.8354 9.87792 14.8006 10 14.8006C10.1221 14.8006 10.2416 14.8354 10.3446 14.901V14.901Z" stroke="%23424242" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); vertical-align: middle; }

.icon-favorite-board.on::before { font-size: 20px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.3446 14.901L14.2849 17.3974C14.7886 17.7165 15.4139 17.2419 15.2644 16.654L14.126 12.1756C14.0939 12.0509 14.0977 11.9197 14.137 11.797C14.1762 11.6743 14.2492 11.5652 14.3477 11.4822L17.8811 8.54132C18.3453 8.1549 18.1057 7.38439 17.5092 7.34567L12.8949 7.0462C12.7706 7.03732 12.6514 6.99332 12.5511 6.91931C12.4509 6.84531 12.3737 6.74435 12.3286 6.62819L10.6076 2.29436C10.5609 2.17106 10.4777 2.06492 10.3692 1.99002C10.2606 1.91511 10.1319 1.875 10 1.875C9.86813 1.875 9.73938 1.91511 9.63085 1.99002C9.52232 2.06492 9.43914 2.17106 9.39236 2.29436L7.6714 6.62819C7.62631 6.74435 7.54914 6.84531 7.4489 6.91931C7.34865 6.99332 7.22944 7.03732 7.10515 7.0462L2.49078 7.34567C1.89429 7.38439 1.65466 8.1549 2.11894 8.54132L5.65232 11.4822C5.75079 11.5652 5.82383 11.6743 5.86305 11.797C5.90226 11.9197 5.90606 12.0509 5.874 12.1756L4.81824 16.3288C4.63889 17.0343 5.38929 17.6038 5.99369 17.2209L9.65539 14.901C9.75837 14.8354 9.87792 14.8006 10 14.8006C10.1221 14.8006 10.2416 14.8354 10.3446 14.901Z" fill="%23FFCC00" stroke="%23FFCC00" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); }

[class^="flag-bbs-notice"] { display: inline-block; height: 20px; margin-right: 9px; padding: 0 8px; text-align: center; line-height: 20px; border-radius: 8px; background-color: #2763BA; font-size: 12px; font-weight: 400; vertical-align: middle; color: #fff; }

.flag-bbs-notice02 { background-color: #e85959; }

.bbs-no-search { padding: 134px 0 143px !important; }

.bbs-search-info { vertical-align: middle; margin-left: 8px; }

.bbs-search-info .ea { color: #3A9B72; font-weight: 500; }

.board-view-title { position: relative; }

.board-view-title .flag-bbs-notice { display: inline-block; margin-right: 4px; }

.board-view-title .info-txt { display: inline-block; font-size: 16px; font-weight: 500; vertical-align: middle; }

.board-view-title-grop { position: -webkit-sticky; position: sticky; top: 48px; margin-top: -20px; padding: 20px 0 13px; background: #fff; z-index: 99; }

.board-view-title-grop.fixed { -webkit-box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.2); }

.board-view-title-grop .board-view-title-wrap .breadcrumb { position: absolute; top: 20px; right: 0; margin-bottom: 0 !important; }

.board-view-title-grop .board-page-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.board-view-title-grop .board-page-info .btn-page-prev { width: 52px; height: 52px; background: #F9F9F9 url("/assets/images/icon/icon-page-prev2.svg") no-repeat center center; font-size: 0; line-height: 0; text-indent: -9999px; }

.board-view-title-grop .board-page-info .board-view-title { margin-left: 12px; }

.board-view-title-grop .board-page-info .board-view-title > .breadcrumb { position: unset; }

.board-view-title-grop .board-page-info .btngroup-right { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; }

.line-bottom-1 { border-bottom: 1px solid #dcdcdc; padding-bottom: 12px; margin-bottom: 12px !important; }

.line-top-1 { border-top: 1px solid #dcdcdc; padding-top: 12px; margin-top: 12px; }

.new-club-wrap { border-radius: 8px; position: relative; }

.new-notice-tit-1 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #3F4ED6; height: 44px; color: #fff; font-size: 16px; font-weight: 500; padding-left: 20px; border-radius: 8px 8px 0 0; }

.new-notice-tit-1:before { content: ''; font-size: 22px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.375 13.125H5.625C5.45924 13.125 5.30027 13.0592 5.18306 12.9419C5.06585 12.8247 5 12.6658 5 12.5V7.5C5 7.33424 5.06585 7.17527 5.18306 7.05806C5.30027 6.94085 5.45924 6.875 5.625 6.875H9.375L15 2.5V17.5L9.375 13.125Z" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); vertical-align: middle; margin-right: 6px; -webkit-transform: translateY(1px); transform: translateY(1px); }

.new-notice-list-1 { height: 238px; max-width: 100%; padding-top: 12px; border-radius: 0 0 8px 8px; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; }

.new-notice-list-1 > li { position: relative; overflow: hidden; }

.new-notice-list-1 > li a { display: inline-block; width: 100%; padding: 6px 100px 6px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.new-notice-list-1 > li a .info-2 { color: #8A8A8A; font-weight: 500; margin: 0 5px; }

.new-notice-list-1 > li a .info-3 { color: #8A8A8A; }

.new-notice-list-1 > li .datae { position: absolute; top: 0; right: 20px; line-height: 36px; font-size: 10px; color: #B3B3B3; }

.new-club-wrap .new-notice-list-1 { height: auto; min-height: 169px; padding: 12px 0; }

.club-list-wrap { min-height: 276px; background-color: #F8F9FA; padding: 20px 22px; }

.club-list-wrap > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.club-list-wrap > ul > li { position: relative; padding: 0 12px 0 20px; width: calc(25% - 8px); height: 36px; line-height: 36px; margin-left: 10px; margin-top: 4px; background-color: #fff; -webkit-box-shadow: 0px 2px 4px rgba(134, 142, 150, 0.16); box-shadow: 0px 2px 4px rgba(134, 142, 150, 0.16); }

.club-list-wrap > ul > li a { display: block; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.club-list-wrap > ul > li:nth-child(4n-3) { margin-left: 0; }

.club-list-wrap > ul > li:nth-child(-n+4) { margin-top: 0; }

.club-list-wrap > ul > li:after { content: ''; font-size: 12px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1.05806 0.308058C1.30214 0.0639806 1.69786 0.0639806 1.94194 0.308058L8.19194 6.55806C8.43602 6.80214 8.43602 7.19786 8.19194 7.44194L1.94194 13.6919C1.69786 13.936 1.30214 13.936 1.05806 13.6919C0.813981 13.4479 0.813981 13.0521 1.05806 12.8081L6.86612 7L1.05806 1.19194C0.813981 0.947864 0.813981 0.552136 1.05806 0.308058Z" fill="%23aeaeae"/%3E%3C/svg%3E%0A'); position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/* E: 게시판 공통 */
/* S: 버튼 추가 */
.btn-x-delete-1 { width: 16px; height: 16px; }

.btn-x-delete-1:after { content: ''; display: inline-block; width: 100%; height: 100%; background: url("/assets/images/icon/ico-delete.svg") no-repeat 0 0/cover; }

.upndown-wrap button[class*="btn-create-"] { width: 16px; height: 16px; }

.upndown-wrap button[class*="btn-create-"] + button[class*="btn-create-"] { margin-left: 14px; }

.upndown-wrap button[class*="btn-create-"]:after { content: ''; display: inline-block; width: 100%; height: 100%; background: url("/assets/images/icon/icon-caret-circle.svg") no-repeat 0 0/cover; }

.upndown-wrap button[class*="btn-create-"][class*="-create-down"] { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.upndown-wrap button[class*="btn-create-"].disabled { opacity: 0.35; cursor: default; }

.switch-button.small-1 input[type="checkbox"] + label { font-size: 8px; width: 36px; height: 20px; line-height: 20px; padding: 0; white-space: nowrap; text-indent: -14px; letter-spacing: -0.13em; }

.switch-button.small-1 input[type="checkbox"] + label:after { right: 3px; width: 12px; height: 12px; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.switch-button.small-1 input[type="checkbox"]:checked + label { text-indent: 12px; }

.switch-button.small-1 input[type="checkbox"]:checked + label:after { right: calc(100% - 15px); }

.btn-reset.h32 { height: 32px; }

.bbs-detail input.datepicker { width: 148px; }

.bbs-detail .val-error { white-space: nowrap; }

.btn[disabled] { background-color: #aeaeae; color: #fff; }

.word-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.word-tag-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; margin: 2px; padding: 0 6px 0 8px; background: #fff; border-radius: 5em; border: 1px solid #AEAEAE; }

.word-tag-label { -ms-flex-negative: 0; flex-shrink: 0; min-width: 68px; margin-right: auto; font-size: 12px; color: #000; }

.word-tag-btn { width: 16px; height: 16px; }

.word-tag-btn.icon-x { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("/assets/images/icon/icon-delete-circle.svg"); }

.word-tag.only-info .word-tag-item { padding: 0 22px; }

.word-tag.only-info .word-tag-label { min-width: 40px; }

/* E: 버튼 추가 */
/* S: filepond 커스트마이징 */
.form-file-upload-area { position: relative; }

.form-file-upload-area .upload-bar-1 { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 5px; background-color: #2763BA; z-index: 10; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.form-file-upload-area .upload-bar-2 { display: none; position: absolute; left: 0; right: 0; top: 0; height: 5px; background-color: #2763BA; z-index: 10; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.form-file-upload-area.finish .upload-bar-2 { border-top-right-radius: 3px; }

.form-file-upload-area .form-file-upload-body { position: relative; height: 100px; padding-bottom: 20px; overflow: hidden; border: 1px solid #dcdcdc; background-color: #F8FAFD; border-radius: 4px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.form-file-upload-area .filepond--panel-center { background: #F8FAFD !important; }

.form-file-upload-area .size { position: absolute; right: 20px; top: 12px; font-size: 8px; font-weight: 500; color: #4B4B4B; z-index: 10; }

.form-file-upload-area .file-upload-info { position: absolute; right: 20px; top: 12px; font-size: 8px; font-weight: 500; color: #4B4B4B; z-index: 10; }

.form-file-upload-area .file-upload-info .size { position: unset; }

.filepond--label-action { position: absolute; right: 20px; top: 50%; width: 26px; height: 21px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("/assets/images/icon/icon-file-upload.svg") no-repeat 0 50%; }

.filepond--credits { display: none; }

.file-uploaded-del-wrap { position: absolute; bottom: 13px; left: 16px; }

.file-uploaded-del-wrap .btn-delete { display: none; }

.filepond--root .filepond--drop-label { background-color: #F8FAFD; min-height: 120px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.filepond--drop-label label { font-size: 14px; }

.filepond--list-scroller { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; right: 80px; }

.filepond--item { right: auto !important; width: 208px; height: 50px; border: 1px solid #DCDCDC; overflow: hidden; }

.filepond--file { border-radius: 0; color: #000; background: white; padding: 8px; }

.filepond--file-wrapper, .filepond--item-panel { background: #fff; }

.filepond--file-info .filepond--file-info-main { font-size: 12px; color: #000; }

.filepond--file-info .filepond--file-info-sub { font-size: 12px; }

.filepond--file-info-sub { color: #666; opacity: 1 !important; }

.filepond--action-remove-item { top: 11px; }

.filepond--file-action-button { background-color: #fff; }

.filepond--file-info { padding-left: 42px; min-width: 160px; }

.filepond--item:before { content: ''; position: absolute; left: 8px; top: 8px; width: 26px; height: 32px; background: url("/assets/images/icon/file-file.svg") no-repeat 0 0; }

.filepond--item.bmp:before { background-image: url("/assets/images/icon/file-bmp.svg"); }

.filepond--item.cell:before { background-image: url("/assets/images/icon/file-cell.svg"); }

.filepond--item.doc:before { background-image: url("/assets/images/icon/file-doc.svg"); }

.filepond--item.docx:before { background-image: url("/assets/images/icon/file-docx.svg"); }

.filepond--item.gif:before { background-image: url("/assets/images/icon/file-gif.svg"); }

.filepond--item.html:before { background-image: url("/assets/images/icon/file-html.svg"); }

.filepond--item.hwp:before { background-image: url("/assets/images/icon/file-hwp.svg"); }

.filepond--item.jpeg:before { background-image: url("/assets/images/icon/file-jpeg.svg"); }

.filepond--item.jpg:before { background-image: url("/assets/images/icon/file-jpg.svg"); }

.filepond--item.null:before { background-image: url("/assets/images/icon/file-null.svg"); }

.filepond--item.pdf:before { background-image: url("/assets/images/icon/file-pdf.svg"); }

.filepond--item.png:before { background-image: url("/assets/images/icon/file-png.svg"); }

.filepond--item.ppt:before { background-image: url("/assets/images/icon/file-ppt.svg"); }

.filepond--item.pptx:before { background-image: url("/assets/images/icon/file-pptx.svg"); }

.filepond--item.show:before { background-image: url("/assets/images/icon/file-show.svg"); }

.filepond--item.tiff:before { background-image: url("/assets/images/icon/file-tiff.svg"); }

.filepond--item.tif:before { background-image: url("/assets/images/icon/file-tif.svg"); }

.filepond--item.txt:before { background-image: url("/assets/images/icon/file-txt.svg"); }

.filepond--item.xls:before { background-image: url("/assets/images/icon/file-xls.svg"); }

.filepond--item.xlsx:before { background-image: url("/assets/images/icon/file-xlsx.svg"); }

.filepond--item.zip:before { background-image: url("/assets/images/icon/file-zip.svg"); }

/* E: filepond 커스트마이징 */
/* S: 탭메뉴 */
.tabpanel-pd-1 .ui-tabs-panel { padding: 20px 0 !important; border: none !important; }

/* E: 탭메뉴 */
/* S: ADMIN-1 */
.noti-bell-wrap { padding-left: 20px; }

.noti-bell-wrap .noti-bell { padding-top: 3px; }

.noti-bell-wrap .noti-bell:before { content: ''; display: inline-block; width: 24px; height: 24px; background: url("/assets/images/icon/header-bell-01.svg") no-repeat 0 0/auto 100%; }

.noti-bell-wrap .noti-bell.new:before { background-image: url("/assets/images/icon/header-bell-02.svg"); }

.user-avartar { margin-left: 20px; }

.user-mode-link-wrap .btn-user-mode-link { display: inline-block; text-align: center; width: 158px; height: 32px; padding: 4px 10px; color: #fff; border: 1px solid #fff; border-radius: 8px; font-weight: 500; text-decoration: none; }

.user-mode-link-wrap .btn-user-mode-link:before { font-size: 16px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.9997 1C6.34309 1 5.69291 1.12933 5.08628 1.3806C4.47965 1.63188 3.92845 2.00017 3.46416 2.46447C3.2689 2.65973 2.95232 2.65973 2.75705 2.46447C2.56179 2.2692 2.56179 1.95262 2.75705 1.75736C3.31421 1.20021 3.97564 0.758251 4.70359 0.456723C5.43155 0.155195 6.21176 0 6.9997 0C7.78763 0 8.56784 0.155195 9.2958 0.456723C10.0237 0.758251 10.6852 1.20021 11.2423 1.75736L12.5101 3.02515V1.23225C12.5101 0.956108 12.734 0.73225 13.0101 0.73225C13.2863 0.73225 13.5101 0.956108 13.5101 1.23225V4.23225C13.5101 4.50839 13.2863 4.73225 13.0101 4.73225H10.0101C9.73399 4.73225 9.51013 4.50839 9.51013 4.23225C9.51013 3.95611 9.73399 3.73225 10.0101 3.73225H11.803L10.5352 2.46447L10.8888 2.11091L10.5352 2.46447C10.0709 2.00017 9.51974 1.63188 8.91311 1.3806C8.30648 1.12933 7.6563 1 6.9997 1ZM0.489258 7.76775C0.489258 7.49161 0.713115 7.26775 0.989258 7.26775H3.98926C4.2654 7.26775 4.48926 7.49161 4.48926 7.76775C4.48926 8.04389 4.2654 8.26775 3.98926 8.26775H2.19637L3.46416 9.53553L3.12132 9.87837L3.46416 9.53553C3.92845 9.99983 4.47965 10.3681 5.08628 10.6194C5.6929 10.8707 6.34309 11 6.9997 11C7.65631 11 8.30649 10.8707 8.91311 10.6194C9.51974 10.3681 10.0709 9.99983 10.5352 9.53553C10.7305 9.34027 11.0471 9.34027 11.2423 9.53553C11.4376 9.7308 11.4376 10.0474 11.2423 10.2426C10.6852 10.7998 10.0237 11.2417 9.2958 11.5433C8.56784 11.8448 7.78763 12 6.9997 12C6.21176 12 5.43155 11.8448 4.70359 11.5433C3.97564 11.2417 3.31421 10.7998 2.75706 10.2426L1.48926 8.97485V10.7677C1.48926 11.0439 1.2654 11.2677 0.989258 11.2677C0.713115 11.2677 0.489258 11.0439 0.489258 10.7677V7.76775Z" fill="%23ffffff"/%3E%3C/svg%3E%0A'); display: inline-block; vertical-align: middle; margin-right: 8px; position: relative; top: -2px; }

.tree-in-page .js-tree-wrap.admin-tree-bbs-1 { width: auto; width: 480px; height: 100%; -ms-flex-item-align: start; align-self: flex-start; position: relative; margin-bottom: 56px; }

.btn-board-create-list-1 { width: 480px; height: 48px; background-color: #F0F7FF; font-size: 16px; color: #2763BA; font-weight: 500; border-radius: 8px; border: 1px solid #2763BA; position: absolute; left: 0; bottom: 0; -webkit-transform: translateY(calc(100% + 8px)); transform: translateY(calc(100% + 8px)); }

.btn-board-create-list-1 .badge { vertical-align: middle; position: relative; top: -2px; margin-left: 8px; display: inline-block; min-width: 16px; height: 16px; line-height: 16px; border-radius: 8px; padding: 0 2px; background-color: #EB5757; color: #fff; font-size: 10px; font-weight: 500; }

.adm-tit01-wrap { border-bottom: 1px solid #dcdcdc; padding-bottom: 12px; }

.adm-tit01-wrap + .page-content { padding-top: 12px; }

.adm-cont-title-01 { font-weight: 500; }

.tree-in-page .page-content.adm-content-col-3 { margin-left: 0; }

td.list-area-aqua { background-color: #F6FBFF !important; color: #666 !important; }

td .bgc-f9 { background-color: #f9f9f9 !important; }

td .limit-list-1 { padding: 8px; min-height: 100px; }

td.limit-btn-zone-1 { padding-top: 12px !important; }

.jstree .list-off .off { position: absolute; top: 0; right: 0; -webkit-transform: translateY(50%); transform: translateY(50%); width: 40px; height: 16px; text-transform: uppercase; font-weight: 500; font-size: 11px; line-height: 16px; text-align: center; color: #aeaeae; border-radius: 4px; background-color: #dcdcdc; }

.jstree .list-off .jstree-anchor { min-width: calc(100% - 36px); color: #8a8a8a; }

.th-request-1 { height: 100px; }

.td-request-1 { padding: 12px 10px 12px 12px !important; }

.none-check-row td { background-color: #F9F9F9 !important; }

.board-order { display: inline-block; margin: -6px 0; width: 100%; }

/* E: ADMIN-1 */
/* S: tree 추가 */
.will-create-board .jstree-wholerow { background-color: #F4F4F4; border: 1px dashed #3F4ED6; }

.will-create-board .jstree-wholerow ~ .jstree-anchor { color: #3F4ED6 !important; font-weight: 500; }

/* E: tree 추가 */
/* S: 시스템팝업 레이아웃 */
.wrapper.sys-popup-page-1 { min-width: auto; }

.wrapper.sys-popup-page-1 .container #content { width: 100%; }

.page-title-txt-1 { font-size: 12px; color: #4b4b4b; font-weight: 400; }

/* E: 시스템팝업 레이아웃 */
/* S: 게시판 관리자 툴팁 */
.tooltip-bbs-case-1 { max-width: 621px !important; }

.tooltip-bbs-case-1:before { content: ''; position: absolute; top: -5px; left: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; }

/* E: 게시판 관리자 툴팁 */
/* S: 달력 커스트마이징 */
.ui-datepicker { width: 304px; padding: 20px 15px 10px 15px; border-radius: 4px; -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.24); box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.24); z-index: 201   !important; }

.ui-datepicker .ui-datepicker-prev-hover { left: 2px; top: 2px; cursor: pointer; }

.ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px; cursor: pointer; }

.ui-datepicker td { position: relative; padding-top: 5px; padding-bottom: 5px; text-align: center; }

.ui-datepicker td > .ui-state-default { width: 28px; height: 28px; font-size: 10px; padding-top: 5px; text-align: center; border-radius: 50%; margin: 0 auto; }

.ui-datepicker td.ui-datepicker-today:after { content: ''; position: absolute; right: 2px; top: 2px; width: 8px; height: 8px; border-radius: 50%; background: #38A8E6; }

.ui-datepicker .ui-datepicker-title { font-size: 20px; }

.ui-datepicker .ui-datepicker-title .ui-datepicker-month { position: relative; margin-left: 3px; }

.ui-datepicker .ui-datepicker-title .ui-datepicker-month:before { content: ''; position: absolute; bottom: 3px; left: -6px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }

.ui-datepicker .ui-widget-header { border: none; background: none; color: #000; font-weight: 500; }

.ui-datepicker .ui-widget-header .ui-corner-all { border: none !important; background: none !important; }

.ui-datepicker .ui-widget-header .ui-icon { width: 20px; height: 20px; margin-top: -4px !important; background: url("/assets/images/icon/icon-caret-circle-left.svg") no-repeat 0 0; }

.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { background: url("/assets/images/icon/icon-caret-circle-right.svg") no-repeat 0 0; }

.ui-datepicker .ui-datepicker-week-end:first-child { color: #E85959; }

.ui-datepicker .ui-state-default { background-color: transparent !important; border: none !important; color: #666; }

.ui-datepicker .ui-state-highlight { background: none !important; border: none !important; color: #666; }

.ui-datepicker .ui-state-active { border: none !important; background-color: #48C28F !important; color: #fff !important; font-weight: 500; }

/* E: 달력 커스트마이징 */
/* S: 배경색 */
.bg-light-gray { background: #f9f9f9 !important; }

/* E: 배경색 */
.wrapper { min-width: 1200px; }

#content:after { content: ''; position: fixed; top: 0; left: 0; min-width: 1040px; height: 100vh; background-color: transparent; background-repeat: no-repeat; background-position: 0 center; background-size: cover; background-image: url("/assets/images/login/bg-login-main.png"); }

.login-wrap .login-contents { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 100%; }

.login-wrap .login-header { text-align: center; }

.login-wrap .login-header + .form-wrap { margin-top: 40px; }

.login-wrap .login-header h2 { font-size: 30px; }

.login-wrap .login-header .txt-guide-1 { font-size: 18px; }

.login-wrap .login-header .txt-guide-2 { margin-top: 35px; font-size: 16px; }

.login-wrap .login-header .caution-txt { display: block; padding-top: 4px; font-size: 12px; font-weight: 500; color: #2763BA; }

.login-wrap .login-guide-img { margin-bottom: 90px; }

.login-wrap .login-guide-img img { width: 265px; }

.login-wrap .form-wrap { width: 410px; }

.login-wrap .form-wrap.wide-form { width: 584px; }

#content > .login-wrap { position: fixed; width: 45.83333%; min-width: 480px; height: 100%; z-index: 10; top: 0; right: 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; }

.login-wrap .logo { width: 356px; height: 48px; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: cover; background-image: url("/assets/images/common/logo_login_x3.png"); }

.login-wrap .logo + .txt-welcome, .login-wrap .logo + .tit-intro-login { margin-top: 40px; }

.strong-1 { font-weight: 600; }

.login-wrap .txt-welcome + .txt-guide-1, .login-wrap .tit-intro-login + .txt-guide-1 { margin-top: 12px; }

.login-wrap .input-wrap .form-input { position: relative; }

.login-wrap .input-wrap .form-input .btn-input-clear { position: absolute; top: 18px; right: 12px; -webkit-transform: none; transform: none; display: none; }

.login-wrap .input-wrap .form-input .btn-input-clear:after { font-size: 20px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M16.0669 3.93306C16.311 4.17714 16.311 4.57286 16.0669 4.81694L4.81694 16.0669C4.57286 16.311 4.17714 16.311 3.93306 16.0669C3.68898 15.8229 3.68898 15.4271 3.93306 15.1831L15.1831 3.93306C15.4271 3.68898 15.8229 3.68898 16.0669 3.93306Z" fill="%23aeaeae"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.93306 3.93306C4.17714 3.68898 4.57286 3.68898 4.81694 3.93306L16.0669 15.1831C16.311 15.4271 16.311 15.8229 16.0669 16.0669C15.8229 16.311 15.4271 16.311 15.1831 16.0669L3.93306 4.81694C3.68898 4.57286 3.68898 4.17714 3.93306 3.93306Z" fill="%23aeaeae"/%3E%3C/svg%3E'); }

.login-wrap .input-wrap .form-input .email-url { font-size: 14px; }

.login-wrap .input-wrap label { display: block; font-size: 14px; }

.login-wrap .input-wrap + .input-wrap { margin-top: 16px; }

.login-wrap .input-wrap input[type="text"], .login-wrap .input-wrap input[type="password"] { width: 100%; height: 40px; margin-top: 8px; }

.login-wrap .input-wrap input[type="text"].inp-email, .login-wrap .input-wrap input[type="password"].inp-email { width: 330px; }

.login-wrap .input-wrap .btn-show-pw { position: absolute; right: 12px; top: 18px; }

.login-wrap .input-wrap .btn-show-pw:before { font-size: 20px; width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.83928 6.7454C4.32917 5.25535 6.66711 3.74951 10 3.74951C13.3329 3.74951 15.6708 5.25535 17.1607 6.7454C17.9039 7.48862 18.4397 8.23075 18.7906 8.78814C18.9664 9.06732 19.0966 9.30157 19.184 9.46842C19.2277 9.55189 19.2608 9.61862 19.2835 9.66583C19.2949 9.68944 19.3037 9.70818 19.3099 9.72171L19.3174 9.73805L19.3198 9.7432L19.3209 9.74573C19.321 9.74603 19.3211 9.74631 18.75 10.0001C19.3211 10.254 19.321 10.2543 19.3209 10.2546L19.3205 10.2553L19.3197 10.2571L19.3174 10.2622L19.3099 10.2786C19.3037 10.2921 19.2949 10.3108 19.2835 10.3344C19.2608 10.3816 19.2277 10.4484 19.184 10.5318C19.0966 10.6986 18.9664 10.9328 18.7906 11.212C18.4397 11.7692 17.9038 12.5112 17.1607 13.2543C15.6708 14.744 13.3328 16.2495 10 16.2495C6.66716 16.2495 4.32923 14.744 2.83933 13.2543C2.09619 12.5112 1.56031 11.7692 1.2094 11.212C1.03364 10.9328 0.903387 10.6986 0.815997 10.5318C0.772279 10.4484 0.739217 10.3816 0.716488 10.3344C0.70512 10.3108 0.69633 10.2921 0.690077 10.2786L0.682593 10.2622L0.680266 10.2571L0.679455 10.2553L0.679137 10.2546C0.679003 10.2543 0.678878 10.254 1.25 10.0001C0.678858 9.74631 0.678982 9.74603 0.679117 9.74573L0.679434 9.74501L0.680245 9.7432L0.682571 9.73805L0.690056 9.72171C0.696308 9.70818 0.705098 9.68944 0.716465 9.66583C0.739194 9.61862 0.772254 9.55189 0.815971 9.46842C0.903359 9.30157 1.03361 9.06732 1.20937 8.78814C1.56028 8.23075 2.09615 7.48862 2.83928 6.7454ZM1.25 10.0001L0.678858 9.74631C0.60704 9.90792 0.607048 10.0924 0.678878 10.254L1.25 10.0001ZM1.94882 10.0001C2.02235 9.86234 2.12795 9.67528 2.26719 9.4541C2.58035 8.95668 3.0601 8.29242 3.72322 7.62923C5.04583 6.30647 7.08289 4.99951 10 4.99951C12.9171 4.99951 14.9542 6.30647 16.2768 7.62923C16.9399 8.29242 17.4197 8.95668 17.7328 9.4541C17.8721 9.67528 17.9776 9.86234 18.0512 10.0001C17.9777 10.1378 17.8721 10.3248 17.7328 10.5459C17.4197 11.0432 16.9399 11.7073 16.2768 12.3704C14.9542 13.6928 12.9172 14.9995 10 14.9995C7.08284 14.9995 5.04577 13.6928 3.72317 12.3704C3.06006 11.7073 2.58031 11.0432 2.26716 10.5459C2.12793 10.3248 2.02235 10.1378 1.94882 10.0001ZM18.75 10.0001L19.3211 10.254C19.393 10.0924 19.393 9.90792 19.3211 9.74631L18.75 10.0001Z" fill="%23aeaeae"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10 7.50024C8.61929 7.50024 7.5 8.61953 7.5 10.0002C7.5 11.381 8.61929 12.5002 10 12.5002C11.3807 12.5002 12.5 11.381 12.5 10.0002C12.5 8.61953 11.3807 7.50024 10 7.50024ZM6.25 10.0002C6.25 7.92918 7.92893 6.25024 10 6.25024C12.0711 6.25024 13.75 7.92918 13.75 10.0002C13.75 12.0713 12.0711 13.7502 10 13.7502C7.92893 13.7502 6.25 12.0713 6.25 10.0002Z" fill="%23aeaeae"/%3E%3C/svg%3E%0A'); }

.login-wrap .input-wrap .btn-show-pw.active:before { width: 1em; height: 1em; content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.32958 2.66266C3.58499 2.43047 3.98028 2.44929 4.21247 2.70471L16.7125 16.4547C16.9447 16.7101 16.9258 17.1054 16.6704 17.3376C16.415 17.5698 16.0197 17.551 15.7875 17.2955L3.28754 3.54555C3.05535 3.29014 3.07417 2.89486 3.32958 2.66266Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.36013 7.26729C8.59234 7.52268 8.57355 7.91796 8.31816 8.15017C7.82762 8.59621 7.53433 9.21883 7.50283 9.88109C7.47132 10.5433 7.70417 11.191 8.15016 11.6816C8.59615 12.1722 9.21874 12.4655 9.881 12.4971C10.5433 12.5286 11.1909 12.2958 11.6816 11.8499C11.937 11.6177 12.3323 11.6366 12.5644 11.892C12.7966 12.1475 12.7777 12.5427 12.5223 12.7749C11.7864 13.4438 10.8149 13.793 9.82149 13.7457C8.82811 13.6983 7.89421 13.2583 7.22523 12.5224C6.55626 11.7866 6.20698 10.8151 6.25424 9.82169C6.3015 8.8283 6.74142 7.89437 7.47724 7.22532C7.73263 6.99311 8.12791 7.0119 8.36013 7.26729Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.3384 5.07666C6.49434 5.38461 6.37112 5.76066 6.06318 5.9166C4.5784 6.6685 3.51374 7.75541 2.8171 8.66457C2.46982 9.1178 2.21748 9.52234 2.05321 9.81095C2.01314 9.88136 1.97838 9.94474 1.94882 10.0001C2.02235 10.1378 2.12793 10.3248 2.26716 10.5459C2.58031 11.0432 3.06006 11.7073 3.72317 12.3704C5.04577 13.6928 7.08284 14.9995 10 14.9995H10.005L10.005 14.9996C11.3701 15.0104 12.7182 14.696 13.9376 14.0823C14.2459 13.9271 14.6217 14.0513 14.7768 14.3596C14.932 14.6679 14.8079 15.0437 14.4995 15.1989C13.1035 15.9014 11.5603 16.2616 9.99757 16.2495C6.66603 16.2488 4.32887 14.7437 2.83933 13.2543C2.09619 12.5112 1.56031 11.7693 1.2094 11.212C1.03364 10.9329 0.903387 10.6987 0.815997 10.5319C0.772279 10.4484 0.739217 10.3817 0.716487 10.3345C0.70512 10.3109 0.69633 10.2921 0.690077 10.2786L0.682593 10.2623L0.680266 10.2571L0.679455 10.2553L0.679137 10.2546C0.679003 10.2543 0.678878 10.254 1.25 10.0001C0.678858 9.74634 0.678947 9.74613 0.679042 9.74592L0.679258 9.74544L0.679784 9.74426L0.681215 9.74107L0.685598 9.73143C0.689197 9.72356 0.694156 9.71283 0.700489 9.69939C0.713154 9.67251 0.731327 9.63473 0.755136 9.58716C0.802739 9.49204 0.872968 9.35759 0.966856 9.19263C1.15444 8.86305 1.4376 8.40974 1.82489 7.9043C2.59739 6.89613 3.79814 5.66248 5.49846 4.80144C5.8064 4.6455 6.18246 4.76872 6.3384 5.07666ZM1.25 10.0001L0.678858 9.74634C0.60704 9.90794 0.607048 10.0924 0.678878 10.254L1.25 10.0001Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.28176 3.8895C8.84972 3.79543 9.42451 3.74861 10.0002 3.74952C13.3328 3.74968 15.6706 5.25544 17.1604 6.74541C17.9035 7.48863 18.4394 8.23077 18.7903 8.78815C18.9661 9.06733 19.0963 9.30158 19.1837 9.46843C19.2274 9.5519 19.2605 9.61863 19.2832 9.66585C19.2946 9.68946 19.3034 9.7082 19.3096 9.72172L19.3171 9.73806L19.3194 9.74322L19.3206 9.74574C19.3207 9.74604 19.3208 9.74632 18.7497 10.0001C18.1786 9.74628 18.1786 9.74614 18.1787 9.74601L18.174 9.75629C18.1695 9.76584 18.1622 9.78144 18.1519 9.80265C18.1313 9.84509 18.0989 9.90988 18.0544 9.99351C18.0532 9.99569 18.052 9.99789 18.0509 10.0001C17.9773 9.86235 17.8717 9.6753 17.7325 9.45412C17.4193 8.9567 16.9396 8.29243 16.2765 7.62925C14.9539 6.30649 12.9168 4.99952 9.99968 4.99952L9.99866 4.99952C9.49191 4.9987 8.98596 5.03989 8.48601 5.1227C8.14547 5.1791 7.82369 4.94876 7.76729 4.60822C7.71088 4.26768 7.94122 3.9459 8.28176 3.8895ZM18.7497 10.0001L19.3208 10.254C19.3926 10.0924 19.3926 9.90793 19.3208 9.74632L18.7497 10.0001ZM18.0509 10.0001C17.9616 10.1672 17.8253 10.4067 17.6391 10.6915C17.2609 11.2699 16.6819 12.0275 15.8803 12.7455C15.6232 12.9758 15.6014 13.3709 15.8317 13.628C16.062 13.8851 16.4572 13.9069 16.7143 13.6766C17.616 12.869 18.2632 12.0212 18.6853 11.3755C18.8968 11.0521 19.0531 10.7774 19.1577 10.5811C19.21 10.4829 19.2494 10.4041 19.2765 10.3484C19.29 10.3206 19.3004 10.2985 19.3078 10.2826L19.3165 10.2635L19.3192 10.2575L19.3202 10.2554L19.3208 10.254C19.3209 10.2538 19.3208 10.254 18.7497 10.0001C18.1785 10.2539 18.1786 10.2542 18.1787 10.2544L18.175 10.2463C18.1714 10.2385 18.1654 10.2257 18.1569 10.2081C18.14 10.1729 18.1132 10.1187 18.0764 10.0484C18.0684 10.033 18.0599 10.0169 18.0509 10.0001Z" fill="%232763BA"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.97422 6.81255C10.0393 6.47357 10.3669 6.25153 10.7059 6.31663C11.5028 6.46966 12.2287 6.87697 12.7746 7.47745C13.3204 8.07793 13.6569 8.83922 13.7335 9.64711C13.7661 9.99075 13.5139 10.2957 13.1703 10.3283C12.8266 10.3609 12.5216 10.1087 12.4891 9.76508C12.438 9.22635 12.2136 8.7187 11.8496 8.31827C11.4856 7.91785 11.0016 7.64625 10.4701 7.5442C10.1312 7.47911 9.90913 7.15154 9.97422 6.81255Z" fill="%232763BA"/%3E%3C/svg%3E%0A'); }

.login-wrap .input-wrap label + .chcekboxgroup { margin-top: 12px; }

.login-wrap .save-biz-num { margin-top: 8px; }

.login-wrap .btngroup { display: block; margin: 35px 0 0 0; }

.login-wrap .btngroup .btn { height: 56px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #00338B; font-weight: bold; font-size: 18px; border-radius: 8px; margin: 0; }

.login-wrap .btngroup .btn-wide-1 { width: 410px; }

.login-wrap .btngroup.btn-2n { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.login-wrap .btngroup.btn-2n .btn { width: calc(50% - 4px); }

.login-wrap .btngroup.btn-2n .btn.btn-no { color: #666; background-color: #f4f4f4; }

.login-wrap .link-lost-pw { font-weight: 600; font-size: 14px; margin-top: 20px; }

.login-wrap .info-req { position: relative; padding-left: 40px; font-size: 12px; color: #666; margin-top: 35px; }

.login-wrap .info-req dt { position: absolute; left: 0; top: 0; font-weight: 600; color: #8a8a8a; }

.login-wrap .info-req dt:after { content: ''; width: 1px; height: 10px; background-color: #8a8a8a; position: absolute; right: -9px; top: 5px; }

.login-wrap .info-req .dot { padding: 0 8px; }

.login-wrap .msgbox { width: 410px; padding: 15px; font-size: 14px; font-weight: 500; text-align: center; background-color: #EBF1F9; margin-top: 80px; line-height: 20px; border-radius: 8px; }

.login-wrap .msgbox.caution { margin-top: 20px; color: #e85959; }

.login-wrap .find-info-result { margin-top: 80px; font-size: 14px; text-align: center; font-weight: 600; }

.login-wrap .find-info-result strong { display: block; padding-bottom: 4px; font-size: 16px; }

.login-wrap .find-info-result .blue { color: #2763BA; }

#loginPage { display: block; width: 100%; height: 100vh; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: auto; background-image: url("/assets/images/login/login-top-bg.png"); }

#loginPage .login-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 270px; padding-left: 6%; padding-right: 10%; padding-bottom: 70px; }

#loginPage .login-header h1 { width: 240px; height: 65px; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100%; background-image: url("/assets/images/login/logo_login_x2.png"); }

#loginPage .login-header h2 { margin-left: 30px; text-align: right; }

#loginPage .login-header h2 span { display: block; margin-bottom: -10px; font-size: 13px; font-weight: 600; color: #50555C; line-height: 1; }

#loginPage .login-header h2 b { display: block; font-size: 50px; font-weight: 300; color: #2763BA; line-height: 1; }

#loginPage .login-header .txt-welcome, #loginPage .login-header .login-wrap .tit-intro-login, .login-wrap #loginPage .login-header .tit-intro-login { margin-top: 12px; font-size: 22px; font-weight: 300; color: #222; }

#loginPage .login-contents {padding-top: 100px !important; padding-right: 30px !important; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: calc(100vh - 270px); min-height: 640px; padding: 0 5%; background-color: transparent; background-repeat: no-repeat; background-position: center 74%; background-size: cover; background-image: url("/assets/images/login/login-bottom-bg.png"); }

#loginPage .login-contents .login-box { width: 320px; background: #fff; padding: 30px 45px 40px; -webkit-box-shadow: 0px 14px 24px rgba(33, 44, 64, 0.31); box-shadow: 0px 14px 24px rgba(33, 44, 64, 0.31); border-radius: 24px; }

#loginPage .login-contents .login-box .input-wrap { position: relative; }

#loginPage .login-contents .login-box .input-wrap.password { margin-top: 15px; }

#loginPage .login-contents .login-box .input-wrap label { position: absolute; top: 0; left: 0; width: 25px; height: 100%; font-size: 0; line-height: 0; text-indent: -9999px; z-index: 10; }

#loginPage .login-contents .login-box .input-wrap label.icon-id { background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 100%; background-image: url("/assets/images/login/icon-id.svg"); }

#loginPage .login-contents .login-box .input-wrap label.icon-pw { background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 100%; background-image: url("/assets/images/login/icon-pw.svg"); }

#loginPage .login-contents .login-box .input-wrap input[type="text"], #loginPage .login-contents .login-box .input-wrap input[type="password"], #loginPage .login-contents .login-box .input-wrap input[type="email"] { width: 100%; height: 60px; border: none; padding: 0 40px; border-bottom: 1px solid #c4c4c4; border-radius: 0px; font-size: 14px; font-weight: 300; }

#loginPage .login-contents .login-box .input-wrap input[type="text"]::-webkit-input-placeholder, #loginPage .login-contents .login-box .input-wrap input[type="password"]::-webkit-input-placeholder, #loginPage .login-contents .login-box .input-wrap input[type="email"]::-webkit-input-placeholder { font-weight: 300; color: #666; }

#loginPage .login-contents .login-box .input-wrap input[type="text"]:-ms-input-placeholder, #loginPage .login-contents .login-box .input-wrap input[type="password"]:-ms-input-placeholder, #loginPage .login-contents .login-box .input-wrap input[type="email"]:-ms-input-placeholder { font-weight: 300; color: #666; }

#loginPage .login-contents .login-box .input-wrap input[type="text"]::-ms-input-placeholder, #loginPage .login-contents .login-box .input-wrap input[type="password"]::-ms-input-placeholder, #loginPage .login-contents .login-box .input-wrap input[type="email"]::-ms-input-placeholder { font-weight: 300; color: #666; }

#loginPage .login-contents .login-box .input-wrap input[type="text"]::placeholder, #loginPage .login-contents .login-box .input-wrap input[type="password"]::placeholder, #loginPage .login-contents .login-box .input-wrap input[type="email"]::placeholder { font-weight: 300; color: #666; }

#loginPage .login-contents .login-box .input-wrap input[type="text"]:focus, #loginPage .login-contents .login-box .input-wrap input[type="password"]:focus, #loginPage .login-contents .login-box .input-wrap input[type="email"]:focus { border-bottom-color: #00338B; outline: none; }

#loginPage .login-contents .login-box .chcekboxgroup { margin-top: 12px; text-align: right; }

#loginPage .login-contents .login-box .chcekboxgroup input[type="checkbox"] + label, #loginPage .login-contents .login-box .chcekboxgroup input[type="radio"] + label { font-size: 18px; font-weight: 300; }

#loginPage .login-contents .login-box .chcekboxgroup input[type="checkbox"] + label span, #loginPage .login-contents .login-box .chcekboxgroup input[type="radio"] + label span { width: 24px; height: 24px; margin-top: -4px; border: 1px solid #008CCF; border-radius: 4px; }

#loginPage .login-contents .login-box .chcekboxgroup input[type="checkbox"]:checked + label span, #loginPage .login-contents .login-box .chcekboxgroup input[type="radio"]:checked + label span { background-color: #008CCF; background-size: 14px; }

#loginPage .login-contents .login-box .btngroup { display: block; margin: 25px 0 0 0; }

#loginPage .login-contents .login-box .btngroup .btn { width: 100%; height: 56px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #00338B; font-weight: 500; font-size: 18px; border-radius: 10px; padding: 0; margin: 0; -webkit-box-shadow: 0px 10px 18px rgba(39, 99, 186, 0.51); box-shadow: 0px 10px 18px rgba(39, 99, 186, 0.51); }

#loginPage .login-contents .login-box .link-lost-pw { margin-top: 20px; }

#loginPage .login-contents .login-box .link-lost-pw a { display: block; height: 50px; line-height: 50px; padding: 0 28px; background-color: #AEBDD1; background-repeat: no-repeat; background-position: calc(100% - 28px) 45%; background-size: 85px; background-image: url("/assets/images/login/icon-find-pw-arr.svg"); font-size: 18px; font-weight: 500; color: #fff; border-radius: 10px; text-decoration: none; }

#loginPage .login-contents .login-box .info-req { margin-top: 20px; padding: 24px 20px; border: 1px solid #e5e5e5; border-radius: 10px; }

#loginPage .login-contents .login-box .info-req dl { display: -webkit-box; display: -ms-flexbox; display: flex; }

#loginPage .login-contents .login-box .info-req dl dt { width: 28px; height: 28px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 100%; background-image: url("/assets/images/login/icon-cs.svg"); font-size: 0; line-height: 0; text-indent: -9999px; }

#loginPage .login-contents .login-box .info-req dl dd { margin-left: 18px; font-size: 12px; color: #666; }

#loginPage .login-contents .login-box .info-req dl dd b { display: block; font-weight: 500; }

#loginPage .login-contents .login-box .password-notice { text-align: end; font-weight: bolder; padding: 4px 4px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

#loginPage .login-contents .login-box .password-notice > span { color: #aebed1; }

#loginPage .login-contents .login-box .password-notice > span > span { color: #63a2d5; font-weight: 600; }

.modal .modal-body { margin-top: 0; }

.modal .login-wrap .login-contents { padding: 0; }

.modal .modal-footer { margin-top: 60px; }

.modal .modal-footer .page-btn .btn { width: 410px; height: 56px; line-height: 56px; padding: 0; margin: 0 auto; font-size: 18px; }
/*# sourceMappingURL=login.css.map */