@charset "utf-8";

sc-textarea-field textarea {
    padding: 6px !important;
}

.hbox,
.vbox {
    flex: 1;
}

.hbox {
    gap: 10px;
}

.hbox:has(>[class*="hspace"]),
.hbox:has(>[class*="dr-btn"]),
.hbox:has(>sc-splitter) {
    gap: 0;
}

.hbox:has(>sc-toolbar) {
    flex: initial;
}

cc-fieldset {
    display: flex;
}

cc-fieldset p {
    color: #222;
    font-weight: 600 !important;
}

/* sc-tab-input-field */
sc-tag-input-field .tag-container .tag:nth-of-type(1) {
    margin-left: 4px !important;
}

sc-tag-input-field .tag {
    margin: 2px !important;
    padding: 0 10px !important;
    border-radius: 8px;
}

sc-window sc-tag-input-field .tag {
    top: 1px;
}

sc-window sc-tag-input-field:not([readonly]) .tag {
    margin: 0 2px !important;
    top: -2px;
}

sc-tag-input-field .tag#tagInput {
    margin: 0 !important;
    line-height: 26px;
    color: #868686;
}

sc-tag-input-field .tag-remove {
    font-size: 10px !important;
    vertical-align: 1px;
}

/* 전화번호 필드 */
sc-label[text="전화번호"]+.cc-fieldset:has(sc-text-field:nth-of-type(2)) sc-text-field:first-of-type {
    max-width: 60px;
}

sc-label[text="전화번호"]+.cc-fieldset sc-text-field[readonly] .field-container {
    background: #fff;
    /* border: 1px solid #DEDFDF; */
}

sc-label[text="전화번호"]+.cc-fieldset:has(sc-text-field:nth-of-type(2)) sc-text-field input {
    text-align: center
}

/* 우편번호 필드 */
.h-auto .cc-fieldset {
    height: 32px !important;
}

.zipCd-container {
    display: flex;
    border: 1px solid #dfdede;
    border-radius: 3px;
    width: 100%;
}

.zipCd-container:has(#zipCd1[readonly]),
.zipCd-container * {
    border: none;
}

.zipCd-container:has(#zipCd1[readonly]),
.zipCd-container:has(#zipCd1[readonly]) * {
    background: #F3F6FB !important;
    border-radius: 3px;
}

.zipCd-container sc-trigger-field {
    padding-right: 2px;
}

sc-window .zipCd-container:has([readonly]),
sc-window sc-label[text="전화번호"]+.cc-fieldset sc-text-field[readonly] .field-container {
    border: 1px solid #DDE0ED !important;
}

sc-window .zipCd-container:has(#zipCd1[readonly]),
sc-window .zipCd-container:has(#zipCd1[readonly]) * {
    background: #EBEEF4 !important;
}

[class*="popup"] sc-toolbar:first-of-type sc-btton:not([hidden]),
sc-window cc-page-title-bar sc-button:not([hidden]) {
    margin-bottom: 16px;
}

.blue-tb .field-container,
sc-window .field-container {
    border-radius: 4px;
    border-color: #B1BAD1;
}

sc-dialog .blue-tb,
sc-window .tb-form {
    background: #F5F7FB;
    border-radius: 8px;
    overflow: hidden;
}

sc-dialog .blue-tb th,
sc-dialog .blue-tb td,
sc-window .tb-form th,
sc-window .tb-form td {
    padding: 1px;
    background: none;
    border: none !important;
    min-height: 30px;
    vertical-align: top;
}

sc-dialog .blue-tb tr:first-child>*,
sc-window .tb-form tr:first-child>* {
    padding-top: 20px !important;
}

sc-dialog .blue-tb tr:last-child>*,
sc-window .tb-form tr:last-child>* {
    padding-bottom: 20px !important;
}

sc-dialog .blue-tb tr>*:first-child,
sc-window .tb-form tr>*:first-child,
#dlg_mailingSend tr>*:first-child {
    padding-left: 30px !important;
}

sc-dialog .blue-tb tr>*:last-child,
sc-window .tb-form tr>*:last-child {
    padding-right: 30px !important;
}

td sc-editor {
    padding-bottom: 14px;
}

.cke_chrome {
    border: 1px solid #dedfdf !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

td .cke_chrome {
    border: 1px solid #B1BAD1 !important;
    border-radius: 4px !important;
}

#dlg_vendorSetting .vbox {
    height: 100%;
    padding-bottom: 15px;
}

#dlg_vendorSetting cc-grid-toolbar .sub_title {
    margin-left: 0;
}

#dlg_vendorSetting .tb-form sc-button {
    width: 100%;
}

#dlg_mailingSend .content,
#dlg_fileNamingRule .content {
    overflow-x: hidden;
}

#dlg_mailingSend .grid-bottom-status,
#dlg_fileNamingRule .grid-bottom-status {
    display: none;
}

ep-kr-postcode-list sc-tab-navigation {
    margin-top: 0;
}

sc-label .sc-label {
    min-height: 28px;
}

sc-window cc-page-title-bar+* {
    margin-top: 0 !important;
}

/* 2024.10.08 scyang : 리사이즈 안되는 이슈로 롤백
.interact-resizable-handle {
    display: none;
}
*/
sc-window.ep-po-detail {
    max-height: 1050px;
}

[class*=popup-0]>.hbox:first-of-type {
    margin-top: 0;
}

.proc_status_img_box {
    padding: 20px 40px;
    background: #F5F7FB;
    border-radius: 8px;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
}

td a {
    display: inline-block;
    line-height: 1.3;
    padding: 6px 0 0 8px;
}

a[href*="http"]:hover {
    color: blue;
}

.tb-form-container {
    overflow-y: auto;
    background: #F5F7FB;
    border-radius: 8px;
}

.mb-0 {
    margin-bottom: 0;
}

es-risk-dashboard>sc-tab-navigation {
    overflow: auto;
}

es-risk-dashboard table {
    width: 100%;
}

es-risk-dashboard table th,
es-risk-dashboard table td {
    vertical-align: middle;
    text-align: center;
    line-height: 1.2;
    padding: 1px;
}

es-risk-dashboard table sc-label,
es-risk-dashboard table .sc-label {
    display: inline;
    margin: 0;
}

es-risk-dashboard sc-grid {
    border-radius: 8px !important;
}

es-risk-dashboard .grid-container {
    border-bottom: none;
}

es-risk-dashboard .tb-form-container {
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.impact .tb-form-container {
    justify-content: space-evenly;
}

es-risk-dashboard .tb-form-container.category {
    padding: 12px;
}

es-risk-dashboard .tb-form-container.map {
    padding: 0;
}

es-risk-dashboard .tb-form-container .tb-form {
    background: none;
}

.vbox.es-risk-dashboard-summary {
    gap: 6px;
}

.flex.page.vbox.es-risk-dashboard-summary {
    overflow: hidden;
}

.risk-summary-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.risk-summary-container.full {
    flex: 1;
    overflow: auto;
}

.risk-summary-container+.risk-summary-container {
    margin-top: 12px;
}

.risk-summary-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
}

.risk-summary-content cc-sub-title-bar {
    margin: 0;
}

.risk-summary-content .tb-form-container cc-sub-title-bar h4 {
    font-size: 14px;
}

.risk-summary-content.info {
    flex: initial;
}

.risk-summary-content.impact table {
    width: 100%;
}

.vbox.es-risk-dashboard-summary:has(.impact) {
    min-height: 400px;
}

.risk-summary-content.impact {
    min-height: 290px;
}

sc-window .risk-summary-container .tb-form tr>*:first-child,
sc-window .risk-summary-container .tb-form tr>*:last-child,
sc-window .risk-summary-container .tb-form tr>*:first-child,
sc-window .risk-summary-container .tb-form tr>*:last-child,
.risk-summary-container .tb-form.news *,
.risk-summary-container .content.style-scope.sc-grid {
    padding: 0 !important;
    ;
}

.risk-summary-container .tb-form tr:first-child>*,
.risk-summary-container .tb-form tr:first-child>*:first-child,
.risk-summary-container .tb-form tr:first-child>*:last-child {
    padding-bottom: 5px !important;
}

.risk-summary-container .tb-form tr:last-child>* .risk-summary-container .tb-form tr:last-child>*:first-child,
.risk-summary-container .tb-form tr:last-child>*:last-child {
    padding-top: 5px !important;
}

.risk-summary-container .tb-form tr:not(:first-child):not(:last-child)>* {
    padding: 5px 0 !important;
}

.risk-summary-container .grid-container {
    border-bottom: 1px solid #ddd;
}

.tb-form.activity td,
.tb-form.activity th {
    vertical-align: middle;
}

.risk-summary-container tr:not(:first-child):not(.category tr) {
    border-top: 1px dashed #D2D2D2;
}

.tb-form.news td,
.tb-form.news th {
    height: 20px;
}

.tb-form.news td {
    display: flex;
    justify-content: space-between;
}

.tb-form.news td>div {
    width: calc(100% - 70px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tb-form.news td>div span {
    display: inline-block;
    width: 38px;
    text-align: center;
    box-sizing: border-box;
    margin-right: 6px;
    color: #fff;
    border-radius: 15px;
    line-height: 1.8;
    font-size: 9px;
    vertical-align: 2px;
}

.tb-form.news td>div span.notice {
    background: #FF9900;
}

.tb-form.news td>div span.news {
    background: #3DCAFF;
}

.activity-wrap,
.activity-item {
    display: flex;
    gap: 10px;
}

.activity-wrap {
    flex-direction: column;
}

.toolbar-options-wrap #toolbarOptionsWrap::before,
.excel-wrap #excelWrap::before {
    display: none;
}

/* 모듈1 요청 - sc-grid 여백 조정 */
.hbox>sc-grid,
sc-splitter+sc-grid,
sc-splitter+* {
    margin-top: 0 !important;
}

.es-risk-vendor-risk-detail-status-tab2 .full-cont .grid-wrap {
    justify-content: center;
}

/* cost review */
cc-form-panel[collapsible="false"]:not([title-text]) div#title {
    display: none;
}

cc-form-panel[collapsible="false"]:not([title-text]) .content-wrap {
    margin-top: 0;
}

sc-toolbar+.content-wrap cc-form-panel:not([hidden])+cc-form-panel,
sc-panel sc-grid+sc-grid {
    margin-top: 16px;
}

/* cc-form-panel 내부 cc-fieldset 그룹 */
cc-form-panel .cc-fieldset-group,
cc-form-panel .form-innerLine {
    grid-column: span 2;
    /* 컬럼 단과 동일한 값으로병합 */
    display: grid;
    /* 재분할 */
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 3%;
}

cc-form-panel .cc-fieldset-group cc-fieldset {
    display: flex;
}

cc-form-panel[column="3"] .cc-fieldset-group,
cc-form-panel[column="3"] .form-innerLine {
    grid-column: span 3;
    grid-template-columns: repeat(3, 1fr);
}

cc-form-panel[column="4"] .cc-fieldset-group,
cc-form-panel[column="4"] .form-innerLine {
    grid-column: span 4;
    grid-template-columns: repeat(4, 1fr);
}

cc-form-panel[column="5"] .cc-fieldset-group,
cc-form-panel[column="5"] .form-innerLine {
    grid-column: span 5;
    grid-template-columns: repeat(5, 1fr);
}

cc-form-panel[column="6"] .cc-fieldset-group,
cc-form-panel[column="6"] .form-innerLine {
    grid-column: span 6;
    grid-template-columns: repeat(6, 1fr);
}

.form-innerLine {
    width: 100%;
    height: 1px;
    background: #dedfdf;
    margin: 8px 0;
}

/* 25.05.07 : 그룹핑 상태에서도 수직-수평 라벨 스타일 적용 가능하도록 조정 */
.label-column .cc-fieldset-group cc-fieldset {
    flex-direction: column;
}

/*
p[style="font-weight: bold; color: red;"] {
	padding-left: 10px;
}
*/
.cc-fieldset sc-grid .content {
    margin-left: 0;
}

sc-upload-listview .fileitem>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1px !important;
}

/* 모듈2 cost review - step panel */
.step-panel {
    margin: 16px 0 0;
}

.step-panel .step-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-radius: 0;
    gap: 4px;
    border: none !important;
    font-weight: 700;
}

.costtype,
.costtype_1 {
    border: none !important;
    background: #E7EAF3 !important;
    border-radius: 8px;
    color: #1428A0 !important;
    padding: 8px !important;
}

.costtype .step_name,
.costtype_1 .step_name {
    line-height: 1.2;
    min-width: 100px !important;
    text-align: center;
}

.costtype .step_cost,
.costtype_1 .step_cost {
    width: 100% !important;
    min-width: 60px !important;
    height: 32px !important;
    background: #f5f7fb !important;
    color: #b4bfe2 !important;
    justify-content: end;
    align-items: center;
    line-height: 1.2;
    padding: 0 12px;
    border-radius: 17px;
    box-sizing: border-box;
    -webkit-flex: 7;
    flex: 7;
    width: auto;
    height: auto;
    text-align: right;
    display: flex;
    align-items: center;
}

.costtype.active,
.costtype_1.active {
    background: #1428A0 !important;
    color: #fff !important;
}

.costtype.active .step_cost,
.costtype_1.active .step_cost {
    background: #4C5BB7 !important;
    color: #FFF !important;
}

/* cost review 끝 */
sc-panel:not([title-text]):not(ep-attach sc-panel):not([collapsible]) sc-toolbar {
    display: none;
}

sc-panel:not([title-text]):not(:has([collapsible])) sc-toolbar {
    min-height: 4px;
}

sc-panel:not([title-text]):not(:has([collapsible])) sc-toolbar:has(.collapsed) {
    min-height: 13px;
}

sc-panel:not([title-text]):not(:has([collapsible])) sc-toolbar sc-button.collapsible {
    margin-top: 0;
}

sc-period-month-field>.field-container {
    border: 1px solid #dedfdf;
}

sc-window sc-period-month-field>.field-container {
    border-color: #B1BAD1;
}

/* readonly - 팝업 */
.blue-form *[field][disabled]>.field-container input,
.blue-form *[field][disabled]>.field-container>.trigger-container .trigger,
.blue-form *[field][disabled]>.field-container textarea,
.blue-form [field][disabled] .input-cover,
sc-dialog *[field][disabled]>.field-container input,
sc-dialog *[field][disabled]>.field-container>.trigger-container .trigger,
sc-dialog *[field][disabled]>.field-container textarea,
sc-dialog [field][disabled] .input-cover,
sc-window *[field][disabled]>.field-container input,
sc-window *[field][disabled]>.field-container>.trigger-container .trigger,
sc-window *[field][disabled]>.field-container textarea,
sc-window [field][disabled] .input-cover,
.blue-form *[field][readonly]>.field-container input,
.blue-form *[field][readonly]>.field-container>.trigger-container .trigger,
.blue-form *[field][readonly]>.field-container textarea,
.blue-form [field][readonly] .input-cover,
sc-dialog *[field][readonly]>.field-container input,
sc-dialog *[field][readonly]>.field-container>.trigger-container .trigger,
sc-dialog *[field][readonly]>.field-container textarea,
sc-dialog [field][readonly] .input-cover,
sc-window *[field][readonly]>.field-container input,
sc-window *[field][readonly]>.field-container>.trigger-container .trigger,
sc-window *[field][readonly]>.field-container textarea,
sc-window [field][readonly] .input-cover,
sc-window .zipCd-container,
sc-window *[field][readonly]>.field-container:has([inner-field]),
sc-window sc-tag-input-field[field][readonly]>.field-container {
    background: #EBEEF4 !important;
    height: 100%;
}

sc-dialog *[field][disabled]>.field-container,
sc-dialog *[field][readonly]>.field-container,
sc-window *[field][disabled]>.field-container,
sc-window *[field][readonly]>.field-container,
sc-window .zipCd-container {
    border: 1px solid #DDE0ED;
}

sc-window .zipCd-container *[field][readonly]>.field-container {
    border: none;
}

/* cc-fieldset 내부 도움말 */
cc-fieldset sc-label,
cc-fieldset .cc-fieldset {
    position: relative;
}

cc-fieldset cc-label-tooltip,
cc-fieldset cc-multi-label-tooltip,
cc-fieldset cc-template-tooltip {
    position: absolute;
    right: -20px;
    height: 100%;
}

/* sc-dialog sc-toolbar style */
sc-dialog .tb-form+sc-toolbar {
    margin-top: 16px;
}

/* radio, checkbox [type="button"] 스타일 */
sc-radio-group-field[type="button"] {
    gap: 0;
    flex-wrap: nowrap;
}

sc-radio-group-field[type="button"] sc-radio-field {
    flex: 1;
}

sc-checkbox-group-field[type="button"] {
    display: flex;
    width: 100%;
    gap: 0;
}

sc-checkbox-group-field[type="button"] sc-checkbox-field {
    margin-right: 0;
    flex: 1;
}

sc-checkbox-field>div.check-button.checked>.check-label,
sc-radio-field>div.check-button.checked>.check-label {
    border: 1px solid #6C87EB !important;
    background: #F5F7FF !important;
}

/* 캘린더 헤더 텍스트 스타일 임시 조정 */
sc-multi-date-chooser .headerText,
sc-multi-date-chooser .multiChooserBox,
sc-multi-month-chooser .headerText,
sc-multi-month-chooser .multiChooserBox {
    border-bottom: 1px solid #dedfdf;
    font-size: 16px;
    line-height: 1.5;
    color: #111;
}

cc-module-one-year-combo {
    width: 100%;
}

/* 모듈1 수정 */
.es-risk-digital-map-center2 .data-card {
    overflow: hidden;
}

.es-risk-digital-map-center2 .data-card h5 {
    width: auto !important;
    line-height: 1.2;
}

/* 검색조건 타이틀 스타일 */
cc-search-condition-panel[title-text]:not([title-text=""]) {
    padding-top: 40px;
}

cc-search-condition-panel[title-text]:not([title-text=""]) .title {
    position: absolute;
    top: -30px;
    left: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
}

cc-search-condition-panel[title-text]:not([title-text=""]) .search-condition-closebtn {
    top: 20px;
}

/* cc-tooltip 전박적인 디자인 통일 */
.question.cc-label-tooltip,
.tooltip.multi-label-tooltip-wrap.cc-multi-label-tooltip,
.question.cc-template-tooltip {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
}

cc-fieldset .question.cc-label-tooltip,
cc-fieldset .tooltip.multi-label-tooltip-wrap.cc-multi-label-tooltip,
cc-fieldset .question.cc-template-tooltip {
    display: flex;
    align-items: start;
    height: 100%;
    padding: 6px 0 0 0;
    margin-left: 0;
}

cc-fieldset .question.cc-label-tooltip .tooltip-content.cc-label-tooltip {
    top: 15px !important;
}

.question.cc-template-tooltip:before {
    width: 16px;
    height: 16px;
    background: url(../../img/custom/ico_tooltip_manual.svg) no-repeat center;
    cursor: pointer;
    content: '';
}

.question.cc-label-tooltip:before,
.tooltip-btn.cc-multi-label-tooltip,
.question.cc-template-tooltip:before {
    content: '';
    background: url(../../img/custom/ico_tooltip_manual.svg) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
}

.question.cc-label-tooltip:hover::before,
.tooltip-btn.cc-multi-label-tooltip:hover,
.question.cc-template-tooltip:hover::before {
    background: url(../../img/custom/ico_tooltip_manual_active.svg) no-repeat;
}

/* .field-container input : overflow design add */
.field-container input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* sc-period-field */
sc-period-date-field .field-container .text-field:first-child {
    width: calc(100% - 48px);
    padding-right: 0;
}

sc-period-date-field .field-container .text-field input {
    padding-right: 5px;
    text-align: center;
}

sc-period-date-field .text-field {
    width: 100%;
}

/* sc-period-month-field */
sc-period-month-field>.field-container {
    justify-content: start;
}

sc-period-month-field .text-field {
    width: 100%;
}

sc-period-month-field .text-field:first-of-type input {
    padding-right: 0;
}

sc-period-month-field .text-field:first-of-type .trigger-container {
    display: none;
}

sc-period-month-field .text-field:first-of-type .input-clear {
    right: 8px;
}

cc-search-condition-panel sc-date-field input,
cc-search-condition-panel sc-month-field input,
sc-period-date-field input,
sc-period-month-field input {
    text-align: center;
}

sc-month-field+span {
    margin: 0 !important;
}

/* 컬럼 리스트 팝업 */
.content:has(ep-grid-toolbar-columns) {
    padding: 0 !important;
}

.input-clear.input-clear-non-trigger,
sc-number-field .input-clear.input-clear-non-trigger {
    position: absolute;
    top: 1px;
    right: 8px;
    height: 100%;
    order: 3;
    padding: 3px;
    background: #fff;
}

sc-text-field[format-type="number"] .input-clear.input-clear-non-trigger {
    position: relative;
}

sc-text-field .field-container:hover .input-cover {
    padding-right: 22px;
}

/* 그리드 페이징 */
sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar {
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    margin-right: 20px;
    padding: 0 0 10px !important;
}

sc-window sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar {
    padding: 0 !important;
}

sc-grid-paging sc-container#pageInputContainer .content {
    display: flex;
    align-items: center;
    height: 30px;
    gap: 1px;
}

sc-grid-paging sc-container#pageInputContainer .content>* {
    height: 100%;
}

sc-grid-paging sc-container#pageInputContainer .content>*:nth-child(3) {
    padding-left: 8px;
}

sc-grid-paging sc-combobox-field#pageSizeCombo {
    height: 30px !important;
}

sc-grid-paging input {
    height: 24px !important;
    min-height: initial !important;
    text-align: center;
}

sc-grid-paging input#pageInput {
    margin-right: 4px;
    width: 40px !important;
}

sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar sc-button {
    border: none;
}

.sc-grid-paging .angle-double-left {
    background-position: 4px 10px;
}

.sc-grid-paging .angle-left {
    background-position: 6px -20px;
}

.sc-grid-paging .angle-right {
    background-position: 7px -50px;
}

.sc-grid-paging .angle-double-right {
    background-position: 4px -80px;
}

sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar sc-button:hover {
    background-color: #eee !important;
    border: none;
}

sc-button.sc-grid-paging.disabled {
    opacity: 0.3 !important;
}

sc-grid-paging sc-container,
sc-grid-paging sc-container .content {
    height: 30px;
}

sc-grid-paging[scroll-paging="false"]:not([hidden]) {
    position: absolute;
    bottom: 8px;
    z-index: 20;
}

sc-grid:has(sc-grid-paging[scroll-paging="false"]) .grid-container,
sc-grid-paging[scroll-paging="false"]:not([hidden])~.grid-container {
    height: calc(100% - 80px) !important;
}

es-board-list[i18n-translate-text="Q&A"] sc-grid:has(sc-grid-paging[scroll-paging="false"]) cc-grid-toolbar[hidden]~.grid-container,
sc-window sc-grid:has(sc-grid-paging[scroll-paging="false"]) .grid-container,
sc-window sc-grid-paging[scroll-paging="false"]:not([hidden])~.grid-container,
.form-container sc-grid:has(sc-grid-paging[scroll-paging="false"]) .grid-container,
.form-container sc-grid-paging[scroll-paging="false"]:not([hidden])~.grid-container {
    height: calc(100% - 84px) !important;
}

sc-window sc-grid:has(sc-grid-paging[scroll-paging="false"]) cc-grid-toolbar[hidden]~.grid-container,
.form-container sc-grid:has(sc-grid-paging[scroll-paging="false"]) cc-grid-toolbar[hidden]~.grid-container {
    height: calc(100% - 60px) !important;
}

/* sc-date-period-field - weeknumber */
sc-date-chooser .weeknumbercont {
    line-height: 28px;
}

sc-date-chooser a[extra] {
    font-size: 14px;
}

/* inavalid */
[field][invalid]:not([focused])>.field-container {
    outline: 1px solid #e96666;
    border: 1px solid #e96666;
}

/* megamenu-10버전 사이트맵 형식으로 style 수정 */
.mega-menu {
    padding: 0 160px 60px 28px;
    max-height: calc(100vh - 95px - 50px);
}

.mega2depth li {
    max-width: initial;
}

.mega2depth>li>button {
    display: flex;
    overflow: hidden;
    height: 34px;
    border-bottom: 1px solid #DDD;
}

.mega3depth button {
    padding-left: 0;
    font-weight: 400;
    width: initial;
    padding: 8px 0;
}

.mega4depth li {
    padding: 0;
}

.mega4depth button {
    /* padding: 8px 20px 8px 0; */
    padding: 8px 0;
    /* background 없을 경우 */
    font-size: 14px;
    line-height: normal;
    border-radius: 4px;
}

.mega4depth button::before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background: #777;
    margin: 10px 8px 0;
}

.mega4depth>li::before {
    display: none;
}

.mega2depth .selected button {
    /* padding: 3px 12px; */
    /* background: #f3f6fb; */
}

.mega3depth .selected button {
    /* padding: 8px 12px; */
    border-radius: 4px;
    font-weight: 400;
}

.mega4depth .selected button {
    /* padding: 8px 20px 8px 0; */
}

.mega4depth li:hover button {
    /* background: #f3f6fb; */
    font-weight: 400;
}

.mega-menu .selected button span,
.mega4depth li:hover button span {
    color: #3059f4;
}

.mega3depth button:hover>span {
    text-decoration: underline;
    text-underline-position: under;
}

.mega-menu .selected button::before,
.mega4depth li:hover button::before {
    background: #3059f4;
}

/* 엑셀 업로드 팝업 */
sc-window sc-toolbar {
    padding-bottom: 0;
}

cc-excel-import .fit>sc-toolbar sc-button {
    margin-bottom: 8px;
}

.excel-fileName,
.cc-excel-import-0 .btnBox.cc-excel-import {
    border: 1px solid #B1BAD1;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    height: 30px;
    padding-left: 8px;
}

.excel-fileName .sc-label {
    font-weight: 400;
}

sc-container#gridPanel {
    padding: 0;
    border: none;
    box-shadow: none;
}

/* qa 요청 - 전자계약 > 계약목록 우측 스크롤 삭제 */
es-edoc-template .hbox:first-of-type {
    margin-top: 0 !important;
}

/* 첨부파일 */
sc-upload .filelist-content {
    width: calc(100% - 2px) !important;
    height: calc(100% - 65px) !important;
}

/* 첨부파일 팝업 */
ep-attach>sc-panel {
    margin-top: 0;
}

ep-attach>sc-panel sc-toolbar.header {
    display: none;
}

ep-attach sc-toolbar.action {
    display: flex;
    justify-content: end;
    padding: 20px 0 0;
}

