@charset "UTF-8";

/* 모든 시스템에서 공통으로 사용되는 style */

/* ---------------------------- */
/* common */
/* ---------------------------- */
html {height: 100%;overflow: hidden !important;}
body {height: 100%;overflow-x: hidden !important;}

/* border */
.bdl0 {border-left: 0 !important;}

/* display */
.d-block {display: block !important;}
.d-none {display: none !important;}
.d-flex {display: flex !important;}

/* margin */
.mh0 {margin-left: 0px !important;}
.mh0,.mr0 {margin-right: 0px !important;}
.mv0 {margin-top: 0px !important;}
.mv0 {margin-bottom: 0px !important;}

.m10,.mh10 {margin-left: 10px !important;}
.m10,.mh10 {margin-right: 10px !important;}
.m10,.mv10 {margin-top: 10px !important;}
.m10,.mv10 {margin-bottom: 10px !important;}

.m20,.mh20 {margin-left: 20px !important;}
.m20,.mh20,.mr20 {margin-right: 20px !important;}
.m20,.mv20 {margin-top: 20px !important;}
.m20,.mv20 {margin-bottom: 20px !important;}

/* padding */
.ph0,.pl0 {padding-left: 0px !important;}
.ph0,.pr0 {padding-right: 0px !important;}
.pv0,.pt0 {padding-top: 0px !important;}
.pv0,.pb0 {padding-bottom: 0px !important;}

.p10,.ph10,.pl10 {padding-left: 10px !important;}
.p10,.ph10,.pr10 {padding-right: 10px !important;}
.p10,.pv10,.pt10 {padding-top: 10px !important;}
.p10,.pv10 {padding-bottom: 10px !important;}

.p20,.ph20,.pl20 {padding-left: 20px !important;}
.p20,.ph20,.pr20 {padding-right: 20px !important;}
.p20,.pv20,.pt20 {padding-top: 20px !important;}
.p20,.pv20 {padding-bottom: 20px !important;}

/* font weight */
.fw500 {font-weight: 500;}

/* width */
.whalf {width: 50% !important;}

/* height */
.maxh300 {max-height: 300px !important;}
.maxh450 {max-height: 450px !important;}

