.oc-settings-v2 {
    width: 100%;
    padding: 8px 0 24px;
    box-sizing: border-box;
    color: #102f50;
}

/* 전자결재 홈 설정: 웹/모바일에 동일한 설정 패널 구조를 사용한다. */
.approval-home-setting-v2 {
  min-height: 0;
  padding: 0 20px 18px !important;
}

.approval-home-setting-v2 .approval-home-setting-grid-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  min-height: 0;
  flex: 1 1 auto;
}

.approval-home-setting-v2 .approval-home-setting-panel-v2 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: 14px;
  border: 1px solid #dbe4ee;
  border-radius: 7px;
  background: #fff;
}

.approval-home-setting-v2 .approval-home-setting-panel-v2 > .oc-settings-heading {
  display: flex;
  min-height: 44px;
  align-items: center;
  margin: 0 0 14px;
  padding: 0 4px 12px;
  border-bottom: 1px solid #dbe4ee;
  flex: 0 0 auto;
}

.approval-home-setting-v2 .approval-home-setting-panel-v2 > .oc-settings-heading .oc-settings-heading-bar {
  flex: 0 0 4px;
  width: 4px;
  height: 18px;
  margin: 0 10px 0 0;
  border-radius: 1px;
  background: #163b5c;
}

.approval-home-setting-v2 .approval-home-setting-panel-v2 > .oc-settings-heading .oc-settings-heading-title {
  color: #102f50;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.approval-home-setting-v2 .approval-home-setting-content-v2 {
  display: grid;
  grid-template-columns: minmax(180px, 34%) minmax(0, 1fr);
  gap: 14px;
  min-height: 0;
  flex: 1 1 auto;
}

.approval-home-setting-v2 .approval-home-setting-list-v2,
.approval-home-setting-v2 .approval-home-setting-detail-v2 {
  min-width: 0;
  min-height: 0;
}

.approval-home-setting-v2 .approval-home-setting-list-v2 {
  display: flex;
}

.approval-home-setting-v2 .approval-home-setting-list-v2 > .standard-list-frame-v2 {
  width: 100%;
  height: 100%;
}

.approval-home-setting-v2 .approval-home-setting-detail-v2 {
  padding-left: 14px;
  border-left: 1px solid #e2e9f1;
}

.approval-home-setting-v2 .approval-home-setting-detail-v2 > .oc-settings-toolbar {
  min-height: 44px;
  margin-bottom: 14px;
  border-bottom: 1px solid #dbe4ee;
}

.approval-home-setting-v2 .approval-home-setting-form-v2 {
  overflow: visible;
}

@media (max-width: 1400px) {
  .approval-home-setting-v2 .approval-home-setting-grid-v2 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .approval-home-setting-v2 .approval-home-setting-content-v2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .approval-home-setting-v2 .approval-home-setting-detail-v2 {
    padding-top: 14px;
    padding-left: 0;
    border-top: 1px solid #e2e9f1;
    border-left: 0;
  }
}