.ep-attach-0 {
    display: flex;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

sc-panel.ep-attach {
    width: 100%;
}

ep-attach sc-panel .content-wrap,
ep-attach sc-panel .content-wrap>*,
ep-attach sc-panel .content-wrap sc-upload {
    height: 100% !important;
}

/* cc-sub-title-bar + cc-search-condition-panel */
cc-sub-title-bar+cc-search-condition-panel {
    margin-top: -16px;
}

sc-window cc-sub-title-bar+cc-search-condition-panel {
    margin-top: 0;
}

sc-window cc-sub-title-bar:first-of-type {
    margin-top: 0;
}

.search-condition [class*="hspace"]:empty {
    min-width: 4px;
}

.field-box:has([class*="hspace"]) {
    gap: 0;
}

/* 평가 - textarea only 팝업 */
sc-window cc-sub-title-bar:last-child {
    margin-bottom: 0;
}

/* 팝업 맥시멀라이즈 임시 숨김 */
sc-window>.header>.maximizable {
    display: none;
}

sc-window>.header>.maximizable:before,
sc-dialog>.header>.maximizable:before {
    opacity: 0;
}

ep-evfct-expln .grid-wrap {
    padding: 10px;
}

cc-fieldset sc-period-date-field+.w-100,
cc-fieldset sc-period-month-field+.w-100 {
    margin-left: 0px;
}

/* readonly + trigger */
*[field][disabled]:has(+sc-trigger-field:not([hidden]))>.field-container,
*[field][readonly]:has(+sc-trigger-field:not([hidden]))>.field-container {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.cc-fieldset [disabled]+sc-trigger-field:not([hidden]),
.cc-fieldset [readonly]+sc-trigger-field:not([hidden]) {
    margin-left: -4px;
}

[disabled]+sc-trigger-field:not([hidden]) .field-container,
[readonly]+sc-trigger-field:not([hidden]) .field-container {
    border: none;
}

[disabled]+sc-trigger-field:not([hidden]) .field-container .trigger-container,
[readonly]+sc-trigger-field:not([hidden]) .field-container .trigger-container {
    background: #F3F6FB;
}

.search-condition-group .cc-fieldset [disabled]+sc-trigger-field:not([hidden]) .field-container,
.search-condition-group .cc-fieldset [readonly]+sc-trigger-field:not([hidden]) .field-container {
    border: 1px solid #D5DAE5;
    border-left: none;
    border-radius: 0 4px 4px 0;
    background: #F5F5F5;
}

sc-window [disabled]+sc-trigger-field:not([hidden]) .field-container .trigger-container,
sc-window [readonly]+sc-trigger-field:not([hidden]) .field-container .trigger-container {
    background: #EBEEF4;
}

sc-window [disabled]+sc-trigger-field:not([hidden]) .field-container,
sc-window [readonly]+sc-trigger-field:not([hidden]) .field-container {
    width: 29px;
    height: 28px;
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
    background: #EBEEF4;
    border: 1px solid #DDE0ED;
    border-left: none;
    box-sizing: border-box;
}

/* cc-sub-title-bar + .hbox */
cc-sub-title-bar+.hbox,
cc-sub-title-bar+.flex>*:first-child {
    margin-top: 0 !important;
}

/* 모듈1 popup template */
ep-tmp-tootip .cke_chrome {
    border: none !important;
    border-radius: 4px !important;
}

.ep-tmp-tootip-0 {
    overflow: auto;
}

/* 팝업 내부 cc-fieldset 최솟값 제거 */
sc-window .grid_col--1 {
    grid-template-columns: repeat(1, 1fr);
}

sc-window .grid_col--2 {
    grid-template-columns: repeat(2, 1fr);
}

sc-window .grid_col--3 {
    grid-template-columns: repeat(3, 1fr);
}

sc-window .grid_col--4 {
    grid-template-columns: repeat(4, 1fr);
}

sc-window .grid_col--5 {
    grid-template-columns: repeat(5, 1fr);
}

sc-window .grid_col--6 {
    grid-template-columns: repeat(6, 1fr);
}

/* chatbot style - nsrm */
dx-llm-chat .chatBot_button-container {
    z-index: 30 !important;
}

dx-llm-chat .chatBot_floating-txt {
    background: #5072F2 !important;
}

dx-llm-chat .chatBot_message-container .sc-button {
    border-color: #5072F2 !important;
    background: #fff !important;
}

dx-llm-chat .chatBot_message-container .sc-button:hover,
dx-llm-chat .chatBot_message-container .sc-button.action {
    background-color: #5072F2 !important;
    border-color: #5072F2 !important;
}

dx-llm-chat .chatBot_message-container .sc-button span {
    color: #3059f4 !important;
}

dx-llm-chat .header-manual .manual-trigger {
    width: 28px !important;
    height: 28px !important;
    min-height: initial !important;
    font-size: 14px !important;
}

dx-llm-chat .chatBot-input-message textarea {
    font-size: 14px !important;
    height: 40px !important;
}

dx-llm-chat .chatBot_message-container .sc-button {
    min-height: 28px !important;
}

dx-llm-chat .chatBot-send-message.sc-button {
    font-size: 14px !important;
    height: 34px !important;
    padding: 0 20px !important;
}

dx-llm-chat .chatBot_message-container .sc-button:hover span,
dx-llm-chat .chatBot_message-container .sc-button.action span {
    color: #fff !important;
}

/* sideview */
sc-window[class*="sideview-"] {
    position: absolute !important;
    transition: all 2.5s ease;
    display: block !important;
    z-index: 100 !important;
    border: 1px solid #dededf;
}

sc-window.sideview-right {
    right: -5555px !important;
}

sc-window.sideview-right:not([hidden]) {
    right: 0 !important;
}

/*
sc-window.sideview-left,
sc-window.sideview-left[hidden] {
    left: -5555px !important;
}
sc-window.sideview-left:not([hidden]) {
    left: 0 !important;
}
*/
/* hbox 자동 채움효과 */
/*
.hbox, .vbox {
	flex: 1;
}
*/
sc-tab-navigation>div.content-wrap>div.content.fit {
    width: 100% !important;
    overflow: auto;
}

/* sc-button[disabled] */
* sc-button[disabled],
cc-grid-toolbar div.wrap_btn sc-button[disabled],
div.wrap_btn sc-button[disabled] {
    border-color: #e6e6e6;
    pointer-events: none;
    background: #E6E6E6;
    color: #bbb;
}

/* 모듈1 risk - splitter로 조정되는 sc-editor */
.full-cont.risk .grid-wrap {
    display: grid;
    grid-template-rows: 30px 1fr;
}

.full-cont.risk .grid-wrap sc-editor {
    width: 100%;
    height: 100% !important;
}

/* grid 스타일 추가 */
.filterContainer {
    background-color: #FFFFFF !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 1px 3px #b3b3b3d1;
    width: 340px;
    max-width: 2115px !important;
    max-height: 961px !important;
    height: 420px;
    z-index: 103;
}

.sc-grid-filter.filterHeaderText {
    font-size: 13px;
}

.scFilterGrid {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    height: calc(100% - 180px) !important;
}

.searchContainer {
    position: relative;
    background: #fff;
    height: 30px;
    padding: 2px;
    margin-top: 10px;
}

.filterBtnTopgroup {
    position: relative;
    overflow: hidden;
    height: 25px;
    margin: 10px 3px 1px 3px;
}

.filterInputContainer {
    padding: 8px 0 !important;
}

.filter_bt_btn_close {
    background-color: #9b9b9b !important;
    color: #fff;
    border-color: #9b9b9b;
}

.datagrid_popup-menu-view[style] {
    padding: 10px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 8px !important;
    box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25) !important;
    box-sizing: border-box !important;
    background: #fff !important;
    max-height: 400px;
}

.datagrid_popup-menu-view[style]>div>span {
    font-weight: 400 !important;
    font-size: 13px !important;
}

.datagrid_popup-menu-view[style]>div:hover {
    background-color: #5072f2 !important;
    border-radius: 4px !important;
}

.datagrid_popup-menu-view[style]>div {
    color: #222 !important;
    padding: 3px 10px !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    height: 28px !important;
}

/* 그리드 콤보박스 */
div[style*="z-index: 3000;"] {
    overflow: auto !important;
    height: auto !important;
    max-height: 350px;
}

/* cc-fieldset : trigger multisearch 분리 */
cc-multi-text-search-field {
    gap: 4px;
}

cc-multi-text-field [trigger-cls="multi-search"] .trigger::before {
    background: url(../../img/custom/ico_trigger_multi-input.svg) center no-repeat;
}

/* summary */
cc-scm-summary-panel,
cc-summary-panel,
cc-sts-panel {
    margin-top: 12px;
}

cc-summary-panel .title,
cc-collapse-panel:has(.simCount) div.title {
    padding-bottom: 6px;
}

div:has(.simCount) .contents {
    display: flex;
    gap: 10px;
    padding: 16px 20px;
}

div:has(.simCount) .wrap-card .card-box {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 0 !important;
    box-shadow: 0 0 0 1px #DFE4EC inset !important;
    padding: 14px 20px !important;
    border-bottom: 4px solid #dfe4ec !important;
    border-top: none !important;
    background: #F5F7FB !important;
    border-radius: 4px !important;
    gap: 10px;
    min-height: 58px;
    height: initial !important;
}

div:has(.simCount) .wrap-card .card-box .simCount {
    text-align: right;
}

div:has(.simCount) .wrap-card .card-box>p,
div:has(.simCount) .wrap-card .card-box>p:last-child {
    font-size: 20px !important;
    font-weight: bold !important;
    text-align: right !important;
    line-height: 1 !important;
    margin-top: 0 !important;
}

div:has(.simCount) .wrap-card .card-box:has(.simCount)>p:first-child[class] {
    min-width: 75px;
    height: auto !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #111111 !important;
    text-align: left !important;
    padding-top: 1px;
    flex: 1;
    word-break: keep-all;
}

div:has(.simCount) .wrap-card .card-box:has(.simCount) span {
    font-size: 13px !important;
    font-weight: bold;
    color: #111;
}

div:has(.simCount) .wrap-card .card-box[summary-color="R"] {
    border-bottom: 2px solid #ff0000 !important;
}

div:has(.simCount) .wrap-card .card-box[summary-color="Y"] {
    border-bottom: 2px solid #ffde0a !important;
}

div:has(.simCount) .wrap-card .card-box[summary-color="G"] {
    border-bottom: 2px solid #71de43 !important;
}

div:has(.simCount) .wrap-card .card-box[summary-color="ZERO"] {
    border-bottom: 2px solid #dfe4ec !important;
}

div:has(.simCount) .wrap-card .card-box[summary-color="Blv1"] {
    border-bottom: 2px solid var(--main-color-lv3) !important;
}

div:has(.simCount) .wrap-card .card-box[summary-color="Blv2"] {
    border-bottom: 2px solid var(--main-color-btn) !important;
}

div:has(.simCount) .wrap-card .card-box[summary-color="Blv3"] {
    border-bottom: 2px solid var(--main-color-dark) !important;
}

div:has(.simCount) .active .card-box {
    background: #FFF !important;
}

div:has(.simCount) .active .wrap-card .card-box[summary-color="R"] {
    box-shadow: 0 0 0 1px #ff0000 inset !important;
}

div:has(.simCount) .active .wrap-card .card-box[summary-color="Y"] {
    box-shadow: 0 0 0 1px #ffde0a inset !important;
}

div:has(.simCount) .active .wrap-card .card-box[summary-color="G"] {
    box-shadow: 0 0 0 1px #71de43 inset !important;
}

div:has(.simCount) .active .wrap-card .card-box[summary-color="ZERO"] {
    box-shadow: 0 0 0 1px #dfe4ec inset !important;
}

div:has(.simCount) .active .wrap-card .card-box[summary-color="Blv1"] {
    box-shadow: 0 0 0 1px var(--main-color-lv3) inset !important;
}

div:has(.simCount) .active .wrap-card .card-box[summary-color="Blv2"] {
    box-shadow: 0 0 0 1px var(--main-color-btn) inset !important;
}

div:has(.simCount) .active .wrap-card .card-box[summary-color="Blv3"] {
    box-shadow: 0 0 0 1px var(--main-color-dark) inset !important;
}

sc-window div:has(.simCount) .contents {
    padding: 0;
}

/* spLogin 회원가입 */
cc-sequence-bar .process .process-dot {
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(1) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(1) .process-dot {
    background-image: url(../../img/custom/icon_join_01_off.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(3) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(3) .process-dot {
    background-image: url(../../img/custom/icon_join_01_off.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(5) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(5) .process-dot {
    background-image: url(../../img/custom/icon_join_02_off.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(7) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(7) .process-dot {
    background-image: url(../../img/custom/icon_join_03_off.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(9) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process:nth-of-type(9) .process-dot {
    background-image: url(../../img/custom/icon_join_04_off.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(1) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(1) .process-dot {
    background-image: url(../../img/custom/icon_join_01_on.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(3) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(3) .process-dot {
    background-image: url(../../img/custom/icon_join_01_on.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(5) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(5) .process-dot {
    background-image: url(../../img/custom/icon_join_02_on.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(7) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(7) .process-dot {
    background-image: url(../../img/custom/icon_join_03_on.svg) !important;
}

em-sp-ds-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(9) .process-dot,
em-sp-vendor-user-reg-info cc-sequence-bar .process.active:nth-of-type(9) .process-dot {
    background-image: url(../../img/custom/icon_join_04_on.svg) !important;
}

em-sp-ds-vendor-user-reg-info sc-pages,
em-sp-vendor-user-reg-info sc-pages {
    background: #F5F7FB;
    padding: 30px 0;
    overflow: auto !important;
}

em-sp-ds-vendor-user-reg-info sc-pages>*,
em-sp-vendor-user-reg-info sc-pages>* {
    margin: 0 auto;
}

.new-vendor-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 13px;
    color: #222;
    text-align: center;
    line-height: 1.5;
    overflow: auto;
    padding-bottom: 1px;
}

.new-vendor-wrap .content-wrap {
    width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.sign-info-txt {
    background: #E7EAF3;
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    margin-top: 5px;
    align-items: center;
    min-height: 44px;
    position: relative;
    padding-left: 44px;
}

.sign-info-txt sc-label span {
    font-weight: 400;
}

.sign-info-txt::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(../../img/custom/ico_sign_info.svg) center no-repeat;
}

em-sp-ds-vendor-user-reg-info cc-form-panel .title-text,
em-sp-vendor-user-reg-info cc-form-panel .title-text {
    line-height: 2;
    vertical-align: top;
}

em-sp-ds-vendor-user-reg-info .form-container.cc-form-panel,
em-sp-vendor-user-reg-info .form-container.cc-form-panel {
    height: auto;
}

em-sp-ds-vendor-user-reg-info .grid-wrap,
em-sp-vendor-user-reg-info .grid-wrap {
    padding: 4px 14px;
    gap: 6px 3%;
}

em-sp-ds-vendor-user-reg-info cc-form-panel,
em-sp-vendor-user-reg-info cc-form-panel {
    margin-top: 30px;
}

em-sp-ds-vendor-user-reg-info .sign-info-txt+cc-form-panel,
em-sp-vendor-user-reg-info .sign-info-txt+cc-form-panel {
    margin-top: 20px;
}

cc-captcha {
    box-sizing: border-box;
    border: none !important;
    background: none !important;
}

cc-captcha sc-label .sc-label {
    font-weight: 400;
}

cc-captcha .content-box.cc-captcha {
    padding: 12px 10px !important;
    background: #F5F7FB;
    border-radius: 5px;
    margin-top: 5px;
}

sc-text-field.cc-captcha {
    width: 100%;
    max-width: 183px;
}

*[field]>.field-container>.trigger-container .refresh {
    background-image: url(../../img/custom/ico_reset.svg);
}

.bottom-btn-grp {
    margin: auto;
    margin-bottom: 0px;
    margin-top: 30px;
    text-align: center;
    display: flex;
    gap: 4px;
}

.bottom-btn-grp sc-button {
    padding: 0 24px;
    border-radius: 20px;
    height: 32px !important;
    line-height: 30px !important;
}

.bottom-btn-grp sc-button[title="Next"],
.bottom-btn-grp sc-button[title="다음"],
.bottom-btn-grp sc-button[title="로그인"] {
    background-color: #5072F2;
    color: #fff;
}

ep-vendor-list-foradmin .search-condition-group {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}

cc-fieldset.ep-vendor-list-foradmin.text-align-left {
    display: flex;
}

.field-box.ep-vendor-list-foradmin .field-box {
    gap: 4px;
}

ep-sp-vendor-list .search-condition-group {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

cc-fieldset.ep-sp-vendor-list.text-align-left {
    display: flex;
}

.field-box.ep-sp-vendor-list,
em-sp-ds-vendor-user-reg-info .field-box,
em-sp-vendor-user-reg-info .field-box {
    gap: 4px;
}

em-sp-ds-vendor-user-reg-info cc-fieldset .cc-fieldset .sc-label,
em-sp-vendor-user-reg-info cc-fieldset .cc-fieldset .sc-label {
    min-height: initial !important;
    font-weight: 400;
    margin: 5px 0 2px;
    line-height: 1.2;
}

/* 2025.01.09 : 회원가입 인라인 스타일 제거, custom-y.css로 통합 */
/* 이용약관 */
.terms-blue {
    color: inherit !important;
}

/* 회원가입 공통 */
em-sp-ds-vendor-user-reg-info .seq-bar,
em-sp-vendor-user-reg-info .seq-bar {
    height: 65px;
    padding-bottom: 30px;
    margin-top: 32px;
    position: relative;
    box-sizing: unset;
}

em-sp-ds-vendor-user-reg-info a,
em-sp-vendor-user-reg-info a {
    background: #F5F7FB;
}

em-sp-ds-vendor-user-reg-info h1,
em-sp-vendor-user-reg-info h1 {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    height: 38px;
    margin-top: -30px !important;
}

/* 회원가입 - 약관동의 */
em-sp-ds-vendor-user-reg-info .authority,
em-sp-vendor-user-reg-info .authority {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 13px;
    color: #333333;
    text-align: center;
    line-height: 1.5;
    overflow: auto;
}

em-sp-ds-vendor-user-reg-info .authority .content-wrap,
em-sp-vendor-user-reg-info .authority .content-wrap {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

em-sp-ds-vendor-user-reg-info .authority .content-wrap.center,
em-sp-vendor-user-reg-info .authority .content-wrap.center {
    width: 800px;
}

em-sp-ds-vendor-user-reg-info .authority h1,
em-sp-vendor-user-reg-info .authority h1 {
    font-size: 36px;
    font-weight: 700;
}

em-sp-ds-vendor-user-reg-info .authority h2,
em-sp-vendor-user-reg-info .authority h2 {
    font-size: 18px;
    font-weight: 700;
}

em-sp-ds-vendor-user-reg-info .step100-2,
em-sp-vendor-user-reg-info .step100-2 {
    text-align: left;
}

em-sp-ds-vendor-user-reg-info .step100-2 h1,
em-sp-vendor-user-reg-info .step100-2 h1 {
    padding-bottom: 10px;
    text-align: center;
}

em-sp-ds-vendor-user-reg-info .step100-2 .sub-txt,
em-sp-vendor-user-reg-info .step100-2 .sub-txt {
    padding: 20px 0;
}

em-sp-ds-vendor-user-reg-info .step100-2 .checkbox,
em-sp-vendor-user-reg-info .step100-2 .checkbox {
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: end;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box h3,
em-sp-vendor-user-reg-info .step100-2 .agree-box h3 {
    padding-bottom: 6px;
    font-weight: bold;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box .box-content,
em-sp-vendor-user-reg-info .step100-2 .agree-box .box-content {
    background: #fff;
    border: 1px solid #DEDFDF;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    overflow: auto;
    max-height: 165px;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box .box-content>div,
em-sp-vendor-user-reg-info .step100-2 .agree-box .box-content>div {
    overflow: auto;
    padding: 18px;
    width: 100%;
    height: 100%;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box .list-form ul,
em-sp-vendor-user-reg-info .step100-2 .agree-box .list-form ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    line-height: 20px;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box .list-form a,
em-sp-vendor-user-reg-info .step100-2 .agree-box .list-form a {
    color: #0000EE;
    padding-left: 5px;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box .common>div>*,
em-sp-vendor-user-reg-info .step100-2 .agree-box .common>div>* {
    margin-bottom: 6px;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box .common>div>*:last-child,
em-sp-vendor-user-reg-info .step100-2 .agree-box .common>div>*:last-child {
    margin-bottom: 0;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box .bold,
em-sp-vendor-user-reg-info .step100-2 .agree-box .bold {
    font-size: 13px;
    font-weight: 700;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box table,
em-sp-vendor-user-reg-info .step100-2 .agree-box table {
    border: 1px solid #CFD1D4;
    width: 100%;

}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box *+table,
em-sp-vendor-user-reg-info .step100-2 .agree-box *+table {
    margin-top: 10px;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box table th,
em-sp-vendor-user-reg-info .step100-2 .agree-box table th {
    background: #F5F5F5;
    font-weight: 700;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #CFD1D4;
    border-bottom: 1px solid #CFD1D4;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box table td,
em-sp-vendor-user-reg-info .step100-2 .agree-box table td {
    padding: 8px 12px;
    vertical-align: middle;
    border-right: 1px solid #CFD1D4;
    border-bottom: 1px solid #CFD1D4;
}

em-sp-ds-vendor-user-reg-info .agree-box tr th:last-child,
em-sp-ds-vendor-user-reg-info .agree-box tr td:last-child,
em-sp-vendor-user-reg-info .agree-box tr th:last-child,
em-sp-vendor-user-reg-info .agree-box tr td:last-child {
    border-right: none;
}

em-sp-ds-vendor-user-reg-info .agree-box tr td:first-child,
em-sp-vendor-user-reg-info .agree-box tr td:first-child {
    text-align: center;
    width: 30%;
}

em-sp-ds-vendor-user-reg-info .agree-box tr:last-child td,
em-sp-vendor-user-reg-info .agree-box tr:last-child td {
    border-bottom: none;
}

em-sp-ds-vendor-user-reg-info .step100-2 .agree-box,
em-sp-vendor-user-reg-info .step100-2 .agree-box {
    margin-top: 30px;
}

em-sp-ds-vendor-user-reg-info .step100-2 .btn-wrap,
em-sp-vendor-user-reg-info .step100-2 .btn-wrap {
    display: flex;
    gap: 8px;
    margin-top: 30px;
    justify-content: center;
}

em-sp-ds-vendor-user-reg-info sc-button:not(cc-fieldset sc-button),
em-sp-vendor-user-reg-info sc-button:not(cc-fieldset sc-button) {
    padding: 0 24px;
    border-radius: 20px;
    height: 32px !important;
    line-height: 30px !important;
}

em-sp-ds-vendor-user-reg-info .main-txt,
em-sp-vendor-user-reg-info .main-txt {
    display: flex;
    flex-direction: column;
}

em-sp-ds-vendor-user-reg-info .main-txt h2,
em-sp-vendor-user-reg-info .main-txt h2 {
    order: 2;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

em-sp-ds-vendor-user-reg-info .all-select,
em-sp-vendor-user-reg-info .all-select {
    background: #fff;
    border: 1px solid #DEDFDF;
    border-radius: 5px;
    height: 40px;
    padding: 0 12px;
    display: flex;
    align-items: center;
}

em-sp-ds-vendor-user-reg-info .terms-content,
em-sp-vendor-user-reg-info .terms-content {
    overflow: auto;
    height: 220px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #CCD4DC;
}

em-sp-ds-vendor-user-reg-info .agree-box .agree-box-title,
em-sp-vendor-user-reg-info .agree-box .agree-box-title {
    padding-bottom: 6px;
    font-weight: bold;
    font-size: 12pt;
	text-align: left;
}

/* cc-terms-viewer */
cc-terms-viewer #termsContentEl {
    padding: 0px 10px 0px 10px;
}

cc-terms-viewer .popup-viewer {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 30px;
    bottom: 10px;
}

cc-terms-viewer .popup-viewer:hover {
    background-color: grey;
    border-radius: 2em;
}

cc-terms-viewer .popup-viewer:hover .popup-viewer-ico {
    width: 100%;
    height: 100%;
    background: url(../../img/custom/ico_btn_search.svg) no-repeat center;
}

/* es-sp-vendor-user-reg-fin */
es-sp-vendor-user-reg-fin .grid-wrap {
    padding: 10px 14px !important;
}

es-sp-vendor-user-reg-fin .welcome {
    text-align: center;
    line-height: 1.2;
}

es-sp-vendor-user-reg-fin .welcome-title {
    font-size: 22px;
    font-weight: 700;
    padding-top: 8px;
}

es-sp-vendor-user-reg-fin .welcome-sub-title {
    font-size: 16px;
    color: #888888;
    padding: 10px 0 6px;
}

es-sp-vendor-user-reg-fin .sub-blue {
    padding: 20px;
    background: #F5F7FB;
    border-radius: 5px;
    line-height: 1.2;
    margin-top: 6px;
}

es-sp-vendor-user-reg-fin .sub-item {
    display: flex;
    width: 100%;
    align-items: center;
}

es-sp-vendor-user-reg-fin .sub-item .sc-label {
    min-width: 130px;
    margin-right: 6px;
}

es-sp-vendor-user-reg-fin .blue {
    color: #0358F4;
}

es-sp-vendor-user-reg-fin .with-dot {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

es-sp-vendor-user-reg-fin .with-dot::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #333333;
    border-radius: 4px;
    margin-right: 6px;
}

es-sp-vendor-user-reg-fin .sub-blue .sub-blue {
    padding: 8px 12px;
    background: #E7EAF3;
    line-height: 17px;
    font-size: 11px;
    margin-top: 12px;
}

/* es-sp-ds-vendor-user-reg-fin */
es-sp-ds-vendor-user-reg-fin .grid-wrap {
    padding: 10px 14px !important;
}

es-sp-ds-vendor-user-reg-fin .welcome {
    text-align: center;
    line-height: 1.2;
}

es-sp-ds-vendor-user-reg-fin .welcome-title {
    font-size: 22px;
    font-weight: 700;
    padding-top: 8px;
}

es-sp-ds-vendor-user-reg-fin .welcome-sub-title {
    font-size: 16px;
    color: #888888;
    padding: 10px 0 6px;
}

es-sp-ds-vendor-user-reg-fin .sub-blue {
    padding: 20px;
    background: #F5F7FB;
    border-radius: 5px;
    line-height: 1.2;
    margin-top: 6px;
}

es-sp-ds-vendor-user-reg-fin .sub-item {
    display: flex;
    width: 100%;
    align-items: center;
}

es-sp-ds-vendor-user-reg-fin .sub-item .sc-label {
    min-width: 130px;
    margin-right: 6px;
}

es-sp-ds-vendor-user-reg-fin .blue {
    color: #0358F4;
}

es-sp-ds-vendor-user-reg-fin .with-dot {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

es-sp-ds-vendor-user-reg-fin .with-dot::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #333333;
    border-radius: 4px;
    margin-right: 6px;
}

es-sp-ds-vendor-user-reg-fin .sub-blue .sub-blue {
    padding: 8px 12px;
    background: #E7EAF3;
    line-height: 17px;
    font-size: 11px;
    margin-top: 12px;
}

/* 2025.04.09 : newDsVender.do 스타일 추가 조정 */
em-sp-ds-vendor-user-reg-info .seq-bar {
    margin-top: 32px !important;
}

em-sp-ds-vendor-user-reg-info .spreg-wrap.vbox {
    height: 100vh !important;
}

/* radio, checkbox button type : disabled 스타일 */
sc-radio-field[disabled]>.check-button>.check-label,
sc-radio-field[disabled]>.check-button.checked>.check-label,
sc-radio-group-field[disabled] .check-button>.check-label,
sc-radio-group-field[disabled] .check-button.checked>.check-label,
sc-radio-field[readonly]>.check-button>.check-label,
sc-radio-field[readonly]>.check-button.checked>.check-label,
sc-radio-group-field[readonly] .check-button>.check-label,
sc-radio-group-field[readonly] .check-button.checked>.check-label {
    opacity: 1;
}

[disabled] sc-checkbox-field>div.check-button.checked>.check-label,
[disabled] sc-radio-field>div.check-button.checked>.check-label,
[readonly] sc-checkbox-field>div.check-button.checked>.check-label,
[readonly] sc-radio-field>div.check-button.checked>.check-label {
    background: #eee !important;
    border: 1px solid #bbb !important;
    color: #444 !important;
}

/* checkbox, radio invalid */
sc-checkbox-group-field[invalid] sc-checkbox-field,
sc-checkbox-field[invalid] {
    border: none !important;
    box-shadow: none !important;
}

sc-checkbox-group-field[invalid] sc-checkbox-field .check-default:not(.checked)::before,
sc-checkbox-field[invalid] .check-default:not(.checked)::before {
    outline: 1px auto #e96666;
    padding: 0;
    height: 16px;
}

sc-radio-group-field[invalid] sc-radio-field>.check-default::before,
sc-radio-field[invalid]>.check-defaul::before {
    border: 2px solid #e96666;
}

sc-radio-group-field[invalid]:has(.checked) sc-radio-field>.check-default::before {
    border: 1px solid #3059F4;
}

sc-checkbox-group-field[type="button"][invalid],
sc-checkbox-group-field[type="button"]:has([invalid]),
sc-radio-group-field[type="button"][invalid],
sc-radio-group-field[type="button"]:has([invalid]) {
    outline: 2px solid #e96666;
    border-radius: 2px;
}

sc-checkbox-group-field[invalid]:has(.checked) sc-checkbox-field .check-default:not(.checked)::before,
sc-checkbox-group-field[type="button"][invalid]:has(.checked),
sc-radio-group-field[type="button"][invalid]:has(.checked) {
    outline: none;
}

/* sc-textarea readonly, diasbled style */
*[field][readonly]>.field-container textarea {
    background-color: #F3F6FB !important;
}

*[field][disabled]>.field-container textarea {
    background-color: #F1F1F1 !important;
}

*[field][disabled]>.field-container:has(textarea) {
    border: none;
    background: none;
}

/* datagrid_popup-menu-view */
.datagrid_popup-menu-view>div {
    color: #000 !important;
    padding: 3px 10px !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    height: 24px !important;
}

cc-form-panel:not([column="1"]) cc-fieldset .cc-fieldset>div:not([class*="hspace"]):not([class*="w-"]),
cc-form-panel:not([column="1"]) cc-fieldset .cc-fieldset>[field]:not([class*="w-"]):not(sc-trigger-field):not(sc-checkbox-field):not(sc-radio-field) {
    width: 100%;
}

/* comment message */
.comment-message {
    margin-top: 10px;
}

.left-content .comment-message {
    margin-top: 0;
}

.comment-box sc-checkbox-field,
.comment-box sc-checkbox-field>.check-default {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: 0;
    line-height: 1.2;
}

.comment-box sc-label,
.comment-box sc-label .sc-label,
.comment-box sc-checkbox-field>.check-default span {
    width: fit-content;
    min-height: initial;
    font-weight: 400;
    font-size: 12px;
    color: #767676;
    cursor: default;
}

.comment-box sc-checkbox-field>.check-default:before,
.comment-box sc-label::before {
    content: '';
    display: inline-block;
    min-width: initial;
    width: 12px;
    height: 12px;
    background: url(../../img/custom/ico_comt.svg) no-repeat center;
    margin: 1px 5px 0 4px;
    padding: 0;
}

.comment-box {
    position: relative;
}

.comment-detail {
    display: none;
    position: absolute;
    z-index: 2;
    top: 18px;
    left: 1px;
    color: #767676;
    line-height: 1.6;
    padding: 12px 21px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);

}

.comment-box:has(.comment-detail) .sc-label {
    cursor: pointer;
}

.comment-box:has(.comment-detail) sc-checkbox-field>.check-default::after {
    content: 'more';
    color: #5072F2;
    text-decoration: underline;
    text-underline-position: under;
    font-size: 0.9em;
    margin-left: 6px;
    cursor: pointer;
}

.comment-box:has(.comment-detail) sc-checkbox-field>.check-default:hover span {
    text-decoration: underline;
    text-underline-position: under;
    cursor: pointer;
}

sc-checkbox-field[checked]+.comment-detail {
    display: block;
}

/* AI 레이아웃 : 세로 센터 정렬 */
.v-align-ct {
    display: flex;
    justify-content: center;
    height: 100%;
}

div#filterListDiv .sc-label {
    font-size: 14px;
}

div#filterListDiv sc-grid.flex {
    border-radius: 0;
}

div#filterListDiv .grid-container {
    width: 100% !important;
}

div#filterListPanel {
    position: relative;
    height: 100%;
}

div#filterListPanel::before {
    /* 데이터 없음을 표기 */
    content: 'No data is loaded.';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #888;
}

div#filterListPanel:has(.present-panel)::before {
    display: none;
}

.present-panel cc-fieldset .cc-fieldset {
    gap: 4px;
}

/* menu 확인사항 */
.desc-box:has(.filterBar) .sub-text [data-tooltip-text]:hover:after {
    left: 0px !important;
    bottom: 24px !important;
    top: auto !important;
}

[data-tooltip-text]:hover:after,
.desc-box:has(.filterBar[hidden]) [data-tooltip-text]:hover:after {
    left: 3px !important;
    top: 32px !important;
    bottom: auto !important;
}

/* ----------------------------
2024.11.18 emroDesignTeam sc.yang - nsrm 퀵가이드, 매뉴얼
---------------------------- */

/* 공통 */
.popup-twoside-container .field-container .trigger-container.reset {
    background: url(../../img/custom/ico_trigger_reset.svg) no-repeat left center;
    width: 26px;
}

/* 가로 2단 영역 분리 */
.popup-twoside-container {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 10px;
    height: 100%;
    overflow: auto;
}

.popup-twoside-container>div {
    border: 1px solid #DEDFDF;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
}

/* 좌측 - 메뉴 */
.menu-list.simple button {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
}

.menu-list.simple button span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.menu-list.simple button:hover {
    background: #EAEEFE;
}

.menu-list.simple button.active {
    color: #3059F4;
    background: #EAEEFE;
}

/* 우측 - 내용 */
.popup-twoside-container .right-section .flex {
    padding: 16px 20px;
}

.popup-twoside-container .right-section .flex h2,
.popup-cont-wrap h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.popup-cont-wrap h3 {
    margin-bottom: 4px;
}

.popup-cont-wrap {
    padding: 10px;
}

.popup-cont-wrap .sub-txt {
    font-size: 12px;
    color: #222;
    line-height: 20px;
}

.popup-form-panel:not(:first-child):not(.sub-txt+.popup-form-panel) {
    width: 100%;
    margin-top: 24px;
    border-top: 1px solid #E9E9E9;
    padding-top: 20px;
}

.popup-form-panel .title {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

.popup-form-contaienr,
.popup-colspan-2.group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 30px;
}

.popup-colspan-2 {
    grid-column: span 2;
}

.popup-form-item {
    display: inline-flex;
    width: 100%;
    align-items: start;
}

.popup-form-item sc-label {
    width: 120px;
    min-width: 120px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 700;
}

.popup-form-item>*:nth-child(2) {
    width: 100%;
    max-width: 183px;
}

/* 01_N-SRM_manual start */
.popup_N-SRM_manual .tabbar {
    display: flex;
    gap: 2px;
    border-bottom: 1px solid #B1BAD1;
    margin-bottom: 10px;
}

.popup_N-SRM_manual .tabbar .tab {
    position: relative;
    bottom: -1px;
    width: 159px;
    height: 38px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #B1BAD1;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    color: #767676;
    cursor: pointer;
}

.popup_N-SRM_manual .tabbar .tab:hover,
.popup_N-SRM_manual .tabbar .tab.active {
    background: #F5F7FB;
    color: #3059F4;
    border-bottom: 2px solid #3059F4;
}

.popup-twoside-container div[class*="section"] .flex {
    overflow: auto;
}

/* manual download ico */
.manual_down {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #F5F7FF url(../../img/custom/ico_manual_download.svg) no-repeat center;
    margin-right: 6px;
}

.depth2 .manual_down {
    background: #fFF url(../../img/custom/ico_manual_download.svg) no-repeat center;
}

.popup_N-SRM_manual .btn-wrap sc-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* search-box */
.search-box {
    height: 50px;
    padding: 11px 20px;
    background: #F5F7FB;
    border-bottom: 1px solid #DEDFDF;
}

/* menu-list */
.menu-list .depth1 {
    background: #fff;
}

.menu-list .depth2 {
    background: #F5F7FB;
    padding-top: 6px;
}

.menu-list .depth4 {
    background: #EBF0FA;
}

.menu-list .depth1 button::after {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../../img/custom/ico_menu_arrow.svg) no-repeat center;
    filter: invert(50%) sepia(0%) saturate(295%) hue-rotate(234deg) brightness(93%) contrast(96%);
    transition: all 0.2s;
}

.menu-list .depth2 button::after {
    filter: invert(80%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(84%) contrast(96%);
}

.menu-list .depth1 button.active::after {
    filter: none;
    transform: rotate(180deg);
}

.menu-list .depth4 button::after {
    display: none;
}

.menu-list .depth4 .manual_down {
    margin-right: 20px;
}

.menu-list .depth1 button {
    width: 100%;
    height: 42px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 16px 0 22px;
    box-sizing: border-box;
    line-height: 1.2;
}

.menu-list .depth2 button {
    height: 36px;
    padding-left: 35px;
}

.menu-list .depth3 button {
    height: 26px;
    padding-left: 47px;
}

.menu-list .depth4 button {
    padding-left: 61px;
}

.menu-list .depth2 button::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    border: 1px solid #111;
    box-sizing: border-box;
    margin-right: 8px;
}

.menu-list .depth3 button::before {
    content: 'ㄴ';
    width: initial;
    height: initial;
    margin: 0 5px 0 -1px;
    border: none;
    font-size: 0.9em;
}

.menu-list .depth4 button::before {
    content: '';
    width: 4px;
    height: 4px;
    margin: 0 6px 0 0;
    border: none;
    background: #767676;
}

.menu-list .depth1 button span {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    text-align: left;
    display: flex;
    align-items: center;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
}

.menu-list .depth2 button span {
    font-size: 14px;
    font-weight: 400;
    margin-top: -1px;
}

.menu-list .depth3 button span {
    font-size: 12px;
    color: #767676;
}

.menu-list .depth1>li>button:hover {
    background: #EAEEFE;
}

.menu-list .depth2 button:hover span {
    text-decoration: underline;
    text-underline-position: under;
}

.menu-list .depth2 button.active,
.menu-list .depth2 button.active span {
    font-weight: 700;
}

.menu-list .depth2 button.active::before {
    border-width: 2px;
}

.menu-list .depth4 button.active::before {
    background: #3059F4;
}

.menu-list .depth4 button.active span {
    font-weight: 400;
    color: #3059F4;
}

/* btn-wrap */
.right-section .btn-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    height: 50px;
    border-top: 1px solid #DEDFDF;
    padding: 0 8px;
}

.right-section .btn-wrap.top {
    border-top: none;
    border-bottom: 1px solid #DEDFDF;
}

/* empty */
.empty-pdf {
    width: fit-content;
    font-size: 50px;
    line-height: 1.2;
    padding: 32px 48px;
    background: #F5F7FB;
    margin-top: -40px;
}

.right-section .flex:has(.empty-pdf) {
    display: flex;
    justify-content: center;
    align-items: center;
}

iframe[src="popupHelpManualMenu.do?menuCd=COM01016&langCd=ko_KR"] {
    height: calc(100% - 28px);
}

/* 02_N-SRM quick guide */
.menu-list.simple.guide button {
    font-weight: 400;
    letter-spacing: -0.5px;
}

.menu-list.simple.guide button:hover,
.menu-list.simple.guide button.active {
    font-weight: 700;
}

/* 03-01 개인정보설정_사용자변경 */
.user-check {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 410px;
    margin: 37px auto 0;
}

.user-check-title {
    margin: 22px 0 20px;
    font-size: 22px;
    font-weight: 700;
}

.user-check-txt {
    font-size: 14px;
}

.user-check-form {
    width: 100%;
    background: #F5F7FF;
    padding: 21px 23px;
    margin: 22px 0 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.user-check .form-item {
    display: inline-flex;
    width: 100%;
    height: 38px;
    align-items: center;
}

.form-item sc-label {
    min-width: 140px;
    margin-right: 5px;
    font-size: 14px;
    color: #888;
}

.form-item sc-text-field {
    width: 100%;
}

.form-item sc-text-field .field-container,
.form-item sc-text-field .field-container input {
    border: none;
    border-radius: 8px;
    height: 38px;
    outline: 1px solid transparent;
    outline-offset: -1px;
    transition: all 0.2s;
}

.form-item sc-text-field .field-container input {
    font-size: 13px;
    padding: 0 12px;
}

.form-item .field-container:has(:focus) {
    outline: 1px solid #0358F4;
}

.user-check .btn-wrap {
    width: 100%;
    display: flex;
    justify-content: end;
}

.user-check .btn-wrap sc-button {
    font-size: 13px;
    min-width: 72px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    box-sizing: border-box;
}

/* 03-02 개인정보설정_사용자변경 */
h3.photo {
    margin-bottom: 20px;
}

.photo-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 44px 0 20px;
}

.photo-type>.line {
    width: 1px;
    height: 95px;
    background: #E9E9E9;
}

.photo-type .defalut,
.photo-type .custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.photo-type .photo-img {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    background-color: #F5F7FF;
    background-image: url(../../img/custom/ico_photo_defalut_blue.svg);
    background-position: center 15px;
    background-repeat: no-repeat;
    border: 1px solid #E2E2E2;
}

.photo-type .custom .photo-img {
    background-position-x: 19px;
    background-image: url(../../img/custom/ico_photo_custom_gray.svg);
}

.photo-type .photo-label {
    font-size: 12px;
    color: #111;
    display: flex;
    align-items: center;
}

.radio-box input[type="radio"],
.photo-type input[type="radio"] {
    vertical-align: middle;
    appearance: none;
    margin-right: 8px;
    height: 16px;
}

.radio-box input[type="radio"]::before,
.photo-type input[type="radio"]::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
}

.radio-box input[type="radio"]:checked::before,
.photo-type input[type="radio"]:checked::before {
    border: none;
    background: url(../../img/custom/ico_radio_chekced.svg) no-repeat center;
    background-size: cover;
}

.popup-form-item .field-box {
    display: flex;
}

.popup-form-item .field-box.num,
.popup-form-item .field-box.num input {
    text-align: center;
}

.popup-form-item .field-box.num span {
    color: #D5DAE5;
    padding: 0 2px;
    font-size: 1.4em;
}

/* 03-03 개인정보설정_비밀번호변경 */
.pw-change sc-label {
    min-width: 134px;
}

.pw-change [class*="-item"]>*:nth-child(2) {
    width: 183px;
}

.blue-form-contaienr {
    margin-top: 30px;
}

.blue-form-contaienr .sub-txt {
    margin-bottom: 12px;
}

.blue-form-contaienr .blue-form {
    padding: 20px;
    border-radius: 5px;
    background: #F5F7FB;
    line-height: 19px;
}

.blue-form .blue-item {
    display: flex;
    align-items: center;
}

.blue-item .security-word {
    margin-left: -8px;
    margin-right: 11px;
}

.blue-item .field-container {
    height: 28px;
}

/* 04-01 환경설정_기본 */
.popup-form-item .sub-txt {
    color: #767676;
    margin-top: 4px;
    line-height: 1.2;
}

.popup-form-item>*:nth-child(3) {
    margin-left: 4px;
    width: 90px;
}

/* 04-02 환경설정_테마 */
.theme_select {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 25px;
    margin-top: 45px;
}

.theme_select .t_img {
    width: 100%;
    height: 98px;
    margin-top: 24px;
    background-size: cover;
    background-repeat: no-repeat;
}

.t_img.dark_bg {
    background-image: url(../../img/custom/img_t_dark_bg.svg);
}

.t_img.white {
    background-image: url(../../img/custom/img_t_white.svg);
}

.t_img.bg {
    background-image: url(../../img/custom/img_t_bg.svg);
}

.t_img.dark_grey {
    background-image: url(../../img/custom/img_t_dark_grey.svg);
}

.t_img.green {
    background-image: url(../../img/custom/img_t_green.svg);
}

.t_img.purple {
    background-image: url(../../img/custom/img_t_purple.svg);
}

/* 04-03 환경설정_보기 */
.sub-txt+.popup-form-panel {
    margin-top: 26px;
}

.popup-select-container {
    margin-top: 6px;
}

.popup-select-container .select-container {
    display: grid;
    grid-template-columns: 142px 1fr;
}

.popup-select-container .select-container>div:last-child {
    display: flex;
    justify-content: space-between;
    gap: 39px;
}

.popup-select-container .select-container>div:last-child>div {
    max-width: 200px;
}

.popup-select-container .row-type .radio-detail {
    line-height: 19px;
    margin-left: 28px;
}

.popup-select-container [class*="-type"]:not(.row-type) .radio-detail {
    margin: 18px 0 0;
    width: 200px;
    height: 40px;
    background-size: cover;
}

.popup-select-container .label-type label:nth-child(1) .radio-detail {
    background: url(../../img/custom/img_label_01.png) no-repeat left top;
}

.popup-select-container .label-type label:nth-child(2) .radio-detail {
    background: url(../../img/custom/img_label_02.png) no-repeat left top;
}

.en .popup-select-container .label-type label:nth-child(1) .radio-detail {
    background-image: url(../../img/custom/img_label_01_en.png);
}

.en .popup-select-container .label-type label:nth-child(2) .radio-detail {
    background-image: url(../../img/custom/img_label_02_en.png);
}

.popup-select-container .menu-type .radio-detail {
    height: 70px !important;
}

.popup-select-container .menu-type label:nth-child(1) .radio-detail {
    background: url(../../img/custom/img_level_01.svg) no-repeat left top;
}

.popup-select-container .menu-type label:nth-child(2) .radio-detail {
    background: url(../../img/custom/img_level_02.svg) no-repeat left top;
}

/*------------------ module1 - risk --------------------- */
/* risk common */
:root {
    --risk-red: #D83C2A;
    --risk-coral: #F87D56;
    --risk-yellow: #F9C32F;
    --risk-green: #0F9C4B;
    --risk-greenblue: #0FBCC2;
    --risk-skyblue: #2EBEFE;
    --risk-blue: #1489D8;
    --risk-navy: #3F55C2;
    --risk-purple: #4F3FC2;
    --risk-purple-red: #9127C5;
    --risk-darkgray: #5A586B;
}

.risk-sub-title-bar,
.risk-sub-title-bar>div {
    display: flex;
}

.risk-sub-title-bar {
    justify-content: space-between;
    margin: 8px 0;
}

.risk-sub-title-bar sc-label {
    display: flex;
    align-items: center;
}

.risk-sub-title-bar sc-label span {
    font-size: 14px;
    white-space: nowrap;
}

.risk-sub-title-bar sc-label::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #E2E2E2;
    margin: 0 20px 0 22px;
}

.risk-sub-title-bar sc-radio-group-field,
.risk-sub-title-bar sc-checkbox-group-field {
    display: inline-flex;
    gap: 24px;
}

.risk-sub-title-bar sc-radio-field>.check-default:before {
    padding: 0;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    content: url(../../img/custom/default-checkbox.svg);
    cursor: pointer;
    margin: 5px 5px 0 2px;
}

.risk-sub-title-bar sc-radio-field[readonly]>.check-default:before {
    content: url(../../img/custom/defalut-checkbox_inactive.svg);
    background: transparent !important;
}

.risk-sub-title-bar sc-radio-field>.check-default.checked:before {
    content: url(../../img/custom/check-checkbox.svg);
}

.risk-sub-title-bar sc-radio-field[readonly]>.check-default.checked:before {
    content: url(../../img/custom/check-checkbox_inactive.svg);
    background: transparent !important;
}

.risk-sub-title-bar+sc-panel {
    margin-top: 0;
}

/* overview */
.risk-summary-wrap {
    display: flex;
    gap: 20px;
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    line-height: 1.2;
    overflow-x: auto;
    min-height: 154px;
}

.risk-summary {
    min-width: 212px;
    max-width: 300px;
    flex: 1;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.risk-summary:has(.c-6) {
    border-color: var(--risk-red);
}

.risk-summary:has(.c-1),
.risk-summary:has(.c-7),
.risk-summary:has(.c-28),
.risk-summary:has(.c-42) {
    border-color: var(--risk-coral);
}

.risk-summary:has(.c-3),
.risk-summary:has(.c-15),
.risk-summary:has(.c-36) {
    border-color: var(--risk-yellow);
}

.risk-summary:has(.c-2),
.risk-summary:has(.c-37) {
    border-color: var(--risk-green);
}

.risk-summary:has(.c-38) {
    border-color: var(--risk-greenblue);
}

.risk-summary:has(.c-5),
.risk-summary:has(.c-16),
.risk-summary:has(.c-18),
.risk-summary:has(.c-40) {
    border-color: var(--risk-blue);
}

.risk-summary:has(.c-43) {
    border-color: var(--risk-navy);
}

.risk-summary:has(.c-4),
.risk-summary:has(.c-12),
.risk-summary:has(.c-13),
.risk-summary:has(.c-33) {
    border-color: var(--risk-purple);
}

.risk-summary:has(.c-41) {
    border-color: var(--risk-purple-red);
}

.risk-summary:has(.c-50) {
    border-color: var(--risk-darkgray);
}

.risk-summary:has(.c-6):has(.active) {
    background: #F8F1F2;
    /* red */
}

.risk-summary:has(.c-1):has(.active),
.risk-summary:has(.c-7):has(.active),
.risk-summary:has(.c-28):has(.active),
.risk-summary:has(.c-42):has(.active) {
    background: #FBF3F1;
    /* coral */
}

.risk-summary:has(.c-3):has(.active),
.risk-summary:has(.c-15):has(.active),
.risk-summary:has(.c-36):has(.active) {
    background: #FBF7EE;
    /* yellow */
}

.risk-summary:has(.c-2):has(.active),
.risk-summary:has(.c-37):has(.active) {
    background: #F5FCF8;
    /* green */
}

.risk-summary:has(.c-38):has(.active) {
    background: #F1F9F7;
    /* greenblue */
}

.risk-summary:has(.c-5):has(.active),
.risk-summary:has(.c-16):has(.active),
.risk-summary:has(.c-18):has(.active),
.risk-summary:has(.c-40):has(.active) {
    background: #F1F9FF;
    /* blue */
}

.risk-summary:has(.c-43):has(.active) {
    background: #E7E9F5;
    /* navy */
}

.risk-summary:has(.c-4):has(.active),
.risk-summary:has(.c-12):has(.active),
.risk-summary:has(.c-13):has(.active),
.risk-summary:has(.c-33):has(.active) {
    background: #F5F6FC;
    /* purple */
}

.risk-summary:has(.c-41):has(.active) {
    background: #fbf4ff;
    /* purple-red */
}

.risk-summary:has(.c-50):has(.active) {
    background: #eee;
    /* darkgray */
}

.risk-summary .info,
.risk-summary .cont {
    display: flex;
}

.risk-summary .info {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #F4F4F4;
}

.risk-summary .info .title {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    word-break: keep-all;
}

.risk-summary .info .title::before {
    content: '';
    display: inline-block;
    min-width: 26px;
    height: 26px;
    border-radius: 26px;
    background-size: 100% !important;
    margin-right: 10px;
}

/* 숫자가 아니여야함 */
.risk-summary:has(.c-1) .title::before {
    background: url(../../img/custom/ico_risk_priceJump.svg) no-repeat center;
}

.risk-summary:has(.c-2) .title::before {
    background: url(../../img/custom/ico_risk_starbil.svg) no-repeat center;
}

.risk-summary:has(.c-3) .title::before {
    background: url(../../img/custom/ico_risk_earthquake.svg) no-repeat center;
}

.risk-summary:has(.c-4) .title::before {
    background: url(../../img/custom/ico_risk_typhoon.svg) no-repeat center;
}

.risk-summary:has(.c-5) .title::before {
    background: url(../../img/custom/ico_risk_flood.svg) no-repeat center;
}

.risk-summary:has(.c-6) .title::before {
    background: url(../../img/custom/ico_risk_volcano.svg) no-repeat center;
}

.risk-summary:has(.c-7) .title::before {
    background: url(../../img/custom/ico_risk_climate-risk.svg) no-repeat center;
}

.risk-summary:has(.c-12) .title::before {
    background: url(../../img/custom/ico_risk_rule_imex.svg) no-repeat center;
}

.risk-summary:has(.c-13) .title::before {
    background: url(../../img/custom/ico_risk_rule_company.svg) no-repeat center;
}

.risk-summary:has(.c-15) .title::before {
    background: url(../../img/custom/ico_risk_chaos_gr.svg) no-repeat center;
}

.risk-summary:has(.c-16) .title::before {
    background: url(../../img/custom/ico_risk_port-risk.svg) no-repeat center;
}

.risk-summary:has(.c-18) .title::before {
    background: url(../../img/custom/ico_risk_plung.svg) no-repeat center;
}

.risk-summary:has(.c-28) .title::before {
    background: url(../../img/custom/ico_risk_drought.svg) no-repeat center;
}

.risk-summary:has(.c-33) .title::before {
    background: url(../../img/custom/ico_risk_materials.svg) no-repeat center;
}

.risk-summary:has(.c-36) .title::before {
    background: url(../../img/custom/ico_risk_impo-reg.svg) no-repeat center;
}

.risk-summary:has(.c-37) .title::before {
    background: url(../../img/custom/ico_risk_expo-reg.svg) no-repeat center;
}

.risk-summary:has(.c-38) .title::before {
    background: url(../../img/custom/ico_risk_corp-reg.svg) no-repeat center;
}

.risk-summary:has(.c-40) .title::before {
    background: url(../../img/custom/ico_risk_heavyrain.svg) no-repeat center;
}

.risk-summary:has(.c-41) .title::before {
    background: url(../../img/custom/ico_risk_heavysnow.svg) no-repeat center;
}

.risk-summary:has(.c-42) .title::before {
    background: url(../../img/custom/ico_risk_heatwave.svg) no-repeat center;
}

.risk-summary:has(.c-43) .title::before {
    background: url(../../img/custom/ico_risk_coldwave.svg) no-repeat center;
}

.risk-summary:has(.c-50) .title::before {
    background: url(../../img/custom/ico_risk_etc.svg) no-repeat center;
}

.risk-summary .info .reslut {
    font-size: 11px;
    color: #767676;
    min-width: 60px;
}

.risk-summary .info .reslut span:nth-child(2) {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../../img/custom/ico_risk_link.svg) no-repeat center;
    cursor: pointer;
    margin-left: 4px;
    vertical-align: -1px;
}

.risk-summary .cont {
    justify-content: center;
    gap: 28px;
    font-size: 12px;
    text-align: center;
    padding: 10px 0 7px;
}

.risk-summary .cont .s-tit {
    font-weight: 500;
    margin-bottom: 8px;
}

.risk-summary .cont button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    height: 22px;
    background: #F8F8F8;
    border: 1px solid #ECECEC;
    border-radius: 22px;
    font-size: 12px;
    color: #111111;
}

.risk-summary:has(.active) .cont .issue-filter:not(.active) button {
    background: #fff;
}

.risk-summary .cont button b {
    padding-right: 2px;
}

.risk-summary .cont button [class*="crease"] {
    margin-left: 3px;
}

.risk-summary .cont button [class*="crease"] span {
    font-size: 0.7em;
    padding-right: 1px;
}

.risk-summary .cont button .increase {
    color: #FF1919;
}

.risk-summary .cont button .decrease {
    color: #195aff;
}

/* issue status */
.issue-status .risk-summary {
    min-width: 290px;
    max-width: 400px;
    background: #fff;
}

.issue-status .risk-summary .info .title::before,
.issue-status .risk-summary .info .reslut::after {
    display: none;
}

.issue-status .risk-summary .cont {
    position: relative;
    gap: 20px;
    padding-top: 18px;
    padding-bottom: 4px;
    display: inline-flex;
    left: 50%;
    transform: translateX(-50%);
}

.issue-status .risk-summary .cont::before {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 90%;
    height: 1px;
    background: #D8DDE5;
}

.issue-status .issue-filter {
    position: relative;
    min-width: 47px;
    max-width: 100px;
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.issue-filter sc-label {
    flex: 1;
    align-items: center;
}

.issue-filter sc-label .sc-label {
    min-height: initial;
    width: 100%;
    margin-right: 0;
    justify-content: center;
    font-weight: 500;
    text-align: center;
}

.issue-status .risk-summary .cont button {
    font-weight: 700;
    min-width: 47px;
    background-color: #fff;
    border-color: #D8DDE5;
    margin-top: 6px;
    position: relative;
}

.issue-filter.active button,
.issue-status .issue-filter.active button,
.issue-status .issue-filter button:hover {
    background: #3059F4;
    border-color: #3059F4;
    color: #fff;
}

/* digital map */
.risk-summary-wrap .risk-summary_kr#param_1::before,
.risk-summary-wrap .risk-summary_kr#param1::before,
.risk-summary-wrap .risk-summary#param_1::before,
.risk-summary-wrap .risk-summary#param1::before,
.digi-map-list::before {
    content: 'No data is loaded';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #aaa;
}

.risk-summary-wrap .risk-summary_en#param_1::before,
.risk-summary-wrap .risk-summary_en#param1::before,
.digi-map-list::before {
    content: 'No data is loaded';
}

.risk-summary-wrap .risk-summary#param_1[hidden="true"],
.risk-summary-wrap .risk-summary#param1[hidden="true"] {
    display: block !important;
    appearance: none;
    border: none;
}

.risk-summary-wrap .risk-summary#param_1[hidden="true"] div,
.risk-summary-wrap .risk-summary#param1[hidden="true"] div {
    display: none;
}

.risk-summary-wrap .risk-summary#param_1:not([hidden="true"])::before,
.risk-summary-wrap .risk-summary#param1:not([hidden="true"])::before,
.digi-map-list:has(.data-card)::before {
    display: none;
}

.risk-summary-wrap {
    position: relative;
}

.digi-map-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-height: 100%;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
}

.digi-map-list:has(.data-card) {
    min-height: auto;
    overflow: auto;
}

.digi-map-list .data-card {
    border: 1px solid #E5E8EB;
    border-radius: 8px;
    background: #FBFBFB;
    line-height: 1.2;
    position: relative;
}

.digi-map-list .data-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    font-size: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #F0F0F0;
    background: #EEEFF1;
    border-radius: 5px 5px 0 0;
}

.digi-map-list .data-title h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
}

.digi-map-list .data-title h5 b:first-child {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 79px;
    height: 24px;
    border-radius: 24px;
    font-size: 12px;
    padding: 0 12px;
    color: #fff;
    background: var(--risk-yellow);
}

.digi-map-list .data-card:has(.c-6) .data-title h5 b:first-child {
    background: var(--risk-red);
}

.digi-map-list .data-card:has(.c-1) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-7) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-28) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-42) .data-title h5 b:first-child {
    background: var(--risk-coral);
}

.digi-map-list .data-card:has(.c-3) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-15) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-16) .data-title h5 b:first-child {
    background: var(--risk-yellow);
}

.digi-map-list .data-card:has(.c-2) .data-title h5 b:first-child {
    background: var(--risk-green);
}

.digi-map-list .data-card:has(.c-5) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-18) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-40) .data-title h5 b:first-child {
    background: var(--risk-blue);
}

.digi-map-list .data-card:has(.c-43) .data-title h5 b:first-child {
    background: var(--risk-navy);
}

.digi-map-list .data-card:has(.c-4) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-12) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-13) .data-title h5 b:first-child,
.digi-map-list .data-card:has(.c-33) .data-title h5 b:first-child {
    background: var(--risk-purple);
}

.digi-map-list .data-card:has(.c-41) .data-title h5 b:first-child {
    background: var(--risk-purple-red);
}

.digi-map-list .data-card:has(.c-50) .data-title h5 b:first-child {
    background: var(--risk-darkgray);
}

.digi-map-list .data-title h5 b:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.digi-map-list .data-title .date {
    color: #767676;
}

.digi-map-list .data-box {
    display: flex;
    justify-content: center;
    gap: 5px;
    text-align: center;
    padding: 12px 16px 17px;
}

.digi-map-list .data {
    flex: 1;
}

.digi-map-list .data-box .data p:first-child {
    font-size: 13px;
    font-weight: 500;
    color: var(--font-color-sub);
    margin-bottom: 8px;
}

.digi-map-list .data-box .data p:last-child {
    min-width: 5.7em;
    height: 30px;
    text-align: center;
    font-size: 13px;
    color: #111;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 30px;
}

/* data-card : tree */
.data-card.tree {
    position: relative;
    overflow: visible;
    z-index: 3;
    cursor: pointer;
}

.data-card:has(+.leaf.active) {
    border-radius: 8px 8px 0 0;
}

.data-card.leaf:has(+.leaf.active) {
    border-radius: 0;
}

.data-card.tree::after {
    content: '▼';
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 66px;
    height: 10px;
    text-align: center;
    color: #999;
    font-size: 6px;
    font-weight: 700;
    border-radius: 4px 4px 0 0;
    background: #eeeff1;
    cursor: pointer;
    z-index: 10;
    transition: all .2s;
}

.data-card.tree:hover::after {
    background: #5072f2;
    color: #fff;
}

.data-card.tree:has(+.leaf.active)::after {
    background: #5072f2;
    color: #fff;
    content: '▲';
    height: 12px;
    bottom: -6px;
    border-radius: 10px;
}

.data-card.tree:hover:has(+.leaf.active)::after {
    background: #001c5a;
}

.data-card.leaf {
    display: none;
    margin-top: -12px;
    border-radius: 0 0 8px 8px;
    border-top: none;
}

.data-card.leaf.active {
    display: block;
}

.data-card.leaf:has(+.leaf.active) {
    border-bottom: 1px solid #eee;
}

.data-card.leaf .data-title {
    background: transparent;
    border-bottom: none;
}

.digi-map-list .leaf .data-box {
    padding: 6px 16px 16px;
}

.digi-map-list .leaf .data-box .data p:last-child {
    height: 26px;
    line-height: 26px;
}

/* risk article */
.risk-article-form .form-container {
    padding: 0;
    background: none;
}

.risk-article-form .grid-wrap {
    padding: 0;
}

.risk-article-container {
    display: flex;
    gap: 10px;
}

.risk-article {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 162px;
    font-size: 12px;
    border-radius: 8px;
    border: 1px solid #DFE4EC;
    padding: 0 12px 16px;
}

.risk-article-tit {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #F4F4F4;
    margin-bottom: 10px;
}

.risk-article-tit .label {
    min-width: 42px;
    height: 22px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 11px;
}

.risk-article-tit .label.p {
    color: var(--status-green);
    border: 1px solid var(--status-green);
    background: #F0FBE9;
}

.risk-article-tit .label.n {
    color: var(--status-red);
    border: 1px solid var(--status-red);
    background: #FEE6E3;
}

.risk-article-tit .title {
    color: #111;
    font-weight: 500;
    line-height: 1.2;
    padding-right: 8px;
}

.risk-article-cont {
    color: #767676;
    line-height: 1.4;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/* sequence-bar */
.sequence-bar.risk {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 96px;
    background: #F5F7FA;
}

.risk .sequence-bar-cont {
    display: flex;
    gap: 60px;
    text-align: center;
    position: relative
}

.risk .sequence-bar-cont::before {
    content: '';
    position: absolute;
    display: block;
    width: 90%;
    height: 1px;
    top: 19px;
    left: 50%;
    transform: translateX(-50%);
    background: #D8DDE5;
}

.risk .sequence-bar-cont .step-box {
    position: relative;
}

.risk .sequence-bar-cont .step-box button {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 90px;
    height: 38px;
    color: #111;
    line-height: 36px;
    font-weight: 500;
    border-radius: 36px;
    padding: 0 15px 0 18px;
    background: #fff;
    border: 1px solid #D8DDE5;
}

.risk .sequence-bar-cont .step-box button::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../../img/custom/ico_risk_seqeunce_arrow.svg) no-repeat center;
    filter: invert(91%) sepia(9%) saturate(118%) hue-rotate(185deg) brightness(82%) contrast(89%);
}

.risk .sequence-bar-cont .step-box.prev button {
    color: #767676;
    background: #D8DDE5;
    border-color: #D8DDE5;
}

.risk .sequence-bar-cont .step-box.active button {
    color: #fff;
    background: #3059F4;
    border-color: #3059F4;
}

.risk .sequence-bar-cont .date {
    font-size: 10px;
    color: #767676;
    line-height: 1.2;
    margin-top: 7px;
}


/* risk-sequence-tab */
sc-tab-navigation.risk_sequence_tab {
    margin-top: 0 !important;
    display: flex;
    overflow: hidden;
    position: relative;
}

.risk_sequence_tab>sc-tabbar {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    margin: 16px 0 12px;
}

.risk-tab-time:not([hidden])~.risk_sequence_tab>sc-tabbar {
    margin-bottom: 36px;
}

.risk_sequence_tab>sc-tabbar div.content {
    display: flex;
    align-items: center;
    gap: 40px;
}

.risk_sequence_tab>sc-tabbar div.content::before {
    content: '';
    position: absolute;
    display: block;
    width: 400px;
    height: 2px;
    top: 13px;
    left: 0;
    background: #6C87EB;
}

.risk_sequence_tab>sc-tabbar div.content:not(:has(sc-tab:nth-child(3)))::before,
.risk_sequence_tab>sc-tabbar div.content:has(sc-tab:nth-child(3)[hidden])::before {
    width: 200px;
}

.risk_sequence_tab>sc-tabbar div.content>sc-tab {
    left: auto !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 90px;
    height: 28px;
    color: var(--font-color-sub) !important;
    line-height: 36px;
    font-weight: 500 !important;
    border-radius: 36px !important;
    padding: 0 26px !important;
    background: #fff;
    border: 1px solid #E5E8EB;
    z-index: 3;
}

.risk_sequence_tab>sc-tabbar div.content>sc-tab::after {
    content: '';
    display: none;
    width: 8px;
    height: 8px;
    background: url(../../img/custom/ico_risk_seqeunce_arrow.svg) no-repeat center;
    filter: invert(91%) sepia(9%) saturate(118%) hue-rotate(185deg) brightness(82%) contrast(89%);
}

.risk_sequence_tab>sc-tabbar div.content>sc-tab.item-selected {
    color: #fff !important;
    background: #6C87EB;
    border-color: #6C87EB;
}

sc-tab-navigation.risk_sequence_tab>.content-wrap {
    padding-top: 0;
}

/* risk-link-box */
.risk-link-box {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.risk-link-box a {
    display: block;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    color: #3059F4;
    font-weight: 500;
    padding: 0 30px;
    border: 1px solid #E5E7F2;
    border-radius: 26px;
    background: #fff;
}

.risk-link-box a:hover {
    color: #fff;
    border-color: #3059F4;
    background: #3059F4;
}

/* risk - detailinfo */
.es-risk-shared-detailinfo-mst-0 {
    position: relative;
}

es-risk-shared-detailinfo-mst sc-tab-navigation {
    margin-top: 0;
    padding-top: 5px;
}

cc-sub-title-bar:has(.risk_favorite),
cc-sub-title-bar.risk-btn-bar {
    position: absolute;
    top: 20px;
    right: 0;
    margin: 0;
    z-index: 10;
}

.risk-tab-time:not([hidden])~.risk_sequence_tab cc-sub-title-bar:has(.risk_favorite),
.risk-tab-time:not([hidden])~.risk_sequence_tab cc-sub-title-bar.risk-btn-bar {
    top: 45px;
}

/* risk : eq_lv, category */
.risk_eq_lv {
    padding: 0 !important;
    bottom: 24px !important;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

.risk_eq_lv div {
    border-radius: 0 !important;
}

.risk_eq_lv span:first-child div {
    color: #fff !important;
}

.risk_legend {
    border: none !important;
    border-radius: 60px;
    padding-right: 8px;
    bottom: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

.risk_legend span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* risk : mail, favorite button */
sc-button.risk_mail,
sc-button.risk_favorite {
    width: 30px;
    box-sizing: border-box;
    border: none !important;
    background: none !important;
    padding: 6px !important;
    margin-left: -5px;
}

sc-button.risk_mail span,
sc-button.risk_favorite span {
    width: 0;
    opacity: 0;
}

sc-button.risk_mail::before,
sc-button.risk_favorite::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../img/custom/ico_star.svg) center no-repeat;
    background-size: contain;
    filter: invert(91%) sepia(12%) saturate(166%) hue-rotate(184deg) brightness(91%) contrast(85%);
}

sc-button.risk_mail::before {
    background: url(../../img/custom/ico_mail.svg) center no-repeat;
}

sc-button.risk_mail.active::before,
sc-button.risk_mail:hover::before {
    filter: invert(32%) sepia(84%) saturate(4043%) hue-rotate(223deg) brightness(95%) contrast(102%);
}

sc-button.risk_favorite.active::before,
sc-button.risk_favorite:hover::before {
    filter: invert(86%) sepia(15%) saturate(1728%) hue-rotate(348deg) brightness(97%) contrast(93%);
}

.vbox:has([hidden]+#divFormPanel2) #divFormPanel2 cc-form-panel {
    margin-top: 0;
}

es-risk-shared-detailinfo-tab1 .hbox.flex-0 {
    min-height: 60%;
}

#divFormPanel2 #formPanel2 .grid-wrap {
    gap: 4px 20px;
    grid-template-columns: repeat(2, 1fr);
}

#divFormPanel2 #formPanel2 .grid-wrap>cc-fieldset:first-child {
    grid-column: span 2;
}

#divFormPanel2 #formPanel2 .sc-label {
    min-width: 70px !important;
    width: initial;
}

/* risk-affected-target-lit */
es-risk-affected-target-list sc-panel:has(.issue-status)>sc-toolbar.header {
    margin-bottom: 2px;
}

es-risk-affected-target-list .risk-summary-wrap {
    min-height: initial;
}

es-risk-affected-target-list .issue-status .risk-summary .cont {
    padding-top: 8px;
}

es-risk-affected-target-list .risk-summary-wrap .cont::before {
    display: none;
    opacity: 0;
}

es-risk-affected-target-list .issue-status .issue-filter:nth-of-type(even)::before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 100%;
    display: block;
    width: 50%;
    height: 1px;
    background: #D8DDE5;
}

