/* #Base */
/* Reset */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

* { margin: 0; padding: 0; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

a { color: inherit; text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent; }

img { max-width: 100%; height: auto; border: 0; vertical-align: top; }

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

form { display: inline; }

input { font-family: inherit; font-size: 16px; }

input[type]::-ms-clear { display: none; opacity: 0; visibility: hidden; }

input[type]::-ms-reveal { display: none; opacity: 0; visibility: hidden; }

input[type]::-webkit-search-cancel-button { display: none; }

select { font-family: inherit; font-size: 16px; }

textarea { font-family: inherit; font-size: 16px; resize: vertical; }

button { font-family: inherit; font-size: inherit; color: inherit; letter-spacing: inherit; cursor: pointer; outline: 0; }

embed, iframe, object { max-width: 100%; }

/* Font */
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local(""), url("../font/lato-light.woff2") format("woff2"), url("../font/lato-light.woff") format("woff"); }

@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local(""), url("../font/lato-regular.woff2") format("woff2"), url("../font/lato-regular.woff") format("woff"); }

@font-face { font-family: 'Lato'; font-style: normal; font-weight: 500; src: local(""), url("../font/lato-medium.woff2") format("woff2"), url("../font/lato-medium.woff") format("woff"); }

@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local(""), url("../font/lato-bold.woff2") format("woff2"), url("../font/lato-bold.woff") format("woff"); }

@font-face { font-family: 'Apple SD Gothic Neo'; font-style: normal; font-weight: 300; src: local(""), url("../font/applesdgothicneol.woff2") format("woff2"), url("../font/applesdgothicneol.woff") format("woff"); }

@font-face { font-family: 'Apple SD Gothic Neo'; font-style: normal; font-weight: 400; src: local(""), url("../font/applesdgothicneom.woff2") format("woff2"), url("../font/applesdgothicneom.woff") format("woff"); }

@font-face { font-family: 'Apple SD Gothic Neo'; font-style: normal; font-weight: 700; src: local(""), url("../font/applesdgothicneob.woff2") format("woff2"), url("../font/applesdgothicneob.woff") format("woff"); }

@font-face { font-family: 'Apple SD Gothic Neo'; font-style: normal; font-weight: 800; src: local(""), url("../font/applesdgothicneoeb.woff2") format("woff2"), url("../font/applesdgothicneoeb.woff") format("woff"); }

/* Helper Classes */
.sr-text { display: block; position: absolute; width: 1px; height: 1px; padding: 0; color: transparent; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow: hidden; border: 0; }

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

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

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

.hidden { display: none !important; }

.show { display: block !important; }

/* #Common */
/* Scrollbar */
.js-scrollbar { width: 100%; height: 100%; overflow: hidden; }