.oc-settings-v2 * { box-sizing: border-box; }
.oc-settings-v2 .oc-settings-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 29px;
    gap: 8px;
    margin-bottom: 18px;
}
.oc-settings-v2 .oc-settings-toolbar .btn {
    min-width: 54px;
    height: 29px;
    padding: 0 12px;
    border-radius: 5px;
    line-height: 27px;
}
.oc-settings-v2 .oc-settings-toolbar .btn-primary {
    color: #fff;
    border-color: #086ccf;
    background: #086ccf;
}
.oc-settings-v2 .oc-settings-toolbar .btn-outline-light:not(.btn-outline-secondary) {
    color: #173653;
    border-color: #173653;
    background: #fff;
}
.oc-settings-v2 .oc-settings-panel {
    overflow: hidden;
    border: 1px solid #d3e0ee;
    border-radius: 8px;
    background: #fff;
}
.oc-settings-v2 .oc-settings-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.oc-settings-v2 .oc-settings-field {
    grid-column: span 12;
    min-width: 0;
    padding: 14px 18px;
    border-top: 1px solid #e3ebf4;
}
.oc-settings-v2 .oc-settings-field:first-child { border-top: 0; }
.oc-settings-v2 .oc-settings-field.third { grid-column: span 4; border-top: 0; }
.oc-settings-v2 .oc-settings-field.third + .third { border-left: 1px solid #e3ebf4; }
.oc-settings-v2 .oc-settings-field.half { grid-column: span 6; }
.oc-settings-v2 .oc-settings-label,
.oc-settings-v2 .oc-settings-field > label {
    display: block;
    margin: 0 0 8px;
    color: #173653;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.oc-settings-v2 .oc-settings-control-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 36px;
}
.oc-settings-v2 .oc-settings-control-row .input-group-date { width: 160px !important; }
.oc-settings-v2 .oc-settings-control-row .date-separator { color: #718399; }
.oc-settings-v2 .form-control,
.oc-settings-v2 select.form-control {
    height: 30px;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid #b7c5d1;
    border-radius: 4px;
    color: #183752;
    background-color: #fff;
    box-shadow: none;
    font-size: 13px;
}
.oc-settings-v2 .form-control:focus {
    border-color: #527fa5;
    box-shadow: 0 0 0 2px rgba(52, 109, 157, .08);
}
.oc-settings-v2 textarea.form-control {
    height: auto;
    min-height: 150px;
    padding: 7px 9px;
    resize: vertical;
}
.oc-settings-v2 .input-group-date {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 30px;
    min-height: 30px;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #b7c5d1;
    border-radius: 4px;
    background: #fff;
}
.oc-settings-v2 .input-group-date:focus-within {
    border-color: #527fa5;
    box-shadow: 0 0 0 2px rgba(52, 109, 157, .08);
}
.oc-settings-v2 .input-group-date > input.form-control {
    box-sizing: border-box;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
    height: 28px;
    min-height: 28px;
    margin: 0;
    padding: 0 9px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.oc-settings-v2 .input-group-date > input.form-control:focus {
    border: 0;
    box-shadow: none;
}
.oc-settings-v2 .input-group-date > .input-group-addon {
    position: static;
    box-sizing: border-box;
    display: flex !important;
    flex: 0 0 30px;
    width: 30px;
    height: 28px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 !important;
    border: 0;
    border-left: 1px solid #b7c5d1;
    border-radius: 0;
    background: #fff;
}
.oc-settings-v2 .input-group-btn { display: flex; width: 100%; }
.oc-settings-v2 .input-group-btn > .form-control {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    border-radius: 4px 0 0 4px;
}
.oc-settings-v2 .input-group-btn > .btn {
    flex: 0 0 auto;
    height: 30px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #b7c5d1;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    color: #234866;
    background: #fff;
    box-shadow: none;
}
.oc-settings-v2 ul.form-control {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 2px 8px;
    overflow: hidden;
    white-space: nowrap;
}
.oc-settings-v2 .input-group-btn > ul.form-control > li {
    display: inline-flex;
    float: none;
    max-width: 220px;
    height: 24px;
    align-items: center;
    margin: 0;
    padding: 0 8px;
    border: 0;
    border-radius: 5px;
    background: #e8f1fb;
    color: #234d78;
    font-size: 13px;
}

.oc-settings-v2.oc-settings-split { padding-top: 0; }
.oc-settings-v2 .oc-settings-columns { display: grid; grid-template-columns: minmax(250px, 30%) 1fr; min-height: 560px; }
.oc-settings-v2 .oc-settings-tree { padding: 16px; border-right: 1px solid #d3e0ee; }
.oc-settings-v2 .oc-settings-detail { min-width: 0; padding: 16px 18px; }
.oc-settings-v2 .oc-settings-section-title {
    margin: 18px 0 10px;
    padding-left: 10px;
    border-left: 3px solid #086ccf;
    color: #173653;
    font-size: 16px;
    font-weight: 700;
}
.oc-settings-v2 .form-row { margin-right: -6px; margin-left: -6px; }
.oc-settings-v2 .form-row > .form-group { padding-right: 6px; padding-left: 6px; }
.oc-settings-v2 .form-group {
    margin-bottom: 4.05px;
    padding-top: 3.645px;
    padding-bottom: 10.935px;
}
.oc-settings-v2 .form-group > label {
    display: block;
    margin: 0 0 3px;
    color: #1d405e;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}

@media (max-width: 900px) {
    .oc-settings-v2 .oc-settings-field.third,
    .oc-settings-v2 .oc-settings-field.half { grid-column: span 12; border-left: 0 !important; border-top: 1px solid #e3ebf4; }
    .oc-settings-v2 .oc-settings-columns { grid-template-columns: 1fr; }
    .oc-settings-v2 .oc-settings-tree { border-right: 0; border-bottom: 1px solid #d3e0ee; }
}

/* Personal document-folder configuration. */
.my-doc-folder-config-v2 .minicolors-swatch-color { width: 30px; }
.my-doc-folder-config-v2 .minicolors-theme-default.minicolors { width: 100%; }
.my-doc-folder-config-v2 .minicolors-theme-default .minicolors-input { width: 100%; height: auto; }
.my-doc-folder-config-v2 #divFileProperty div,
.my-doc-folder-config-v2 #divFileProperty input,
.my-doc-folder-config-v2 #divFileProperty label,
.my-doc-folder-config-v2 #divFileProperty label::after { height: 31px; }
.my-doc-folder-config-v2 #divFileProperty .btn { padding: 5px 20px; }
.my-doc-folder-config-v2 #divApprovalFolder { max-height: calc(100vh - 160px); overflow-y: auto; padding: 5px; }
.my-doc-folder-config-v2 .divSetArea { display: none; clear: both; }
.my-doc-folder-config-v2 .disp-item {
	float: left;
	min-width: 80px;
	margin: 1px;
	padding: 0 2px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	background: #fff;
	line-height: 30px;
	text-align: center;
	list-style: none;
	cursor: move;
}
.my-doc-folder-config-v2 .disp-item-place {
	display: table;
	width: 100%;
	height: 42px;
	padding: 3px;
	border: 1px dashed #ccc;
	background: rgba(233, 233, 233, .25);
	list-style: none;
}
.oc-settings-heading { display: flex; align-items: flex-start; }
.oc-settings-heading-bar { width: 4px; height: 16px; margin-top: 5px; }
.oc-settings-heading-title { font-size: 16px; font-weight: 700; }
.oc-settings-heading-actions { margin-left: auto; }
.oc-settings-actions-end { display: flex; justify-content: flex-end; }
.oc-settings-dropdown-panel { margin-top: 2px; padding: 15px 5px; }
.oc-settings-label-block { display: block; }
.oc-settings-property-heading { display: flex; align-items: center; }
.oc-settings-property-heading .oc-settings-heading-bar { margin-top: 3px; }
.oc-settings-heading-fixed { flex: 0 0 auto; }
.oc-settings-readonly { background-color: #fff; }
.oc-settings-date-label { display: block; margin-bottom: 5px; font-weight: 700; }
.oc-settings-date-row { display: flex; margin-top: .3rem; }
.oc-settings-date-control { width: 150px; }
.oc-settings-date-separator { line-height: 30px; }
.oc-settings-doc-heading { display: flex; }
.oc-settings-doc-heading-main { display: flex; flex: 0 0 auto; }
.oc-settings-doc-actions { flex: 1 1 0; text-align: right; }
.oc-settings-multilang-trigger { display: none; padding: 2px 5px; cursor: pointer; }
.oc-settings-multilang-menu { margin-top: 2px; padding: 15px 5px; }
.oc-settings-optional-field { display: none; }
.oc-settings-full-height { height: 100%; }
.oc-settings-hidden-tools { display: none; }
.oc-settings-toolbar { display: flex; margin-bottom: 5px; }
.oc-settings-color-value { width: 50px; }
.oc-settings-column-stack { flex-direction: column; }
.oc-settings-narrow { max-width: 900px; }

.approval-env-settings-v2{--approval-env-primary:var(--portal-theme-primary,#0b67c9);--approval-env-primary-soft:color-mix(in srgb,var(--approval-env-primary) 9%,#fff);--approval-env-text:#102a4c;--approval-env-line:#dce5f0;height:calc(100vh - 132px);min-height:560px;padding:0 24px 24px!important;overflow:hidden;color:var(--approval-env-text);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif}
.approval-env-layout{display:flex;width:100%;height:100%;min-height:0;margin:0!important;border-top:1px solid var(--approval-env-line)}
.approval-env-nav{flex:0 0 286px!important;width:286px;max-width:286px;height:100%;padding:0 24px 0 0!important;border-right:1px solid var(--approval-env-line)}
.approval-env-nav-list{display:flex!important;flex-direction:column;margin:0!important;padding:0 24px 0 0!important;border:0!important}
.approval-env-nav-item{display:block;width:100%;margin:0;padding:0}
.approval-env-nav-link{position:relative;display:flex;min-height:44px;align-items:center;margin:0;padding:0 28px!important;border:0!important;border-bottom:0!important;border-radius:6px!important;color:#4f6178!important;background:transparent!important;font-size:14px;line-height:1.4;text-decoration:none!important;text-transform:none!important;box-shadow:none!important}
.approval-env-nav-list,.approval-env-nav-item,.approval-env-nav-link,.approval-env-nav-link.active,.approval-env-nav-link:focus,.approval-env-nav-link:hover{border-top:0!important;border-right:0!important;border-bottom:0!important;border-left:0!important;outline:0!important;box-shadow:none!important}
body .approval-env-settings-v2 .approval-env-nav .approval-env-nav-list.nav-tabs .approval-env-nav-item .approval-env-nav-link.nav-link.active,body .approval-env-settings-v2 .approval-env-nav .approval-env-nav-list.nav-tabs .approval-env-nav-item.on .approval-env-nav-link.nav-link{border:0!important;border-bottom:0!important;box-shadow:none!important}
.approval-env-nav-link b{font-weight:600}
.approval-env-nav-link:hover{background:#f5f8fc!important;color:var(--approval-env-text)!important}
.approval-env-nav-item.on .approval-env-nav-link,.approval-env-nav-link.active{background:var(--approval-env-primary-soft)!important;color:var(--approval-env-primary)!important}
.approval-env-nav-item.on .approval-env-nav-link:before,.approval-env-nav-link.active:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:3px;border-radius:0 2px 2px 0;background:var(--approval-env-primary)}
.approval-env-nav-item.on .approval-env-nav-link:after,.approval-env-nav-link.active:after{display:none;content:none}
.approval-env-content{flex:1 1 auto;min-width:0;height:100%;padding:8px 0 0 24px;overflow:auto}
.approval-env-tab-panel{display:none;width:100%;max-width:none}
.approval-env-tab-panel.active{display:block}
.approval-env-actions{display:flex;justify-content:flex-end;width:100%;margin-bottom:12px}
.approval-env-content .form-row{width:100%!important;max-width:none}
.approval-env-absence-section{width:100%;max-width:none}
.approval-env-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.approval-env-section-heading strong{color:#19324f;font-size:17px}
.approval-env-absence-section .oc-settings-panel{max-width:none}
.approval-env-absence-section .oc-settings-panel{border:0!important;border-radius:0!important}
.approval-env-absence-section .oc-settings-field,.approval-env-absence-section .oc-settings-field:first-child{border-top:0!important;border-right:0!important;border-bottom:0!important;border-left:0!important}
.approval-env-absence-section .oc-settings-date-row{display:flex;height:36px;align-items:center;flex-wrap:nowrap;margin-top:3px}
.approval-env-absence-section .oc-settings-date-control{box-sizing:border-box;display:flex;flex:0 0 180px;width:180px;max-width:180px;height:36px;min-height:36px;align-items:stretch;overflow:hidden;border:1px solid #b7c5d1!important;border-radius:4px!important;background:#fff;color:#183752}
.approval-env-absence-section .oc-settings-date-control:focus-within{border-color:#527fa5!important;box-shadow:0 0 0 2px rgba(52,109,157,.08)}
.approval-env-absence-section .oc-settings-date-control>input.form-control{box-sizing:border-box;flex:1 1 auto;width:auto!important;min-width:0;height:34px!important;min-height:34px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:#fff;color:#183752!important;box-shadow:none!important;opacity:1}
.approval-env-absence-section .oc-settings-date-control .input-group-addon,.approval-env-absence-section .oc-settings-date-control .input-group-text,.approval-env-absence-section .oc-settings-date-control>button{position:static!important;box-sizing:border-box;display:flex!important;flex:0 0 34px;width:34px!important;height:34px!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #b7c5d1!important;border-radius:0!important;background:#fff!important;color:#183752!important;box-shadow:none!important;opacity:1}
.approval-env-absence-section .oc-settings-date-control i,.approval-env-absence-section .oc-settings-date-control svg{margin:0!important;line-height:1}
.approval-env-absence-section .oc-settings-date-separator{display:flex;flex:0 0 26px;width:26px;height:36px;align-items:center;justify-content:center;white-space:nowrap;line-height:36px;color:#718399}
.approval-env-absence-section .input-group-btn{display:flex;width:100%}
.approval-env-absence-section .input-group-btn>.form-control{flex:1 1 auto;min-width:0}
.approval-env-absence-section .input-group-btn>.btn{flex:0 0 64px;height:36px;margin-left:8px}
.approval-env-absence-section .error{display:block;margin-top:5px;color:#e5484d;font-size:12px}
.approval-env-absence-section .is-invalid{border-color:#e5484d!important}
@media(max-width:1100px){.approval-env-settings-v2{padding-right:16px!important;padding-left:16px!important}.approval-env-nav{flex-basis:230px!important;width:230px;max-width:230px}.approval-env-nav-link{padding-right:16px!important;padding-left:16px!important}}

/* Approval administration workbench
 * Shared by document numbering, form management, official forms,
 * approval-folder management and approval-folder column settings. */
.approval-settings-workbench-v2 {
	--approval-setting-text: #173653;
	--approval-setting-muted: #61758a;
	--approval-setting-line: #dbe4ee;
	--approval-setting-soft: #f6f9fc;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0 20px 18px !important;
	color: var(--approval-setting-text);
}

.approval-settings-workbench-v2 > .system-entity-layout-v2 {
	display: grid !important;
	grid-template-columns: minmax(280px, 30%) minmax(0, 1fr) !important;
	gap: 20px !important;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow: hidden;
}

.approval-settings-workbench-v2 .system-entity-pane-v2 {
	box-sizing: border-box;
	width: auto !important;
	max-width: none !important;
	height: 100%;
	min-height: 0;
	padding: 14px !important;
	border: 1px solid var(--approval-setting-line) !important;
	border-radius: 7px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
}

.approval-settings-workbench-v2 .system-entity-form-v2 {
	position: relative;
	display: flex;
	flex-direction: column;
}

.approval-settings-workbench-v2 .system-entity-form-v2::before {
	top: 57px;
	background: var(--approval-setting-line);
}

.approval-settings-workbench-v2 .system-entity-form-v2 > :is(.oc-settings-toolbar, .btn-area) {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	height: 44px;
	min-height: 44px;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 8px;
	margin: 0 0 10px !important;
	padding: 0;
	flex: 0 0 auto;
}

.approval-settings-workbench-v2 .system-entity-form-v2 > :is(.system-entity-pane-body-v2, .content-wrapper) {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	min-height: 0;
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.approval-settings-workbench-v2 :is(.form-control, .input-group-date) {
	border-color: #c9d6e3;
}

.approval-settings-workbench-v2 .form-group > label {
	color: var(--approval-setting-text);
	font-weight: 700;
}

.approval-settings-workbench-v2 .oc-settings-heading {
	display: flex;
	min-height: 32px;
	align-items: flex-start;
	margin: 0 0 8px !important;
}

.approval-settings-workbench-v2 .oc-settings-heading-bar {
	flex: 0 0 4px;
	width: 4px;
	height: 18px;
	margin-top: 3px;
	border-radius: 1px;
}

.approval-settings-workbench-v2 .oc-settings-heading-title {
	color: var(--approval-setting-text);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

/* Draggable numbering/column tokens are a shared approval-setting control.
 * Keep this outside screen-specific scopes so lists never fall back to bullets. */
.approval-settings-workbench-v2 .disp-item-place {
	box-sizing: border-box;
	display: flex !important;
	width: 100%;
	min-height: 52px;
	height: auto;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	padding: 5px;
	border: 1px dashed #d4dee9 !important;
	border-radius: 4px;
	background: #fbfcfe !important;
	list-style: none !important;
	overflow: visible;
}

.approval-settings-workbench-v2 .disp-item-place > .disp-item {
	box-sizing: border-box;
	display: inline-flex !important;
	float: none !important;
	min-width: 80px;
	height: 34px;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 12px;
	border: 1px solid #d8e0e8;
	border-radius: 5px;
	background: #fff;
	color: #23425f;
	font-size: 13px;
	line-height: 32px;
	text-align: center;
	white-space: nowrap;
	list-style: none !important;
	cursor: move;
}

.approval-settings-workbench-v2 .disp-item-place > .disp-item::marker {
	content: none;
}

.approval-settings-workbench-v2 .disp-item-place > .disp-item:hover {
	border-color: #91abc4;
	background: #f4f8fc;
}

.app-folder-item-setting-v2 .system-entity-form-v2 > .oc-settings-toolbar {
	position: static;
	z-index: auto;
}

.app-folder-item-setting-v2 .system-entity-form-v2 > .system-entity-pane-body-v2 {
	display: block;
	height: auto;
}

.app-folder-item-setting-v2 #ulsecBoxItem,
.app-folder-item-setting-v2 #ulSecSetItem {
	min-height: 54px;
}

.approval-settings-workbench-v2.app-folder-item-setting-v2 > .system-entity-layout-v2 {
	grid-template-columns: minmax(240px, 24%) minmax(0, 1fr) !important;
}

.app-folder-item-setting-v2 #ulsecBoxItem {
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.app-folder-item-setting-v2 #ulsecBoxItem > .disp-item {
	flex: 0 0 auto;
}

/* Approval-folder toolbar participates in layout so its divider and fields
 * cannot overlap. The divider remains at the shared 57px position. */
.approval-settings-workbench-v2.app-folder-setting-v2 .system-entity-form-v2 {
	padding: 14px !important;
}

.approval-settings-workbench-v2.app-folder-setting-v2 .system-entity-form-v2 > .oc-settings-toolbar {
	position: static;
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	min-height: 44px;
	align-items: flex-start;
	margin: 0 0 10px !important;
}

.approval-settings-workbench-v2.app-folder-setting-v2 .system-entity-form-v2 > #DefaultConfig {
	box-sizing: border-box;
	padding-top: 10px !important;
}

.approval-form-management-v2 > .system-entity-layout-v2,
.approval-official-form-management-v2 > .system-entity-layout-v2 {
	height: calc(100% - 58px);
}

.approval-role-setting-v2 > .system-entity-layout-v2 {
	grid-template-columns: minmax(300px, 40%) minmax(0, 1fr) !important;
	height: calc(100% - 58px);
}

.approval-role-line-setting-v2 > .system-entity-layout-v2 {
	grid-template-columns: minmax(260px, 25%) minmax(0, 1fr) !important;
	height: calc(100% - 58px);
}

.approval-dept-line-setting-v2 {
	min-height: 0;
	padding: 0 20px 18px !important;
}

.approval-dept-line-setting-v2 > .system-entity-layout-v2 {
	grid-template-columns: minmax(280px, 32%) minmax(0, 1fr) !important;
	height: 100%;
}

.approval-dept-line-setting-v2 .approval-dept-line-filter-v2 {
	flex: 0 0 auto;
	margin: 0 0 14px;
	padding: 0 0 12px;
	border: 0;
	border-bottom: 1px solid #dbe4ee;
	border-radius: 0;
	background: transparent;
}

.approval-dept-line-setting-v2 .approval-dept-line-filter-v2 .search-ul {
	display: flex;
	min-height: 34px;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.approval-dept-line-setting-v2 .approval-dept-line-filter-v2 .search-ul > li:first-child {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 10px;
	flex: 1 1 auto;
}

.approval-dept-line-setting-v2 .approval-dept-line-filter-v2 label {
	margin: 0;
	color: #102f50;
	font-weight: 700;
}

.approval-dept-line-setting-v2 .approval-dept-line-filter-v2 #ddlForm {
	width: auto !important;
	min-width: 0;
	flex: 1 1 auto;
}

.approval-dept-line-setting-v2 .approval-dept-line-body-v2 {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	padding-top: 12px;
}

.approval-dept-line-setting-v2 .approval-line-preview-v2 {
	display: flex;
	height: 260px;
	align-items: center;
	justify-content: center;
	padding: 14px;
	border: 1px solid #dbe4ee;
	border-radius: 4px;
	background: #fff;
	line-height: normal;
	text-align: center;
	cursor: pointer;
}

.approval-dept-line-setting-v2 .approval-line-preview-v2:not(.nonAppLine) {
	display: block;
	height: auto;
	min-height: 260px;
	overflow: auto;
}

.approval-role-line-setting-v2 .approval-role-line-body-v2 {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	min-height: 0;
	flex: 1 1 auto;
	padding: 12px 4px 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.approval-role-line-setting-v2 #myEATabContent {
	box-sizing: border-box;
	width: 100% !important;
	min-width: 0;
	padding: 0 !important;
}

.approval-role-line-setting-v2 :is(#BaseAppList, #BaseRecList, #ExceOrgList, #ExceAppList, #ExceRecList) {
	box-sizing: border-box;
	min-height: 100px;
	border: 1px solid #e1e8f0;
	background: #fff;
}

/* 양식별 결재라인 지정 */
.approval-form-line-assign-v2 {
	min-height: 0;
	padding: 0 20px 18px !important;
}

.approval-form-line-assign-v2 .approval-form-line-grid-v2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	height: 100%;
	min-height: 0;
	margin: 0;
}

.approval-form-line-assign-v2 .approval-form-line-panel-v2 {
	min-width: 0;
	min-height: 0;
	padding: 18px;
	border: 1px solid #dbe4ee;
	border-radius: 7px;
	background: #fff;
	overflow: auto;
}

.approval-form-line-assign-v2 .approval-form-line-panel-body-v2 {
	display: flex;
	min-width: 0;
	min-height: 0;
	flex-direction: column;
}

.approval-form-line-assign-v2 .form-row {
	margin-right: -6px;
	margin-left: -6px;
}

.approval-form-line-assign-v2 .form-group {
	padding-right: 6px;
	padding-left: 6px;
}

.approval-form-line-assign-v2 .type-horizon {
	min-height: 38px;
	gap: 8px;
	margin-bottom: 12px;
}

.approval-form-line-assign-v2 .type-horizon > label:not(.mod-head) {
	min-width: 70px;
	margin-right: 0 !important;
	color: #102f50;
	font-weight: 700;
	line-height: 34px !important;
}

.approval-form-line-assign-v2 .type-horizon > .form-control {
	width: auto !important;
	min-width: 0;
	flex: 1 1 auto;
}

.approval-form-line-assign-v2 .nav-tabs {
	margin-top: 8px;
	border-bottom: 1px solid #dbe4ee;
}

.approval-form-line-assign-v2 .approval-line-list-field-v2 {
	max-width: none;
	flex: 0 0 100%;
}

.approval-form-line-assign-v2 .div-appline-list {
	height: 385px;
	margin-top: 0;
	border-color: #dbe4ee !important;
	background: #fff;
	overflow: auto;
}

.approval-form-line-assign-v2 #divExAppInfo .tbl-form-group {
	max-width: none;
	flex: 1 1 100%;
	padding: 0;
	border: 1px solid #dbe4ee;
	background: #f5f8fc;
}

@media (max-width: 1200px) {
	.approval-form-line-assign-v2 .approval-form-line-grid-v2 {
		grid-template-columns: minmax(0, 1fr);
		height: auto;
	}
}

/* 양식별 결재현황 */
.approval-statistics-v2 {
	display: grid;
	grid-template-rows: minmax(320px, 1fr) minmax(240px, .72fr);
	gap: 16px;
	min-height: 0;
	padding: 0 20px 18px !important;
}

.approval-statistics-v2 .approval-statistics-panel-v2 {
	min-width: 0;
	min-height: 0;
	padding: 14px;
	border: 1px solid #dbe4ee;
	border-radius: 7px;
	background: #fff;
	overflow: hidden;
}

.approval-statistics-v2 .approval-statistics-panel-v2 > .content-wrapper {
	display: flex;
	min-width: 0;
	min-height: 0;
	flex-direction: column;
}

.approval-statistics-v2 .approval-statistics-filter-v2 {
	flex: 0 0 auto;
	margin: 0 0 12px;
	padding: 0 0 12px;
	border: 0;
	border-bottom: 1px solid #dbe4ee;
	border-radius: 0;
	background: transparent;
}

.approval-statistics-v2 .approval-statistics-filter-v2 .search-ul {
	display: flex;
	min-height: 34px;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
	flex-wrap: nowrap;
}

.approval-statistics-v2 .approval-statistics-filter-v2 .search-ul > li {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.approval-statistics-v2 .approval-statistics-filter-v2 label {
	margin: 0;
	color: #102f50;
	font-weight: 700;
	white-space: nowrap;
}

.approval-statistics-v2 .approval-statistics-filter-v2 :is(.form-control, .input-group-date) {
	height: 34px;
	border-color: #c9d6e3;
}

.approval-statistics-v2 .approval-statistics-filter-v2 #ddlCo {
	width: 190px !important;
}

.approval-statistics-v2 .approval-statistics-list-v2 {
	min-height: 0;
	flex: 1 1 auto;
	overflow: hidden;
}

.approval-statistics-v2 .approval-statistics-list-v2 a {
	color: #2764e7;
	cursor: pointer;
}

@media (max-width: 1200px) {
	.approval-statistics-v2 {
		display: flex;
		flex-direction: column;
		overflow: auto;
	}

	.approval-statistics-v2 .approval-statistics-panel-v2 {
		min-height: 360px;
		flex: 0 0 auto;
	}

	.approval-statistics-v2 .approval-statistics-filter-v2 .search-ul {
		flex-wrap: wrap;
	}
}

.approval-role-range-setting-v2 {
	min-height: 0;
	padding: 0 20px 18px !important;
}

.approval-role-range-setting-v2 > .approval-form-filter-v2 {
	flex: 0 0 auto;
}

.approval-role-range-setting-v2 > .approval-role-range-actions-v2 {
	flex: 0 0 auto;
	margin: 0 0 8px;
}

.approval-role-range-setting-v2 > #rangeList {
	min-height: 0;
	flex: 1 1 auto;
}

.approval-role-range-setting-v2 .standard-list-table-v2 tbody td {
	height: 48px;
}

.approval-role-form-line-setting-v2 {
	min-height: 0;
	padding: 0 20px 18px !important;
}

.approval-role-form-line-setting-v2 > .approval-form-filter-v2,
.approval-role-form-line-setting-v2 > .approval-role-form-line-actions-v2 {
	flex: 0 0 auto;
}

.approval-role-form-line-setting-v2 > .approval-role-form-line-actions-v2 {
	margin: 0 0 8px;
}

.approval-role-form-line-setting-v2 > #formLineList {
	min-height: 0;
	flex: 1 1 auto;
}

.approval-settings-workbench-v2 > .search-area {
	flex: 0 0 auto;
	margin: 0 0 10px;
}

/* Form management follows the employee-management search and tab/action rows. */
.oc-settings-v2 > .approval-form-filter-v2 {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0 0 10px;
	padding: 8px 0 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.oc-settings-v2 .approval-form-filter-v2 > .standard-filter-grid-v2 {
	width: 100%;
	min-width: 0;
}

.oc-settings-v2 .approval-form-search-action-v2 {
	text-align: center;
}

.oc-settings-v2 .approval-form-search-action-v2 > .standard-filter-search-v2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	height: 32px;
	margin: 0 !important;
}

.approval-form-management-v2 .approval-form-tab-actions-v2 {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	min-width: 0;
	height: 45px;
	min-height: 45px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 10px;
	border-bottom: 1px solid var(--approval-setting-line);
	flex: 0 0 auto;
}

.approval-form-management-v2 .approval-form-tab-actions-v2 > .nav-tabs {
	display: flex;
	min-width: 0;
	align-self: stretch;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	margin: 0 !important;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.approval-form-management-v2 .approval-form-tab-actions-v2 > .nav-tabs .nav-item {
	flex: 0 0 auto;
}

.approval-form-management-v2 .approval-form-tab-actions-v2 > .nav-tabs .nav-link {
	box-sizing: border-box;
	height: 44px;
	padding: 12px 15px 10px;
	white-space: nowrap;
}

.approval-form-management-v2 .approval-form-tab-actions-v2 > .oc-settings-toolbar {
	display: flex;
	width: auto;
	height: 44px;
	min-height: 44px;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 8px;
	margin: 0 !important;
	padding: 0;
	flex: 0 0 auto;
}

.approval-form-management-v2 .approval-form-tab-actions-v2 > .oc-settings-toolbar > .btn {
	height: 29px !important;
	min-width: 54px;
	margin: 0;
	padding: 0 12px !important;
	border-radius: 5px;
	line-height: 27px !important;
}

.approval-form-management-v2 .system-entity-form-v2::before {
	display: none;
}

.approval-form-management-v2 #myTabFormContent {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 0;
	flex: 1 1 auto;
	overflow-x: hidden !important;
	overflow-y: auto;
}

.approval-form-management-v2 .system-entity-form-v2,
.approval-form-management-v2 .system-entity-pane-body-v2,
.approval-form-management-v2 #myTabFormContent > .tab-pane,
.approval-form-management-v2 #myTabFormContent form,
.approval-form-management-v2 #myTabFormContent .form-row {
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: hidden !important;
}

@media (max-width: 1100px) {
	.approval-settings-workbench-v2 > .system-entity-layout-v2 {
		grid-template-columns: minmax(240px, 34%) minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	.approval-form-management-v2 .approval-form-tab-actions-v2 {
		height: auto;
		min-height: 45px;
		flex-wrap: wrap;
	}

	.approval-form-management-v2 .approval-form-tab-actions-v2 > .nav-tabs {
		overflow-x: auto;
	}
}

/* 폐기예정/폐기 문서함 */
.approval-document-list-v2 {
	display: flex;
	min-height: 0;
	flex-direction: column;
	padding: 0 20px 18px !important;
}

.approval-document-list-v2 .approval-document-filter-v2 {
	flex: 0 0 auto;
	margin: 0 0 12px;
	padding: 10px 12px;
	border: 1px solid #dbe4ee;
	border-radius: 7px;
	background: #fff;
}

.approval-document-list-v2 .approval-document-filter-v2 .search-ul {
	display: flex;
	min-height: 34px;
	align-items: center;
	gap: 10px 12px;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.approval-document-list-v2 .approval-document-filter-v2 .search-ul > li {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.approval-document-list-v2 .approval-document-filter-v2 label {
	margin: 0;
	color: #102f50;
	font-weight: 700;
	white-space: nowrap;
}

.approval-document-list-v2 .approval-document-filter-v2 :is(.form-control, .input-group-date) {
	height: 34px;
	border-color: #c9d6e3;
}

.approval-document-list-v2 .approval-document-filter-v2 #ddlCoList {
	width: 180px !important;
}

.approval-document-list-v2 .approval-document-actions-v2 {
	display: flex;
	min-height: 42px;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	padding: 0 4px 10px;
	border-bottom: 1px solid #dbe4ee;
	flex: 0 0 auto;
}

.approval-document-list-v2 .approval-document-actions-v2 #ddlInserviceLife {
	width: 120px !important;
}

.approval-document-list-v2 .approval-document-actions-v2 .btn-icon {
	display: inline-flex;
	height: 34px;
	align-items: center;
	gap: 6px;
	padding: 0 12px;
	border: 1px solid #9fb2c5;
	border-radius: 5px;
	background: #fff;
	color: #173b5b;
}

.approval-document-list-v2 .approval-document-actions-v2 .btn-icon:hover {
	border-color: #617f9c;
	background: #f6f9fc;
}

.approval-document-list-v2 .approval-document-list-panel-v2 {
	min-width: 0;
	min-height: 0;
	padding: 14px;
	border: 1px solid #dbe4ee;
	border-radius: 7px;
	background: #fff;
	flex: 1 1 auto;
	overflow: hidden;
}

.approval-document-list-v2 .approval-document-list-panel-v2 > #divDocList {
	width: 100%;
	height: 100%;
}

/* 승인메일 정책 설정 */
.mail-policy-setting-v2 {
	display: grid;
	grid-template-rows: minmax(300px, 1fr) minmax(330px, .85fr);
	gap: 16px;
	min-height: 0;
	padding: 0 20px 18px !important;
}

.mail-policy-setting-v2 .mail-policy-panel-v2 {
	min-width: 0;
	min-height: 0;
	padding: 14px;
	border: 1px solid #dbe4ee;
	border-radius: 7px;
	background: #fff;
	overflow: hidden;
}

.mail-policy-setting-v2 .mail-policy-panel-v2 > .content-wrapper {
	display: flex;
	min-width: 0;
	min-height: 0;
	flex-direction: column;
}

.mail-policy-setting-v2 .mail-policy-priority-v2 {
	min-height: 22px;
	margin-bottom: 6px;
	color: #60758b;
	font-size: 12px;
	text-align: right;
}

.mail-policy-setting-v2 .mail-policy-filter-v2 {
	flex: 0 0 auto;
	margin: 0 0 12px;
	padding: 0 0 12px;
	border: 0;
	border-bottom: 1px solid #dbe4ee;
	border-radius: 0;
	background: transparent;
}

.mail-policy-setting-v2 .mail-policy-filter-v2 .search-ul,
.mail-policy-setting-v2 .mail-policy-filter-v2 .search-ul > li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.mail-policy-setting-v2 .mail-policy-filter-v2 label {
	margin: 0;
	color: #102f50;
	font-weight: 700;
}

.mail-policy-setting-v2 .mail-policy-filter-v2 #ddlCo {
	width: 220px;
	height: 34px;
}

.mail-policy-setting-v2 #divAppPolicyList {
	min-height: 0;
	flex: 1 1 auto;
}

.mail-policy-setting-v2 .mail-policy-detail-header-v2 {
	display: flex;
	min-height: 44px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbe4ee;
	flex: 0 0 auto;
}

.mail-policy-setting-v2 .mail-policy-notice-v2 {
	position: relative;
	padding-top: 5px;
	color: #ef3f45;
}

.mail-policy-setting-v2 .mail-policy-notice-v2 #mailPolicyDrop {
	top: 36px;
	left: 0;
}

.mail-policy-setting-v2 .mail-policy-detail-header-v2 .oc-settings-toolbar {
	min-height: 34px;
	margin: 0;
	flex: 0 0 auto;
}

.mail-policy-setting-v2 .mail-policy-form-v2 {
	min-height: 0;
	flex: 1 1 auto;
	overflow: auto;
}

.mail-policy-setting-v2 .mail-policy-form-v2 .tbl-form-row {
	border: 1px solid #dbe4ee;
	border-radius: 5px;
	overflow: hidden;
}

.mail-policy-setting-v2 .mail-policy-form-v2 .tbl-form-group {
	min-height: 42px;
	border-bottom-color: #e4ebf2;
}

.mail-policy-setting-v2 .mail-policy-form-v2 .tbl-col-head {
	min-width: 150px;
	background: #f5f8fc;
	color: #24425f;
	font-weight: 700;
}

.mail-policy-setting-v2 .mail-policy-form-v2 .form-control {
	border-color: #c9d6e3;
}

/* 그룹웨어 사용 현황 */
.service-usage-status-v2 {
	display: flex;
	min-height: 0;
	flex-direction: column;
	gap: 16px;
	padding: 0 20px 18px !important;
}

.service-usage-status-v2 .service-usage-summary-v2 {
	display: grid;
	grid-template-columns: repeat(3, minmax(180px, 1fr));
	gap: 14px;
	flex: 0 0 auto;
}

.service-usage-status-v2 .service-usage-metric-v2 {
	min-height: 86px;
	padding: 16px 18px;
	border: 1px solid #dbe4ee;
	border-radius: 7px;
	background: #fff;
}

.service-usage-status-v2 .service-usage-metric-v2 > span:first-child {
	margin-bottom: 8px;
	color: #60758b;
	font-weight: 700;
}

.service-usage-status-v2 .service-usage-metric-v2 > span:last-child,
.service-usage-status-v2 .service-usage-metric-v2 > #lblSmsAmt {
	font-size: 22px !important;
	font-weight: 700;
}

.service-usage-status-v2 .service-license-grid-v2 {
	display: grid;
	grid-template-columns: minmax(380px, 40%) minmax(0, 1fr);
	gap: 16px;
	min-height: 340px;
	flex: 1 1 auto;
}

.service-usage-status-v2 .service-license-panel-v2,
.service-usage-status-v2 .service-usage-capacity-v2 {
	min-width: 0;
	min-height: 0;
	padding: 14px;
	border: 1px solid #dbe4ee;
	border-radius: 7px;
	background: #fff;
	overflow: hidden;
}

.service-usage-status-v2 .service-license-panel-header-v2 {
	display: flex;
	min-height: 42px;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbe4ee;
}

.service-usage-status-v2 .service-license-panel-v2 {
	display: flex;
	flex-direction: column;
}

.service-usage-status-v2 .service-license-panel-v2 .table-type-write {
	width: 100%;
	border: 1px solid #dbe4ee;
}

.service-usage-status-v2 .service-license-panel-v2 .table-type-write th {
	background: #f5f8fc;
	color: #24425f;
	font-weight: 700;
}

.service-usage-status-v2 .service-license-panel-v2 .form-control {
	height: 34px;
	border-color: #c9d6e3;
}

.service-usage-status-v2 .service-license-history-list-v2,
.service-usage-status-v2 #divLisenceStateHis {
	min-height: 0;
	width: 100%;
	height: 100%;
	flex: 1 1 auto;
}

.service-usage-status-v2 .service-usage-capacity-v2 {
	min-height: 180px;
	flex: 0 0 auto;
}

.service-usage-status-v2 .service-usage-capacity-v2 #divUsage {
	min-height: 100px;
}

@media (max-width: 1050px) {
	.service-usage-status-v2 {
		overflow: auto;
	}

	.service-usage-status-v2 .service-usage-summary-v2,
	.service-usage-status-v2 .service-license-grid-v2 {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 1100px) {
	.mail-policy-setting-v2 {
		display: flex;
		flex-direction: column;
		overflow: auto;
	}

	.mail-policy-setting-v2 .mail-policy-panel-v2 {
		min-height: 380px;
		flex: 0 0 auto;
	}
}