/* module1 - googlemap popup */
.blue-form.ggmap {
    background-color: #F5F7FA;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ggmap .step-form-box {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 13px 28px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #E5E7F2;
    font-size: 12px;
    color: #222;
    line-height: 1.65;
}

.ggmap .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 50px;
    text-align: center;
    font-size: 14px;
    color: #A6B6CE;
    font-weight: 500;
}

.ggmap .step-ico {
    width: 37px;
    height: 37px;
    border-radius: 37px;
    background: #C6D3E8 url(../../img/custom/ico_ggmap_step01.svg) no-repeat center;
}

.ggmap .step-form-box:nth-child(3) .step-ico {
    background: #C6D3E8 url(../../img/custom/ico_ggmap_step02.svg) no-repeat center;
}

.ggmap .step-form-box:nth-child(5) .step-ico {
    background: #C6D3E8 url(../../img/custom/ico_ggmap_step03.svg) no-repeat center;
}

.ggmap .step-arrow {
    height: 24px;
    background: url(../../img/custom/ico_ggmap_arrow.svg) no-repeat center;
}

.ggmap .step-form-box.final {
    justify-content: center;
    background: #C6D3E8;
}

/* module2 - survey popup */
#tabNavi.ep-cf-cm-survey-inve-popup,
#tabNavi.ep-cf-rm-survey-inve-popup,
#tabNavi.ep-sp-cf-cm-surv-inve-popup,
#tabNavi.ep-sp-cf-rm-surv-inve-popup {
    max-height: calc(100% - 126px);
}