/* justify-content */
.justify-content-start {justify-content: flex-start !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-end {justify-content: flex-end !important;}

/* point */
.star::before {margin-right: 3px !important;}

/* select box */
.select-box {margin: 0;}

/* radio box */
input[type="checkbox"], input[type="radio"] {position: relative;height: 0;margin: 0;}
input[type="radio"] + label {min-height: 18px;min-width: 16px !important;}

/* boutton */
.hover-btn{background-color: rgba(255,255,255,0);color: rgba(255,255,255,0);border: none;}
.hover-btn:hover{background-color: rgba(255,255,255,0.1);color: rgba(0,0,0,1);border: #ddd 1px solid;text-shadow: -1px 0px #ddd, 0px 1px #ddd, 1px 0px #ddd, 0px -1px #ddd;box-shadow: 1px 1px 3px 1px;}

/* email */
.email-box {display: inline-flex;width: 100%;justify-content: space-between;align-items: center;}
.email-box .col1 {width: 28%;}
.email-box .col2 {width: 34%;}
.email-box .select-box {width: calc(38% - 9px);margin-left: 5px;}

/* address */
.address-box .search-box.disabled {background-color: #f5f5f5;width: calc(100% - 75px);display: flex;border-color: #e0e0e0 !important;}
.address-box .search-box input {border: 0;border-radius: 0;width: calc(100% - 25px);height: 100%;padding: 0;margin-right: 5px;background: transparent !important;}
.address-box .search-box button {margin-top: 3px;}

.address-content .search-box {height: 37px;background: #edeef2;}
.address-content .info_body .desc_tip, .address-content .info_body span {font-size: 14px;padding-left: 27px;}
.address-content .r_info_body span + span:before {content: ',';display: inline-block;margin-right: 5px;}
.address-content .address_list li {border: 1px solid #e0e0e0;border-radius: 3px;padding: 10px;}
.address-content .address_list li.active {background-color: rgba(0, 80, 152, 0.1) !important;}
.address-content .address_list li + li {margin-top: 10px;}
.address-content .address_list li:hover {cursor: pointer;background: #eff4f8;}
.address-content .address_list li > span {font-size: 16px;}
.address-content .address_list li dl dt {width: 40px;font-size: 11px;display: inline-flex;background-color: #eee;color: #393939;height: 19px;border-radius: 3px;justify-content: center;align-items: center;}
.address-content .address_list li dl dd {width: calc(100% - 50px);display: inline-flex;margin-left: 10px;font-size: 13px;}

/* cursor */
.c-auto {cursor: auto !important;}
.c-pointer {cursor: pointer !important;}
.c-default {cursor: default !important;}

/* overflow */
.overflow-h {overflow: hidden;}

/* button */
.btm-btn {padding: 12px 15px;}

/* icon */
.filter-active .i-reset {background-image: url("../images/icon-reset_03.png");}

/* table */
.table-scroll-wrap {display: inline-block;}
.table-scroll-wrap .table.list {table-layout: fixed;}
.table-scroll-wrap .table.list td:not(.td-preview) {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.table-scroll-wrap .table.list .td-preview .span-preview {letter-spacing:1px;}
.table-scroll-wrap .table-scroll {overflow-x: hidden;display: inline-block;}
.table-scroll-wrap .table-scroll .fixed-header-bg, .table-scroll-wrap .table.list thead th .fixed-th {z-index: 10;}
.table-scroll-wrap .table.list thead th .fixed-th { border-top: 1px solid #c1c1c1;line-height: 1.1;}
.table-scroll-wrap .table.list thead th .fixed-th .pop-filter button {display: inline-flex;justify-content: center;align-items: center;}
.table-scroll-wrap .table.list thead th.star::before {content: none;}
.table-scroll-wrap .table.list thead th.star .fixed-th:before {display: inline-block;content: '*';margin: 0 3px -4px 0;color: #cb2121;vertical-align: text-bottom;}
.table.form td.text-area {white-space: pre-line;}

.table.list tbody.no-hover tr:hover td {cursor: unset; background: unset;}

.ui-dialog .he-frm .table-scroll-wrap.wfull {min-width: 100%;position: relative;overflow: hidden;}

/*custom-tooltip*/
.custom-tooltip { position: absolute; max-width: 300px; background: #fdfdfd; color: #000; font-size: 12px; font-family: sans-serif; padding: 4px 8px; border: 1px solid #ccc; border-radius: 2px; z-index: 9999; white-space: pre-wrap; word-wrap: break-word; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); display: none;}

/* filter */
.filter-box {min-width: 160px !important;}
.filter-box .btm-btn {padding: 8px 10px;}
.filter-box .btm-btn .btn {padding: 1px 6px 2px;height: 23px;font-size: 12px;}

.filter .form-group input[type="search"] + .select-box {margin-left: 4px;}
.filter .form-group > div:last-child {margin-right: 0 !important;}

.listtop .filter .form-group .search-box {display: flex;justify-content: space-between;align-items: center;padding-right: 0;}
.listtop .filter .form-group .search-box button {height: 100%;border-radius: 0;width: 25px;background-size: 13px;}

/* file box */
.filebox {margin: 0 !important;height: auto !important;max-height: 70px !important;overflow-y: auto !important;}
button + .filebox .txt-name:first-child, input[type=file] + .filebox .txt-name:first-child {margin-top: 5px;}

.txt-name span {cursor: pointer;}
.txt-name span:hover {text-decoration: underline;}
.txt-name i.i-doc { background: url("../images/icon-doc_01.png") left center no-repeat;width: 12px; }

/* alert */
.progress {padding-top: 0 !important;}
.progress dl dd {width: calc(100% - 65px) !important;}
.progress .ntcn-tit {display: block;}
.progress .ntcn-tit strong:before {content: '[';display: inline-block;margin-right: .5px;}
.progress .ntcn-tit strong:after {content: ']';display: inline-block;margin-left: .5px;}
.progress .ntcn-tit strong + span {margin-left: 5px;}
.progress .ntcn-cnt {display: block;}

/* ellipsis */
.ellipsis-line2 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: initial;width: 100%;text-align: left;}
.table.list tbody tr.active td .ellipsis-line2, .table.list tbody tr.active:hover td .ellipsis-line2 {color: #00529e;}


/* ---------------------------- */
/* login */
/* ---------------------------- */
.login-inner {position: absolute !important;bottom: 0 !important;}
.login-inner .login-box .login-form span.btn {padding: 0 !important;}
.login-inner .login-box .login-form > div { display: flex; align-items: flex-start; width: 340px; margin: 0 auto; }
@media all and (max-height: 670px) { .login-inner .login-box { padding-top: 0;position: absolute;bottom: 0;top: auto !important; } }


/* ---------------------------- */
/* 통합검색 결과 */
/* ---------------------------- */
.search-result .search-tab ul li span:before {content: '(';display: inline-block;}
.search-result .search-tab ul li span:after {content: ')';display: inline-block;}
.search-result .he-frm .search-list .item {border: 0;}
.search-result .he-frm .search-list .item dt {border-top: 1px solid #dbdcde;border-right: 1px solid #dbdcde;border-left: 1px solid #dbdcde;}
.search-result .he-frm .search-list .item dt .more {display: inline-flex;align-items: center;}
.search-result .he-frm .search-list .item dt .more.sort:hover {cursor: auto;}
.search-result .he-frm .search-list .item dt .more.sort:after {content: none;}
.search-result .he-frm .search-list .item dt .sort .active {color: #0390d5;cursor: auto;}
.search-result .he-frm .search-list .item dd {border-right: 1px solid #dbdcde;border-bottom: 1px solid #dbdcde;border-left: 1px solid #dbdcde;}
.search-result .he-frm .search-list .item dd li:not(.no-hover):hover {cursor: pointer;}
.search-result .he-frm .search-list .item dd li.no-hover {background-color: transparent !important;}
.search-result .he-frm .search-list .item dd strong {font-size: inherit;}
.search-result .he-frm .search-list .item dd .date {margin-bottom: 0;}
.search-result .he-frm .search-list .item dd .date > span {font-size: inherit;margin-right: 6px;}
.search-result .he-frm .search-list .item dd .date > span ~ span {margin-left: 9px;}
.search-result .he-frm .search-list .item dd .date > span ~ span:before {content: '|';display: inline-block;margin-right: 7px;}
.search-result .he-frm .search-list .item dd .tit {padding-top: 7px;}
.search-result .he-frm .search-list .item dd .tit ~ .cnt {padding-top: 5px;display: flex;align-items: flex-start;}
.search-result .he-frm .search-list .item dd .tit,
.search-result .he-frm .search-list .item dd .cnt > span:not(.tx-lbl) {overflow: hidden;text-overflow: ellipsis;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0;}
.search-result .he-frm .search-list .item dd .cnt > span {font-size: 13px;color: inherit;line-height: inherit;}
.search-result .he-frm .search-list .item dd .cnt span.tx-lbl {font-size: 11px;margin-right: 5px;text-align: center;display: inline-block;min-width: 48px;margin-top: 1px;padding: 0 2px;background: #e3e4e9;color: #234c73;}
.search-result .he-frm .search-list .item dd .attach .txt-name span {max-width: calc(100% - 25px);}
.search-result .he-frm:not(.single) .paging {display: none;}
.search-result .he-frm.single {overflow: hidden !important;}
.search-result .he-frm.single .search-list {height: calc(100% - 40px);}
.search-result .he-frm.single .search-list .item {height: 100%;overflow: hidden;}
.search-result .he-frm.single .search-list .item dl {display: flex;flex-direction: column;height: 100%;}
.search-result .he-frm.single .search-list .item dd {overflow-y: auto;}


/* ---------------------------- */
/* tree */
/* ---------------------------- */
.tree-box .tree li, .tree-box .tree li > span {min-height: 30px;}
.tree-box .tree > li:only-child::before {height: 20px;top: 5px;}
.tree-box .tree label + span, .tree-box .tree ul li a {border-radius: 3px !important;padding: 1px 0 0 4px;background: transparent;z-index: 10;position: relative;line-height: 1.428571429;}
.tree-box .tree li:first-child::before, .tree-box .tree li:last-child::before, .tree-box .tree li::before {left: 10px !important;}
.tree-box .tree li .active { background-color: #e5edf4 !important; }
.tree-box .tree li + li, .tree-box .tree ul li + li, .tree-box .tree label + span + ul, .tree-box .tree ul li a + ul {margin-top: 5px !important;}
.tree-box .tree input:checked ~ ul li:not(:last-child):before {border-left: #e0e0e0 1px solid;content: '';position: absolute;top: -20px;left: 10px;}
.tree-box .tree label + span {display: inline-flex;align-items: center;width: calc(100% - 25px);}
.tree-box .tree label.d-none + span {width: 100%;}
.tree-box .tree label + span:not(.active):hover, .tree-box .tree ul li a:not(.active):hover { background-color: #eff4f8 !important;color: #393939 !important; }
.tree-box .tree label + span + ul li:after {position: absolute;top: -10px;left: 10px;display: block;height: 25px;width: 21px;border-bottom: #e0e0e0 1px solid;border-left: #e0e0e0 1px solid;content: '';}
.tree-box .tree label.tree_label {margin-bottom: 0;height: 18px;width: 25px;padding: 0;display: inline-flex;margin-top: 6px;}
.tree-box .tree label.tree_label::before {margin: 0 !important;top: 0 !important;}
.tree-box .tree .tree_label:hover {color: #0390d5;}
.tree-box .tree .tree_label::after {content: none;}
.tree-box .tree ul li {padding-left: 32px !important;}
.tree-box .tree ul li a {width: 100%;}
.tree-box .tree ul li a:before {content: '';display: block;position: absolute;width: 10px;left: -15px;margin: 0 !important;top: 15px;border-width: 0 0 1px 0 !important;border-color: #e0e0e0 !important;}

.tree-box .tree i {margin-top: 0;background-image: none !important;width: 22px;height: 15px;display: flex;justify-content: center;align-items: center;border: 1px solid #d7d7d7;margin-right: 5px;border-radius: 2.5px;}
.tree-box .tree i:before {display: block;color: #fff;font-size: 10px;letter-spacing: -1px;margin-right: 1px;font-size: 10px;letter-spacing: -0.4px;}
.tree-box .tree i.i-use {border-color: #0390d5;background-color: #0390d5;}
.tree-box .tree i.i-use:before {content: 'ON';}
.tree-box .tree i.i-notuse {border-color: #d7d7d7;background-color: #eaeaea;}
.tree-box .tree i.i-notuse:before {content: 'OFF';color: #333;opacity: 0.5;}
.tree-box .tree i.i-user {background: url("../images/icon-user_02.png") right top no-repeat !important;width: 12px;border: 0;}

.tree-box .tree button {height: 23px;padding: 0px 8px;right: 5px;top: 3px;position: absolute;z-index: 20;}
.tree-box .tree button i.i-plus { width: 12px; height: 12px; margin: 0 2px -1px 0; background-image: url("../images/icon-plus_03.png") !important; background-position-y: 50%;border: 0; }
.tree-box .tree .select-box {right: 5px;top: 3px;position: absolute;z-index: 20;}
.tree-box .tree .select-box select {height: 24px;}
.tree-box .tree .switch {margin-bottom: 0 !important;}

.tree-box .tree input[type="checkbox"] + label:not(.tree_label) {display: flex;width: 16px;height: 16px;align-items: center;padding: 0;margin-right: 5px;margin-top: -4px;}
.tree-box .tree li .orgcht-val {height: 100%;width: 100%;padding: 5px 0;}
.tree-box .tree li .orgcht-val > label {margin-left: 5px;}
.tree-box .tree li .orgcht-val > label:before {content: '(';}
.tree-box .tree li .orgcht-val > label:after {content: ')';}

.pop-workclcd .d-flex .tree-box {width: calc(48% - 10px);margin-right: 10px;}
.pop-workclcd .d-flex .tree-box + div {width: 52%;}
.pop-workclcd .d-flex .tree-box + div .form + div {display: flex;justify-content: flex-end;margin-top: 10px;}


/* ---------------------------- */
/* ck editor */
/* ---------------------------- */
.ck.ck-editor *, td.ck-content * {font-size: 13px !important;font-family: "Noto Sans KR", "맑은 고딕", "MalgunGothic", Helvetica, Arial, sans-serif !important;color: inherit;}
.ck.ck-toolbar, .ck.ck-editor__main>.ck-editor__editable {border-color: #e0e0e0 !important;box-shadow: none !important;}
.ck.ck-button {cursor: pointer !important;}
.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus {outline: none;box-shadow: none !important;border-color: transparent !important;}
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {background-color: rgba(0, 80, 152, 0.1) !important;color: #393939;color: #005098 !important;}
.ck.ck-list__item .ck-button .ck-button__label {color: #393939 !important;line-height: 1 !important;padding: 0 !important;min-height: 26px;display: inline-flex !important;align-items: center;}
.ck.ck-list__item .ck-button.text-tiny .ck-button__label, .ck-content .text-tiny, .ck-content .text-tiny * {font-size: 10px !important;}
.ck.ck-list__item .ck-button.text-small .ck-button__label, .ck-content .text-small, .ck-content .text-small * {font-size: 11px !important;}
.ck.ck-list__item .ck-button.text-big .ck-button__label, .ck-content .text-big, .ck-content .text-big * {font-size: 16px !important;}
.ck.ck-list__item .ck-button.text-huge .ck-button__label, .ck-content .text-huge, .ck-content .text-huge * {font-size: 20px !important;}
.table.form td .ck.ck-editor {margin: -3px -5px;height: 320px !important;overflow: hidden;display: block !important;}
.table.form td .ck.ck-editor__top > .ck-sticky-panel {height: 40px !important;}
.table.form td .ck.ck-editor__main {overflow-y: auto;height: calc(100% - 40px);}
.table.form td .ck.ck-toolbar, .table.form td .ck.ck-editor__main>.ck-editor__editable {box-shadow: none !important;border-left: 0;border-right: 0;}
.table.form td .ck.ck-toolbar {border-top: 0;height: 40px;}
.table.form td .ck.ck-editor__main>.ck-editor__editable {border-bottom: 0;height: 100%;padding: 5px;}
/* only view */
td.ck-content {overflow-x: auto;padding: 0 !important;}
td.ck-content > div {padding: 10px;height: 450px;}
.ck-content p {margin: 0 !important;}
.ck-content i {width: auto !important;height: auto !important;font-style: italic !important;background: none !important;}
.ck-content strong * {font-weight: 500;}
.ck-content ul, .ck-content ol {display: block;margin-block-start: 10px;margin-block-end: 10px;padding-inline-start: 40px;}
.ck-content ul {list-style-type: disc;}
.ck-content ol {list-style-type: decimal;}
.ck-content blockquote {border-left: 4px solid #0390d5 !important;padding: 0 15px;}


/* ---------------------------- */
/* datepicker */
/* ---------------------------- */
.ui-datepicker {z-index: 1100 !important;}
.ui-datepicker table td a,.ui-datepicker table td span {width: 26px; height: 26px; margin: 0px 4px;line-height: 26px;}
.ui-datepicker table td.ui-state-disabled span { display: block; text-align: center; opacity: .4; }

/* ---------------------------- */
/* toastr */
/* ---------------------------- */
#toast-container {top: 30px;}
#toast-container>.toast {margin: 0 auto !important;max-width: 100%;width: 350px !important;}
#toast-container>.toast + .toast {margin-top: 8px !important;}
#toast-container>.toast-success {box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important;background-color: #1f429c !important;}
#toast-container>.toast-warning {box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4) !important; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4) !important;background-color: #d87408 !important;}
#toast-container>.toast-error {box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5) !important;cursor: auto !important;background-color: #d22323 !important;}
#toast-container .toast-message {width: calc(100% - 20px);}
#toast-container .toast-close-button {background: url("../images/btn-close_02.png") 50% no-repeat !important;font-size: 0;width: 16px;height: 16px;opacity: 1 !important;top: 1px;right: -3px;}


/* ---------------------------- */
/* body wrap */
/* ---------------------------- */
.modal-wrap {background: #f3f4f8;overflow: auto;display: block !important;outline: 0;position: absolute;z-index: 45;width: 100%;height: 100%;left: 0;top: 0;pointer-events: auto;}
.modal-wrap .wrap {width: 100%;height: 100%;margin-left: 0;display: flex;flex-direction: column;}


/* ---------------------------- */
/* jquery dialog */
/* ---------------------------- */
.ui-dialog {background: transparent;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);overflow: hidden;border-radius: 3px;display: block !important;outline: 0;position: absolute; z-index: 1000;max-width: 96% !important;max-height: 100% !important;pointer-events: auto;}
.ui-dialog .ui-helper-clearfix:before, .ui-dialog .ui-helper-clearfix::after {content: none;}
.ui-dialog .ui-dialog-titlebar {display: flex;justify-content: space-between;align-items: center;margin: 0;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {display: flex;align-items: center;color: #fff;line-height: 1;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {right: 0;top: 0;font-size: 0;border: none;}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {display: block;text-indent: -9999px;}
.ui-dialog.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-dialog .ui-dialog-content.pop-box { box-shadow: none !important; border-radius: 0 !important; }
.ui-dialog .ui-dialog-content {display: flex;flex-direction: column;background: #fff;}
.ui-dialog .ui-dialog-content > div.body-area, .ui-dialog .ui-dialog-content > .tabArea {overflow-y: auto;flex: 1;}
.ui-dialog .ui-dialog-titlebar .ui-icon, .ui-dialog > div ~ .ui-icon, .ui-dialog > div ~ .ui-resizable-handle {display: none !important;}
.ui-dialog .inner-tabArea .subtabcontents {overflow-y: auto;}

.ui-dialog.pop-box.open-alert .body-area {padding: 0 !important;}
.ui-dialog.pop-box.open-alert .ui-dialog-titlebar-close {display: none !important;}
.ui-dialog.pop-box.open-alert .ui-dialog-buttonset {display: flex;justify-content: flex-end;padding: 10px 15px;background-color: #f4f4f4;}
.ui-dialog.pop-box.open-alert .ui-dialog-buttonset button + button {margin-left: 6px;}
.ui-dialog.pop-box.open-alert:not(.open-confirm) .ui-dialog-buttonset .btn:before {content: '';width: 12px;height: 12px;margin-right: 4px;margin-bottom: -1px;background-image: url(../images/icon-apply_01.png);}
.ui-dialog.pop-box.open-alert.open-confirm .ui-dialog-buttonset .btn.point span {color: #fff;}

/* overlay */
.ui-widget-overlay {width: 100%;height: 100%;opacity: 0;background: rgba(0, 0, 0, 0.45);pointer-events: auto;position: absolute;top: 0;left: 0;z-index: 1000;min-width: 1400px;}
.pop-box.win {border-radius: 0 !important;}
.pop-box.win ~ .ui-widget-overlay {min-width: auto;}
.ui-widget-overlay:only-child{opacity: 1}

/* loading */
.o2-loading {display: none;background-color: transparent;position: absolute;z-index: 9999;top: 0;left: 0;min-width: 1400px;width: 100%;height: 100%;justify-content: center;align-items: center;flex-direction: column;}
/*.o2-loading {display: none;background-color: transparent;position: absolute;z-index: 9999;top: calc(50% - 120px);left: calc(50% - 100px);justify-content: center;align-items: center;flex-direction: column;}*/
.o2-loading img {margin-top: -20px;}
.pop-box.win ~ .o2-loading {min-width: 100% !important;}
.o2-loading > span {margin-top: -65px;font-weight: 500;margin-bottom: 45px;}

/* batch */
.pop-batch .form-guide button {border: 0;border-radius: 0;height: auto;padding: 0;text-decoration: underline;margin-top: 7px;background: transparent;}
.pop-batch .box-flex {padding: 10px 0;border-top: #e0e0e0 1px solid;border-bottom: #e0e0e0 1px solid;min-height: 47px;justify-content: center;align-items: center;color: #b7b7b7;line-height: 1;}
.pop-batch .upload-file-name {align-items: center;width: 100%;display: flex;}
.pop-batch .upload-file-name:before {content: '';background: url("../images/icon-progress.png") 0 center no-repeat;width: 25px;height: 25px;display: inline-block;margin-right: 10px;}

/* progress */
.o2-progress .ui-dialog-titlebar {display: none;}
.o2-progress .progress-wrap {position: relative;background: transparent;}
.o2-progress .progress-wrap .inner {min-height: 200px;height: auto;}
.o2-progress .progress-wrap .inner .progress-area .progress-bar span {position: relative;}
.o2-progress .progress-wrap .inner .progress-area .percent {top: 25px;right: -16px;height: 18px;padding: 2px 0;}
.o2-progress .progress-wrap .inner .progress-area .percent:after {content: '%';display: inline-block;margin-left: 1px;}

/* ---------------------------- */
/* hangulroForm */
/* ---------------------------- */
iframe#hwpctrl_frame {border: #e0e0e0 1px solid;}
.hangulroFormLoader {display: none;background-color: transparent;position: absolute;z-index: 10000;top: 0;left: 0;min-width: 1400px;width: 100%;height: 100%;justify-content: center;align-items: center;flex-direction: column;}
.pop-box.win ~ .hangulroFormLoader {min-width: 100% !important;}
.hangulroFormLoader > span {margin-top: -65px;font-weight: 500;margin-bottom: 45px;}