.is-loaded .js-scrollbar { overflow: auto; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { height: 86%; right: 10px; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar::before { right: 3px; bottom: 10px; }

.simplebar-scrollbar::before { opacity: 0.25; background-color: #545555; }

/* Datepicker */
.ui-datepicker { width: 15em; margin: 2px 0; font-family: inherit; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }

.ui-widget-header { border: 0; background: #fff; }

.ui-datepicker td { padding: 2px; }

.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a { padding: 0; line-height: 2; text-align: center; border-radius: 100%; border: 0; background: transparent; }

.ui-datepicker table .ui-datepicker-today a { background: #e5edf5; }

.ui-datepicker table td .ui-state-active { color: #fff; background: #004f9f; }

/* Colorpicker */
.evo-cp-wrap { position: relative; min-width: 100%; padding: 0 48px 0 0 !important; }

.evo-pointer { position: absolute; top: 0; right: 0; width: 42px; height: 100%; border-radius: 5px; border: 1px solid #efefef; }

.evo-pop { left: 100%; margin-top: 4px; margin-left: -42px; }

/* Animation */
/* ---------------------------------------------- Generated by Animista on 2021-4-8 10:22:49 Licensed under FreeBSD License. See http://animista.net/license for more info.  w: http://animista.net, t: @cssanimista ---------------------------------------------- */
@-webkit-keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }

/* Icons */
.status-label { display: inline-block; min-width: 3.35714em; padding: 4px 4px 3px; font-size: 14px; font-weight: 400; color: #004f9f; line-height: 1; text-align: center; vertical-align: middle; border: 1px solid #004f9f; }

.status-label.status2 { color: #8c8d8d; border-color: #8c8d8d; }

.board-label { display: inline-block; min-width: 4.26667em; padding: 8px 12px 7px; font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.05em; line-height: 1; text-align: center; vertical-align: middle; border-radius: 100px; background: #50b848; }

/* Button */
.btn { display: inline-block; line-height: 1; vertical-align: middle; border: 0; background: transparent; }

.btn-primary { display: inline-block; min-width: 5.72222em; padding: 12px 12px 10px; font-size: 18px; color: #fff; line-height: 1; text-align: center; vertical-align: middle; border-radius: 5px; border: 1px solid #004f9f; background: #004f9f; }

.btn-primary.sm { min-width: 0; padding: 6px 12px 5px; font-size: 14px; }

.btn-primary:hover { background: #003d7b; }

.btn-primary:focus { text-decoration: underline; }

.btn-secondary { display: inline-block; min-width: 5.77778em; padding: 12px 12px 10px; font-size: 18px; color: #fff; line-height: 1; text-align: center; vertical-align: middle; border-radius: 5px; border: 1px solid #8c8d8d; background: #8c8d8d; }

.btn-secondary.sm { min-width: 0; padding: 6px 12px 5px; font-size: 14px; }

.btn-secondary:hover { background: #7a7b7b; }

.btn-secondary:focus { text-decoration: underline; }

.btn-dark { display: inline-block; padding: 13px 20px 11px; font-size: 16px; color: #fff; line-height: 1; text-align: center; vertical-align: middle; border-radius: 5px; border: 1px solid #404040; background: #404040; }

.btn-dark.sm { min-width: 0; padding: 6px 12px 5px; font-size: 14px; }

.btn-dark:hover { background: #525252; }

.btn-dark:focus { text-decoration: underline; }

.btn-white { display: inline-block; padding: 13px 20px 11px; font-size: 16px; color: #404040; line-height: 1; text-align: center; vertical-align: middle; border-radius: 5px; border: 1px solid #404040; background: #fff; }

.btn-white.sm { min-width: 0; padding: 6px 12px 5px; font-size: 14px; }

.btn-white.xs { min-width: 0; padding: 4px 8px 3px; font-size: 14px; color: #000; border-color: #000; }

.btn-white:hover { background: #ededed; }

.btn-white:focus { text-decoration: underline; }

.action-edit:before { content: ''; display: inline-block; width: 16px; height: 17px; margin: 0 6px 0 0; vertical-align: top; background: url("../img/common/ic_edit.png") no-repeat 0 0; background-size: contain; }

.action-done:before { content: ''; display: inline-block; width: 19px; height: 17px; margin: 0 6px 0 0; vertical-align: top; background: url("../img/common/ic_done.png") no-repeat 0 0; background-size: contain; }

.action-del:before { content: ''; display: inline-block; width: 16px; height: 17px; margin: 0 5px 0 0; vertical-align: top; background: url("../img/common/ic_del.png") no-repeat 0 0; background-size: contain; }

.action-list:before { content: ''; display: inline-block; width: 16px; height: 17px; margin: 0 5px 0 0; vertical-align: top; background: url("../img/common/ic_list.png") no-repeat 0 0; background-size: contain; }

.action-cancel:before { content: ''; display: inline-block; width: 17px; height: 17px; margin: 0 5px 0 0; vertical-align: top; background: url("../img/common/ic_cancel.png") no-repeat 0 0; background-size: contain; }

.action-group { display: block; max-width: 100%; margin: 16px 0 -5px; font-size: 0; text-align: right; float: right; }

.action-group.clearfix { float: none; }

.action-group.clearfix:after { content: ''; display: table; clear: both; }

.action-group .lt-wrap { float: left; }

.action-group .rt-wrap { float: right; }

.action-group [class*="btn-"] { margin-left: 5px; margin-bottom: 5px; }

.action-group [class*="btn-"]:first-child { margin-left: 0; }

.btn-up { display: inline-block; position: relative; width: 35px; height: 35px; font-size: 16px; vertical-align: middle; border: 1px solid #dadada; background: #fff; }

.btn-up:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -7px; border: 7px solid transparent; border-top: 0; border-bottom: 10px solid #404040; }

.btn-up:hover, .btn-up:focus { border-color: #004f9f; z-index: 1; }

.btn-up:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

.btn-down { display: inline-block; position: relative; width: 35px; height: 35px; margin: 0 0 0 -1px; font-size: 16px; vertical-align: middle; border: 1px solid #dadada; background: #fff; }

.btn-down:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -7px; border: 7px solid transparent; border-top: 10px solid #404040; border-bottom: 0; }

.btn-down:hover, .btn-down:focus { border-color: #004f9f; }

.btn-down:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

.action-move-group { font-size: 0; overflow: hidden; }

/* Forms */
::-webkit-input-placeholder { color: #666; opacity: 0.6; }
::-moz-placeholder { color: #666; opacity: 0.6; }
:-ms-input-placeholder { color: #666; opacity: 0.6; }
::-ms-input-placeholder { color: #666; opacity: 0.6; }
::placeholder { color: #666; opacity: 0.6; }

.form-text { display: inline-block; width: 100%; height: 42px; padding: 0 20px; font-size: 15px; color: #000; line-height: 2.66667; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; outline: 0; border-radius: 5px; border: 1px solid #dadada; background: #fff; -webkit-box-shadow: none; box-shadow: none; }

.form-text:focus { border-color: #004f9f !important; -webkit-box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); }

.form-text[disabled] { cursor: not-allowed; }

.form-text[class*="js-datepicker"] { padding-left: 38px; background-image: url("../img/common/ic_calendar.png"); background-repeat: no-repeat; background-position: 14px 50%; }

.form-text[class*="numberic"] { text-align: right; }

.form-textarea { display: inline-block; width: 100%; padding: 0 20px; font-size: 15px; color: #000; line-height: 2.66667; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; outline: 0; border-radius: 5px; border: 1px solid #dadada; background: #fff; -webkit-box-shadow: none; box-shadow: none; }

.form-textarea:focus { border-color: #004f9f !important; -webkit-box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); }

.form-textarea[disabled] { cursor: not-allowed; }

.form-selectbox { display: inline-block; position: relative; width: 100%; vertical-align: middle; }

.form-selectbox select { display: block; width: 100%; height: 42px; padding: 0 28px 0 20px; font-size: 15px; color: #000; line-height: 2.6; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border-radius: 5px; border: 1px solid #dadada; background: #fff url("../img/common/ic_caret.png") no-repeat 100% 50%; -webkit-box-shadow: none; box-shadow: none; }

.form-selectbox select option { font-size: 1rem; }

.form-selectbox select::-ms-expand { display: none; }

.form-selectbox select:focus { border-color: #004f9f !important; -webkit-box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); }

.form-selectbox select:focus::-ms-value { color: #000; background-color: #fff; }

.form-selectbox select[disabled] { cursor: not-allowed; }

.form-selectbox.sm { width: auto; }

.form-selectbox.sm select { height: 30px; padding: 0 20px 0 12px; font-size: 13px; font-weight: 700; line-height: 2.07692; border-color: #c7c9cb; background-image: url("../img/common/ic_caret_sm.png"); }

.form-selectbox.sm select option { font-size: 1rem; }

.form-radio { display: inline-block; position: relative; margin: 0 20px 0 0; vertical-align: middle; }

.form-radio:last-child { margin-right: 0; }

.form-radio input { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.radio-label { display: block; position: relative; padding: 0 0 0 27px; font-size: 15px; line-height: 20px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.radio-label:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; overflow: hidden; border-radius: 100%; border: 1px solid #ccc; background: #fff; float: left; }

.radio-label:after { content: ''; display: none; position: absolute; top: 0; left: 0; width: 10px; height: 10px; margin: 4px; border-radius: 100%; background: #004f9f; }

input:checked + .radio-label:after { display: block; }

input:focus + .radio-label { text-decoration: underline; }

.form-checkbox { display: inline-block; position: relative; margin: 0 20px 0 0; vertical-align: middle; }

.form-checkbox:last-child { margin-right: 0; }

.form-checkbox input { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.checkbox-label { display: block; position: relative; padding: 2px 0 0 27px; font-size: 15px; line-height: 20px; text-align: left; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.checkbox-label:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; overflow: hidden; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; background-repeat: no-repeat; float: left; }

input:checked + .checkbox-label:before { background-image: url("../img/common/sp_default.png"); background-position: 0px -34px; background-size: 80px auto; }

input:focus + .checkbox-label { text-decoration: underline; }

.form-file { display: inline-block; position: relative; width: 100%; padding: 0 104px 0 0; vertical-align: middle; }

.form-file input { display: block; position: absolute; width: 1px; height: 1px; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; }

.form-file .form-text { cursor: text; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.form-file input:focus + .form-text { border-color: #004f9f !important; -webkit-box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); box-shadow: 3px 3px 8px rgba(0, 79, 159, 0.3); }

.form-file .btn-dark { position: absolute; top: 0; right: 0; cursor: pointer; }

.form-block { display: block; position: relative; margin: 10px 0 0; }

.form-block:first-child { margin-top: 0; }

.help-msg { display: block; font-size: 15px; font-weight: 300; opacity: 0.6; }

.notify-msg { display: block; position: relative; margin: 14px 0 0; padding: 0 0 0 28px; font-size: 18px; font-weight: 300; color: #666; line-height: 1.22222; }

.notify-msg:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url("../img/common/ic_notify.png") no-repeat 0 0; }

.group-inline { display: table; width: 100%; }

.group-inline .col { display: table-cell; padding: 0 0 0 8px; vertical-align: middle; }

.group-inline .col:first-child { padding-left: 0; }

.group-inline .col.sm { width: 1%; white-space: nowrap; }

.group-inline .col.lg { width: 99%; }

/* Tabs */
.tabs-wrap { overflow: hidden; }

.tabs { position: relative; margin: 0 0 20px; list-style: none; white-space: nowrap; border-bottom: 1px solid #d5d5d5; }

.tabs.js-2depth-tabs { margin-bottom: 64px; }

.tabs > li { display: inline-block; margin: 0 0 0 48px; vertical-align: top; }

.tabs > li:first-child { margin-left: 0; }

.tabs .tab { display: block; position: relative; padding: 12px 2px 12px; font-size: 20px; color: #888; letter-spacing: -0.05em; line-height: 1; text-align: center; }

.tabs .tab:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; background: #999; }

.tabs .tab:hover:after, .tabs .tab:focus:after { opacity: 1; }

.tabs .on > .tab:after { opacity: 1; }

.tabs .active > .tab { font-weight: 700; color: #004f9f; }

.tabs .active > .tab:after { opacity: 1; background: #004f9f; }

.sub-tabs { position: absolute; top: 100%; left: 0; right: 0; margin: 1px 0 0; list-style: none; opacity: 0; visibility: hidden; overflow: hidden; white-space: nowrap; background: inherit; }

.on > .sub-tabs { opacity: 1; visibility: visible; }

.sub-tabs > li { display: inline-block; margin: 20px 0 20px 38px; vertical-align: top; }

.sub-tabs > li:first-child { margin-left: 0; }

.sub-tabs .sub-tab { display: block; font-size: 15px; color: #8296ad; letter-spacing: -0.05em; line-height: 1; }

.sub-tabs .sub-tab:hover, .sub-tabs .sub-tab:focus { text-decoration: underline; }

.sub-tabs .active > .sub-tab { color: #004f9f; text-decoration: none; }

/* Pagination */
.pagination { margin: 20px 0 0; font-size: 0; list-style: none; text-align: center; }

.pagination.action-group + .pagination { margin-left: 120px; }

.pagination li { display: inline-block; margin: 0 2px; font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.02em; line-height: 1; vertical-align: top; white-space: nowrap; }

.pagination a:hover, .pagination a:focus { text-decoration: underline; }

.pagination .page-link { display: block; min-width: 20px; min-height: 20px; padding: 4px 7px 2px; border-radius: 100px; }

.pagination .on { color: #fff; text-decoration: none; background: #004f9f; }

.pagination .front:before { content: ''; display: block; width: 12px; height: 12px; background: url("../img/common/sp_default.png") no-repeat -42px -34px; background-size: 80px auto; }

.pagination .prev { margin-right: 6px; }

.pagination .prev:before { content: ''; display: block; width: 12px; height: 12px; background: url("../img/common/sp_default.png") no-repeat -68px -32px; background-size: 80px auto; }

.pagination .next { margin-left: 6px; }

.pagination .next:before { content: ''; display: block; width: 12px; height: 12px; background: url("../img/common/sp_default.png") no-repeat -68px -16px; background-size: 80px auto; }

.pagination .last:before { content: ''; display: block; width: 12px; height: 12px; background: url("../img/common/sp_default.png") no-repeat -68px 0px; background-size: 80px auto; }

/* Modal */
.layer-popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; overflow: auto; text-align: center; white-space: nowrap; background: rgba(0, 0, 0, 0.4); z-index: 99; }

.layer-popup.open { display: block; -webkit-animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

.layer-popup:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.popup-container { display: inline-block; max-width: 90%; margin: 50px 0; font-size: 16px; text-align: left; opacity: 0; vertical-align: middle; white-space: normal; }

.open > .popup-container { -webkit-animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both; animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both; }

.no-animation .popup-container { opacity: 1; }

.popup-header { position: relative; padding: 24px 72px 23px 28px; overflow: hidden; border-radius: 20px 20px 0 0; background: #0546ac; }

.popup-title { font-size: 23px; font-weight: 700; color: #fff; line-height: 1; }

.popup-title em { font-style: normal; }

.btn-close-popup { position: absolute; top: 0; right: 0; width: 72px; height: 100%; border: 0; background: url("../img/common/ic_close_popup.png") no-repeat 50% 50%; }

.btn-close-popup:hover, .btn-close-popup:focus { background-color: #043889; }

.popup-content { position: relative; padding: 27px 30px; overflow: hidden; border-radius: 0 0 20px 20px; background: #fff; }

/* #Layout */
html, body { height: 100%; }

body { font: normal 1em/1.33 "Apple SD Gothic Neo", sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; word-wrap: break-word; word-break: break-all; }

.skip { display: block; position: absolute; top: 0; left: 0; right: 0; padding: 1em; font-weight: bold; color: #fff; text-align: center; opacity: 0; border: 3px solid #50b848; background: #004f9f; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); z-index: -1; }

.skip:focus, .skip:active { position: relative; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 99; }

#wrap { position: relative; display: table; width: 100%; height: 100%; table-layout: fixed; }

/* Header */
.header { position: fixed; top: 0; left: 0; bottom: 0; overflow: hidden; z-index: 10; }

.side-nav { position: relative; width: 235px; height: 100%; color: #fff; overflow: hidden; background: #003caa; background: linear-gradient(135deg, #005baa 0%, #003caa 71%); background-size: cover; z-index: 1; }

.side-nav:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/common/sidenav_bg.png") no-repeat 0 0; background-size: cover; z-index: -1; }

.side-nav .simplebar-content { height: 100%; }

.side-nav .simplebar-scrollbar::before { background-color: #fff; }

.side-nav .scroll-content { height: 100%; }

.side-nav .gnb { min-height: 100%; margin: 0 0 -170px; }

.side-nav .top-menu { padding: 64px 0 234px 28px; list-style: none; }

.side-nav .top-menu > li { position: relative; margin: 0 0 26px; z-index: 0; }

.side-nav .top-menu > li > a { display: table; position: relative; width: 100%; font-size: 20px; font-weight: 700; line-height: 1; z-index: 1; }

.side-nav .top-menu > li > a > span { display: table-cell; height: 64px; padding: 10px 15px 9px 64px; vertical-align: middle; background-repeat: no-repeat; background-position: 28px 50%; background-size: 32px auto; }

.side-nav .top-menu > li > a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 40px 0 0 40px; background: #50b848; background: -webkit-gradient(linear, left top, left bottom, from(#50b848), color-stop(70%, #389932)); background: linear-gradient(to bottom, #50b848 0%, #389932 70%); -webkit-box-shadow: -4px -4px 5px rgba(0, 36, 97, 0.15); box-shadow: -4px -4px 5px rgba(0, 36, 97, 0.15); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; z-index: -1; }

.side-nav .top-menu > li > a:hover:after, .side-nav .top-menu > li > a:focus:after { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition: opacity 0.3s, -webkit-transform 0.2s ease-out; transition: opacity 0.3s, -webkit-transform 0.2s ease-out; transition: opacity 0.3s, transform 0.2s ease-out; transition: opacity 0.3s, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }

.side-nav .top-menu > .active > a:after, .side-nav .top-menu > .on > a:after { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: opacity 0.3s, -webkit-transform 0.2s ease-out; transition: opacity 0.3s, -webkit-transform 0.2s ease-out; transition: opacity 0.3s, transform 0.2s ease-out; transition: opacity 0.3s, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }

.side-nav .admin-menu1 > span { background-image: url("../img/admin/ic_menu1.png"); }

.side-nav .admin-menu2 > span { background-image: url("../img/admin/ic_menu2.png"); }

.side-nav .admin-menu3 > span { background-image: url("../img/admin/ic_menu3.png"); }

.side-nav .admin-menu4 > span { background-image: url("../img/admin/ic_menu4.png"); }

.side-nav .partner-menu1 > span { background-image: url("../img/partner/ic_menu1.png"); }

.side-nav .partner-menu2 > span { background-image: url("../img/partner/ic_menu2.png"); }

.side-nav .partner-menu3 > span { background-image: url("../img/partner/ic_menu3.png"); background-position: 28px 40% !important; }

.side-nav .partner-menu4 > span { background-image: url("../img/partner/ic_menu4.png"); }

@-webkit-keyframes showMenu { 0% { -webkit-transform: translateY(-25px); transform: translateY(-25px);
        opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0);
        opacity: 1; } }

@keyframes showMenu { 0% { -webkit-transform: translateY(-25px); transform: translateY(-25px);
        opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0);
        opacity: 1; } }

.side-nav .sub-menu { display: none; width: 100%; margin: -32px 0 0; padding: 66px 15px 46px 42px; list-style: none; opacity: 0; border-radius: 0 0 0 32px; background: rgba(3, 30, 129, 0.2); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; z-index: -1; }

.on > .sub-menu { display: block; -webkit-animation: showMenu 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.2s forwards; animation: showMenu 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.2s forwards; }

.no-animation .on > .sub-menu { opacity: 1; }

.active > .sub-menu { display: block; opacity: 1; -webkit-animation: none; animation: none; }

.side-nav .sub-menu li { margin: 12px 0 0; }

.side-nav .sub-menu li:first-child { margin-top: 0; }

.side-nav .sub-menu a { display: inline-block; padding: 4px 0; font-size: 16px; font-weight: 300; color: #83ace4; line-height: 1; vertical-align: top; -webkit-transition: color 0.3s, border 0.3s; transition: color 0.3s, border 0.3s; }

.side-nav .sub-menu a:hover, .side-nav .sub-menu a:focus { color: #fff; }

.side-nav .sub-menu .active > a { font-weight: 700; color: #fff; border-bottom: 2px solid; }

.side-nav .bottom-area { padding: 39px 26px 40px; font-size: 12px; color: inherit; line-height: 1.66667; }

.side-nav .bottom-area .btn { display: block; width: 100%; padding: 12px 12px 11px; font-size: 14px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.4); }

.side-nav .bottom-area .btn:hover { border-color: #50b848; background-color: #50b848; }

.side-nav .bottom-area .btn:focus { text-decoration: underline; }

.side-nav .bottom-area .copyright { margin: 12px 0 0; opacity: 0.5; }

/* Content */
#content { position: relative; width: 100%; min-width: 1336px; min-height: 100%; padding: 0 0 0 235px; background: #f1f4f7; }

.container { max-width: 1024px; height: 100%; margin: 0 auto; }

.container:before, .container:after { content: ''; display: table; clear: both; }

.sub-header { position: relative; padding: 8px 28px; border-bottom: 1px solid #ebeff4; background: #fff; z-index: 1; }

.sub-header .top-bar { font-size: 15px; font-weight: 300; letter-spacing: -0.05em; text-align: right; white-space: nowrap; }

.sub-header .top-bar p { display: inline-block; margin: 7px 5px 0 0; vertical-align: top; }

.sub-header .top-bar em { font-style: normal; font-weight: 700; }

.sub-header .top-bar .btn { padding: 7px 15px 6px; font-size: 15px; font-weight: 700; color: #fff; letter-spacing: -0.05em; border-radius: 5px; background: #8c8d8d; }

.sub-header .top-bar .btn:hover { background: #7a7b7b; }

.sub-header .top-bar .btn:focus { text-decoration: underline; }

.sub-body { position: relative; padding: 42px 28px 44px; }

.sub-body > .container { position: relative; }

.primary-title { margin: 0 0 23px; font-size: 32px; font-weight: 800; letter-spacing: -0.05em; line-height: 1; }

.secondary-title { margin: 0 0 10px; font-size: 18px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }

.breadcrumbs { position: absolute; top: 15px; right: 0; font-size: 13px; font-weight: 300; color: #666; line-height: 1.07692; list-style: none; }

.breadcrumbs li { float: left; }

.breadcrumbs li:before { content: '>'; padding: 0 1px; }

.breadcrumbs li:first-child:before { content: none; }

.breadcrumbs strong { color: #000; }

.breadcrumbs a:hover, .breadcrumbs a:focus { text-decoration: underline; }

.breadcrumbs .home:before { content: ''; display: block; position: relative; top: -3px; width: 16px; height: 15px; margin: 0 5px 0 0; background: url("../img/common/sp_default.png") no-repeat -22px -34px; float: left; }

/* #Pages */
/* Login */
#content[class="page-login"] { padding: 0; background: #fff; }

.login-form { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 240px 0 240px 51.97917%; table-layout: fixed; background: url("../img/admin/login_bg.png") no-repeat 0 50%; background-size: auto 100%; }

.login-form.partner { background-image: url("../img/partner/login_bg.png"); }

.login-form .inner-wrap { display: table-cell; padding: 40px 0; vertical-align: middle; }

.login-form .content-wrap { max-width: 462px; overflow: hidden; }

.login-form .headline { margin: 0 0 32px; line-height: 1; text-align: center; }

.login-form.partner .headline { margin: 0 0 20px; font-size: 40px; font-weight: 700; color: #005baa; letter-spacing: -0.05em; line-height: 1; text-align: center; }

.login-form.partner .headline img { vertical-align: bottom; }

.login-form .desc { margin: 0 0 38px; font-family: "Lato", "Apple SD Gothic Neo", sans-serif; font-size: 16px; color: #000; line-height: 1.5; text-align: center; opacity: 0.6; }

.login-form .form-block { width: calc(100% - 130px); margin-right: 10px; float: left; }

.login-form .img-label { position: absolute; top: 50%; left: 8px; width: 41px; height: 20px; margin: -10px 0 0; border-right: 1px solid #eaedf0; }

.login-form .form-text { height: 54px; padding-left: 60px; border-radius: 10px; background: #f9fafb; }

.login-form .form-checkbox { margin-top: 7px; }

.login-form .checkbox-label { padding-left: 36px; font-size: 18px; color: #666; line-height: 28px; }

.login-form .checkbox-label:before { content: ''; width: 30px; height: 30px; border-radius: 100%; border: 0; background: url("../img/common/sp_default.png") no-repeat 0px 0px; }

.login-form input:checked + .checkbox-label:before { background-position: -34px 0px; }

.login-form .btn-login { width: 119px; height: 119px; padding: 0 20px; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 700; color: #fff; line-height: 1; text-align: center; border-radius: 15px; border: 0; background: #005baa; }

.login-form .btn-login:before { content: ''; display: block; width: 16px; height: 25px; margin: 0 auto 3px; background: url("../img/common/ic_login.png") no-repeat 0 0; background-size: contain; }

.login-form .btn-login:hover { background: #004886; }

.login-form .btn-login:focus { text-decoration: underline; }

.login-form .btn-chg-pwd { width: 119px; height: 119px; padding: 0 20px; font-size: 24px; font-weight: 700; color: #fff; line-height: 1; text-align: center; border-radius: 15px; border: 0; background: #005baa; }

.login-form .btn-chg-pwd:before { content: ''; display: block; width: 19px; height: 21px; margin: 0 auto 8px; background: url("../img/common/ic_ok.png") no-repeat 0 0; background-size: contain; }

.login-form .btn-chg-pwd:hover { background: #004886; }

.login-form .btn-chg-pwd:focus { text-decoration: underline; }

.login-form .btn-reset-pwd { width: 119px; height: 119px; padding: 0 20px; font-size: 20px; color: #fff; line-height: 1.1; text-align: center; border-radius: 15px; border: 0; background: #005baa; }

.login-form .btn-reset-pwd:before { content: ''; display: block; width: 16px; height: 25px; margin: 0 auto 3px; background: url("../img/common/ic_login.png") no-repeat 0 0; background-size: contain; }

.login-form .btn-reset-pwd:hover { background: #004886; }

.login-form .btn-reset-pwd:focus { text-decoration: underline; }

.login-form .notify-msg { margin-right: 130px; clear: both; -webkit-animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

.login-form .copyright { position: absolute; bottom: 130px; left: 0; right: 0; font-family: "Lato", sans-serif; font-size: 13px; color: #999; line-height: 1; text-align: center; }

.login-form .copyright em { font-style: normal; color: #004f9f; }

.login-form .copyright a:hover, .login-form .copyright a:focus { text-decoration: underline; }

.btn-find-pwd { display: block; padding: 9px 14px 8px; font-size: 18px; color: #fff; line-height: 1; border-radius: 5px; border: 0; background: #666; float: right; }

.btn-find-pwd:hover { background-color: #545454; }

.btn-find-pwd:focus { text-decoration: underline; }

/* Home */
.list-filter { display: inline-block; position: relative; width: 100%; height: 42px; vertical-align: top; }

.list-filter .form-selectbox { position: absolute; top: 0; left: 0; width: 126px; height: 100%; float: left; }

.list-filter .form-selectbox select { height: 100%; border-radius: 100px 0 0 100px; border-color: transparent; background-color: transparent; }

.list-filter .form-selectbox:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 18px; margin: auto; background: #ccc; }

.list-filter .form-text { height: 100%; padding-left: 42.7673%; padding-right: 42px; border-radius: 100px; border-color: #e4e4e4; }

.list-filter .btn { position: absolute; top: 50%; right: 6px; width: 30px; height: 30px; margin: -15px 0 0; border-radius: 100%; background: #0546ac url("../img/common/ic_search.png") no-repeat 50% 50%; }

.list-filter .btn:hover, .list-filter .btn:focus { background-color: #043889; }

.keyword-form { display: inline-block; position: relative; width: 100%; height: 42px; vertical-align: middle; }

.keyword-form .form-text { height: 100%; padding-right: 42px; border-radius: 100px; border-color: #e4e4e4; }

.keyword-form .btn { position: absolute; top: 50%; right: 6px; width: 30px; height: 30px; margin: -15px 0 0; border-radius: 100%; background: #0546ac url("../img/common/ic_search.png") no-repeat 50% 50%; }

.keyword-form .btn:hover, .keyword-form .btn:focus { background-color: #043889; }

.board-list-top { margin: 0 0 12px; line-height: 40px; }

.board-list-top:after { content: ''; display: table; clear: both; }

.board-list-top .lt-wrap { float: left; }

.board-list-top .rt-wrap { text-align: right; float: right; }

.board-list-top .total { display: inline-block; margin: 2px 8px 0 0; font-size: 15px; font-weight: 700; color: #333; letter-spacing: -0.05em; vertical-align: middle; }

.board-list-top .total em { font-style: normal; color: #004f9f; }

.board-list-top .cnt { width: 60px; }

.board-list-top .list-filter { width: 318px; }

.board-list { border-radius: 0 0 5px 5px; border: 1px solid #e4e4e4; border-top: 2px solid #0546ac; background: #fff; }

.board-list table { table-layout: fixed; border: hidden; }

.board-list th { height: 50px; padding: 9px 6px; font-size: 16px; font-weight: 700; color: #004f9f; letter-spacing: -0.05em; text-align: center; vertical-align: middle; background: #e5edf5; border-bottom: 1px solid #f1f3f5; }

.board-list td { height: 50px; padding: 9px 6px; font-size: 15px; color: #222; text-align: center; vertical-align: middle; border-bottom: 1px solid #f1f3f5; }

.board-list .align-top { vertical-align: top; }

.board-list .empty { height: 100px; }

.board-list .important { background: #f7fdf7; }

.board-list .important.align-left { padding-left: 2%; padding-right: 2%; }

.board-list .title { font-weight: 700; letter-spacing: -0.05em; }

.board-list .title a { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }

.board-list a:not([class]):hover, .board-list a:focus { text-decoration: underline; }

.board-list .check { padding-left: 2.5%; text-align: left; }

.board-view { display: block; }

.board-view .view-header { display: table; position: relative; width: 100%; margin: 0 0 5px; padding: 0 32px; table-layout: fixed; border-radius: 5px; border: 1px solid #e4e4e4; border-top: 2px solid #0546ac; background: #fff; }

.board-view .view-header .col { display: table-cell; height: 80px; padding: 0 18px; vertical-align: middle; }

.board-view .view-header .index { position: relative; width: 90px; padding-left: 0; font-size: 20px; line-height: 1; }

.board-view .view-header .index:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; margin: -10px 0 0; background: #e4e4e4; }

.board-view .view-header .title { font-size: 22px; font-weight: 700; line-height: 1; }

.board-view .view-header .meta-wrap { margin: 9px -12px 0; font-size: 0; }

.board-view .view-header .meta-wrap p { display: inline-block; padding: 0 12px; font-size: 15px; color: #344e6c; line-height: 1; vertical-align: top; border-right: 1px solid #ededed; }

.board-view .view-header .meta-wrap p:last-child { border-right: 0; }

.board-view .view-header .meta-wrap em { font-style: normal; }

.board-view .view-body { position: relative; border-radius: 5px; border: 1px solid #e4e4e4; background: #fff; }

.board-view .view-body .row { border-top: 1px solid #e4e4e4; }

.board-view .view-content { position: relative; padding: 24px 32px 40px; font-size: 15px; color: #222; letter-spacing: -0.05em; line-height: 1.33333; }

.board-view .attachment { padding: 17px 32px; font-size: 15px; color: #004f9f; line-height: 1; }

.board-view .attachment .label { position: relative; padding: 0 14px 0 22px; float: left; }

.board-view .attachment .label:before { content: ''; display: block; width: 18px; height: 18px; margin: -2px 0 0 -22px; background: url("../img/common/ic_file.png") no-repeat 0 0; background-size: contain; float: left; }

.board-view .attachment .label:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 1em; margin: -0.55em 0 0; background: #004f9f; }

.board-view .attachment ul { margin: 0 0 0 102px; list-style: none; }

.board-view .attachment li { margin: 8px 0 0; }

.board-view .attachment li:first-child { margin-top: 0; }

.board-view .attachment em { padding: 0 0 0 4px; font-style: normal; }

.board-view .attachment a { max-width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }

.board-view .attachment a:hover, .board-view .attachment a:focus { text-decoration: underline; }

.form-table { position: relative; border-radius: 5px; border: 1px solid #e4e4e4; background: #fff; }

.form-table table { table-layout: fixed; border: hidden; }

.form-table .label { width: 170px; height: 58px; padding: 17px 16px 16px 32px; font-size: 15px; font-weight: 700; color: #185196; letter-spacing: -0.03em; line-height: 1; vertical-align: middle; border-bottom: 1px solid #e4e4e4; background: #e5edf5; }

.form-table .value { height: 58px; padding: 8px 8px 8px 16px; font-size: 15px; color: #000; vertical-align: middle; border-bottom: 1px solid #e4e4e4; }

.form-table .align-top { vertical-align: top; }

.form-table .form-selectbox { max-width: 306px; }

.form-table .sm > .form-selectbox { width: 240px; }

.form-table .form-file { max-width: 590px; }

.form-table .inc-dec-item { font-size: 0; }

.form-table .inc-dec-item:after { content: ''; display: table; clear: both; }

.form-table .inc-dec-item .form-file { width: 412px; margin-right: 5px; float: left; }

.form-table .inc-dec-item .btn-white { min-width: 95px; float: left; }

.form-table .editor { display: block; height: 342px; margin: -8px -8px -8px -16px; }

.form-table .editor .form-textarea { height: 100%; resize: none; border-radius: 0 0 5px 5px; border-color: #fff; }

.form-table .form-textarea { min-height: 162px; }

.log-view-content { width: 80vw; max-width: 840px; }

.log-view-content .js-scrollbar { overflow: hidden; overflow-x: auto; }

.log-view-content .js-scrollbar .scroll-content { min-width: 838px; }

.log-view-content .js-scrollbar .js-scrollbar { max-height: calc(100vh - 328px); overflow: hidden; overflow-y: auto; }

.log-view-content .board-list table { min-width: 838px; }

.log-view-content .board-list td { font-size: 14px; }

.top-search-form { position: relative; margin: 0 0 20px; padding: 0 45px; border-radius: 5px; background: #e6ecf3; }

.top-search-form table { border: hidden; }

.top-search-form td { height: 80px; padding: 9px 0; vertical-align: middle; }

.top-search-form .label { width: 1%; font-size: 15px; font-weight: 700; white-space: nowrap; }

.top-search-form .value { padding-left: 15px; font-size: 15px; }

.top-search-form .value:first-child { padding-left: 0; }

.top-search-form .form-text { border-color: #fff; }

.top-search-form .form-selectbox select { border-radius: 100px; border-color: #fff; }

.edit-permission { width: 80vw; max-width: 760px; }

.edit-permission .action-group { clear: both; }

.permission-list { display: block; margin: 0 -9px; }

.permission-list:after { content: ''; display: table; clear: both; }

.permission-list > li { display: block; width: 50%; padding: 0 9px; float: left; }

.permission-list .box { overflow: hidden; border-radius: 5px; border: 1px solid #e4e4e4; }

.permission-list .title { padding: 12px 20px 11px; font-size: 16px; font-weight: 800; color: #004f9f; letter-spacing: -0.05em; line-height: 1.6875; background: #e5edf5; }

.permission-list .title [class*="btn-"] { margin: -1px 0 0 10px; }

.permission-list .list { height: 428px; max-height: calc(100vh - 340px); background: #fff; }

.permission-list .list .simplebar-content { height: 100%; }

.permission-list .list .scroll-content { min-height: 100%; padding: 20px 24px; }

.permission-list .list .simplebar-vertical { top: 8px; right: 8px; bottom: 8px; }

.permission-list .list .form-checkbox { display: block; margin: 18px 0 0; }

.permission-list .list .form-checkbox:first-child { margin-top: 0; }

.edit-menu .menu1 { width: 65%; }

.edit-menu .menu1 .scroll-content { padding: 0; }

.edit-menu .menu1 table { border: 0; }

.edit-menu .menu1 .row { -webkit-animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

.edit-menu .menu1 td { height: 50px; padding: 7px 0 7px 2%; font-size: 15px; font-weight: 700; color: #222; line-height: 1.53333; border-bottom: 1px solid #f1f3f5; }

.edit-menu .menu1 td:first-child { padding-left: 28px; }

.edit-menu .menu1 td:last-child { padding-right: 30px; text-align: right; }

.edit-menu .menu1 .menu-title { max-width: 13.33333em; float: left; }

.edit-menu .menu1 .action { font-size: 0; }

.edit-menu .menu1 .action-move-group { display: inline-block; margin: 0 2% 0 0; vertical-align: middle; }

.edit-menu .menu1 .action-group { display: inline-block; margin: 0; vertical-align: middle; float: none; }

.edit-menu .menu1 [class*="btn-"] { margin-bottom: 0; }

.edit-menu .menu2 { width: 35%; }

.edit-menu .list { height: 410px; max-height: none; }

.edit-menu .menu-form { margin: 24px 0 0; outline: 0; -webkit-animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

.edit-menu .menu-form .group-inline { padding: 8px 10px 8px 32px; overflow: hidden; border-radius: 5px; border: 1px solid #e4e4e4; background: #fff; }

.edit-menu .menu-form .col:first-child { width: 19%; }

.edit-menu .menu-form .btn-dark { min-width: 5.9375em; }

.view-partners-content { width: 80vw; max-width: 840px; }

.view-partners-content .top-search-form { margin-bottom: 14px; padding: 0 20px; }

.view-partners-content .top-search-form .value { padding-left: 7px; }

.view-partners-content .top-search-form .value:first-child { padding-left: 0; }

.view-partners-content .board-list-top { margin-bottom: 4px; }

.view-partners-content .js-scrollbar { overflow: hidden; overflow-x: auto; }

.view-partners-content .scroll-content .js-scrollbar { min-width: 838px; max-height: calc(100vh - 480px); overflow: hidden; overflow-y: auto; }

.view-partners-content .board-list { position: relative; }

.view-partners-content .board-list table { min-width: 838px; }

.view-partners-content .board-list td { font-size: 14px; }

.view-partners-content .board-list .check { padding-left: 3.8%; }

.layer-popup[id="mdAlert"] .popup-container { width: 400px; }

.layer-popup[id="mdAlert"] .popup-content { padding: 0; border-radius: 20px; }

.alert-content .content-wrap { padding: 42px 40px; font-size: 19px; color: #000; letter-spacing: -0.05em; line-height: 1.47368; text-align: center; }

.alert-content p { margin: 16px 0 0; }

.alert-content p:first-child { margin-top: 0; }

.alert-content strong { font-weight: 400; color: #0546ac; }

.alert-content .caution-msg { font-size: 15px; font-weight: 400; color: #898989; line-height: 1.33333; letter-spacing: 0; }

.alert-content .alert-footer { height: 70px; overflow: hidden; }

.alert-content .alert-footer [class*="btn-"] { display: block; width: 50%; height: 100%; font-size: 19px; color: #fff; text-align: center; border-radius: 0; border: 0; float: left; }

.alert-content .alert-footer [class*="btn-"]:only-child { width: 100%; }

.btn-done { background: #0546ac; }

.btn-done:hover { background-color: #043889; }

.btn-done:focus { text-decoration: underline; }

.btn-cancel { background: #8c8d8d; }

.btn-cancel:hover { background-color: #7a7b7b; }

.btn-cancel:focus { text-decoration: underline; }

/* #Print */
@media print { * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .header, .sub-header { display: none; }
    @page { margin: 2cm; }
    img { max-width: 100% !important; page-break-inside: avoid; }
    table tr { page-break-inside: avoid; } }