es-survey-execute sc-pages+div {
    padding-top: 12px;
}

/* sc-tab-navigation : progress form */
sc-tab-navigation.progress-tab sc-tabbar {
    background: none;
}

sc-tab-navigation.progress-tab sc-tabbar div.content {
    display: flex;
    gap: 20px;
}

sc-tab-navigation.progress-tab sc-tab {
    background: #F5F7FB;
    border-radius: 20px !important;
    padding: 0 20px !important;
    position: relative;
    left: 0 !important;
}

sc-tab-navigation.progress-tab sc-tab::before {
    content: '';
    display: block;
    position: absolute;
    width: 21px;
    height: 1px;
    background: #DFDFE4;
    left: -21px;
    top: 50%;
}

sc-tab-navigation.progress-tab sc-tab.item-selected::before {
    filter: none;
    left: -21px;
    width: 20px;
}

sc-tab-navigation.progress-tab sc-tab.item-selected~sc-tab {
    background: #fff;
}

/* sc-filter-combobox-field */
.sc-filter-combobox-field .filterInputGroup {
    background: #fff;
    border: 1px solid #aaa;
    border-bottom-color: #ddd;
}

sc-dropdown .sc-filter-multi-combobox-field .searchField,
sc-dropdown .sc-filter-combobox-field .searchField {
    border: none;
    padding: 2px 5px 2px 0;
    background: #fff;
}

sc-listbox,
sc-tree-listbox {
    margin-left: 0;
    margin-top: 0;
}

[class*="filter"]~sc-listbox {
    border-top: none !important;
}

/* module1 - anaylisis report */
.analysis-box {
    background: #fff;
    padding: 16px;
}

cc-form-panel.blue-form .form-container {
    background: #F5F7FA;
    padding: 6px 5px;
}

/* megamenu - favorite ico add */
li:has(>button.no-sublist) {
    display: flex;
}

li:has(>button.no-sublist) .favorite-icon {
    width: 16px;
    height: 15px;
    margin-left: 12px;
    background: url(../../img/favorite_s.svg) no-repeat center;
    margin-top: 8.5px;
}

li:has(>button.no-sublist) .favorite-icon:hover,
li:has(>button.no-sublist) .favorite-icon.ckd {
    background: url(../../img/custom/ico_titlebar_star_active.svg) no-repeat center;
    background-size: cover;
    /*
	background: url(../../img/favorite_s_ckd.svg) no-repeat center;
    filter: hue-rotate(-38deg);
    */
}

sc-mdi-topmenu-container .grid-item .depth2-menu a+.myclose-btn {
    width: 16px;
    height: 15px;
    transition: all 0.2s;
    margin-top: 2px;
    margin-left: 12px;
    background: url(../../img/custom/ico_titlebar_star_active.svg) no-repeat center;
    background-size: cover;
}

sc-mdi-topmenu-container .grid-item .depth2-menu a+.myclose-btn:hover {
    background: url(../../img/favorite_s.svg) no-repeat center;
}

/* mdi - contact us popup */
.vbox.contact-us-popup {
    height: 100%;
}

.contact-us-popup .boardBox {
    flex: 1;
    box-sizing: border-box;
    overflow: auto;
    padding: 40px;
    border: 1px solid #DEDFDF;
    border-radius: 5px;
    margin: 0;
}

.contact-us-popup .boardBox table {
    width: 100%;
    border-top: 2px solid #707070
}

.contact-us-popup .boardBox table tr {
    border-bottom: 1px solid #DEDFDF;
}

.contact-us-popup .boardBox table tr td {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 0 10px
}

.contact-us-popup .boardBox table tr td.waiting {
    color: #3059F4
}

.contact-us-popup .boardBox table tr td.left {
    text-align: left;
    padding-left: 35px
}

.contact-us-popup .boardBox table tr td.date {
    color: #777
}

.contact-us-popup .titleArea.mail {
    border: 0;
    padding: 28px 43px;
    height: 112px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #F5F7FF url(../../img/custom/img_mail.svg) 95% center no-repeat;
    display: flex;
    align-items: center;
    gap: 7px;
}

.contact-us-popup .titleArea h2 {
    font-size: 24px;
    font-weight: 700;
}

.contact-us-popup .titleArea p.subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    text-align: left;
    margin-top: 5px
}

.contact-us-popup .boardBox.contact.bottom {
    margin-top: 30px
}

.contact-us-popup .contactTitle {
    font-size: 22px;
    font-weight: 500;
    color: #222;
    height: 32px;
    margin-bottom: 19px;
    text-align: left;
    margin-top: 30px;
}

.contact-us-popup .contactTitle.first {
    margin-top: 0;
}

.contact-us-popup .boardBox.contact thead th {
    font-size: 16px;
    font-weight: 600;
    line-height: 44px
}

.contact-us-popup .boardBox.contact tbody th {
    background: #F5F7FB;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    border-right: 1px solid #DEDFDF;
    vertical-align: middle;
    line-height: 1.4;
    padding: 10px 0;
}

.contact-us-popup .boardBox.contact tbody td {
    vertical-align: middle;
    line-height: 1.4;
    padding: 12px 10px;
}

/* sc-checkbox-group-field */
sc-checkbox-group-field {
    display: inline-flex;
    gap: 0 16px;
    flex-wrap: wrap;
}

/* sc-upload */
sc-upload .content {
    width: 100% !important;
}

sc-upload-listview .listview-content {
    height: calc(100% - 35px) !important;
}

sc-upload-listview sc-listbox {
    border: none !important;
    width: 100% !important;
}

cc-form-panel cc-collapse-panel {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

cc-form-panel cc-collapse-panel>.content-wrap {
    flex: 1;
}

sc-upload .droptext {
    width: fit-content !important;
    top: calc(50% + 11px) !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

sc-upload-listview {
    height: 100% !important;
}

/* 개인정보 처리방침, 이용약관 팝업 스타일 */
.TermsOfUse {
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    padding: 40px;
    border: 1px solid #DEDFDF;
    border-radius: 5px;
}

.TermsOfUse .article .content1 {
    font-size: 14px;
    line-height: 1.45;
    word-break: break-all;
}

.TermsOfUse .article .labeling {
    margin: 40px 0 40px
}

.TermsOfUse .article .labeling.mb0 {
    margin-bottom: 0;
}

.TermsOfUse .article .labeling .bar {
    background: #7D8DB1;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
}

.TermsOfUse .article .labeling .flexBox {
    border-bottom: 1px solid #E2E2E2;
    display: flex;
    justify-content: space-around;
    column-gap: 3%;
}

.TermsOfUse .article .labeling .flexBox.pd {
    padding: 14px 40px;
    height: 120px;
}

.TermsOfUse .article .labeling .flexBox.pd20 {
    padding: 14px 20px;
    height: 120px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.TermsOfUse .article .labeling .flexBox .flexItem {
    text-align: center;
    flex-basis: 0;
    flex-grow: 1;
}

.TermsOfUse .article .labeling .flexBox .flexItem .tt {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin-top: 8px
}

.TermsOfUse .article .labeling .flexBox.pd .flexItem .tt {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #222;
    margin-top: -8px
}

.TermsOfUse .article .labeling .flexBox.pd20 .flexItem .tt {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #222;
    margin-top: -8px;
    white-space: nowrap;
}

.TermsOfUse .article .labeling .flexBox .flexItem img {
    width: 70px;
    height: 70px
}

.TermsOfUse .article .labeling .flexBox .flexItem .txtBox {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: -5px;
    padding: 10px 0;
}

.TermsOfUse .article .labeling .flexBox .flexItem .txt {
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    margin-top: 0;
    word-break: keep-all
}

.TermsOfUse .article .content ol.privacy li {
    display: block;
}

.gridBox {
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin: 40px 0
}

.gridBox.three {
    display: grid;
    grid-template-columns: 1.5fr .5fr 3fr;
    margin: 40px 0
}

.gridBox .gridheader {
    background: #7D8DB1;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

.gridBox .gridheader:nth-child(1) {
    border-radius: 4px 0 0 0;
    border-right: 1px solid rgba(213, 219, 232, .3)
}

.gridBox .gridheader:nth-child(2) {
    border-radius: 0 4px 0 0;
}

.gridBox.three .gridheader:nth-child(2) {
    border-radius: 0;
    border-right: 1px solid rgba(213, 219, 232, .3);
}

.gridBox.three .gridheader:nth-child(3) {
    border-radius: 0 4px 0 0;
    border-right: 1px solid rgba(213, 219, 232, .3)
}

.gridBox .gridth {
    background: #F5F7FF;
    border-bottom: 1px solid #E2E2E2;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
}

.gridBox.three .gridth {
    display: grid;
    place-items: center
}

.gridBox .gridtd {
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid #E2E2E2;
}

.gridBox.three .gridtd.cen {
    display: grid;
    align-items: center;
}

.gridBox .gridtd:nth-child(21) {
    grid-row: 7/9;
    grid-column: 3;
}

.TermsOfUse .article .title img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    vertical-align: baseline;
    margin-bottom: -3px
}

/* Privacy end */

/* popup04_이용약관-epe, popip04_이용약관-epi start */
.TermsOfUse .article {
    margin-top: 20px;
    color: #222;
}

.TermsOfUse .article:first-of-type {
    margin-top: 0;
}

.TermsOfUse .article .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
}

.TermsOfUse .article .title.cen {
    text-align: center;
    margin-top: 60px
}

.TermsOfUse .article .content {
    font-size: 14px;
    line-height: 1.45;
    margin-top: 18px;
}

.TermsOfUse .article .content li {
    display: flex;
    gap: 5px;
}

/* 협력회사 행동규범 */
.forbid {
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.forbid .tab-menu {
    display: flex;
}

.forbid .tab-menu button {
    flex: 1;
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    font-weight: 700;
    border-radius: 0;
    font-size: 16px;
    border: 1px solid #DEDFDF;
    margin-left: -1px;
    line-height: 0.5;
    color: #111;
    height: 40px;
}

.forbid .tab-menu button:first-child {
    border-left: 1px solid #DEDFDF;
    border-radius: 5px 0 0 5px;
    margin-left: 0;
}

.forbid .tab-menu button:last-child {
    border-radius: 0 5px 5px 0;
}

.forbid .tab-menu button.active,
.forbid .tab-menu button:hover {
    background-color: #3059F4 !important;
    border-color: #3059F4 !important;
    color: #fff;
}

.forbid .tab-content {
    display: none;
}

.forbid .tab-content.active {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
}

.forbid .sub-content {
    flex: 1;
    border: 1px solid #dfdfdf;
    padding: 40px;
    overflow: auto;
    border-radius: 8px;
}

.forbid .sub-content h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.forbid .sub-content p {
    font-size: 14px;
    line-height: 20px;
    padding-top: 24px;
}

.forbid .sub-content p:first-of-type:not(h4+p) {
    padding-top: 0;
}

.forbid .sub-tab-menu,
.forbid .sub-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 20px 0;
    min-height: 35px;
}

.forbid .sub-tab-menu button {
    display: inline-flex;
    align-items: center;
    min-height: 35px;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    color: #222;
    line-height: 1.2;
    transition: none;
    padding: 0;
}

.forbid .sub-tab-menu button.active,
.forbid .sub-tab-menu button:hover {
    color: #3059F4;
    background: none !important;
}

.forbid .sub-tab-menu button+button::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 26px;
    background: #DEDFDF;
    margin: 0 32px -3px;
}

.forbid .sub-tab-content {
    display: none;
}

.forbid .sub-tab-content.active {
    display: block;
}

.forbid .sub-content table {
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.forbid .sub-content table th,
.forbid .sub-content table td {
    vertical-align: middle;
    font-size: 13px;
    color: #555;
}

.forbid .sub-content thead tr>* {
    height: 35px;
    font-weight: 700;
    color: #fff;
    background: #7D8DB1;
    border-left: 1px solid #D5DBE8;
}

.forbid .sub-content thead tr>*:first-child {
    border-left: none;
}

.forbid .sub-content tbody tr:not(:first-child) {
    border-top: 1px solid #E2E2E2;
}

.forbid .sub-content tbody tr>* {
    height: 29px;
}

.forbid .sub-content tbody th {
    background: #F5F7FF;
}

.forbid .sub-content tbody tr a {
    padding: 0;
    text-align: center;
    width: 100%;
}

.forbid .sub-content tbody sc-button {
    width: auto;
    height: 22px !important;
    line-height: 20px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.forbid .sub-content tbody sc-button::before {
    content: '';
    width: 12px;
    height: 12px;
    background: url(../../img/custom/ico_download.svg) no-repeat;
    transition: all 0.2s;
}

.forbid .sub-content tbody sc-button:hover::before {
    filter: brightness(50);
}

.forbid .sub-content table.equal th,
.forbid .sub-content table.equal td {
    width: 16%;
    line-height: 1.2;
    padding: 2px 0;
}

.tab-menu.hidden+.tab-content .sub-title,
.tab-menu.hidden+.tab-content .sub-title button {
    margin-top: 0;
    font-size: 20px;
}

/* 고충건의 - 관리자 페이지 */
.hbox.es-ocf-voc-detail {
    flex: initial;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: visible;
}

.hbox.es-ocf-voc-detail .flex-1 {
    grid-column: 1 span;
}

.hbox.es-ocf-voc-detail .flex-2 {
    grid-column: 2 span;
}

.hbox.es-ocf-voc-detail .flex-3 {
    grid-column: 3 span;
}

.hbox.es-ocf-voc-detail cc-form-panel cc-collapse-panel {
    height: 100%;
}

.hbox.es-ocf-voc-detail cc-form-panel cc-collapse-panel>.content-wrap {
    flex: 1;
}

.blue-form-detail .form-container {
    background: #EBEEF6;
}

.blue-form-detail sc-label[text="전화번호"]+.cc-fieldset sc-text-field[readonly] .field-container {
    background: none;
}

.full-textarea .grid-wrap,
.full-textarea sc-textarea-field {
    height: 100%;
}

.full-textarea .grid-wrap {
    padding: 10px;
}

sc-window .btnArea {
    display: flex;
    gap: 4px;
    justify-content: end;
    padding-top: 8px;
}

sc-grid.es-ocf-voc-list:has(sc-grid-paging[scroll-paging="false"]) .grid-container {
    height: calc(100% - 40px) !important;
}

/* module1 - information change : tb-form */
es-sp-vendor-req-main-info-change-gen div:has(>table),
es-vendor-info-change-gen div:has(>table) {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
}

/* tb-form */
es-sp-vendor-req-main-info-change-gen .tb-form,
es-vendor-info-change-gen .tb-form {
    border-radius: 4px 4px 0 0;
}

es-sp-vendor-req-main-info-change-gen .tb-form td,
es-sp-vendor-req-main-info-change-gen .tb-form th,
es-vendor-info-change-gen .tb-form td,
es-vendor-info-change-gen .tb-form th {
    height: 28px;
}

es-sp-vendor-req-main-info-change-gen .tb-form tr,
es-sp-vendor-req-main-info-change-gen .tb-form td,
es-sp-vendor-req-main-info-change-gen .tb-form th,
es-vendor-info-change-gen .tb-form tr,
es-vendor-info-change-gen .tb-form td,
es-vendor-info-change-gen .tb-form th {
    border: none !important;
    background: transparent;
    padding: 2px 4px !important;
    border-radius: 0;
}

es-sp-vendor-req-main-info-change-gen .tb-form th,
es-vendor-info-change-gen .tb-form th {
    padding: 0 8px !important;
}

es-sp-vendor-req-main-info-change-gen .tb-form td:has(div),
es-vendor-info-change-gen .tb-form td:has(div) {
    padding-right: 0 !important;
}

es-sp-vendor-req-main-info-change-gen .tb-form td:has(div)>div,
es-sp-vendor-req-main-info-change-gen .tb-form td:has(div)>div+*,
es-vendor-info-change-gen .tb-form td:has(div)>div,
es-vendor-info-change-gen .tb-form td:has(div)>div+* {
    padding-right: 4px !important;
    box-sizing: border-box;
}

es-sp-vendor-req-main-info-change-gen .tb-form,
es-vendor-info-change-gen .tb-form {
    overflow: hidden;
    background: #fff;
}

es-sp-vendor-req-main-info-change-gen .tb-form tr:first-child td,
es-sp-vendor-req-main-info-change-gen .tb-form tr:first-child th,
es-vendor-info-change-gen .tb-form tr:first-child td,
es-vendor-info-change-gen .tb-form tr:first-child th {
    padding-top: 0;
}

es-sp-vendor-req-main-info-change-gen .tb-form tr:last-child td,
es-sp-vendor-req-main-info-change-gen .tb-form tr:last-child th,
es-vendor-info-change-gen .tb-form tr:last-child td,
es-vendor-info-change-gen .tb-form tr:last-child th {
    padding-bottom: 0;
}

es-sp-vendor-req-main-info-change-gen .tb-form th[rowspan] .sc-label,
es-sp-vendor-req-main-info-change-gen .tb-form th[colspan] .sc-label,
es-vendor-info-change-gen .tb-form th[rowspan] .sc-label,
es-vendor-info-change-gen .tb-form th[colspan] .sc-label {
    justify-content: center;
}

es-sp-vendor-req-main-info-change-gen .tb-form td div,
es-vendor-info-change-gen .tb-form td div {
    display: flex;
    gap: 4px;
}

es-sp-vendor-req-main-info-change-gen .tb-form [class*="hspace"],
es-vendor-info-change-gen .tb-form [class*="hspace"] {
    display: none;
}

es-sp-vendor-req-main-info-change-gen .tb-form [style*="width:50%"],
es-vendor-info-change-gen .tb-form [style*="width:50%"] {
    width: 100% !important;
}

es-sp-vendor-req-main-info-change-gen .tb-form tr,
es-vendor-info-change-gen .tb-form tr {
    border: 1px solid #e7e9f0 !important;
}

es-sp-vendor-req-main-info-change-gen .tb-form tr:first-child,
es-vendor-info-change-gen .tb-form tr:first-child {
    border: 1px solid #96a6ca !important;
}

es-sp-vendor-req-main-info-change-gen .tb-form td:last-child,
es-vendor-info-change-gen .tb-form td:last-child {
    border-left: 1px solid #e7e9f0 !important;
}

es-sp-vendor-req-main-info-change-gen colgroup col:first-child,
es-vendor-info-change-gen colgroup col:first-child {
    width: 150px !important;
    background: #f0f5ff;
}

es-sp-vendor-req-main-info-change-gen colgroup col:nth-child(2),
es-vendor-info-change-gen colgroup col:nth-child(2) {
    width: 130px !important;
    background: #f0f5ff;
    border-left: 1px solid #e7e9f0;
}

es-sp-vendor-req-main-info-change-gen colgroup col:nth-child(3),
es-vendor-info-change-gen colgroup col:nth-child(3) {
    width: 100% !important;
}

es-sp-vendor-req-main-info-change-gen tr:first-child>*,
es-vendor-info-change-gen tr:first-child>* {
    background: #96a6ca;
    color: #fff;
    border-left: 1px solid #e7e9f0 !important;
}

/* common - interface mgmt */
es-restful-setup-request-body table+sc-pages {
    padding-top: 16px;
    box-sizing: border-box;
}

es-restful-setup-request-body table+sc-pages>div {
    min-height: 150px;
}

es-restful-setup-request-body table+sc-pages>div#none {
    position: relative !important;
    top: -8px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* spDxlogin - popup : sign up */
h1.style-scope.em-sp-vendor-user-reg-info {
    line-height: 1;
}

/* 검색조건 개인화 수정 */
.personalize-history .footer-wrap>cc-fieldset {
    margin: 0 !important;
    padding: 0 15px;
    box-sizing: border-box;
}

.personalize-history .icon-field.setting {
    background: url(../../img/custom/icons_mdi_profilebox.svg) 8px -30px no-repeat !important;
}

.personalize-history .sc-label {
    line-height: 30px;
}

.cc-search-condition-panel .btn-group sc-button[focused] {
    box-shadow: none;
}

/* 팝업 스크롤 */
sc-window>div.content-wrap>div.content>[class*="-0"] {
    height: calc(100% - 2px);
}

/* error page */
.error-section {
    position: absolute;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #555;
    line-height: 1.2;
    padding: 70px;
}

.error-img {
    width: 160px;
    height: 160px;
    background: url(../../img/custom/img_error_page.svg) no-repeat center;
    margin-bottom: 33px;
}

.error-title {
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.error-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../../img/custom/ico_error_title.svg) no-repeat center;
}

.error-section sc-label,
.error-section .sc-label {
    font-size: 18px;
    margin-right: 0;
    min-height: initial;
    text-align: center;
    justify-content: center;
}

.error-info {
    min-width: 700px;
}

.error-info>div:not(:last-child) {
    margin-bottom: 10px;
}

.error-info .main-txt,
.error-info .main-txt .sc-label {
    font-weight: 700;
    font-size: 20px;
}

.error-info .email-txt {
    font-weight: 700;
    display: flex;
    gap: 4px;
    justify-content: center;
}

.error-info .email-txt span:last-child {
    color: #3059F4;
    text-decoration: underline;
}

.error-info+.error-info {
    padding-top: 22px;
    margin-top: 22px;
    border-top: 1px solid #F0F0F0;
}

.error-section sc-button {
    display: flex;
    align-items: center;
    height: 40px !important;
    color: #fff;
    font-size: 16px;
    margin-top: 48px;
    padding: 0 30px;
    background: #0358F4;
    border-radius: 40px;
}

.error-section sc-button span {
    font-size: 16px;
    font-weight: 400;
}

/* 메뉴 최대갯수 안내 팝업 */
sc-messagebox:has(.removeMenuMessageBox) {
    width: 425px !important;
    height: 436px !important;
}

sc-messagebox:has(.removeMenuMessageBox)>.content-wrap>.content {
    padding: 0 30px !important;
}

.grid-wrap:has(>.overall-review-container),
.grid-wrap:has(>.hbox>.overall-review-container),
.hbox:has(>.overall-review-container) {
    height: 100%;
    padding: 10px;
}

.hbox:has(>.overall-review-container) {
    margin-top: 0 !important;
    padding: 0;
}

.overall-review-container {
    display: flex;
    flex-direction: row !important;
    gap: 12px;
    height: 100%;
}

.overall-review-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.overall-review-box:last-child {
    overflow: hidden;
}

.overall-review-tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.overall-review-tit .sc-label {
    font-size: 16px;
    margin-right: 0;
}

.overall-review-tit .dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #026AC6;
    margin: 5px 0 10px;
}

.overall-review-tit.tab .dot::before,
.overall-review-tit.tab .dot::after {
    content: '';
    width: 50%;
    height: 3px;
    display: block;
    position: absolute;
    background: #026AC6;
    left: 0;
    bottom: 14px;
}

.overall-review-box:first-child .overall-review-tit.tab .dot.em-eval-dashboard::before {
    border-radius: 11px;
}

.overall-review-tit.tab .dot::after {
    left: auto;
    right: -13px;
    width: calc(50% + 13px);
}

.overall-review-box:last-child .overall-review-tit.tab .dot.em-eval-dashboard::after {
    width: 50%;
    right: 0;
    border-radius: 11px;
}

.overall-review-cont {
    background: #F5F7FB;
    flex: 1;
    padding: 16px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.overall-data {
    display: flex;
    flex: 1;
    position: relative;
    background: #63b5fe;
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    min-width: 100px;
    max-width: 120px;
    overflow: hidden;
    font-size: 12px;
}

.overall-num.em-eval-dashboard {
    position: relative;
    text-align: right;
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px 0 0;
}

.overall-num-rate {
    position: absolute;
    right: -1.2%;
    width: 51.5%;
    height: 100%;
    text-align: right;
    padding: 0 7px 0 0;
    box-sizing: border-box;
    background: #026ac6;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    border-left: 2px solid #FFF;
    display: flex;
    align-items: center;
    justify-content: end;
}

.overall-num-rate span {
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
}

.overall-data .sc-label,
.overall-review-cont .sc-label.w-150 {
    min-width: 80px !important;
    max-width: initial;
}

.overall-data.only {
    background: #19038E;
}

.overall-data.only .sc-label {
    color: #fff;
    padding-left: 10px;
}

.overall-review-container.blue-bg {
    background: #F5F7FB;
    padding: 20px !important;
    border-radius: 8px;
    margin-left: 12px;
}

.blue-bg .overall-review-box {
    min-width: 210px;
}

.blue-bg .overall-review-cont {
    background: #fff;
}

.active.overall-review-box .overall-review-tit .sc-label {
    color: #026ac6;
}

/*
.active ~ .overall-review-box .overall-review-tit .sc-label {
    color: gray;
}
.active ~ .overall-review-box .overall-review-tit .dot {
    opacity: .5;
}
*/

.overall-data:has(>div:nth-child(2))>div:first-child {
    text-align: right;
    width: 50%;
    padding-right: 6px;
}

.overall-data>div:first-child:not(.overall-num-rate) {
    text-align: right;
    width: 100%;
    padding-right: 10px;
}

/* module1 - 평가 : dashboard - 추가작업 */
es-eval-dashboard-dx .overall-data {
    background: #ceeaf0;
    color: black;
}

es-eval-dashboard-dx .overall-num-rate {
    background: #189bb8;
    color: white;
}

es-eval-dashboard-dx .label-text2 {
    min-width: 140px;
}

es-eval-dashboard-dx sc-period-date-field .field-container .text-field:first-child {
    width: 100%;
}

es-eval-dashboard-dx sc-period-date-field .field-container .text-field input {
    text-align: left;
}

.overall-review-container:not(.hbox >.overall-review-container) .overall-review-box:first-child {
    min-width: 290px;
}

.cc-fieldset:has(.overall-data) {
    justify-content: end;
}

.vbox.flex-3.style-scope.es-eval-dashboard-dx {
    overflow: visible;
    min-height: 610px !important;
}

.vbox.flex-3.style-scope.es-eval-dashboard-dx>cc-form-panel {
    min-width: 1260px;
}

.form-container:has(cc-echart) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.overall-review-cont cc-fieldset.has-line {
    padding-bottom: 8px;
    border-bottom: 1px dashed #dedfdf;
}

sc-splitter.vertical.es-eval-dashboard-dx {
    min-height: 707px;
}

.mh-270 {
    min-height: 278px;
}

.w-500 {
    width: 500px;
}

/* notice popup : sc-upload */
sc-mdi-notice-popup sc-panel:has(sc-upload sc-button[title="Download"][disabled]),
sc-mdi-notice-popup sc-panel:has(sc-upload sc-button[title="다운로드"][disabled]) {
    display: none;
}

sc-mdi-notice-popup .hbox sc-toolbar sc-button[disabled] {
    display: none;
}

.empty-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    background: #Fff;
    font-size: 18px;
    border-radius: 8px;
    color: #767676;
}

.empty-section:has(.empty-icon) {
    flex-direction: column;
}

/* 권한신청 팝업 검색조건 스타일 */
sc-mdi-auth-popup .search-condition-group {
    grid-template-columns: repeat(3, 1fr);
}

/* quick guide */
/* 25.01.02 : Quick Guide 전용 style */
.q_guide .left-section {
    background: #F8F8F8;
    overflow: auto;
}

.q_guide .left-section span {
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}

.q_guide .right-section {
    display: flex;
    flex-direction: column;
    height: 100%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #111;
    overflow: auto;
}

.q_guide .right-section>sc-pages>*>.flex {
    padding: 64px 0 50px;
}

.q_guide .right-section .q_guide_cont h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
}

.q_guide .right-section .q_guide_cont h1+.sub_txt {
    font-weight: 500;
}

.q_guide .right-section .q_guide_cont {
    margin-bottom: 70px;
}

.q_guide .right-section .q_guide_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 60px;
    /*2025.01.02 j-sun.park*/
}

.q_guide .right-section .q_guide_img img {
    max-width: 96%;
}

.q_guide .menu-list.simple.guide button {
    font-weight: 600;
}

.q_guide.popup-twoside-container {
    grid-template-columns: 345px 1fr;
}

sc-mdi-quick-guide-popup-en .q_guide.popup-twoside-container {
    grid-template-columns: 360px 1fr;
}

.q_guide .menu-list.simple.guide li.new {
    position: relative;
}

.q_guide .menu-list.simple.guide li.new::after {
    content: 'NEW';
    position: absolute;
    top: 15px;
    right: 13px;
    background: #FF8D29;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    line-height: 1;
    font-size: 8px;
}

.q_guide .menu-list.simple.guide li.new button {
    padding-right: 50px;
}

.q_guide .menu-list.simple.guide li button span {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
    line-height: 1;
    word-break: keep-all;
}

.q_guide .highlight {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    border: none;
}

.q_guide .highlight span {
    position: relative;
    z-index: 2;
}

.q_guide .highlight::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%);
    display: block;
    width: calc(100% + 32px);
    height: 14px;
    border-radius: 20px;
    background: #FFEAD5;
}

.q_guide .sub_txt img {
    margin-top: 28px;
}

.q_guide .blue-txt {
    color: var(--main-color);
}

.q_guide .sub_txt.menu {
    width: fit-content;
    text-align: center;
    color: #fff;
    font-size: var(--font-size-lv3);
    line-height: 1.2;
    padding: 8px 30px;
    margin: 30px auto 0;
    border-radius: 20px;
    background: var(--main-color);
}

/* 2025.01.04 opening 1st phase : cut over : start */
.btn-wrap.bottom {
    display: flex;
    justify-content: end;
}

.search-condition-group.label-column {
    max-width: 1380px;
}

.flex-search .search-condition-group.label-column,
.hbox .search-condition-group.label-column,
sc-mdi-window *:has(>.vbox:nth-of-type(2)) .vbox .search-condition-group.label-column,
sc-window .search-condition-group.label-column,
sc-dialog .search-condition-group.label-column,
sc-messagebox .search-condition-group.label-column {
    max-width: initial;
}

/* 2025.01.04 opening 1st phase : cut over : end */
/* 2025.01.07 */
#mdiCompany.alone {
    pointer-events: none;
}

#mdiCompany.alone::after {
    display: none;
}

/* 2025.01.08 */
/* 로그인 시 팝업 줄간격 조정 */
sc-mdi-login-info-popup th,
sc-mdi-login-info-popup td {
    padding: 0 !important;
}

/* 그리드 - 필터 팝업 스타일 조정 */
.filterContainer>sc-toolbar.header>sc-button:hover {
    background-color: transparent !important;
}

.filterContainer>sc-toolbar.header>.closable:hover::before {
    filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(2553%) hue-rotate(211deg) brightness(10%) contrast(29%);
}

.filterContainer>sc-toolbar.header>sc-button[focused] {
    box-shadow: none;
}

/* 그리드 - 찾기 팝업 스타일 조정 */
sc-grid-finder {
    background-color: #FFFFFF !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    box-shadow: 0px 1px 3px #b3b3b3d1 !important;
}

sc-grid-finder>sc-toolbar.header {
    background-color: #f2f2f2 !important;
    padding: 4px 10px 4px;
}

sc-grid-finder>sc-toolbar.header>sc-button {
    background: url(../../img/custom/ico_pop_close.svg) no-repeat center !important;
    width: 14px !important;
    height: 14px !important;
    opacity: 1;
    border: none;
    box-shadow: none;
}

sc-grid-finder>sc-toolbar.header>sc-button {
    filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(2553%) hue-rotate(211deg) brightness(10%) contrast(29%) !important;
}

sc-grid-finder>sc-toolbar.header>.closable:before {
    display: none;
}

sc-grid-finder>div.content-wrap>div.content {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-bottom: 0 !important;
}

sc-grid-finder tr:nth-child(2) td {
    padding-top: 4px;
}

sc-grid-finder sc-button[title="찾기"] {
    background: #5072f2;
    color: #fff;
}

/* module1 - sts in sts style(custom) */
.in-panel cc-collapse-panel[collapsible="true"] sc-button.folding-down {
    display: none;
}

cc-sts-panel.in-panel .contents {
    padding: 0;
}

/* tooltip */
cc-fieldset #tooltip_content.cc-multi-label-tooltip {
    top: 30px;
}

/* sc-button */
sc-button[focused] {
    box-shadow: none;
}


/*======================================= Font test / 일괄로 아래에 모두 작성 ============================================*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: none;
}

body {
    color: var(--font-color-main);
    font-size: var(--font-size-lv2);
    font-weight: 500;
}

body a {
    color: var(--font-color-sub);
}

/* --- mdi ---- */
/* mdi-header */
.vendor-info,
.mdi_company button,
.mdi_lan button {
    font-size: var(--font-size-lv2);
    font-weight: 600;
}

.dropdown-po_ab li a {
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
    font-weight: 500;
}

.dropdown-po_ab li:hover a {
    color: var(--font-color-main);
}

.profile_box .info_txt .name {
    font-size: var(--font-size-lv4);
}

/* gnb */
.gnb-menu span.depth1 {
    color: var(--font-color-main);
    font-size: var(--font-size-lv3);
    font-weight: 500;
}

/* full-menu, mega-menu */
sc-mdi-topmenu-container .grid-item .depth2-menu a,
.mega2depth button {
    color: var(--font-color-main);
}

sc-mdi-topmenu-container .grid-item .depth3-menu li a,
.mega4depth button {
    color: var(--font-color-sub);
}

/* mdi-tabbar, sc-bc */
.sc-tabbar sc-tab,
.sc-mdi-tabbar sc-tab,
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab {
    color: var(--font-color-sub);
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab.item-selected {
    font-weight: 600;
}

/* left-menu */
.lnb2depth button {
    color: var(--font-color-sub);
}

/* --- page --- */
/* sc-bc */
sc-bc,
sc-bc b {
    color: var(--font-color-sub);
    font-size: var(--font-size-bc);
    font-weight: 500;
}

/* page-title-bar */
cc-page-title-bar h3,
sc-panel>sc-toolbar.header .title {
    color: var(--font-color-main);
    font-size: var(--font-size-lv5);
    font-weight: 700;
    letter-spacing: 0;
}

sc-panel>sc-toolbar.header .title {
    font-size: var(--font-size-lv4);
}

/* sc-label */
.sc-label {
    color: var(--font-color-main);
    font-size: var(--font-size-lv2);
    font-weight: 500;
}

cc-grid-toolbar .sc-label {
    color: inherit;
}

/* field-container */
*[field]>.field-container input,
*[field]>.field-container textarea,
sc-listbox .sc-combobox-item,
sc-listbox .check-default {
    color: var(--font-color-main);
    font-size: var(--font-size-lv2);
}

::placeholder {
    color: var(--font-color-sub) !important;
}

sc-tag-input-field .tag#tagInput {
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
    width: initial !important;
}

/* sc-button */
sc-button span.sc-button,
.wrap_btn sc-button span.sc-button {
    font-size: var(--font-size-lv1);
    font-weight: 600;
}

/* sc-checkbox-field, radio-field : type button */
sc-checkbox-field>div.check-button>.check-label,
sc-radio-field>div.check-button>.check-label {
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
}

sc-tab-navigation .sc-tabbar sc-tab {
    color: var(--font-color-sub) !important;
    font-weight: 500;
}

sc-tab-navigation .sc-tabbar sc-tab.item-selected {
    font-weight: 700 !important;
}

/* sc-upload */
sc-upload-listview .listview-header>div,
sc-upload .info {
    color: var(--font-color-sub);
}

/* tooltip txt */
.question.cc-label-tooltip .tooltip-content.cc-label-tooltip,
.multi-label-tooltip.cc-multi-label-tooltip .tooltip-content.multi-label-tooltip-po_ab.cc-multi-label-tooltip {
    font-size: var(--font-size-lv1) !important;
}

/* summary-field */
div:has(.simCount) .card-box>p:first-child {
    color: var(--font-color-main) !important;
}

/* comment-label */
.comment-box sc-label,
.comment-box sc-label .sc-label,
.comment-box sc-checkbox-field>.check-default span {
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
}

/* --- HOME : widget --- */
.card1 .right .company,
.card1 .left .stepBox .stepNum button,
.serviceDesk p:first-child,
.exchange-change .exchange-current {
    color: var(--font-color-main);
}

.card1 .right .team,
.card1 .right p,
.quickTit,
.exchang-tit,
.tt,
.widget-footer button,
.card1 .left .stepDetail .down .bullTxt {
    color: var(--font-color-main) !important;
}

.exchange-time {
    color: var(--font-color-sub) !important;
}

/* --- grid-title-bar --- */
cc-grid-toolbar .result {
    display: flex;
    align-items: center;
    font-weight: 700;
}

cc-grid-toolbar .result,
.status_explain .sc-label,
.status_explain.type2 sc-checkbox-field {
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
}

.status_explain.type2 sc-checkbox-field>.check-default:before {
    margin: 1px 1px 0;
}

.cc-grid-toolbar>h4,
.cc-grid-toolbar .title {
    color: var(--font-color-main);
    font-size: var(--font-size-lv3);
}

/* --- popup --- */
sc-window>sc-toolbar.header>.title,
sc-messagebox>sc-toolbar.header>.title,
sc-dialog>sc-toolbar.header>.title {
    color: var(--font-color-main);
    font-size: var(--font-size-lv5);
    font-weight: 700;
}

.contact-us-popup .contactTitle,
em-sp-vendor-user-reg-info .authority,
.new-vendor-wrap,
.contact-us-popup .boardBox table tr td {
    color: var(--font-color-main);
}

/* 페이지 min-width 지정 - home화면은 제외 */
/*
.sc-mdi-window {
	overflow: auto;
}
.sc-mdi-window:has(em-portal) {
    overflow: visible;
}
sc-mdi-window >*:not(emro-portal)) {
    overflow: auto !important;
    min-width: 1366px !important;
}
*/

/* hide-head 상태 height 조정 */
.sc-pages {
    height: calc(100% - 32px) !important;
}

.container-wrap:has(.hide-head) {
    height: 100% !important;
}

#mdiContent:has(.hide-head) {
    height: 100% !important;
}

/* popup cc-fieldset grid */
cc-fieldset sc-grid,
cc-fieldset sc-grid.flex,
cc-fieldset .grid-container {
    background: transparent;
}

cc-fieldset .grid-container>div {
    border-top: 1px solid #cfd5e2 !important;
}

/* text : 강조 */
.txt_accent {
    font-weight: 700;
    color: red;
}

/* 모듈2 : 인라인 스타일 이관 */
.gap-10 {
    gap: 10px;
}

.border-round {
    background: #fff;
    border-radius: 8px;
}

/* 접속정보 팝업, 로그아웃 화면 - 보안문구 추가 */
.sc-mdi-login-info-popup-0 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}

.security_txt {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    line-height: 1.2 !important;
}

.security_txt .sc-label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--font-color-sub);
    font-size: 12px;
    margin-right: 0;
    padding: 12px 10px;
    border-radius: 8px;
    background: #F8F8F8;
}

/* sc-dialog : cc-form-panel */
sc-dialog .content>cc-form-panel:first-child {
    margin-top: 0;
}

/* 체크박스 버튼타입 스타일 조정 */
sc-checkbox-field>div.check-button>.check-label {
    padding: 0 4px !important;
}

/* sc-upload-field 버튼 위치 조정 */
sc-upload-field .field-box>sc-button {
    margin-top: 0 !important;
}

/* dr-btn (상하좌우 방향 버튼) */
.dr-btn-wrap {
    display: flex;
    gap: 4px;
    padding: 8px;
    align-items: center;
    justify-content: center;
}

.dr-btn-wrap.vertical {
    flex-direction: column;
}

.dr-btn-wrap.horizon+* {
    margin-top: 0;
}

.dr-btn {
    background: #5072f2;
    padding: 0;
    min-width: 28px;
}

.dr-btn::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../img/custom/ico_direction.svg) no-repeat 6px 10px;
}

.dr-btn.left {
    transform: rotate(90deg);
}

.dr-btn.right {
    transform: rotate(270deg);
}

.dr-btn.up {
    transform: rotate(180deg);
}

/* cc-form-panel 중첩 */
cc-form-panel:has(cc-form-panel) .form-container,
cc-form-panel:has(div:has(.simCount)) .form-container {
    padding: 0 0 6px;
}

cc-form-panel:has(cc-form-panel) cc-form-panel .form-container,
cc-form-panel:has(cc-form-panel) cc-form-panel .grid-wrap,
cc-form-panel:has(.simCount) cc-sts-panel .form-container,
cc-form-panel:has(.simCount) cc-sts-panel .grid-wrap {
    padding: 0;
}

cc-form-panel .hbox {
    margin-top: 0 !important;
}

.grid-wrap:has(.simCount) {
    padding: 0 10px 10px;
}

cc-form-panel .hbox:has(.simCount) {
    gap: 20px
}

.form-grid-container .form-grid-container>.title>.title-text {
    font-size: var(--font-size-lv3);
}

.form-grid-container .form-grid-container>.title>.folding-down {
    display: none;
}

cc-form-panel:has(.simCount) div:has(.simCount) .contents {
    padding: 0;
}

/* module1 평가 : cc-fieldset 내부 간격 */
.es-reg-vendor-gen-info-full[style="padding-right:10px;"] {
    padding-right: 0 !important;
}

cc-fieldset [class*="hspace"]:empty {
    min-width: 4px;
}

sc-window:has(ep-module-attach) sc-panel:has(sc-upload) {
    margin-top: 0;
}

/*
sc-window sc-panel:has(sc-upload)>sc-toolbar.header {
	display: none;
}
*/
.ep-module-attach-0 {
    overflow: visible;
}

/* AI */
cc-form-panel.ai-custom.flex .grid-wrap {
    height: 100%;
}

cc-form-panel.ai-custom .grid-wrap {
    padding: 10px;
}

cc-form-panel.ai-custom sc-grid .content.sc-grid {
    margin-left: 0;
}

cc-form-panel .grid-wrap>sc-grid,
cc-form-panel .grid-wrap>sc-grid:first-child cc-grid-toolbar {
    margin-top: 0;
}

.ai-custom .grid_col--5 {
    display: flex;
    justify-content: space-between;
}

/* module3 : cc-search-condition-panel btn */
cc-search-condition-panel .btn-wrap {
    position: absolute;
    right: 0;
    bottom: -35px;
    z-index: 10;
}

cc-search-condition-panel:has(+.comment-message+sc-tab-navigation) .btn-wrap {
    bottom: -60px;
}

/* modue1 : 공급망 관리 - card */
.spring-card-list {
    background: #fff;
    border-top: 2px solid #606671;
    overflow: auto;
    flex: 1;
    padding-bottom: 10px;
}

.spring-card {
    padding: 14px 12px 0;
    line-height: 1.2;
    border-top: 1px solid #D5DAE5;
    position: relative;
}

.spring-card:not(.active) {
    cursor: pointer;
}

.spring-card:first-child {
    border-top: none;
}

.spring-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spring-title h4 {
    color: var(--font-color-main);
    font-size: var(--font-size-lv3);
    font-weight: 700;
}

.spring-title .num {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 158px;
    height: 22px;
    color: var(--font-color-sub);
    font-size: var(--font-size-lv1);
    border-radius: 20px;
    background: #F5F7FA;
}

.spring-content {
    padding: 15px 0 20px;
}

.spring-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.spring-content li {
    display: flex;
    gap: 20px;
    color: var(--font-color-sub);
    font-size: var(--font-size-lv1);
}

.spring-content li .label {
    min-width: 70px;
    color: var(--font-color-main);
    font-weight: 500;
}

.spring-detail {
    padding-top: 0px;
    height: 1px;
    overflow: hidden;
    transition: 0.2s;
}

.spring-card .btn-wrap {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding-top: 12px;
}

.spring-card>.arrow {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%) rotate(180deg);
    width: 40px;
    height: 12px;
    border-radius: 8px;
    background: var(--main-color-btn) url(../../img/custom/ico_card-arrow.svg) no-repeat center;
    z-index: 10;
    transition: background .2s;
}

.spring-card:not(.active):hover>.arrow,
.spring-card>.arrow:hover {
    background: var(--main-color-dark) url(../../img/custom/ico_card-arrow.svg) no-repeat center;
}

.spring-card.active>.arrow {
    transform: translateX(-50%) rotate(0);
    cursor: pointer;
}

.spring-card.active .spring-detail {
    padding-top: 8px;
    height: auto;
}

/* modue1 : 공급망 관리 - score */
.score-section {
    display: flex;
    gap: 20px;
}

.score-section .title .sc-label {
    font-size: var(--font-size-lv3);
    font-weight: 600;
    min-height: initial;
    padding: 4px 0 10px;
}

.score-section .content {
    background: #F3F6FB;
    border-radius: 8px;
    height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.score-section .site-DnB {
    max-width: 270px;
}

.score-section .site-DnB .content {
    font-size: 52px;
    color: #0068FD;
    font-weight: 600;
}

.score-section .site-DnB .content.lv1 {
    color: #0068FD;
}

.score-section .site-DnB .content.lv2 {
    color: #00C45A;
}

.score-section .site-DnB .content.lv3 {
    color: #F9C61D;
}

.score-section .site-DnB .content.lv4 {
    color: #FB943A;
}

.score-section .site-DnB .content.lv5 {
    color: #D11414;
}

.score-section .site-score .content {
    padding: 0 68px;
}

.score-lv-graph {
    display: flex;
    width: 100%;
    padding-bottom: 7px;
}

.score-lv-graph li {
    flex: 1;
    height: 8px;
    background: #eee;
    position: relative;
}

.score-lv-graph li span {
    display: none;
    min-width: 38px;
    height: 38px;
    border-radius: 38px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 0 8px;
}

.score-lv-graph li:nth-child(1),
.score-lv-graph li:nth-child(1) span {
    background: #D11414;
}

.score-lv-graph li:nth-child(2),
.score-lv-graph li:nth-child(2) span {
    background: #FB943A;
}

.score-lv-graph li:nth-child(3),
.score-lv-graph li:nth-child(3) span {
    background: #FFCE2D;
}

.score-lv-graph li:nth-child(4),
.score-lv-graph li:nth-child(4) span {
    background: #00C45A;
}

.score-lv-graph li:nth-child(5),
.score-lv-graph li:nth-child(5) span {
    background: #0068FD;
}

.score-lv-graph.lv5 li:nth-child(1) span,
.score-lv-graph.lv4 li:nth-child(2) span,
.score-lv-graph.lv3 li:nth-child(3) span,
.score-lv-graph.lv2 li:nth-child(4) span,
.score-lv-graph.lv1 li:nth-child(5) span {
    display: block;
}

.score-lv-graph li:first-child::after,
.score-lv-graph li:last-child::after {
    content: 'High Risk';
    display: block;
    position: absolute;
    color: var(--font-color-sub);
    width: 100%;
    font-weight: 500;
    text-align: center;
    bottom: -34px;
    line-height: 1;
    font-size: var(--font-size-lv1);
}

.score-lv-graph li:last-child::after {
    content: 'Low Risk'
}

cc-form-panel:has(.score-section) .txt-section {
    padding: 22px 0;
    font-size: var(--font-size-lv2);
    line-height: 1.2;
    color: var(--font-color-sub);
}

cc-form-panel:has(.score-section) .txt-section li {
    display: flex;
}

cc-form-panel:has(.score-section) .txt-section li::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: var(--font-color-sub);
    margin: 6px 5px 11px 8px;
}

cc-form-panel:has(.score-section) .grid-section {
    display: inherit;
    border-top: 1px dashed #E5E7E9;
    padding-bottom: 10px;
}

.closing-date {
    text-align: right;
    padding: 20px 0px 12px;
    line-height: 1;
    font-size: var(--font-size-lv1);
    color: var(--font-color-sub);
}

cc-form-panel:has(.score-section) .grid-section sc-grid,
cc-form-panel:has(.score-section) .grid-section sc-grid * {
    margin: 0;
    padding: 0;
}

cc-form-panel:has(.score-section) .grid-section sc-grid.h-65 {
    min-height: initial;
    height: 65px;
}

cc-form-panel:has(.score-section) .grid-section sc-grid .grid-container {
    border-bottom: 1px solid #E5E8EB;
}

/* devops 용 */
sc-devops-window sc-panel:has(sc-panel)>div.content-wrap.sc-panel>div.content.sc-panel {
    position: relative !important;
    max-height: 500px !important;
}

/* module1- risk - info page, timeline */
sc-grid.risk-news {
    min-height: initial;
}

.risk-timeline-wrap {
    position: relative;
    flex: 1;
    background: #fff;
    border-radius: 8px;
    padding: 30px 28px 30px 39px !important;
    overflow: auto;
}

.risk-timeline-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 33px;
    position: relative;
}

.risk-timeline-item {
    position: relative;
    padding: 14px 15px;
    background: #F5F7FB;
    border-radius: 8px;
    border: 1px solid #EDF1F6;
}

.risk-timeline-item::before {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    left: -42px;
    border-radius: 12px;
    margin-top: -7px;
    background: var(--main-color-btn);
}

.risk-timeline-item::after {
    content: '';
    display: block;
    width: 2px;
    height: calc(100% + 40px);
    background: var(--main-color-btn);
    position: absolute;
    left: -36px;
    top: -20px;
}

.risk-timeline-item:first-child::after {
    height: calc(50% + 20px);
    top: calc(50% + 5px);
}

.risk-timeline-item:last-child::after {
    height: 50%;
    top: -5px;
}

.risk-timeline-container:not(:has(.risk-timeline-item:nth-child(2))) .risk-timeline-item::after {
    display: none;
}

.risk-timeline-item .title {
    display: flex;
    justify-content: space-between;
    color: #666;
    font-size: var(--font-size-bc);
    align-items: center;
}

.risk-timeline-item .title h4 {
    display: flex;
    color: var(--font-color-main);
    font-size: var(--font-size-lv3);
    font-weight: 600;
    align-items: center;
    gap: 8px;
}

.risk-timeline-item .title h4::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fff no-repeat center;
}

.risk-timeline-item.ico-info .title h4::before {
    background-image: url(../../img/custom/ico_timeline_info.svg);
}

.risk-timeline-item.ico-alarm .title h4::before {
    background-image: url(../../img/custom/ico_timeline_alarm.svg);
}

.risk-timeline-item.ico-add .title h4::before {
    background-image: url(../../img/custom/ico_timeline_add.svg);
}

.risk-timeline-item.ico-reg .title h4::before {
    background-image: url(../../img/custom/ico_timeline_reg.svg);
}

.risk-timeline-item.ico-update .title h4::before {
    background-image: url(../../img/custom/ico_timeline_update.svg);
}

.risk-timeline-item.ico-conv .title h4::before {
    background-image: url(../../img/custom/ico_timeline_conv.svg);
}

.risk-timeline-item.ico-change .title h4::before {
    background-image: url(../../img/custom/ico_timeline_change.svg);
}

.risk-timeline-item.ico-analy .title h4::before {
    background-image: url(../../img/custom/ico_timeline_analy.svg);
}

.risk-timeline-item.ico-send .title h4::before {
    background-image: url(../../img/custom/ico_timeline_send.svg);
}

.risk-timeline-item.ico-reply .title h4::before {
    background-image: url(../../img/custom/ico_timeline_reply.svg);
}

.risk-timeline-item.ico-end .title h4::before {
    background-image: url(../../img/custom/ico_timeline_end.svg);
}

.risk-timeline-item.ico-minus .title h4::before {
    background-image: url(../../img/custom/ico_timeline_minus.svg);
}

.risk-timeline-item .content {
    padding: 12px 4px 0;
    margin-top: 11px;
    border-top: 1px solid #C3CCD9;
    line-height: 1.2;
    font-weight: 500;
}

.risk-timeline-item .content .detail {
    padding: 6px 4px 0;
    color: #666;
}

.risk-timeline-item .content .detail li {
    display: flex;
}

.risk-timeline-item .content .detail li::before {
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #707070;
    margin: 6px 6px 0 0;
    content: '';
}

.risk-timeline-item .content .btn-wrap {
    display: flex;
    justify-content: end;
    padding-top: 5px;
    margin-right: -4px;
}

/* 공통 - text-field link 스타일 */
sc-text-field.link input {
    color: #1743E4 !important;
    font-weight: 700;
}

sc-text-field.link:hover input {
    cursor: pointer;
}

/* 여백 조정 */
cc-page-title-bar+.flex {
    margin-top: 12px;
}

/* sc-textarea-field 추가 조정 */
sc-textarea-field:has(~ sc-upload) {
    min-height: 153px;
}

*[field]>.field-container textarea {
    height: 100%;
}

/* sc-editor : 자동 full height */
sc-editor.flex:not(ep-tmp-tootip sc-editor) div {
    height: 100% !important;
    box-sizing: border-box;
}

/* 공지사항 팝업 */
sc-mdi-ocf-notice-popup>div:last-child:not(.vbox) {
    padding-top: 8px;
}

sc-mdi-ocf-notice-popup sc-container#postContContainer {
    padding: 0;
    border: 0;
}

sc-mdi-ocf-notice-popup sc-container#postContContainer>.content-wrap,
sc-mdi-ocf-notice-popup sc-container#postContContainer>.content-wrap>.content {
    width: 100% !important;
    height: 100% !important;
}

/* 모듈2 : sc-grid hover 액션 */
sc-grid.hover-ac:hover {
    border-color: var(--main-color);
}

sc-grid.hover-ac .sub_title {
    opacity: 0;
    transition: all 0.2s;
}

sc-grid.hover-ac:hover .sub_title {
    color: var(--main-color);
    opacity: 1;
}

/* sc-upload 추가 조정 */
sc-upload-listview .fileitem .fileitem-filename {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 67% !important;
}

.fileitem-filename span {
    width: 97%;
    overflow: hidden;
    text-overflow: ellipsis;
}

sc-upload-listview .fileitem .fileitem-filesize>span {
    right: auto !important;
}

/* 엑셀 업로드 */
.cc-excel-import-multi-sheet-0 .btnBox.cc-excel-import-multi-sheet {
    border: none !important;
}

sc-window .tb-form td:has(>.cc-excel-import-multi-sheet) {
    padding: 20px !important;
}

/* ai 요청 */
[hidden]+sc-grid#sheetHeaderPanel {
    margin-top: 0;
}

[hidden]+sc-grid#sheetHeaderPanel .grid-container {
    padding-top: 8px;
}

.status_explain.type1.custom-ai .status_container {
    height: 20px;
    padding: 0 12px;
}

.status_explain.type1.custom-ai .status_container sc-label {
    display: none;
}

.status_explain.type1.custom-ai .status_container sc-label.active {
    display: block;
}

.status_explain.type1.custom-ai .status_container .sc-label {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.status_explain.type1.custom-ai .status_container .yellow .sc-label,
.status_explain.type1.custom-ai .status_container .green .sc-label {
    color: var(--font-color-main);
}

.status_explain.type2.custom-ai {
    position: relative;
    margin-left: -10px;
}

.status_explain.type2.custom-ai sc-checkbox-field {
    padding: 0;
    background: none !important;
}

.status_explain.type2.cutom-ai sc-checkbox-field>.check-default::before {
    background: url(../../img/grid/ico_grid_tootip.png) no-repeat;
    margin-right: 4px;
    content: '';
    height: 19px;
    width: 15px;
    background-size: contain;
}

.status_explain.type2.custom-ai sc-checkbox-field>.check-default:hover::before {
    filter: brightness(85%);
}

.status_explain.type2.custom-ai .status_container {
    white-space: nowrap;
    left: -20px;
    padding: 12px;
    margin-top: 0;
}

.status_explain.type2.custom-ai .status_container>div::before {
    display: none;
}

.status_explain.type2.custom-ai .status_container>div {
    align-items: center;
}

.status_explain.type2.custom-ai *:not(.comment-box) sc-label:first-child .sc-label:not(.comment-box .sc-label) {
    font-weight: 600;
    color: #fff;
    padding: 2px 10px;
    background: var(--status-gray);
    border-radius: 10px;
}

/* module1 : status_container */
.status_container>div::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #000;
}

.status_explain.type2.custom-ai .red sc-label:first-child .sc-label:not(.comment-box .sc-label),
.status_explain.type1.custom-ai .status_container:has(.active.red),
.status_container>div.red::before {
    background: var(--status-red);
}

.status_explain.type2.custom-ai .orange sc-label:first-child .sc-label:not(.comment-box .sc-label),
.status_explain.type1.custom-ai .status_container:has(.active.orange),
.status_container>div.orange::before {
    background: var(--status-orange);
}

.status_explain.type2.custom-ai .yellow sc-label:first-child .sc-label:not(.comment-box .sc-label),
.status_explain.type1.custom-ai .status_container:has(.active.yellow),
.status_container>div.yellow::before {
    background: var(--status-yellow);
    color: var(--font-color-main);
}

.status_explain.type2.custom-ai .green sc-label:first-child .sc-label:not(.comment-box .sc-label),
.status_explain.type1.custom-ai .status_container:has(.active.green),
.status_container>div.green::before {
    background: var(--status-green);
    color: var(--font-color-main);
}

.status_explain.type2.custom-ai .blue sc-label:first-child .sc-label:not(.comment-box .sc-label),
.status_explain.type1.custom-ai .status_container:has(.active.blue),
.status_container>div.blue::before {
    background: var(--status-blue);
}

.status_explain.type2.custom-ai .purple sc-label:first-child .sc-label:not(.comment-box .sc-label),
.status_explain.type1.custom-ai .status_container:has(.active.purple),
.status_container>div.purple::before {
    background: var(--status-purple);
}

.status_explain.type2.custom-ai .gray sc-label:first-child .sc-label:not(.comment-box .sc-label),
.status_explain.type1.custom-ai .status_container:has(.active.gray),
.status_container>div.gray::before {
    background: var(--status-gray);
}


/* cc-grid-toolbar : status_explain */
.status_explain {
    padding-right: 20px;
    height: 22px;
}

.status_explain .status_container {
    display: flex;
    align-items: center;
    gap: 20px;
}

.status_explain .status_container>div {
    display: flex;
    gap: 8px;
}

.status_explain .status_container>div::before {
    min-width: 6px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin-top: 4px;
}

.status_explain .sc-label {
    min-height: initial;
    margin-right: 0;
    font-size: var(--font-size-lv2);
    color: var(--font-color-sub);
    font-weight: 400;
}

.status_explain.type1 .status_container>div {
    align-items: center
}

.status_explain.type1 .status_container>div::before {
    margin-top: 0;
}

.status_explain.type1 .status_container {
    padding: 0 20px;
    background: #F5F7FB;
    border-radius: 11px;
    height: 22px;
}

.status_explain.type2 .status_container {
    display: none;
    position: absolute;
    z-index: 2;
    padding: 12px 20px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 8px;
    gap: 8px 20px;
    margin-top: 2px;
}

.status_explain.type2 .status_container::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 23px;
    border-bottom: 7px solid #707070;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.status_explain.type2 .status_container::after {
    content: '';
    position: absolute;
    top: -5px;
    left: 23px;
    border-bottom: 7px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.status_explain.type2 sc-checkbox-field {
    background: #EBEEF6;
    height: 22px;
    border-radius: 22px;
    padding: 1px 6px 0 4px;
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
}

.status_explain.type2 sc-checkbox-field:hover {
    background: #DFE2EE;
}

.status_explain.type2 sc-checkbox-field>.check-default {
    display: flex;
    align-items: center;
    line-height: 1;
}

.status_explain.type2 sc-checkbox-field>.check-default:before {
    content: url(../../img/grid/ico_grid_tootip.png);
    margin-right: 4px;
}

.status_explain.type2 [checked]+.status_container {
    display: flex;
}

.status_explain .status_container.dr-col {
    flex-direction: column;
    align-items: start;
}

/* w- 클래스는 flex 영향 x */
cc-fieldset .cc-fieldset>*:not([field]):not(:has([class*="hspace"])) {
    gap: 4px;
}

/* board-title */
.board-title-view,
.board-title-edit {
    padding-bottom: 22px;
    border-bottom: 1px solid #D5DAE5;
}

.board-title-edit {
    padding-bottom: 12px;
}

.board-title-view+.board-title-edit {
    margin-top: 24px;
}

.board-title-view,
.board-title-view .left,
.board-title-view .right,
.board-title-edit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 17px;
}

.board-title-view .category {
    min-width: fit-content;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: var(--font-size-lv2);
    font-weight: 500;
    padding: 1px 10px;
    border-radius: 20px;
    background: #F78E8E;
}

.board-title-view h4,
.board-title-edit sc-text-field .field-container input {
    font-size: 24px;
    font-weight: 600;
}

.board-title-edit sc-text-field .field-container::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url(../../img/custom/ico_board-title-edit.svg) no-repeat center;
}

.board-title-view .date {
    color: #888;
    white-space: nowrap;
}

.board-title-edit sc-text-field .field-container,
.board-title-edit sc-text-field .field-container input,
.board-title-edit *[field][readonly]>.field-container input {
    border: none;
    background: none !important;
    font-weight: 500;
}

.board-title-edit sc-text-field .field-container input::placeholder {
    font-weight: 500;
}

.board-title-edit .btn-wrap {
    display: flex;
    gap: 4px;
}

.board-title-view[hidden]~.board-content-wrap,
es-ocf-board-mgmt-detail .board-content-wrap {
    padding: 20px;
    margin-top: 10px;
    border-radius: 8px;
    background: #fff;
}

.board-content-wrap>.flex.page {
    margin-top: 12px;
}

/* 게시판 전용 sc-upload */
.board-upload .listview-header {
    display: none;
}

.board-upload sc-upload-listview .listview-content {
    height: 100% !important;
}

.board-upload sc-upload .droptext {
    top: 50% !important;
}

.board-upload sc-upload .toolbar {
    justify-content: end;
}

.board-content-wrap sc-panel>sc-toolbar.header,
.board-content-wrap sc-panel>sc-toolbar.header .title {
    height: 16px;
    line-height: 1;
    font-size: var(--font-size-lv3);
    font-weight: 600;
}

.board-upload>sc-toolbar.header {
    position: absolute;
    margin-bottom: 0;
    top: 4px;
}

.board-upload sc-upload .info,
.board-upload sc-upload .info span {
    color: var(--font-color-sub-02);
    font-size: var(--font-size-bc);
    font-weight: 500;
}

.board-upload sc-upload-listview sc-listbox {
    padding: 10px 0px;
    box-sizing: border-box;
}

/* 게시판 - 댓글 */
.board-comment>sc-toolbar.header {
    padding-bottom: 12px;
    border-bottom: 1px solid #DFE3EB;
    margin-bottom: 12px;
}

.board-comment>sc-toolbar.header sc-button.collapsible {
    margin-top: 6px;
}

.board-comment #boardAddComnt,
.board-comment #boardReplyComnt {
    display: flex;
    align-items: end;
    gap: 10px;
    border-radius: 4px;
    padding: 10px 13px;
    background: var(--main-color-lv1);
}

.board-comment #boardReplyComnt {
    margin: 16px 0;
}

.board-comment #boardAddComnt .field-container,
.board-comment #boardAddComnt textarea,
.board-comment #boardReplyComnt .field-container,
.board-comment #boardReplyComnt textarea {
    border: none;
    background: none;
    overflow: hidden;
}

.board-comment .btn-wrap {
    display: flex;
    gap: 4px;
    padding-top: 2px;
}

.hbox.board-comment-item {
    margin-top: 0 !important;
    padding: 16px 0 4px;
    border-bottom: 1px dashed #DFE3EB;
}

.board-comment #boardReplyComnt+es-ocf-board-comnt-template {
    border-top: 1px dashed #DFE3EB;
}

es-ocf-board-comnt-template:first-child {
    padding-top: 8px;
}

.board-comment-photo {
    width: 28px;
    height: 28px;
    margin-right: 2px;
    background: url(../../img/custom/ico_board-photo.svg) center no-repeat;
}

.board-comment-info {
    overflow: visible !important;
    justify-content: space-between;
    margin-top: -2px !important;
}

.board-comment-profile {
    display: flex;
}

.board-comment-info .field-container,
.board-comment-item [readonly] .field-container,
.board-comment-item [disabled] .field-container {
    border: none !important;
}

.board-comment-info *[field][readonly]>.field-container input,
.board-comment-info *[field][readonly]>.field-container input,
.board-comment-item *[field][readonly]>.field-container textarea,
.board-comment-item *[field][disabled]>.field-container textarea {
    background: none !important;
}

.board-comment-info .sc-label,
.board-comment-info input {
    color: var(--font-color-sub-02) !important;
}

.board-comment-item textarea {
    color: var(--font-color-sub) !important;
    padding: 0 !important;
    font-weight: 500;
}

.board-comment-item sc-button {
    padding: 0 8px;
    border-radius: 20px;
    height: 21px !important;
    line-height: 19px;
    border-color: #DFE3EB;
    color: var(--font-color-sub);
}

.board-comment-item sc-button:hover {
    background: var(--main-color-btn);
    color: #fff;
}

.board-comment-item sc-button span {
    font-weight: 500;
}

.board-comment-item sc-label .sc-label {
    max-width: initial;
    margin-right: 5px;
    white-space: nowrap;
}

.board-comment-item sc-date-field {
    margin-top: -2px;
}

#boardAddComnt sc-textarea-field textarea {
    height: 40px;
}

#boardComntList sc-textarea-field textarea {
    height: 30px;
}

#replyComntCont textarea,
#addComntCont textarea,
#comntCont textarea {
    max-height: 162px;
    overflow: auto !important;
}

#replyComntCont textarea::-webkit-scrollbar-thumb,
#addComntCont textarea::-webkit-scrollbar-thumb,
#comntCont textarea::-webkit-scrollbar-thumb {
    background-color: #ddd;
}

#replyComntCont textarea::-webkit-scrollbar-thumb:hover,
#addComntCont textarea::-webkit-scrollbar-thumb:hover,
#comntCont textarea::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}

.board-comment-item sc-textarea-field:not([disabled]):not([readonly]) {
    margin-bottom: 12px;
}

.board-comment-item sc-textarea-field:not([disabled]):not([readonly]) .field-container {
    padding: 6px;
}

.board-comment-lv2::before,
.board-comment-lv3::before {
    content: '';
    width: 18px;
    background: url(../../img/custom/ico_grid_board_reply.svg) left top no-repeat;
    margin-left: 12px;
}

.board-comment-lv3::before {
    margin-left: 52px;
}

/* 게시판 - 콤보박스 결합 */
.combo-merge {
    display: flex;
    align-items: center;
    border: 1px solid #DEDFDF;
    border-radius: 4px;
}

.combo-merge .before-line {
    display: flex;
    align-items: center;
}

.combo-merge .before-line::after {
    content: '';
    width: 1px;
    height: 17px;
    background: #D5DAE5;
}

.combo-merge sc-label.before-line {
    padding-left: 10px;
}

.combo-merge .before-line .field-container {
    padding-left: 2px;
}

.combo-merge sc-period-date-field {
    width: 230px;
}

.combo-merge .field-container {
    border: none;
    min-height: 26px;
}

.combo-merge-container {
    display: flex;
    gap: 4px;
    align-items: center;
}

.combo-merge-container sc-button#_searchBtn {
    min-width: 40px;
    background-size: 125% !important;
    background-color: var(--main-color-btn) !important;
}

.combo-merge-container sc-button#_searchBtn:hover {
    background-color: var(--main-color-dark) !important;
}

.wrap_btn:has(.combo-merge) .hspace-5 {
    display: none;
}

.wrap_btn:has(.combo-merge):has(:not(sc-button[hidden])) .hspace-5 {
    display: block;
}

/* sc-splitter */
sc-splitter {
    z-index: 5;
}

/* common : checkbox-filter */
.checkbox-filter {
    gap: 5px 10px;
    margin: 12px 0;
}

cc-page-title-bar+.checkbox-filter {
    margin-top: 24px;
}

.checkbox-filter:has(+sc-grid) {
    margin-bottom: 0;
}

.checkbox-filter sc-checkbox-field {
    height: 26px;
    color: var(--font-color-sub);
    font-size: 12px;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    padding: 5px 15px 5px 9px;
    background: #fff;
    box-sizing: border-box;
}

.checkbox-filter sc-checkbox-field[checked] {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.checkbox-filter sc-checkbox-field>.check-default:before {
    content: url(../../img/custom/ico_checkfilter.svg);
}

.checkbox-filter sc-checkbox-field[checked]>.check-default:before {
    content: url(../../img/custom/ico_checkfilter-active.svg);
}

/* module 2 : MI sample */
.page:has(>.mi-container) {
    overflow: auto;
}

.mi-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.mi-item {
    gap: 32px;
    padding: 28px;
    line-height: 1.4;
    border-radius: 8px;
    background: #fff;
    justify-content: space-between;
    overflow: hidden !important;
    word-break: keep-all;
}

.mi-title-main {
    display: flex;
    justify-content: space-between;
}

.mi-title-main .left,
.mi-tit-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.mi-tit-tag {
    gap: 6px;
}

.mi-title-main h4 {
    font-size: 20px;
    font-weight: 700;
}

.mi-tit-tag>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 27px;
    color: var(--font-color-sub);
    font-weight: 600;
    font-size: 16px;
    border-radius: 20px;
    padding: 0 16px;
    background: #E6E6E6;
}

.mi-tit-tag>.mi-risk {
    color: #fff;
}

.mi-tit-tag>.mi-risk.risk-01 {
    background: var(--risk-yellow);
}

.mi-tit-tag>.mi-risk.risk-02 {
    background: var(--risk-blue);
}

.mi-tit-tag>.mi-risk.risk-03 {
    background: var(--risk-red);
}

.mi-tit-tag>.mi-risk.risk-04 {
    background: var(--risk-purple);
}

.mi-tit-tag>.mi-risk.risk-05 {
    background: var(--risk-green);
}

.mi-more {
    width: 20px;
    height: 20px;
    background: url(../../img/custom/ico_mi-more.svg) no-repeat center;
    filter: invert(61%) sepia(0%) saturate(1%) hue-rotate(188deg) brightness(92%) contrast(86%);
}

.mi-more:hover {
    filter: invert(30%) sepia(98%) saturate(1574%) hue-rotate(218deg) brightness(90%) contrast(114%);
}

.mi-title-sub {
    color: var(--font-color-sub);
    margin-top: 9px;
}

.mi-content {
    height: 100%;
    padding-bottom: 2px;
}

.mi-news {
    border-top: 1px solid #E5E6E7;
    padding-top: 18px;
    font-size: 12px;
}

.mi-news ul {
    gap: 10px;
}

.mi-news li,
.mi-news-info {
    display: flex;
    gap: 10px;
}

.mi-news .mi-news-tit {
    white-space: nowrap;
    overflow: hidden;
}

.mi-news li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #222;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mi-news li a:hover {
    text-decoration: underline;
}

.mi-news-info {
    color: var(--font-color-sub);
}

.mi-news-info .newsroom {
    min-width: 55px;
}

.mi-news-info .new::before {
    content: url(../../img/custom/ico_board-list-new.svg);
}

.mi-news-info .download::before {
    content: url(../../img/custom/ico_board-list-download.svg);
}

.mi-news-info .close::before {
    content: url(../../img/custom/ico_board-list-close.svg);
}

/* module1 : risk - dashborad */
.risk-tab-time {
    display: flex;
    position: absolute;
    top: 42px;
    gap: 40px;
    letter-spacing: -.5px;
    font-size: 11px;
}

.risk-tab-time>div {
    text-align: center;
    width: 152px;
    color: #999;
}

.risk-tab-time>div:nth-child(2) {
    width: 124px;
}

.risk-tab-time>div:nth-child(3) {
    width: 147px;
}

.risk-tab-time:has(+.en)>div {
    width: 171px;
}

.risk-tab-time:has(+.en)>div:nth-child(2) {
    width: 146px;
}

.risk-tab-time:has(+.en)>div:nth-child(3) {
    width: 225px;
}

.risk-tab-time:has(~sc-tab-navigation sc-tab[active]:first-child)>div:first-child,
.risk-tab-time:has(~sc-tab-navigation sc-tab[active]:nth-child(2))>div:nth-child(2),
.risk-tab-time:has(~sc-tab-navigation sc-tab[active]:nth-child(3))>div:nth-child(3) {
    color: #000;
}

.hbox:has(>.risk-info) {
    min-height: 300px;
}

.hbox:has(>div >.risk-board-list.board) {
    max-height: 40%;
}

.hbox:has(>.risk-info) .risk-map {
    margin-top: 10px;
}

.hbox:has(>.risk-info) [hidden]+.risk-map {
    margin-top: 0;
}

.cc-fieldset:has(.dr-left) {
    align-items: center;
}

.hbox:has(>.risk-info) sc-button.dr-left,
.hbox:has(>.risk-info) sc-button.dr-right {
    min-width: 16px;
    height: 16px !important;
    background: url(../../img/icons_gnb_arrow.svg) no-repeat 2px 0px;
    background-size: cover;
    border: none;
    padding: 0;
    filter: invert(31%) sepia(91%) saturate(3530%) hue-rotate(212deg) brightness(95%) contrast(102%);
    margin: 0 8px;
}

.hbox:has(>.risk-info) sc-button.dr-right {
    transform: rotate(180deg);
    margin-top: -4px;
}

.risk-board-list {
    flex: 1;
    padding: 20px 25px;
    border-radius: 8px;
    background: #fff;
    overflow: auto;
}

.risk-board-list li,
.risk-news-tit {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    text-align: center;
}

.risk-news-tit {
    overflow: hidden;
    text-overflow: ellipsis;
}

.risk-news-tit .category {
    min-width: 36px;
    background: no-repeat center;
}

.risk-news-tit .category.new {
    background-image: url(../../img/custom/ico_board-list-new.svg);
}

.risk-news-tit .category.notice {
    background-image: url(../../img/custom/ico_board-list-notice.svg);
}

.risk-news-tit a {
    text-align: left;
    color: var(--font-color-main);
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.risk-news-tit a:hover {
    text-decoration: underline;
}

.risk-board-list li *:not(a) {
    color: var(--font-color-sub);
}

.risk-board-list .newsroom {
    min-width: 65px;
    margin: 0 min(3%, 44px);
}

sc-button.close-left,
sc-button.close-right {
    width: 20px;
    border: none !important;
    background: url(../../img/custom/ico_section-close.svg) no-repeat center !important;
    filter: invert(90%) sepia(7%) saturate(252%) hue-rotate(185deg) brightness(91%) contrast(90%);
}

sc-button.close-left {
    transform: rotate(180deg);
}

sc-button.close-left:hover,
sc-button.close-right:hover {
    filter: invert(32%) sepia(84%) saturate(4043%) hue-rotate(223deg) brightness(95%) contrast(102%);
}

.risk-summary-type2 {
    display: flex;
    gap: 16px;
    padding: 10px 15px;
    border-radius: 8px;
    background: #fff;
}

.risk-summary-type2 .risk-summary-box {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    padding: 12px 20px;
    border: 1px solid #DFE4EC;
    border-radius: 8px;
    background: #F5F7FB;
}

.risk-summary-type2 .risk-summary-num {
    min-width: 68px;
    text-align: right;
    font-size: 18px;
    color: #6C87EB;
    padding: 0 12px;
    border: 1px solid #6C87EB;
    border-radius: 20px;
    background: #fff;
}

/* module1, ai 요청 - title-bar 좌측에도 컨텐츠 추가 스타일 */
cc-page-title-bar .wrap_btn,
cc-sub-title-bar .wrap_btn {
    width: 100%;
    flex: 1;
    justify-content: end;
    margin-left: 10px;
}

cc-sub-title-bar:has(h4[hidden]) .wrap_btn {
    margin-left: 0;
}

cc-page-title-bar .left-content,
cc-sub-title-bar .left-content {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-right: auto;
}

cc-sub-title-bar .comment-message {
    margin-top: 0;
}

/* module2 - contract status */
es-contract-status-list .issue-status .risk-summary {
    min-width: initial;
    max-width: initial;
    border-color: var(--risk-blue);
}

es-contract-status-list .issue-status .risk-summary:has(.active) {
    background: #F1F9FF;
}

.issue-status.en .risk-summary.es-contract-status-list#param_2 {
    flex: initial;
    min-width: 527px;
}

es-contract-status-list .en .issue-filter sc-label {
    min-height: 32px;
}

es-contract-status-list .issue-status.en .issue-filter {
    min-width: 76px;
}

/* progressbar type02 */
.progress-bar.type02 {
    display: flex;
    justify-content: center;
    gap: 40px;
    font-size: var(--font-size-lv3);
    font-weight: 600;
}

.progress-bar.type02 .pg-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 150px;
    position: relative;
    color: #bbb;
    margin-bottom: 12px;
}

.progress-bar.type02 .pg-step::before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: #bbb;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
}

.progress-bar.type02 .pg-step::after {
    content: '';
    width: calc(100% + 40px);
    height: 1px;
    background: #bbb;
    top: 5px;
    left: 50%;
    position: absolute;
}

.progress-bar.type02>div:last-child::after {
    opacity: 0;
}

.progress-bar.type02 .pg-step.active {
    color: var(--main-color);
}

.progress-bar.type02 .pg-step.active::before {
    background: var(--main-color);
}

/* AI - cc-grid-toolbar */
.status_explain.type2:has(.hbox) .status_container {
    gap: 6px 20px;
}

.status_explain.type2 .tit {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}

.status_explain.type2 .ai-process {
    width: 100%;
    background: var(--main-color-lv1);
    padding: 10px 24px;
}

.status_explain.type2 .ai-process .hbox {
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
}

.status_explain.type2 .ai-process .arrow {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.status_explain.type2 .ai-process .arrow::before,
.status_explain.type2 .ai-process .arrow::after {
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    background: url(../../img/custom/ico_ai-process-arrow.svg) no-repeat center;
    background-size: cover;
    filter: invert(21%) sepia(90%) saturate(2749%) hue-rotate(226deg) brightness(103%) contrast(91%);
}

.status_explain.type2 .ai-process .arrow::after {
    transform: rotate(180deg);
    filter: invert(55%) sepia(0%) saturate(0%) hue-rotate(118deg) brightness(98%) contrast(85%);
}

.status_explain.type2 .ai-process>div:not(.hbox) {
    position: relative;
    width: 80%;
    text-align: center;
    font-weight: 600;
    margin: 0 auto;
}

.status_explain.type2 .ai-process .correct-process {
    color: var(--main-color);
    margin-bottom: 10px;
    border-bottom: 1px solid var(--main-color);
}

.status_explain.type2 .ai-process .cancle-process {
    color: var(--font-color-sub-02);
    margin-top: 10px;
    border-top: 1px solid var(--font-color-sub-02);
}

.status_explain.type2 .ai-process>div:not(.hbox)::before,
.status_explain.type2 .ai-process>div:not(.hbox)::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 10px;
    background: var(--main-color);
}

.status_explain.type2 .ai-process>div:not(.hbox)::after {
    left: auto;
    right: 0;
}

.status_explain.type2 .ai-process>div.cancle-process:not(.hbox)::before,
.status_explain.type2 .ai-process>div.cancle-process:not(.hbox)::after {
    bottom: auto;
    top: -10px;
    background: var(--font-color-sub-02)
}

.status_explain.type2 .ai-process>div.correct-process:not(.hbox)::after,
.status_explain.type2 .ai-process>div.cancle-process:not(.hbox)::before {
    background: url(../../img/custom/ico_ai-process-arrow.svg) no-repeat center;
    width: 15px;
}

.status_explain.type2 .ai-process>div.correct-process:not(.hbox)::after {
    right: -7px;
    transform: rotate(90deg);
    filter: invert(21%) sepia(90%) saturate(2749%) hue-rotate(226deg) brightness(103%) contrast(91%);
}

.status_explain.type2 .ai-process>div.cancle-process:not(.hbox)::before {
    left: -7px;
    transform: rotate(270deg);
    filter: invert(55%) sepia(0%) saturate(0%) hue-rotate(118deg) brightness(98%) contrast(85%);
}

.status_explain .ai-process .sc-label {
    font-size: 13px;
}

.status_explain.type2 .ai-process *:not(.comment-box) sc-label:first-child .sc-label:not(.comment-box .sc-label) {
    padding: 2px 12px;
}

.status_explain.type1.custom-ai .status_container:has(.active.step-01),
.status_explain.type2.custom-ai .step-01 sc-label:first-child .sc-label:not(.comment-box .sc-label) {
    background: var(--main-color-lv3);
}

.status_explain.type1.custom-ai .status_container:has(.active.step-02),
.status_explain.type2.custom-ai .step-02 sc-label:first-child .sc-label:not(.comment-box .sc-label) {
    background: var(--main-color-btn);
}

.status_explain.type1.custom-ai .status_container:has(.active.step-03),
.status_explain.type2.custom-ai .step-03 sc-label:first-child .sc-label:not(.comment-box .sc-label) {
    background: var(--main-color-dark);
}

/* 25.05.09 진행 중 상태 추가 */
.status_explain.type1.custom-ai .status_container {
    position: relative;
}

.status_explain.type1.custom-ai .status_container sc-label[class*="-ing"] {
    position: absolute;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    height: 20px;
    text-align: center;
    border-radius: 20px;
    background: #FB831A;
}

.status_explain.type1.custom-ai .status_container sc-label[class*="-ing"].active {
    display: flex;
}

/* notice popup */
sc-window.ep-ocf-notice-info>sc-toolbar.header,
sc-window.sc-mdi-ocf-notice-popup>sc-toolbar.header {
    padding-top: 15px;
}

sc-window.ep-ocf-notice-info div.content-wrap.sc-window,
sc-window.sc-mdi-ocf-notice-popup div.content-wrap.sc-window {
    height: calc(100% - 60px);
    background: var(--main-color-lv1);
}

sc-window.ep-ocf-notice-info>div.content-wrap>div.content,
sc-window.sc-mdi-ocf-notice-popup>div.content-wrap>div.content {
    top: 30px;
    bottom: 10px;
    overflow: hidden;
}

sc-window.ep-ocf-notice-info>.content-wrap>.content,
sc-window.sc-mdi-ocf-notice-popup>.content-wrap>.content {
    background: none;
}

ep-ocf-notice-info cc-page-title-bar,
sc-mdi-ocf-notice-popup cc-page-title-bar {
    justify-content: center !important;
    width: 100%;
    margin-bottom: 30px;
}

ep-ocf-notice-info cc-page-title-bar .wrap_btn:empty,
sc-mdi-ocf-notice-popup cc-page-title-bar .wrap_btn:empty {
    display: none;
}

ep-ocf-notice-info cc-page-title-bar h3,
sc-mdi-ocf-notice-popup cc-page-title-bar h3 {
    display: flex;
    align-items: center;
    gap: 21px;
    font-size: var(--font-size-lv6);
    padding: 0 30px;
}

ep-ocf-notice-info cc-page-title-bar h3::before,
sc-mdi-ocf-notice-popup cc-page-title-bar h3::before {
    content: '';
    display: block;
    width: 62px;
    min-width: 52px;
    height: 64px;
    margin-right: 0;
    background: url(../../img/custom/ico_notice-title.svg) no-repeat center;
}

ep-ocf-notice-info .cke_chrome,
sc-mdi-ocf-notice-popup .cke_chrome {
    border-radius: 8px !important;
    border: 3px solid rgba(80, 114, 242, 0.30) !important;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10) !important;
}

ep-ocf-notice-info>div:last-child:not(.vbox),
sc-mdi-ocf-notice-popup>div:last-child:not(.vbox) {
    padding-top: 12px;
    font-size: var(--font-size-lv1);
}

/* notice popup - img only */
sc-window.ep-ocf-notice-info:has(cc-page-title-bar[hidden])>sc-toolbar.header,
sc-window.sc-mdi-ocf-notice-popup:has(cc-page-title-bar[hidden])>sc-toolbar.header {
    border-bottom: 1px solid #DFE4EC;
}

sc-window.ep-ocf-notice-info:has(cc-page-title-bar[hidden]) div.content-wrap.sc-window,
sc-window.sc-mdi-ocf-notice-popup:has(cc-page-title-bar[hidden]) div.content-wrap.sc-window {
    background: none;
}

sc-window.ep-ocf-notice-info>div.content-wrap>div.content:has(cc-page-title-bar[hidden]),
sc-window.sc-mdi-ocf-notice-popup>div.content-wrap>div.content:has(cc-page-title-bar[hidden]) {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

ep-ocf-notice-info:has(cc-page-title-bar[hidden]) .cke_chrome,
sc-mdi-ocf-notice-popup:has(cc-page-title-bar[hidden]) .cke_chrome {
    border: none !important;
    box-shadow: none !important;
}

ep-ocf-notice-info:has(cc-page-title-bar[hidden])>div:last-child:not(.vbox),
sc-mdi-ocf-notice-popup:has(cc-page-title-bar[hidden])>div:last-child:not(.vbox) {
    padding: 8px 34px;
    margin-top: 0;
    background: var(--main-color-lv1);
}

ep-ocf-notice-info:has(cc-page-title-bar[hidden]) sc-editor.flex:not(ep-tmp-tootip sc-editor) div,
sc-mdi-ocf-notice-popup:has(cc-page-title-bar[hidden]) sc-editor.flex:not(ep-tmp-tootip sc-editor) div {
    height: 100% !important;
}

/* 달력 컴포넌트 - today focused 아닌 상황 컬러 지정 */
sc-date-chooser a[today][beweendays]:not([focused]) {
    color: var(--main-color);
    font-weight: 900;
}

/* sc-grid : pagination */
sc-grid sc-grid-paging .pagination {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 8px;
}

sc-grid sc-grid-paging .pagination .pagination-item .pagination-button {
    border: 0px;
    background: #FFF !important;
    color: #666 !important;
    min-width: 24px !important;
    height: 24px !important;
    line-height: 24px;
    padding: 0 6px !important;
}

sc-grid sc-grid-paging .pagination .pagination-item .pagination-button:hover,
sc-grid sc-grid-paging .pagination .pagination-item .pagination-button.selected {
    border-radius: 6px;
    background: var(--main-color-lv1) !important;
    color: var(--main-color) !important;
}

sc-grid-paging #pageInputContainer sc-button.angle:hover,
sc-grid-paging #pageInputContainer sc-button.angle-double:hover {
    filter: hue-rotate(-22deg) brightness(1.03);
}

/* module1 - 평가 survey */
.ep-sp-req-update-vendor-info-step .spregWrap {
    padding: 1px 10px;
    overflow: auto;
}

.hbox:has(es-sp-req-update-vendor-info-step) {
    gap: 20px;
}

.ep-sp-req-update-vendor-info-step cc-form-panel.es-sp-reg-vendor-gen-info-full {
    margin-top: 0;
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li {
    height: 60px;
    padding-bottom: 6px;
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li sc-label {
    height: 100%;
    padding-left: 20px;
    border: none;
    border-radius: 4px;
    background-color: var(--main-color-lv1);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li sc-label .sc-label {
    color: var(--font-color-sub);
    font-size: 15px;
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li sc-label.curStep,
.ep-sp-req-update-vendor-info-step .regstepWrap>li sc-label.curStep .sc-label {
    color: #fff;
    border: none;
    background: var(--main-color);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li sc-label::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: var(--main-color-lv2) url(../../img/custom/ico_timeline_info.svg) center no-repeat;
    border-radius: 10px;
    margin-right: 10px;
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li sc-label.curStep::before {
    background-color: var(--main-color-lv4);
    opacity: .7;
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li:nth-child(2) sc-label::before {
    background-image: url(../../img/custom/ico_timeline_send.svg);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li:nth-child(3) sc-label::before {
    background-image: url(../../img/custom/ico_timeline_boss.svg);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li:nth-child(4) sc-label::before {
    background-image: url(../../img/custom/ico_timeline_financ.svg);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li:nth-child(5) sc-label::before {
    background-image: url(../../img/custom/ico_timeline_reg.svg);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li:nth-child(6) sc-label::before {
    background-image: url(../../img/custom/ico_timeline_analy.svg);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li:nth-child(7) sc-label::before {
    background-image: url(../../img/custom/ico_timeline_conv.svg);
}

.ep-sp-req-update-vendor-info-step .regstepWrap>li:nth-child(8) sc-label::before {
    background-image: url(../../img/custom/ico_timeline_end.svg);
}

.ep-sp-req-update-vendor-info-step .div_footer>sc-button {
    border-radius: 50px;
}

.ep-sp-req-update-vendor-info-step .div_footer>sc-button[text="Prev"] {
    background: #888;
    border-color: #888;
}

.ep-sp-req-update-vendor-info-step .div_footer>sc-button[text="Next"] {
    background: var(--main-color-btn);
}

.ep-sp-req-update-vendor-info-step .div_footer>sc-button:hover {
    background: var(--main-color-dark);
    border-color: var(--main-color-dark);
}

/* sc-grid.flex - content height */
sc-grid.flex>div.content-wrapper,
sc-grid.flex>div.content-wrapper>div.content {
    height: 100% !important;
}

/* 상생 팝업 - 게시판 */
.ep-ocf-board-1 {
    padding-top: 30px;
}

.es-ocf-board-list-1>sc-grid {
    margin-top: 0;
}

.es-ocf-board-list-1 .flex-right {
    display: flex;
    flex: 1;
    justify-content: end;
    gap: 4px;
}

/* module1 - esg dashboard */
.dashboard-form .grid-wrap:not(cc-form-panel cc-form-panel .grid-wrap) {
    padding: 10px;
}

cc-form-panel.no-title .title {
    display: none;
}

cc-form-panel.sub-search {
    margin-bottom: 6px;
}

cc-form-panel.sub-search .form-container {
    padding: 12px 30px;
}

cc-form-panel.sub-search .wrap_btn {
    position: absolute;
    right: 12px;
    gap: 4px;
}

cc-form-panel.sub-search .grid-wrap {
    gap: 6px 6.5%;
    padding-right: calc(5% + 144px);
}

cc-form-panel.line-form {
    border: 1px solid #D5DAE5;
    border-radius: 8px;
    padding: 14px 20px 20px;
}

.vbox:has(cc-form-panel.dashboard-form) {
    gap: 20px;
    margin-top: 20px;
}

.dashboard-form .sub-data {
    position: absolute;
    top: 16px;
    right: 20px;
    display: flex;
    gap: 20px;
}

.dashboard-form .sub-data .data-box {
    display: flex;
    align-items: center;
    line-height: 1;
    color: var(--font-color-sub);
}

.data-box .sc-label {
    color: var(--font-color-sub);
    margin-right: 0;
}

.data-box sc-label+span {
    margin: -1px 4px 0 2px;
}

.data-box .data-txt {
    font-weight: 700;
    color: var(--main-color-btn);
}

/* panel : add collapsed title line */
.title:has(.collapsed),
sc-toolbar:has(.collapsed) {
    border-bottom: 1px solid #dedfdf !important;
}

sc-toolbar:has(.collapsed):has(.title:empty) {
    min-height: 28px;
}

/* cc-search-condition-panel : title-bar has button */
cc-page-title-bar:has(.wrap_btn:not(:empty))+cc-search-condition-panel {
    margin-top: 5px;

}

/* add drag disable style */
.disable-drag {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.disable-drag .field-container:has(input)::before {
    content: '';
    display: block;
    position: absolute;
    background: #000;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
}

.disable-drag .field-container:has(.trigger-container)::before {
    width: calc(100% - 26px);
}

/* module2 - assy cost : radio field filter */
cc-fieldset.custom-assy-filter sc-radio-group-field[name="sel_mod"] {
    justify-content: start;
    gap: 0 8px;
}

cc-fieldset.custom-assy-filter sc-radio-group-field[name="sel_mod"] [inner-field] {
    flex: initial;
    padding: 0 16px 0 12px;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    color: var(--font-color-sub);
}

cc-fieldset.custom-assy-filter sc-radio-group-field[name="sel_mod"] sc-radio-field>.check-default::before {
    background: url(../../img/custom/ico_check_gray.svg) no-repeat center;
    border-radius: 0;
    border: none;
}

cc-fieldset.custom-assy-filter sc-radio-group-field[name="sel_mod"] sc-radio-field:has(.check-default.checked) {
    background-color: var(--main-color);
    color: #fff;
}

cc-fieldset.custom-assy-filter sc-radio-group-field[name="sel_mod"] sc-radio-field>.check-default.checked::before {
    background-image: url(../../img/custom/ico_check_checked_white.svg);
}

cc-fieldset.custom-assy-filter-detail {
    color: var(--font-color-sub);
    padding: 16px 19px;
    border: 1px solid #D5DAE5;
    border-radius: 4px;
    background: #fff;
}

cc-fieldset.custom-assy-filter-detail p {
    color: #FF3A3A;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 6px;
}

cc-fieldset.custom-assy-filter-detail #checkboxGroupE {
    display: flex;
    align-items: center;
    gap: 36px;
}

cc-fieldset.custom-assy-filter-detail #checkboxGroupE .line-divider {
    width: 1px;
    height: 55px;
    background: #D5DAE5;
}

/* module1 - esg gh dashboard */
.mt0 {
    margin-top: 0;
}

.vbox.gh-dashbaord-content-wrap {
    gap: 16px;
    margin-top: 16px;
}

.vbox.gh-dashbaord-content-wrap .hbox {
    gap: 15px;
}

.gh-summary-form .grid-wrap {
    height: 100%;
    padding: 0 10px 10px;
    grid-template-columns: 1fr;
}

.gh-summary-container.es-gh-dashboard {
    display: flex;
    flex-direction: column;
}

.gh-detail {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.gh-summary-main,
.gh-summary-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 15px 18px 15px 20px !important;
}

.gh-summary-main {
    padding: 20px 18px 20px 20px !important;
}

.gh-summary-detail {
    background: var(--main-color-lv1);
    border-radius: 4px;
}

.gh-summary-detail:not(:has(.has-ico)) {
    padding-left: 24px !important;
}

.gh-summary-detail.complete {
    background: #DEE9FF;
}

.gh-summary-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gh-summary-cont .sc-label {
    font-weight: 600;
}

.gh-summary-main .sc-label {
    font-size: var(--font-size-lv4);
}

.gh-summary-detail .sc-label {
    font-size: var(--font-size-lv3);
}

.gh-summary-txt.has-ico {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gh-summary-txt.has-ico::before {
    content: '';
    min-width: 30px;
    height: 30px;
    background: no-repeat center;
}

.gh .gh-summary-txt.has-ico::before {
    background-image: url(../../img/custom/ico_gh-dashboard-01.svg);
}

.supplier .gh-summary-txt.has-ico::before {
    background-image: url(../../img/custom/ico_gh-dashboard-02.svg);
}

.challenge .gh-summary-txt.has-ico::before {
    background-image: url(../../img/custom/ico_gh-dashboard-03.svg);
}

cc-form-panel .complete .gh-summary-txt.has-ico::before {
    background-image: url(../../img/custom/ico_gh-dashboard-04.svg);
}

.gh-summary-num {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 6px;
    width: 50%;
    max-width: 240px;
    height: 38px;
    color: var(--main-color-lv5);
    font-weight: 600;
    font-size: var(--font-size-lv4);
    line-height: 1.2;
    padding: 0 20px;
    border-radius: 50px;
    background: #fff;
    box-sizing: border-box;
    letter-spacing: -0.5px;
}

.gh-summary-main .gh-summary-num {
    background: var(--main-color-lv5);
    color: #fff;
}

.gh .gh-summary-detail {
    justify-content: space-evenly;
    gap: 0;
    padding: 12px 18px 12px 20px !important;
}

.vbox.gh-dashbaord-content-wrap .gh-summary-detail .hbox {
    gap: 10px;
    justify-content: end;
}

.gh-summary-num.txt {
    justify-content: center;
    text-align: center;
    color: var(--font-color-main);
    font-size: var(--font-size-lv3);
    font-weight: 500;
}

.gh-summary-cont:has(.hbox .gh-summary-num:nth-child(2)) .gh-summary-txt {
    flex: 1;
}

.gh-summary-cont:has(.hbox .gh-summary-num:nth-child(2)) .hbox {
    flex: 2;
}

.gh-dashbaord-content-wrap cc-form-panel.gh {
    min-width: 550px;
}

.gh-summary-num-container {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gh-detail-top {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #E6EAF3;
}

/* component - add link style */
*[field].link-style input,
*[field].link-style textarea {
    color: #1743E4;
    font-weight: 700;
    cursor: pointer;
}

/* module1 - rc-dashboard */
cc-form-panel.full-overflow cc-collapse-panel>.content-wrap {
    overflow: hidden;
}

cc-form-panel.full-overflow .form-container {
    overflow: auto;
}

.vbox.rc-dashbaord-content-wrap {
    margin-top: 20px;
    gap: 15px;
}

.hbox:has(>.rc-summary),
.rc-dashbaord-content-wrap cc-form-panel:has(#corpCard) {
    min-width: 905px;
}

.rc-summary.active .form-container {
    outline: 1px solid var(--main-color);
    outline-offset: -2px;
}

.rc-summary .grid-wrap {
    grid-template-columns: 1fr;
    align-items: center;
    height: 100%;
    line-height: 1.2;
    cursor: pointer;
}

.rc-summary-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rc-summary-wrap>div,
.rc-summary-info {
    display: flex;
    gap: 6px;
}

.rc-summary-info {
    gap: 0;
}

.rc-category-container {
    margin-left: 103px;
    width: calc(100% - 103px);
}

.rc-category {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    color: var(--main-color-dark);
    font-weight: 600;
    text-align: center;
    background: var(--main-color-lv2);
}

.rc-summary-info .year-info {
    width: 50px;
    margin-right: 12px;
    position: relative;
}

.rc-summary-info .year {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    border: 1px solid #E0E3ED;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    word-break: keep-all;
    text-align: center;
}

.rc-summary-info .line {
    width: 1px;
    height: calc(100% - 45px);
    background: #E0E3ED;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.rc-summary-content:has(.rc-summary-num:nth-child(4)).rc-summary-info .line {
    height: calc(100% - 25px);
}

.rc-summary-info .line::before,
.rc-summary-info .line::after {
    content: '';
    width: 23px;
    height: 1px;
    background: #E0E3ED;
    display: block;
    position: absolute;
    top: 0;
}

.rc-summary-info .line::after {
    top: auto;
    bottom: 0;
}

.blue .rc-summary-info .year,
.blue .rc-summary-info .line,
.blue .rc-summary-info .line::before,
.blue .rc-summary-info .line::after {
    background: var(--main-color-lv5);
}

.blue .rc-summary-info .year {
    color: #fff;
    border-color: var(--main-color-lv5);
}

.rc-summary-txt-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: space-evenly;
    color: var(--font-color-sub);
    text-align: right;
    font-size: var(--font-size-lv1);
    line-height: 16px;
    margin-right: 4px;
    max-width: 56px;
    word-break: break-word;
}

.rc-summary-num-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 4px;
    height: 130px;
    padding: 8px;
    background: var(--main-color-lv1);
}

.rc-summary-num {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    font-weight: 600;
    border-radius: 15px;
    background: #fff;
    letter-spacing: -0.5px;
}

.blue .rc-summary-num {
    color: var(--main-color-lv5);
}

#corpCard.es-rc-dashboard {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    padding-right: 8px;
}

#corpCard.es-rc-dashboard cc-srp-src-card-field {
    flex: 1;
}

#corpCard.es-rc-dashboard .corp-card-box.cc-srp-src-card-field {
    width: 100%;
}

.es-rc-dashboard span.cc-srp-src-card-field {
    letter-spacing: -.5px;
}

/* rc-dashboard 영문 전용 스타일 */
.en .hbox:has(>.rc-summary),
.en.rc-dashbaord-content-wrap cc-form-panel:has(#corpCard) {
    min-width: 980px;
}

.en .rc-category-container {
    width: calc(100% - 113px);
    font-size: 11px;
    margin-left: 114px;
}

.en .rc-summary-info .year-info {
    width: 42px;
    margin-right: 8px;
}

.en .rc-summary-info .year {
    width: 44px;
    height: 44px;
    font-size: 10px;
}

.en .rc-summary-txt-container {
    max-width: 58px;
    font-size: 11px;
    margin-right: 0;
}

.rc-dashbaord-content-wrap .hbox {
    overflow: initial;
}

/* ds contact us - IT VoC(Q&A) link form */
.contact-link {
    background: var(--main-color-lv1);
    border-radius: 4px;
    padding: 22px 47px;
}

.contact-link-item {
    display: flex;
    align-items: center;
}

.contact-link-item .sc-label {
    min-width: 184px;
    font-size: var(--font-size-lv4);
    font-weight: 500;
}

.contact-link-item sc-button {
    display: flex;
    gap: 13px;
    align-items: center;
    height: initial !important;
    line-height: 1.2;
    padding: 10px 40px 10px 50px;
    border-radius: 30px;
}

.contact-link-item sc-button span {
    font-size: var(--font-size-lv2);
}

.contact-link-item sc-button::after {
    content: '';
    width: 13px;
    height: 10px;
    background: url(../../img/custom/ico_btn-arrow.svg) no-repeat center;
    opacity: .7;
}

.contact-link-item sc-button:hover::after {
    opacity: 1;
}

/* module1 - vendor detail */
cc-page-title-bar .pin::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../img/custom/ico_tit_pin.svg) no-repeat center;
    margin-right: 6px;
    opacity: .1;
    transform: rotate(90deg);
}

cc-page-title-bar .pin.active::before {
    opacity: 1;
    transform: rotate(0deg);
}

.comment-message.m1-vendor-detail {
    margin: 6px 0;
}

.m1-vendor-detail-subtxt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
    font-size: 12px;
}

.m1-vendor-detail-subtxt:has(sc-button[hidden]):has(sc-tag-input-field[hidden]) {
    margin-top: -21px;
    min-height: 8px;
}

.m1-vendor-detail-subtxt+cc-form-panel {
    margin-top: -8px;
}

.m1-vendor-detail-tag {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
}

.m1-vendor-detail-tag sc-tag-input-field {
    min-width: fit-content;
}

sc-window .m1-vendor-detail-tag sc-tag-input-field[field][readonly]>.field-container {
    background: none !important;
    border: none;
}

.m1-vendor-detail-tag sc-tag-input-field .field-container {
    min-height: initial;
}

.m1-vendor-detail-tag sc-tag-input-field .tag-container {
    display: flex;
    gap: 4px;
    min-width: fit-content;
    height: auto;
}

.m1-vendor-detail-tag sc-tag-input-field .tag-container span:not(:empty) {
    position: relative !important;
    display: flex;
    align-items: center;
    height: 20px !important;
    font-size: 12px;
    color: var(--font-color-main);
    padding: 3px 8px !important;
    margin: 0 !important;
    border-radius: 20px;
    background: #E7E8EC !important;
    opacity: 1 !important;
    line-height: 1 !important;
    box-sizing: border-box;
    pointer-events: initial !important;
}

.m1-vendor-detail-tag sc-tag-input-field .tag-container span:not(:empty):nth-child(8):not(#tagCount),
.m1-vendor-detail-tag sc-tag-input-field .tag-container span:nth-child(8)~span:not(#tagCount) {
    opacity: 0 !important;
    position: absolute !important;
    z-index: 0;
    width: initial;
    height: initial;
}

.m1-vendor-detail-tag #tagCount {
    display: none;
}

.m1-vendor-detail-tag #tagContainer {
    counter-reset: tag-count -7;
}

.m1-vendor-detail-tag #tagContainer .tag-clickable {
    counter-increment: tag-count;
}

.m1-vendor-detail-tag:has(.tag-container span:not(:empty):nth-child(7)) #tagCount {
    display: flex;
    font-size: 0;
}

.m1-vendor-detail-tag:has(.tag-container span:not(:empty):nth-child(7)) #tagCount::before {
    content: "+" counter(tag-count);
    font-size: 12px;
}

.m1-vendor-detail-tag [readonly] #tagInput {
    width: 1px !important;
    padding: 0 !important;
}

sc-button.tag-remark-btn {
    height: 20px !important;
    border-radius: 20px;
    padding: 0 8px;
    line-height: 19px;
}

sc-button.tag-remark-btn::before {
    content: '';
    display: block;
    width: 13px;
    height: 100%;
    background: url(../../img/custom/ico_btn_more-dot.svg) no-repeat center;
}

sc-button.tag-remark-btn span {
    display: none;
}

sc-tag-input-field[hidden]+sc-button.tag-remark-btn::before {
    display: none;
}

sc-tag-input-field[hidden]+sc-button.tag-remark-btn span {
    display: initial;
    line-height: 19px;
}

sc-tag-input-field[readonly] span.tag.tag-content {
    background: #fff;
}

sc-window sc-tag-input-field #tagCount {
    position: absolute !important;
    top: 2px;
}

/* ====== policy ====== */
.policy-content-wrap {
    margin-top: 10px;
    overflow: hidden !important;
}

.policy-content-wrap cc-form-panel.fit {
    overflow: initial;
}

.policy-content-wrap cc-form-panel cc-collapse-panel>.content-wrap,
.policy-content-wrap cc-form-panel .form-container {
    overflow: auto;
}

/* code-of-conduct */
.grid-wrap:has(.policy-form) {
    padding: 22px 30px;
}

.grid-wrap:has(.policy-form):not(:has(.policy-tit)) {
    padding: 10px;
}

.policy-form {
    word-break: keep-all;
}

.policy-form .sc-label {
    min-width: initial;
    min-height: initial;
    margin-right: 0;
}

.policy-tit:not(:has(sc-label)),
.policy-tit .sc-label {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.policy-txt {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: var(--font-size-lv3);
    line-height: 20px;
}

.policy-manual {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.policy-txt+.policy-manual {
    margin-top: 40px;
}

.policy-manual-item {
    display: flex;
    flex-direction: column;
    width: 225px;
    padding: 12px;
    border: 1px solid #eaedf3;
    border-radius: 8px;
    box-sizing: border-box;
}

.policy-manual-item[class*="-en"] {
    min-width: 245px;
}

.policy-manual-item[class*="-en"] .txt .sc-label {
    min-height: 32px;
}

.policy-manual-item .download-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 8px;
    border-radius: 8px;
    padding: 18px 24px 18px 20px;
    background: var(--main-color-lv1);
}

.policy-manual-item .tit {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f4f4f4;
}

.policy-manual-item .tit::before {
    content: "";
    display: block;
    min-width: 26px;
    height: 26px;
    background: url(../../img/custom/ico_policy_coc.svg) no-repeat center;
}

.policy-manual-item .tit.nr::before {
    background-image: url(../../img/custom/ico_policy_nr.svg);
}

.policy-manual-item .tit.cm::before {
    background-image: url(../../img/custom/ico_policy_cm.svg);
}

.policy-manual-item .tit.sa::before {
    background-image: url(../../img/custom/ico_policy_sa.svg);
}

.policy-manual-item .tit.new::before {
    background-image: url(../../img/custom/ico_policy_new.svg);
}

.policy-manual-item .tit.mi::before {
    background-image: url(../../img/custom/ico_policy_minerals.svg);
}

.policy-manual-item .txt .sc-label {
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-right: 0;
    padding: 14px 0;
}

.policy-manual-item .txt .es-policy-training-material .sc-label {
    min-height: 30px;
}

.policy-manual-item .download-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.download-item a {
    display: flex;
    align-items: center;
    height: 22px;
}

.policy-form sc-button.download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 22px !important;
    line-height: 20px;
    font-weight: 400;
    gap: 6px;
    padding: 0 10px;
}

.policy-form sc-button.download::before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../../img/custom/ico_download.svg) no-repeat;
    transition: all 0.2s;
}

.policy-form sc-button.download:hover::before {
    filter: brightness(50);
}

/* 다운로드 아이템이 1개일 경우 */
.policy-manual-item:not(:has(.download-item:nth-child(2))):not([class*="es-policy-training-material"] .policy-manual-item) {
    width: 255px;
}

.policy-manual-item[class*="-en"]:not(:has(.download-item:nth-child(2))):not([class*="es-policy-training-material"] .policy-manual-item) {
    width: 275px;
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):not([class*="es-policy-training-material"] .policy-manual-item) .tit,
.policy-manual-item:not(:has(.download-item:nth-child(2))):not([class*="es-policy-training-material"] .policy-manual-item) .txt {
    display: none;
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):not([class*="es-policy-training-material"] .policy-manual-item) .download-item sc-label {
    align-items: center;
    gap: 8px;
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):not([class*="es-policy-training-material"] .policy-manual-item) .download-item sc-label::before {
    content: "";
    display: block;
    min-width: 22px;
    height: 22px;
    background: url(../../img/custom/ico_policy_coc.svg) no-repeat center;
    background-size: contain;
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):has(.tit.nr):not([class*="es-policy-training-material"] .policy-manual-item) .download-item sc-label::before {
    background-image: url(../../img/custom/ico_policy_nr.svg);
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):has(.tit.cm):not([class*="es-policy-training-material"] .policy-manual-item) .download-item sc-label::before {
    background-image: url(../../img/custom/ico_policy_cm.svg);
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):has(.tit.sa):not([class*="es-policy-training-material"] .policy-manual-item) .download-item sc-label::before {
    background-image: url(../../img/custom/ico_policy_sa.svg);
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):has(.tit.new):not([class*="es-policy-training-material"] .policy-manual-item) .download-item sc-label::before {
    background-image: url(../../img/custom/ico_policy_new.svg);
}

.policy-manual-item:not(:has(.download-item:nth-child(2))):has(.tit.mi):not([class*="es-policy-training-material"] .policy-manual-item) .download-item sc-label::before {
    background-image: url(../../img/custom/ico_policy_minerals.svg);
}

/* 7대 강령 */
.hbox.principle {
    gap: 20px;
    font-size: var(--font-size-lv4);
}

.hbox.principle .grid-wrap {
    height: 100%;
}

.policy-form.es-policy-7principles,
.policy-form.es-policy-7principles-en {
    overflow: auto;
}

.principle-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto !important;
}

.principle-item {
    flex: 1;
    display: flex;
}

.principle-item .numbering {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #90caf9;
}

.principle-item:nth-child(2) .numbering {
    background: #64b5f6;
}

.principle-item:nth-child(3) .numbering {
    background: #42a5f5;
}

.principle-item:nth-child(4) .numbering {
    background: #2096f3;
}

.principle-item:nth-child(5) .numbering {
    background: #1f88e5;
}

.principle-item:nth-child(6) .numbering {
    background: #1a76d2;
}

.principle-item:nth-child(7) .numbering {
    background: #1665c0;
}

.principle-item .txt {
    flex: 1;
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding: 12px 30px;
    background: var(--main-color-lv1);
    word-break: keep-all;
}

.principle-item .txt .blue-txt {
    display: inline;
    color: var(--main-color);
}

.hbox.principle .grid-wrap:has(.principle-grid) {
    padding: 10px;
    height: 100%;
}

.hbox.principle .grid-wrap:has(.principle-grid) .policy-tit {
    text-align: center;
}

.flex:has(> .principle-grid) {
    overflow: auto;
}

.policy-wrap.vbox.es-policy-7principles,
.policy-wrap.vbox.es-policy-7principles-en {
    height: 100%;
}

.principle-grid {
    width: 100%;
    color: var(--font-color-sub);
    font-size: var(--font-size-lv3);
    border-radius: 4px;
    overflow: hidden;
}

.principle-grid td {
    vertical-align: middle;
    padding: 8px 12px;
    line-height: 1.2;
}

.principle-grid td[rowspan],
.principle-grid td[colspan="3"],
td.note-cell {
    text-align: center;
}

.principle-grid td {
    border-right: 1px solid #e5e8eb;
    border-bottom: 1px solid #e5e8eb;
}

.principle-grid td[rowspan]:last-child,
td.note-cell {
    border-right: none;
}

.principle-grid thead {
    color: var(--font-color-main);
    text-align: center;
    font-weight: 700;
    background: var(--main-color-lv1);
}

.principle-grid thead td {
    border-bottom: 1px solid #c6ccdb;
    padding: 3px 20px;
}

.principle-grid thead tr:not(:last-child) td:not([rowspan]) {
    border-color: #e5e8eb;
}

.principle-grid .global::before,
.principle-grid .flag::before,
.principle-grid .star::before {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    background: url(../../img/custom/ico_policy_grid_global.svg) no-repeat center;
}

.principle-grid .flag::before {
    background-image: url(../../img/custom/ico_policy_grid_flag.svg);
}

.principle-grid .star::before {
    background-image: url(../../img/custom/ico_policy_grid_star.svg);
}

/* principle-note */
.principle-note {
    display: flex;
    font-size: var(--font-size-lv3);
    line-height: 1.2;
    padding: 12px 16px;
    margin-top: 16px;
    border-radius: 8px;
    background: var(--main-color-lv1);
}

.principle-note::before {
    content: "※";
    margin-right: 4px;
}

.principle-note .global,
.principle-note .flag {
    content: url(../../img/custom/ico_policy_grid_global.svg);
    vertical-align: middle;
    padding: 0 2px;
}

.principle-note .flag {
    content: url(../../img/custom/ico_policy_grid_flag.svg);
}

/* 4대 실천사항 */
.policy-4th-guideline .main-tit .tit {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 36px;
    border-left: 8px solid var(--main-color);
    padding-left: 10px;
}

.grid-wrap:has(.policy-form):has(.policy-article) {
    padding: 22px 20px;
}

/* 자동 li 카운터 구현 */
.policy-4th-guideline {
    counter-reset: number1 0;
    overflow: auto;
    height: 100%;
}

.policy-article {
    counter-increment: number1 1;
    line-height: 1.2;
}

.policy-article h5.tit::before {
    content: "제" counter(number1) "조";
    margin-right: 6px;
}

.policy-article .sub-list {
    counter-reset: number2 0;
}

.policy-article .sub-list li::before {
    counter-increment: number2 1;
    content: counter(number2) ".";
    margin-right: 6px;
}

.policy-article .sub-list ul {
    counter-reset: number3 0;
    margin-top: 10px;
}

.policy-article .sub-list ul li::before {
    counter-increment: number3 1;
    content: counter(number3) ")";
    margin-right: 6px;
}

.policy-article .sub-list ul:has(ul) {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.policy-article .sub-list ul ul {
    margin-top: 0;
}

.policy-article .sub-list ul li li::before {
    content: "·";
}

.policy-article h5.tit,
.policy-article .sub-list li {
    display: flex;
}

.no-count::before {
    display: none;
}

.no-count span {
    margin-right: 4px;
}

.policy-article .caution {
    position: static;
}

.policy-article .caution::before {
    content: "※" !important;
}

/* policy-article */
.policy-article {
    font-size: 14px;
    line-height: 20px;
}

.policy-article+.policy-article {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #e2e2e2;
}

.policy-article h5.tit {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}

.policy-article .txt {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sub-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.policy-article .btn-wrap.col {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
}

.policy-article .btn-wrap sc-button {
    width: fit-content;
}

.policy-article .principle-grid {
    width: min(100%, 920px);
    text-align: center;
}

.policy-article .principle-grid thead td {
    padding: 9px 20px;
}

.policy-article .principle-grid tbody td {
    border-right: none;
}

.policy-article .principle-grid thead td:not(.no) {
    width: 50%;
}

.policy-article .principle-grid td.no {
    width: 48px;
}

sc-window .policy-article td {
    height: initial !important;
}

/* policy-img */
.policy-img {
    margin-top: 10px;
    width: 920px;
    height: 382px;
    background: url(../../img/custom/img_policy_01.png) no-repeat top left;
}

li>.policy-img {
    margin-top: 0;
}

.p-img_02 {
    background-image: url(../../img/custom/img_policy_02.png);
    height: 446px;
}

.p-img_03 {
    background-image: url(../../img/custom/img_policy_03.png);
    height: 470px;
}

.p-img_04 {
    background-image: url(../../img/custom/img_policy_04.png);
    height: 376px;
}

.p-img_05 {
    background-image: url(../../img/custom/img_policy_05.png);
    height: 472px;
}

/* Global Cost Analysis Logic */
.hbox.global-cost {
    gap: 20px;
}

.global-cost>div {
    border-radius: 8px;
    background-color: #fff;
    overflow: auto;
}

/* global cost : list */
.global-cost-list {
    width: 360px;
    min-width: 360px;
}

.global-cost-list .list-btn {
    display: flex;
    padding: 12px 18px 12px 20px;
    line-height: 1.4;
    color: var(--font-color-main);
    font-weight: 500;
    width: 100%;
    height: 100%;
}

.global-cost-list .list-btn button {
    line-height: 1.4;
    color: var(--font-color-main);
    font-weight: 400;
    text-align: left;
}

.global-cost-list .list-btn button:first-of-type {
    flex: 1;
}

.global-cost-list .list-btn:has(+ ul) button {
    font-weight: 700;
}

.global-cost-list .list-btn:has(+ ul) {
    pointer-events: none;
}

.global-cost-list .list-btn.depth3 button,
.global-cost-list .list-btn.depth3::before {
    color: var(--font-color-sub);
    font-size: var(--font-size-lv3);
}

.global-cost-list .list-btn:not(:has(+ul)):hover {
    background: var(--main-color-lv2);
}

.global-cost-list .list-btn.depth1 {
    justify-content: space-between;
}

.global-cost-list .list-btn.depth1 button {
    font-size: var(--font-size-lv5);
}

.list-btn:has(+ ul)::after {
    display: none;
    /* toggle 기능 x */
    content: "";
    min-width: 14px;
    height: 14px;
    margin-top: 1px;
    margin-left: 6px;
    background: url(../../img/ico_menu_arrow.svg) no-repeat center;
}

.list-btn:has(+ ul) button {
    cursor: defalut;
}

.global-cost-list .list-btn.depth2 {
    padding: 10px 18px 10px 36px;
}

.global-cost-list .list-btn.depth2 button {
    font-size: var(--font-size-lv4);
}

.global-cost-list .list-btn.depth3 {
    padding: 6px 18px 6px 50px;
}

.global-cost-list .list-btn.depth3 {
    font-size: var(--font-size-lv2);
}

.global-cost-list .list-btn.depth2::before {
    content: "";
    display: block;
    min-width: 6px;
    height: 6px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 6px;
    margin-top: 6px;
    margin-right: 8px;
}

.global-cost-list .list-btn.depth3::before {
    content: "ㄴ";
    margin-right: 6px;
}

.global-cost-list .list-btn.active button {
    text-decoration: underline;
    color: var(--main-color);
}

.global-cost-list .list-btn.active::before {
    border-color: var(--main-color);
    color: var(--main-color);
}

/* global cost : content */
.global-cost-content {
    position: relative;
    padding: 30px;
}

.global-cost-content:empty::before {
    content: "PDF";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    font-size: 50px;
    color: #515151;
    padding: 60px;
    background: #f5f7fb;
    transform: translate(-50%, -50%);
}


/* cc-fieldset : help message */
cc-fieldset .comment-message {
    display: flex;
    align-items: center;
    margin-top: 0;
}

sc-checkbox-field+.comment-message {
    margin-left: -4px;
}

cc-fieldset .comment-message sc-label {
    align-items: center;
}

/* module2 - sc-tag-input-field */
sc-tag-input-field span.tag-placeholder {
    top: -2px !important;
    left: 5px !important;
    color: var(--font-color-sub) !important;
    margin: 0 !important;
    background: #FFF;
    padding: 1px 30px 0 3px;
}

sc-tag-input-field span.tag.tag-content {
    position: relative;
    z-index: 2;
}

sc-tag-input-field .tag-content~.tag-placeholder {
    opacity: 0;
}

/* 2025.04.18 - tab navigation : absolute -> flex */
/* sc-tab-navigation */
sc-tab-navigation sc-tabbar div.content {
    display: flex;
}

sc-tab-navigation sc-tabbar div.content sc-tab {
    position: relative;
    left: initial !important;
}

/* tag input */
sc-tag-input-field .tag-container {
    align-items: center;
    padding-top: 1px;
}

/* 오픈소싱 팝업 */
sc-window>div.content-wrap>div.content:has(iframe[src="/resources/login/contents/open_sourcing.html"]),
sc-window>div.content-wrap>div.content:has(iframe[src="/resources/login/contents//en/open_sourcing_en.html"]) {
    left: 0;
    bottom: 0;
    right: 0;
}

/* scheduler */
cc-sub-title-bar.smartsuite-scheduler-mgt-list {
    flex: initial !important;
}

/* sc-grid : border-top */
.grid-container>div {
    border-top: 1px solid #C6CCDB !important;
}

/* AI - sc-grid-paging */
sc-grid-paging sc-combobox-field#pageSizeCombo {
    min-width: 75px;
}

/* pointer-evnets none 클래스 추가 */
.pe-none {
    pointer-events: none;
}

/* 약관동의 팝업 스타일 정돈 */
.term_container sc-container {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: none;
}

.term_container .btnarea {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.term_container .btnarea sc-button {
    min-width: 70px;
}

/* 권한 초기 화면 */
es-sysreq-notice .main-btn-wrap sc-button span.sc-button {
    font-size: 20px;
}

.selector-grp {
    flex-wrap: wrap;
}

.selector-grp:has(.work-btn.big:nth-child(4)) {
    width: 510px;
}

.selector-grp:has(.work-btn.big:nth-child(5)) {
    width: 770px;
}

/* common : 자가점검 (self-mytodo) */
.hbox.self-mytodo>.flex-2 {
    min-width: 400px;
}

.self-mytodo .cardList.vbox {
    overflow: hidden;
}

#selfCardPanel,
.self-mytodo .cardList cc-form-panel cc-collapse-panel>.content-wrap {
    height: 100%;
}

.self-mytodo .cardList .form-container {
    overflow: auto;
}

.self-mytodo .grid-wrap {
    padding: 6px;
    grid-template-columns: 1fr;
}

#selfCardPanel,
.self-mytodo .cardList .cardBox {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.self-mytodo .cardList .cardBody {
    display: flex;
    gap: 20px;
    padding: 20px 20px;
    border: 1px solid #F2F4FB;
    border-radius: 4px;
    background: #F2F4FB;
}

.self-mytodo .cardList .cardBody.click,
.self-mytodo .cardList .cardBody:has(.click) {
    border-color: #5072F2;
    background: #DEE9FF;
}

.self-mytodo .cardList .cardBody .leftSection {
    display: flex;
    justify-content: center;
    align-items: start;
    min-width: 44px;
    padding-top: 4px;
}

.self-mytodo .cardList .cardBody .leftSection img {
    width: 44px;
    height: 44px;
}

.self-mytodo .cardList .cardBody .rightSection {
    flex: 1;
}

.self-mytodo .rightSection .rightUp {
    font-size: var(--font-size-lv3);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    word-break: keep-all;
}

.self-mytodo .rightSection .rightDown {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.self-mytodo .rightSection .rightDown>span {
    width: initial !important;
    min-width: 38px;
    text-align: center;
    color: #fff;
    font-size: var(--font-size-lv4);
    line-height: 25px;
    padding: 0 10px;
    border-radius: 50px;
    background: #666;
}

.self-mytodo .rightSection .rightDown>span.bg_step4 {
    background: #5348e7;
}

.self-mytodo .rightSection .rightDown>span.bg_step3 {
    background: #E95F4D;
}

.self-mytodo .rightSection .rightDown>span.bg_step2 {
    background: #EF9546;
}

.self-mytodo .rightSection .rightDown>span.bg_step1 {
    background: #93CD60;
}

.self-mytodo .rightSection .rightDown>span.bg_step3.click {
    background: #b51400;
}

.self-mytodo .rightSection .rightDown>span.bg_step2.click {
    background: #cf6100;
}

.self-mytodo .rightSection .rightDown>span.bg_step1.click {
    background: #489900;
}

.self-mytodo .empty-icon {
    width: 160px;
    height: 200px;
    background: url(../../img/chat/chat_empty_page.svg) no-repeat center top;
    background-size: contain;
    margin-top: -1%;
}

/* common : notice popup - sc-editor 없이 적용 */
sc-window .vbox.notice-container {
    height: 100%;
}

.notice-container .cke_chrome {
    overflow: auto !important;
    padding: 20px;
}

.notice-container .notice-bottom-checkbox {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

sc-window.ep-ocf-notice-info>div.content-wrap>div.content,
sc-window.sc-mdi-ocf-notice-popup>div.content-wrap>div.content {
    bottom: 16px;
}

ep-ocf-notice-info:has(cc-page-title-bar[hidden]) .cke_chrome,
sc-mdi-ocf-notice-popup:has(cc-page-title-bar[hidden]) .cke_chrome {
    padding: 10px 10px 0;
}

ep-ocf-notice-info:has(cc-page-title-bar[hidden]) .notice-bottom-checkbox,
sc-mdi-ocf-notice-popup:has(cc-page-title-bar[hidden]) .notice-bottom-checkbox {
    padding: 0 16px 10px;
}

sc-window:has(sc-mdi-ocf-notice-popup) {
    max-height: 99%;
}

/* sc-multi-combobox-field - readonly */
sc-multi-combobox-field[readonly] .field-container {
    background: #F3F6FB !important;
}

/* 개인정보처리방침 팝업 - 시스템 내부 스타일 */
sc-window:has(iframe[src*="/showPrivacyNotice.do"])>div.content-wrap>div.content {
    left: 0;
    right: 0;
    bottom: 0;
}

/* module1 : Digital map(supply chain) */
.supply-chain-map-right .digi-map-list:has(.data-card) {
    min-height: 100%;
}

.supply-chain-map-right .digi-map-list .data-title {
    color: var(--font-color-sub);
    padding: 12px 18px;
    border-bottom: 0;
}

.supply-chain-map-right .digi-map-list .data-title h5 b {
    display: block;
    height: initial;
    color: var(--font-color-main);
    font-size: var(--font-size-lv3);
    padding: 0;
    border-radius: 0;
    background: none;
    cursor: pointer;
}

.supply-chain-map-right .digi-map-list .data-box {
    gap: 10px;
    flex-wrap: wrap;
    padding: 14px;
    padding-left: min(30px, 6%);
    padding-right: min(30px, 6%);
    white-space: nowrap;
}

.supply-chain-map-right .digi-map-list .data-box .data-group {
    flex: 1;
    display: flex;
    gap: 10px;
}

.supply-chain-map-right .digi-map-list .data-box .data p:first-child {
    font-weight: 600;
}

.supply-chain-map-right .digi-map-list .data-box .data p:last-child {
    min-width: initial;
    font-weight: 600;
    text-align: right;
    padding: 0 20px;
    border: none;
    background: #DEE9FF;
    cursor: pointer;
}

.supply-chain-map-right .digi-map-list .data-box .blue p:last-child {
    background: #DEE9FF;
}

.supply-chain-map-right .digi-map-list .data-box .purple p:last-child {
    background: #E8DEFF;
}

.supply-chain-map-right .digi-map-list .data-card.total {
    border-color: #5470C6;
}

.supply-chain-map-right .digi-map-list .total .data-title {
    background: #5470C6;
    color: #fff;
}

.supply-chain-map-right .digi-map-list .total .data-title h5 b {
    color: #fff;
}


/* choi */
.cc-terms-viewer-0 {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}

.hbox {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: auto;
}

.flex {

    flex: 1;

    /* flex-basis: 0.000000001px; */
    width: auto;
    height: auto;
}

.vbox {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: visible;
}

/* sc-checkbox-field>.check-default:before {
    display: inline-block;
    min-width: 14px;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 2px;
   
} */
.cc-sequence-bar-0 {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.cc-sequence-bar-0 .content-wrap-forprocess.cc-sequence-bar {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}

.cc-sequence-bar-0 .process-bar.cc-sequence-bar {
    top: 0px;
    position: relative;
    display: flex;
}

.cc-sequence-bar-0 .process-bar.cc-sequence-bar .process.cc-sequence-bar {
    position: relative;
}

.cc-sequence-bar-0 .process.active.cc-sequence-bar .process-dot.cc-sequence-bar {
    background: #3059F4;
}


.cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-dot.cc-sequence-bar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #F5F7FB;
}

.cc-sequence-bar-0 .process-dot-img.cc-sequence-bar {
    width: 50%;
    height: 50%;
    translate: 50% 50%;
    background-repeat: no-repeat;
}

.cc-sequence-bar-0 .process.active.cc-sequence-bar .process-name.cc-sequence-bar {
    font-weight: 700;
    color: #3059F4;
}

.cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-name.cc-sequence-bar {
    position: absolute;
    top: 49px;
    left: 50%;
    transform: translateX(-50%);
    color: #888;
    font-size: 15px;
    line-height: 21px;
    width: 164px;
    text-align: center;
}

.cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-line.cc-sequence-bar {
    display: block;
    width: 110px;
    height: 1px;
    background-color: #F0F0F0;
    margin: 22px 5px 0;
}

table.terms-table {
    margin: 20px;
}


.form-container {
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #C9C9C9;
    box-sizing: border-box;
    border-radius: 8px;
    border: none;
}


.es-sp-vendor-user-reg-vendor-0 .captchaBox.es-sp-vendor-user-reg-vendor {
    display: flex;
    width: 100%;
    background-color: white;
    border-radius: 3%;
}

.text-align-left .sc-label {
    min-width: 126px;
    margin-right: 6px;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: anywhere;
    line-height: 1;
}

.w-120,
.form-box [field].w-120,
.sc-label.w-120 {
    min-width: 120px;
    width: 120px;
}

.field-container {
    height: 26px;
}

.flex {
    /* flex-basis: 0.000000001px; */
}

.vbox {
    display: flex;
    flex-direction: column;
}

.h-200 {
    height: 200px;
}

.fit {
    /* display: block; */
    width: 100%;
    height: 100%;
    /* overflow: auto; */
}

.table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

.table th,
.table td {
    padding: 5px 8px;
    border: 1px solid #cfd1d4;
    text-align: left;
    height: 28px;
}

.table th {
    background-color: #f4f4f4;
}

.table td {
    background-color: #fff;
}

.cc-grid-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h1.style-scope.em-sp-vendor-user-reg-info {
    margin-top: 28px !important;
}

.terms-header {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

.terms-sub-header {
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

.sc-spacer {
    display: block;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.w-200 {
    min-width: 200px;
    width: 200px;
}

* {
    box-sizing: border-box;
}

.modal2 {
    width: 505px;
    height: 600px;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    box-sizing: border-box;

    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
    background: #fff;
    display: none;
}

.modal2-close {
    position: absolute;
    top: 5px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.modal2 .header>.title {
    font-size: 18px;
    color: var(--font-color-main);
    line-height: 1.2;
    font-weight: 700;
}

.modal2 .header>.closable {
    width: 30px;
    height: 30px;
    background: url(../../img/ico_pop_close.svg) no-repeat center !important;
    cursor: pointer;
}


.es-sp-vendor-user-reg-term-0 {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: visible;
}

cc-search-condition-panel {
    position: relative;
}


cc-search-condition-panel {
    display: block;
}

.content-wrap.cc-search-condition-panel #content {

    width: 100%;
}

.content-wrap.cc-search-condition-panel #content .search-condition-group {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 6px 6.5%;
}


.content-wrap.style-scope.sc-window {
    height: calc(100% - 65px);
    position: relative;
}

.content.style-scope.sc-window {
    padding: 0;
    overflow-x: hidden;
    left: 30px;
    right: 30px;
    top: 5px;
    bottom: 30px;
    width: auto !important;
    height: auto !important;
    position: absolute;
}

.cc-search-condition-panel.search-condition-group.content.undefined.label-row {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.modal .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px 15px;
}

.w-180,
.form-box [field].w-180 {
    min-width: 180px;
    width: 180px;
}

.field-box {
    display: inline-flex;
    width: 100%;
    gap: 4px;
}

.modal.country_search .content-wrap.cc-search-condition-panel #content .search-condition-group {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.modal table {}

.modal .grid {
    margin-top: 12px;
}

.modal .grid .grid-container {
    margin-top: 9px;
    width: 100% !important;
    padding: 0;
}

.r_align {
    justify-content: flex-end;
}

.field-container a.trigger,
.field-container button.trigger {

    background: url(../../img/custom/ico_reset.svg) center no-repeat;
}

.field-container a.trigger:hover,
.field-container button.trigger:hover {
    background: url(../../img/custom/ico_reset.svg) center no-repeat !important;
}

.container.terms_Agree .checks {
    margin: 0 !important;
}


.container.company_info {}

.form-grid-container>.title,
.cc-toolbar {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.form-grid-container>.title>.title-text,
.cc-toolbar .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    vertical-align: top;
}

.container.company_info .captchaTitle.es-sp-vendor-user-reg-vendor {
    margin-top: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    vertical-align: top;
}

/* .container.company_info .style-scope.cc-captcha {
    width: 100%;
    max-width: 183px;
    display: inline-block;
    position: relative;
} */


.container.company_info .sc-text-field.cc-captcha {

    width: 100%;
    max-width: 183px;
    display: inline-block;
    position: relative;
}

*[field]>.field-container>.trigger-container .refresh {
    background-repeat: no-repeat;
    background-position: center center;

}

.container.company_info cc-captcha {
    padding: 10px 5px;
}

select {
    width: 100%;
    padding: 0 6px;
    font-family: inherit;
    background: url(../../img/custom/ico_trigger_arrow_down.svg) no-repeat 98% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d5dae5;
    border-radius: 3px;
    height: 28px;
    background-color: #fff;
	color: #000;
}

select::-ms-expand {
    display: none;
}

.terms_Agree .terms-table {
    margin: 10px 0;
}

sc-messagebox>.content-wrap {
    position: relative;
}

.messagebox .content {
    padding: 0 25px;
    box-sizing: border-box;
    width: 100% !important;
}

.messagebox>.action {
    display: flex;
    justify-content: end;
    padding: 20px 25px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    position: relative;
}

.messagebox .footer sc-button {
    cursor: pointer;
    color: #fff;
    background-color: #5072f2;
    border-color: #5072f2;
}

.member_confirm .content-box {
    padding: 12px 25px !important;
    background: #F5F7FB;
    border-radius: 5px;
    margin-top: 5px;
}

.member_confirm .content-box ul {
    text-align: left;
}

.member_confirm .content-box ul li {
    font-weight: 700
}

.member_confirm .content-box ul li span {
    margin-left: 10px;
    font-weight: 500
}

.member_confirm .box_wrap {
    padding: 10px 25px;
}

.member_confirm .greeting h3 {
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 700
}

.member_confirm .greeting p {
    font-size: 18px;
    margin-bottom: 5px;
    color: #888;
}

.member_confirm .greeting span {
    font-size: 14px;
    margin-bottom: 5px;
}

.terms_Agree .field-container:hover,
.terms_Agree .field-container:has(:focus) {
    outline: 0px solid #3059F4;
}

sc-button {
    cursor: pointer;
}

.container footer ul.btn_rounded li a {
    background: transparent;
    padding: 0 10px;
    color: #d6d6d6;
}

.container footer ul.btn_rounded li a:hover {
    background: transparent;
    color: #d6d6d6;
    text-decoration: underline;
}

.terms_country .grid-container {
    background: transparent;
    /* margin-top: 9px; */
    width: 100% !important;
    padding: 0;
}

/* .terms_country em-sp-vendor-user-reg-info .authority .content-wrap {
    width: 100%;
} */

.terms_country .x-scope.ep-sp-vendor-list-0 .content-wrap.cc-search-condition-panel {
    width: 100%;
    flex-direction: row;
}

.terms_country .content-wrap.cc-search-condition-panel #content .search-condition-group {
    grid-template-columns: repeat(2, 1fr);
    /* gap: 20px; */
}

.terms_country em-sp-vendor-user-reg-info .authority .content-wrap.center {
    width: 800px;
}

/* .text-align-left .sc-label.w-110 {
    min-width: 110px;
    width: 110px;
} */

.terms_country em-sp-vendor-user-reg-info .authority .content-wrap {
    width: 100%;
}

.terms_country .content-wrap.cc-search-condition-panel #content {
    /* padding-right: 160px; */
}

.terms_country cc-search-condition-panel .content-wrap.cc-search-condition-panel {
    position: relative;
    padding: 12px 24px;
    background-color: var(--main-color-lv2);
    border: none;
    border-radius: 8px;
    display: flex;
    justify-content: end;
    gap: 10px 5%;
    flex-wrap: wrap;
}

.terms_country .grid {
    margin-top: 12px;
}

.grid-container {
    border-radius: 0;
}

.container.term_info .captchaTitle.es-sp-vendor-user-reg-vendor {
    margin-top: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    vertical-align: top;
}

.container.term_info cc-captcha {
    padding: 10px 5px;
}

.captchaBox.es-sp-vendor-user-reg-vendor {
    display: flex;
    width: 100%;
    background-color: white;
    border-radius: 3%;
}

.container.term_info .sc-text-field.cc-captcha {
    width: 100%;
    max-width: 183px;
    display: inline-block;
    position: relative;
}

.cc-sequence-bar-0 .prev-step.cc-sequence-bar .process-dot.cc-sequence-bar {
    background: #c9cdd5;
}

.cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-dot.cc-sequence-bar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.hspace-10 {
    display: flex;
    align-items: center;
    justify-content: center;
}

#_searchBtn.search {
    border-radius: 4px;
    height: 28px !important;
}

.checks.invalid input[type="checkbox"]+label:before {
    outline: 1px auto #e96666;
}

span.es-sp-vendor-user-reg-req {
    text-align: left;
}

cc-fieldset cc-label-tooltip,
cc-fieldset cc-multi-label-tooltip,
cc-fieldset cc-template-tooltip {
    position: relative;
    order: 2;

}

cc-fieldset .question.cc-label-tooltip,
cc-fieldset .tooltip.multi-label-tooltip-wrap.cc-multi-label-tooltip,
cc-fieldset .question.cc-template-tooltip {
    padding: 0 0 0 0;
}

.sub-txt.style-scope.es-sp-vendor-user-reg-term {
    padding: 20px 0;
    text-align: left;
}

.grid-wrap {
    padding: 4px 14px;
    gap: 6px 3%;
}

.grid_col--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.w-156 {
    min-width: 156px;
    width: 156px;
}


.t_info {
    display: block;
}

.bi {
    font-size: 48px;
}

#moduleContainer {
    width: 100%;
    height: 100%;
}

.em-sp-vendor-user-reg-info-0 {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.flex.spreg-wrap.style-scope.em-sp-vendor-user-reg-info {
    height: 100%;
}

/* .member_invitation .new-vendor-wrap .content-wrap {
    width: 800px;
}

.member_confirm .new-vendor-wrap .content-wrap {
    width: 800px;
} */

.greeting {
    text-align: center;
    margin: auto;
}

.c_title {
    text-decoration: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 20px 0;
    text-underline-offset: 3px;
    line-height: 28px;
    text-align: left;
}

.icon {
    background: url(../../img/emoticon.svg) center no-repeat !important;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.term_info .new-vendor-wrap .content-wrap {
    /* width: 900px; */
}

.sign-info-txt::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(../../img/custom/ico_sign_info.svg) center no-repeat;
    position: absolute;
    top: 14px;
    left: 20px;
}

/* @media (max-width: 767px) {
    .container {
        min-height: auto;
        min-width: auto;
    }

    .container .conLayout {
        gap: 16px;
        flex-direction: column;
        align-items: start;
        padding: 16px;
        width: 100%;
    }

    .container .conLayout .sysName p:first-child {
        font-size: 36px;
    }

    .container .conLayout .sysName p:nth-child(2) {
        font-size: 24px;
        color: rgba(255, 255, 255, .54);
    }

    .container .conLayout .sysName p:nth-child(2)::before {
        margin: 0;
        margin: 5px 0;
    }

    .container .conLayout .loginLayout {
        width: 100%;
        padding: 16px;
    }

    .container .conLayout .loginLayout fieldset input {
        width: 100%;
    }

    .slick-initialized .slick-slide {
        height: 100vh !important;
        min-height: auto;
    }

    .container footer {
        padding: 0 16px;
        width: 100%;
        flex: 100%;
        flex-direction: column;
        gap: 5px;
    }

    .container footer ul {
        width: 100%;
        flex: 100%;
        align-items: start;
    }

    .btn_terms span {
        margin-left: auto;
    }

    .container footer ul.btn_rounded {
        margin-right: 0;
    }

    .container footer {
        bottom: 50px;
    }

    #modal-id,
    #modal-pw,
    #modal-country {
        width: calc(100% - 32px) !important;
    }

    em-sp-ds-vendor-user-reg-info .authority .content-wrap.center,
    em-sp-vendor-user-reg-info .authority .content-wrap.center {
        width: 100%;
    }

    .cc-sequence-bar-0 {
        flex: .7;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar {
        flex-direction: column;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process.cc-sequence-bar {
        display: flex;
        align-items: center;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-name.cc-sequence-bar {
        position: unset;
        text-align: left;
        width: auto;
        transform: unset;
        margin-left: 10px;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-line.cc-sequence-bar {
        display: flex;
        width: 42px;
        height: 20px;
        background-color: transparent;
        margin: 0;
        align-items: center;
        justify-content: center;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-line.cc-sequence-bar:before {
        content: '';
        width: 1px;
        height: 42px;
        background-color: #F0F0F0;
    }

    .cc-sequence-bar-0 .content-wrap-forprocess.cc-sequence-bar {
        margin: 0 16px;
    }

    em-sp-ds-vendor-user-reg-info .seq-bar,
    em-sp-vendor-user-reg-info .seq-bar {
        padding-bottom: 10px;
        margin-top: 12px;
    }

    .grid_col--2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .new-vendor-wrap .content-wrap {
        width: 100%;
    }

    em-sp-ds-vendor-user-reg-info sc-pages>*,
    em-sp-vendor-user-reg-info sc-pages>* {
        padding: 0 16px;
        width: 100%;
    }

    .terms_country .content-wrap.cc-search-condition-panel #content .search-condition-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .terms_country em-sp-vendor-user-reg-info .authority .content-wrap.center {
        width: 100%;
    }

    .terms_country .x-scope.ep-sp-vendor-list-0 .content-wrap.cc-search-condition-panel {
        flex-direction: column;
    }

    .term_info .new-vendor-wrap .content-wrap {
        width: 100%;
    }

    .member_invitation .es-sp-vendor-user-reg-req {
        white-space: normal;
    }

} */

.grid {
    background: #fff;
    border-radius: 8px;
    /* margin-top: 12px; */
    border: 1px solid #fff;
    transition: all 0.2s;
    box-sizing: border-box;
    padding: 15px;
}

#gnb {
    position: relative;
    min-width: 990px;
    width: auto;
    height: 38px;
    background: #111a4a;
    box-sizing: border-box;
}

.header_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    display: flex;
    color: #fff;
    height: 38px;
    padding: 0 30px;
}

#gnb h1.ex {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

#gnb h1.ex span {
    font-size: 14px;
    font-weight: 700;
    color: #ccd2e2;
    margin-left: 10px;
}


.lang {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lang .local {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.lang .local .lan .DivSelectyze.gray,
.lang .local .lan .DivSelectyze2.gray
 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.lang .local .lan .gray .selectyzeValue,
.lang .local .lan .gray .selectyzeValue2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .7);
}

.lang .local .lan .gray .selectyzeValue:before,
.lang .local .lan .gray .selectyzeValue2:before {
    content: '';
    background: url(../../img/ico_lang_white.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    opacity: .7;
    margin-right: 5px;
}

.lang .local .lan .DivSelectyze.gray .UlSelectize,
.lang .local .lan .DivSelectyze2.gray .UlSelectize2 {
    top: 29px;
    left: 0;
    border-top: 1px solid #6c6c6c;
    position: absolute;
}

footer {
    clear: both;
    margin: 0;
    height: 35px;
    padding: 0;
    border-top: 1px solid #e7e6eb;
    font-size: 12px;
    font-weight: normal;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

footer>div {
    margin: 0 auto;
    width: 100%;
    display: flex;
    padding: 0 30px;
    align-items: center;
	font-weight: 500;
}

footer .serviceDesk {
    font-size: 12px;
    font-weight: 500;
    color: #697691;
    padding-left: 18px;
    display: inline-flex;
    gap: 10px;
    margin-left: 10px;
    align-items: center;
}

footer .serviceDesk .num::before {
    content: '';
    display: inline-block;
    background: url(../../img/icon_serviceDesk.svg);
    width: 14px;
    height: 14px;
    margin-right: 4px;
    margin-left: -19px;
    vertical-align: -2px;
}

footer .serviceDesk .mail {
    color: #273961;
}

footer .privacy_wrap {
    margin-left: auto;
    display: flex;
    align-items: center;
}

footer .DivSelectyze,
footer .DivSelectyze2 {
    padding-left: 20px !important;
    margin-right: 5px;
}

footer .DivSelectyze,
footer .DivSelectyze2 {
    float: left;
    position: relative;
    margin-top: 1px;
    z-index: 100 !important;
}

footer .gray .selectyzeValue,
footer .gray .selectyzeValue2 {
    background: url(../../img/ico_footer_arrow.png) no-repeat right 5px !important;
    margin: 0 !important;
}

footer .gray .selectyzeValue,
footer .gray .selectyzeValue2 {
    width: auto !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: #666 !important;
    padding: 1px 17px 1px 7px !important;
}

footer .gray .UlSelectize,
footer .gray .UlSelectize2 {
    top: auto !important;
    bottom: 24px;
    right: 0;
    border: 1px solid #E8E8E8 !important;
    box-shadow: 1px 1px 3px 0 #E8E8E8 !important;
    border-radius: 8px !important;
    position: absolute;
    padding: 5px 0;
    background-color: #fff;
    min-width: 150px;
}

footer>div a {
    margin: 0 8px;
    display: inline-block;
    color: #737b94;
    position: relative;
}

.container {
    height: calc(100% - 73px);
}

.lang .UlSelectize,
.lang .UlSelectize2 {
    top: 0px;
    left: 0;
    border-top: 1px solid #6c6c6c;
}

.lang .UlSelectize li a,
.lang .UlSelectize2 li a {
    font-size: 12px;
    line-height: 16px;
    min-width: 50px;
    padding: 2px 10px 2px 10px;
    border-top: none;
    background-color: #fff;
    color: #657090;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
	border: none;
	width: auto;
}

.lang .local .lan .DivSelectyze.gray .UlSelectize,
.lang .local .lan .DivSelectyze2.gray .UlSelectize2 {
    border-radius: 8px;
    padding: 5px 0;
    box-shadow: 1px 1px 3px 0 #E8E8E8;
    background-color: #fff;
    border: 1px solid #E8E8E8;
}

footer .gray .UlSelectize li a,
footer .gray .UlSelectize2 li a {
    padding: 2px 10px 2px 10px;
    margin: 0;
    width: 100%;
	border: none;
	font-size: 12px;
	color: #333;
	font-weight: 600;
	font-size: 12px;
}
footer .gray .UlSelectize li a:hover,
footer .gray .UlSelectize2 li a:hover {
	color: #0057FF!important;
	background-color: #fff;	
}

.grid .grid-container th {
    background-color: #f2f4fb;
    text-align: center;
}

.grid .grid-container th,
.grid .grid-container td {
    border: 1px solid #e5e8eb;
}

.container.login {
    height: 100%;
	padding-right: 0;
	padding-left: 0;
}

.container.login footer {
    border-top: 0 solid #e7e6eb;
    min-width: 1200px;
    display: block;
	background-color: transparent;
}

.container.login footer>div {
    color: rgba(255, 255, 255, .5);
    font-weight: 100;
    padding: 0;
}

.container.login footer .privacy_wrap a {
    color: #d6d6d6 !important;
    font-weight: 400;
}

.container.login footer>div a.notice {
    border-radius: 28px;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    color: #d6d6d6;
    font-weight: 500;
    margin-left: 0;
}

.container.login footer .gray .selectyzeValue,
.container.login footer .gray .selectyzeValue2 {
    background: url(../../img/ico_footer_arrow_w.png) no-repeat right 5px !important;
    margin: 0 !important;
}
.container.login footer .gray .selectyzeValue:hover,
.container.login footer .gray .selectyzeValue:focus {
	border: 1px solid transparent !important;
}

.container.login footer .gray .UlSelectize,
.container.login footer .gray .UlSelectize2 {
    display: block;
    box-shadow: 1px 1px 6px 0 rgba(51, 51, 51, 0.3) !important;
}

.container.login footer .gray .UlSelectize li,
.container.login footer .gray .UlSelectize2 li {
    width: 100%;
}

.member_info .info {
    background-color: #fff;
    color: #12161e;
    text-decoration: none;
    border-radius: 8px;
    padding: 16px 20px;
    font-size: 14px;
    margin-top: 20px;
    line-height: 24px;
    text-align: left;
}

.member_info .greeting {
    margin: 0;
}

.member_info .greeting .c_title {
    padding: 0;
    margin-bottom: 10px;
}

.member_info .greeting .c_title p {
    display: block;
    margin-top: 15px;
    font-size: 20px;
}

.sign-info-txt {
    line-height: 21px;
}

.member_info .sub-txt.style-scope.es-sp-vendor-user-reg-term {
    padding: 15px 0;
}

.member_info .greeting .sub-txt.style-scope.es-sp-vendor-user-reg-term {
    padding: 0;
    font-size: 18px;
}

.member_info .info span {
    text-underline-offset: 4px;
    text-decoration: underline;
    text-decoration-color: oklch(74.6% 0.16 232.661);
    text-decoration-thickness: 1.5px;
    font-weight: 600;
}

.mt_20 {
    margin-top: 15px;
}

.t_green {
    color: #198754;    
}

.t_red {
    color: #dc3545;
}

.validation_wrap ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
}

.validation_wrap ul li {
  display: flex;
    align-items: center;
    gap: 5px;
}
.validation_wrap ul li:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../../img/check-circle-fill.png) center center no-repeat !important;
    opacity: .2;
}
.validation_wrap ul li.good:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../../img/check-circle-fill-g.png) center center no-repeat !important;
    opacity: 1;
}

.container.login footer .notice_wrap {
    display: flex;
}

.container.login footer .gray .UlSelectize li a,
.container.login footer .gray .UlSelectize2 li a {
    padding: 2px 10px 2px 10px;
    margin: 0;
    width: 100%;
    color: #333 !important;
	border: 0 solid #9da4b8!important;
	font-weight: 600;
	font-size: 12px;
}
.container.login footer .gray .UlSelectize li a:hover,
.container.login footer .gray .UlSelectize2 li a:hover {
    color: #0057FF!important;
	background-color: #fff;	
}

#gridbox .hdr td {
	border-top: 0 solid #cfd1d4;
	border-bottom: 0 solid #cfd1d4;
}

#gridbox table {
	font-family: "Pretendard", "NotoSansKR", "Malgun Gothic", Inter, Arial, sans-serif;
	font-size: 13px;
}
div.gridbox_dhx_web.gridbox table.hdr td div.hdrcell,
div.gridbox_dhx_web.gridbox table.obj.row20px tr td {
	font-size: 13px;
}

.form_wrap_ico input + .ico_btn {
    border-radius: 0 3px 3px 0;
	border-color: #c9cddd !important;
}
.w-100 {
    width: 100%;
}

/*#emModal.modal {
	border: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
}

#emModal.modal #layer_pop_wrap {
	border:none;
}

#emModal #layer_pop_wrap h3 {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px 15px;
	color: #000;
    background-image: none;
    background-color: #fff;
    height: auto;
    line-height: normal;
	font-weight: 500;
}

#emModal #layer_pop_wrap .form_table{
    background: #EBEEF6;
    padding: 22px 24px; 
    flex-direction: column;  
    font-size: 14px;
	border:none;
	border-radius: 6px;
}

#emModal .form_table tbody tr > th, 
#emModal .form_table tbody tr > td {	    
	margin-right: 0;
	color: #666;	  
	align-items: center;
	background:transparent;
	font-weight:500;
	border: none;
	min-height:auto;
	line-height:normal;	
	padding: 3px 0;
	vertical-align: middle;
	font-size: 13px;
}

#emModal .form_table tbody tr > td  {
	
}

#emModal .btn_basic {
	display: inline-block;
    padding: 0 18px;
    width: initial;
    border-radius: 20px;
	font-size: 13px;
	height: 32px;
    line-height: 30px;
	font-weight: 700;
	background: #0358F4;
	color: #fff;
	border: 1px solid #3059F4;
}

#emModal .form_wrap_input {
	width: 100%;	
}

#emModal .form_wrap_input input {
	border: 1px solid #d5dae5;
	font-size: 13px;
	line-height: 1;
}

#emModal #layer_pop_wrap h3 .pop_close {
	position: initial;
}
*/

.mb-6 {
    margin-bottom: 6px;
}

.hbox.mb-6.style-scope sc-button {
    border-radius: 4px;
    height: 28px !important;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.hbox.mb-6.style-scope.es-sp-vendor-user-reg-term {
    align-items: center;
    overflow: visible;
}

cc-fieldset .cc-fieldset {
	width: 100%;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: start;
}

/*.tooltip {
    padding: 5px 0 2px 24px;
	background: url(../../img/custom/ico_tooltip_manual.svg) no-repeat!important;	
	width: 16px;
	height: 16px;
	display: inline-block;	
    margin-left: 2px !important;
}

.tooltip {
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    height: 20px;
    letter-spacing: -.03em;
}*/

.simplemodal-overlay {
	width: auto!important;
}

.policy_wrap {
	text-align: left;
	color: #000!important;
}

.policy_wrap .section {
	color: #000!important;
}


em-sp-vendor-user-reg-info .terms-content #pop_wrap h3 {
	font-weight: bold!important;
	font-size: 22px!important;
	text-align: center!important;
	width: 100%!important;
	margin: 0!important;
	color: #000!important;
	background-color:transparent!important;
	background-image:none!important;
	font-family: "Pretendard", "NotoSansKR", "Malgun Gothic", Inter, Arial, sans-serif!important;
	height: auto!important;
	line-height: normal!important; 
	padding: 0!important;
}

/*.simplemodal-wrap.member #pop_wrap h3  {
	font-weight: bold!important;
	font-size: 22px!important;
	text-align: center!important;
	width: 100%!important;
	margin: 0!important;
	color: #000!important;
	background-color:transparent!important;
	background-image:none!important;
	font-family: "Pretendard", "NotoSansKR", "Malgun Gothic", Inter, Arial, sans-serif!important;
	height: auto!important;
	line-height: normal!important; 
	padding: 0!important;
}
.simplemodal-wrap.member #pop_wrap h3 .pop_close i {
	color: #000!important;
}

.simplemodal-wrap.member button {
	height: 28px !important;
	line-height: 28px;
	color: #5072F2;
	text-align: center;
	padding: 0 12px;
	border: 1px solid #5072F2;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
	font-family: "Pretendard", "NotoSansKR", "Malgun Gothic", Inter, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
}
.simplemodal-wrap.member .footer  {
	display: flex;
    justify-content: end;
    padding: 16px 24px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    position: relative;
}*/
.w-1200 {
    width: 1200px !important;
}








.new-vendor-wrap .content-wrap,
.sub-txt.style-scope.es-sp-vendor-user-reg-term {
	overflow-wrap: break-word;
}

.cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-name.cc-sequence-bar {
	overflow-wrap: break-word;
	padding: 0 6px;
}


.overlay {
	opacity: 0.7!important;
}

.modal {
	border-radius: 8px;
    overflow: hidden;
    border: 0 solid rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}

.modal #pop_wrap h3 {
	background-color: #fff;
	background-image:none;
	color: #000;
	font-size: 18px;    
	font-weight: 600;
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 16px 24px 16px;
	margin-bottom: 0;
}


.modal #pop_wrap h3 .pop_close {
	color: #000;
	display: flex;
    align-items: center;
    justify-content: center;
	position: unset;
}

.modal #pop_wrap h3 .pop_close i:before {
	display: none;
}

.modal #pop_wrap h3 .pop_close i:after {	
	content: 'close';
	font-family: 'Material Symbols Rounded';
	color: #666;
	display: flex;
	align-items: center;
	font-size: 24px;
}

.modal #pop_wrap h3 .pop_close i:hover, .modal #layer_pop_wrap h3 .pop_close i:hover {
	transform:none;
	color: #000;
}

.modal .list_sub_head {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal .form_inline_wrap.w300 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 550px;
    justify-content: end;
}


.modal .form_wrap_select {
	position: relative
}

.modal .form_wrap_select select,
.modal .form_wrap_ico select,
.modal .input-group select {
	width: 100%;
	height: 26px !important;
	padding-top: 0;
	box-sizing: border-box;
	border: 1px solid #dedfdf;
	border-radius: 4px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-left: .5rem;
	padding-right: 2.25rem;
	font-size: 13px;
	line-height: normal;
	color: #000;
}

.modal .footer {
    display: flex;
    justify-content: end;
    padding: 16px 24px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    position: relative;
}

.modal .footer button {
    font-size: 13px;
}

.modal .footer .btn {
    height: 28px !important;
    line-height: 28px;
    color: #5072F2;
    text-align: center;
    padding: 0 12px;
    border: 1px solid #5072F2;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    font-family: "Pretendard", "NotoSansKR", "Malgun Gothic", Inter, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.modal .mt10 {
    margin-top: 10px !important;
}

.modal .detail_subtxt {
    line-height: 1.8;
    color: #454545;
    font-size: 13px;
    font-weight: 500;
    display: flex;
}

.modal .content {
    padding: 0 24px;
}

.modal .detail_subtxt span.m_icon {
    font-size: 16px;
    color: #dc3545;
    margin-right: 5px;
    margin-top: 3px;
}

.tooltip {
	cursor: default!important;
}

.tooltip {
    padding: 5px 0 2px 24px;
    background: url(../../img/custom/ico_tooltip_manual.svg) no-repeat 1px 4px;
    margin-left: 2px !important;
}

a.tooltip {
    color: #5b85ad !important;
}

.tooltip {
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    height: 20px;
    letter-spacing: -.03em;
}

input.highlight {	
	background: #fff !important;	
}


.btn_tooltip span.tip:before, .tooltip span:before {
    border-top-color: #959cb2!important;
    bottom: -8px!important;
}

.btn_tooltip span.tip:before, .btn_tooltip span.tip:after, .tooltip span:before, .tooltip span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #fbfaeb;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}
.btn_tooltip span.tip:before, .tooltip span:before {
    border-top-color: #959cb2 !important;
    bottom: -8px !important;
    top: auto !important;
    margin-left: -8px !important;
	border-bottom: 0 !important;
}

cc-fieldset cc-label-tooltip, cc-fieldset cc-multi-label-tooltip, cc-fieldset cc-template-tooltip {
	position: absolute;
	right: 0;
}
.text-align-left .sc-label.w-120 {
	padding-right: 20px;
}








@media (max-width: 767px) {
    .container {
        min-height: auto;
        min-width: auto;
    }

    .container .conLayout {
        gap: 20px;
        flex-direction: column;
        align-items: start;
        padding: 16px;
        width: 100%;
    }

    .container .conLayout .sysName p:first-child {
        font-size: 36px;
    }

    .container .conLayout .sysName p:nth-child(2) {
        font-size: 24px;
        color: rgba(255, 255, 255, .54);
    }

    .container .conLayout .sysName p:nth-child(2)::before {
        margin: 0;
        margin: 5px 0;
    }

    .container .conLayout .loginLayout {
        width: 100%;
        padding: 16px;
    }

    .container .conLayout .loginLayout fieldset input {
        width: 100%;
    }

    .slick-initialized .slick-slide {
        height: 100vh !important;
        min-height: auto;
    }

    .container footer {
        padding: 0 16px;
        width: 100%;
        flex: 100%;
        flex-direction: column;
        gap: 5px;
    }

    .container footer ul {
        width: 100%;
        flex: 100%;
        align-items: start;
    }

    .btn_terms span {
        margin-left: auto;
    }

    .container footer ul.btn_rounded {
        margin-right: 0;
    }

    .container footer {
        bottom: 50px;
    }

    #modal-id,
    #modal-pw,
    #modal-country {
        width: calc(100% - 32px) !important;
    }

    em-sp-ds-vendor-user-reg-info .authority .content-wrap.center,
    em-sp-vendor-user-reg-info .authority .content-wrap.center {
        width: 100%;
    }

    .cc-sequence-bar-0 {
        flex: .7;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar {
        flex-direction: column;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process.cc-sequence-bar {
        display: flex;
        align-items: center;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-name.cc-sequence-bar {
        position: unset;
        text-align: left;
        width: auto;
        transform: unset;
        margin-left: 10px;
		word-break: break-all;
		overflow-wrap: break-word;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-line.cc-sequence-bar {
        display: flex;
        width: 42px;
        height: 20px;
        background-color: transparent;
        margin: 0;
        align-items: center;
        justify-content: center;
    }

    .cc-sequence-bar-0 .process-bar.cc-sequence-bar .process-line.cc-sequence-bar:before {
        content: '';
        width: 1px;
        height: 42px;
        background-color: #F0F0F0;
    }

    .cc-sequence-bar-0 .content-wrap-forprocess.cc-sequence-bar {
        margin: 0 16px;
    }

    em-sp-ds-vendor-user-reg-info .seq-bar,
    em-sp-vendor-user-reg-info .seq-bar {
        padding-bottom: 10px;
        margin-top: 12px;
    }

    .grid_col--2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .new-vendor-wrap .content-wrap {
        width: 100%;
		word-break: break-all;
		overflow-wrap: break-word;
    }

    em-sp-ds-vendor-user-reg-info sc-pages>*,
    em-sp-vendor-user-reg-info sc-pages>* {
        padding: 0 16px;
        width: 100%;
    }

    .terms_country .content-wrap.cc-search-condition-panel #content .search-condition-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .terms_country em-sp-vendor-user-reg-info .authority .content-wrap.center {
        width: 100%;
    }

    .terms_country .x-scope.ep-sp-vendor-list-0 .content-wrap.cc-search-condition-panel {
        flex-direction: column;
		padding: 12px 16px;
    }

    .term_info .new-vendor-wrap .content-wrap {
        width: 100%;
    }

    .member_invitation .es-sp-vendor-user-reg-req {
        white-space: normal;
    }

    em-sp-vendor-user-reg-info .seq-bar {
        height: auto;
    }

    #gnb {
        min-width: auto;
    }

    footer>div {
        padding: 0 16px;
    }

    .container.login footer {
        min-width: auto;
		height: auto;
		bottom: 10px;
    }
    /* 전체스크롤 */
    .container {
        overflow: auto;
    }

    em-sp-ds-vendor-user-reg-info sc-pages, em-sp-vendor-user-reg-info sc-pages {
        overflow: unset !important;
    }
    /* //전체스크롤 */

    .label-row .form-warp, .label--row .form-warp {
        flex-direction: column;
    }
	.c_title {
		padding: 0;
	}
	.header_wrap {
		padding: 0 16px;
	}
	em-sp-ds-vendor-user-reg-info .grid-wrap, em-sp-vendor-user-reg-info .grid-wrap {
		padding: 4px 6px;
	}
	
	em-sp-ds-vendor-user-reg-info h1, em-sp-vendor-user-reg-info h1 {
		font-size: 32px;
	}
	h1.style-scope.em-sp-vendor-user-reg-info {
	    margin-top: 24px !important;
	}
	.sc-label {
		word-break: break-all;
		overflow-wrap: break-word;
	}
	.hbox.mb-6.style-scope.es-sp-vendor-user-reg-term {
		align-items: flex-start!important;
    	overflow: visible;
		flex-direction: column;
	}
	footer .privacy_wrap {
		margin-left:0!important;
		align-items: flex-start!important;
	    flex-direction: column;
	    justify-content: flex-start;
	}
	footer>div {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start!important;
	}
	footer {
		align-items: flex-start!important;
	    flex-direction: column;
	    justify-content: flex-start;
		height: 63px;
	}
	footer .lan .DivSelectyze, footer .lan .DivSelectyze2 {
		padding-left: 0 !important;
	}
	body {
		overflow: hidden !important;
	}
	.container {
	    height: calc(100% - 101px);
	}
	
	.container.login footer>div a.notice {
		height: auto;
		line-height: 1.3;
		margin-bottom: 5px;
		word-break: break-all;
		overflow-wrap: break-word;
	}
	.modal.w-1200 {
		width: 96% !important;
		height: 96%;
	}
	.simplemodal-wrap {
		display: flex;
	    align-items: center;
	    justify-content: center;
	}

}