@charset "utf-8";

/* module */
:root {
	/* font-color */
    --font-color-main: #000;
    --font-color-sub: #666;
    --font-color-sub-02: #888;
    /* font-size */
    --font-size-bc: 11px; /* sc-bc */
    --font-size-lv1: 12px; /* mdi-tab, button, result */
    --font-size-lv2: 13px; /* default */
    --font-size-lv3: 14px; /* sub-sub-title */
    --font-size-lv4: 16px; /* sub-title, panel-title */
    --font-size-lv5: 18px; /* title(page, popup) */
    --font-size-lv6: 20px; /* title(notice popup) */
    /* color */
    --main-color: #3059F4; /* blue */
    --main-color-btn: #5072F2; /* blue, button */
    --main-color-dark: #001C5A; /* dark blue, button:hover */
    --main-color-lv1: #F5F7FB; /* blue lv1 */
    --main-color-lv2: #EBEEF6; /* blue lv2 */
    --main-color-lv3: #8ca4df; /* blue lv3 */
    --main-color-lv4: #6C87EB; /* blue lv4 */
    --main-color-lv5: #5470C6; /* blue lv5 */
    /* status color */
    --status-red: #F6371F;	
    --status-orange: #FB831A;	
    --status-yellow: #FCE028;	
    --status-green: #84D84D;	
    --status-blue: #38A2FF;
    --status-purple: #8269EC;
    --status-gray: #B4B4B4;
    /* svg img filter */
    --filter-main-color : invert(22%) sepia(60%) saturate(3980%) hue-rotate(227deg) brightness(102%) contrast(91%); /* main-color */
    --filter-main-color-arrow : invert(31%) sepia(91%) saturate(3530%) hue-rotate(212deg) brightness(95%) contrast(102%); /* main-color - gnb arrow img */
}
cc-search-condition-panel.label-80 .sc-label.w-150,
cc-form-panel.label-80 .sc-label.w-150,
sc-label.w-80 .sc-label.w-150 {
	min-width: 80px !important;
	max-width: 80px;
}
cc-search-condition-panel.label-150 .sc-label.w-150,
cc-form-panel.label-150 .sc-label.w-150,
sc-label.w-150 .sc-label.w-150 {
	min-width: 150px !important;
	max-width: 150px;
}
cc-search-condition-panel.label-200 .sc-label.w-150,
cc-form-panel.label-200 .sc-label.w-150,
sc-label.w-200 .sc-label.w-150 {
	min-width: 200px !important;
	max-width: 200px;
}
cc-search-condition-panel.label-300 .sc-label.w-150,
cc-form-panel.label-300 .sc-label.w-150,
sc-label.w-300 .sc-label.w-150 {
	min-width: 300px !important;
	max-width: 300px;
}
/* ================================ style.css ==================================== */

body {
    color: var(--font-color-main);
	font-size: var(--font-size-lv2);	
	font-weight: 500;
}
body a {
    color: var(--font-color-sub);
}
.hidden, [hidden] {
    display: none;
}

/* scroll-bar */
::-webkit-scrollbar {
    width: 15px; 
    height: 15px;
    background: transparent;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 10px;
}

/* flex */
.flex {
    -ms-flex: 1 1 0.000000001px;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-basis: 0.000000001px;
    flex-basis: 0.000000001px;
    width: auto;
    height: auto;
}
.flex-0,
.flex-0.hbox,
.flex-0.vbox {
    flex: initial;
}
.flex-1 {
    flex: 1;
    width: auto;
}
.flex-2 {
    flex: 2;
    width: auto;
}
.flex-3 {
    flex: 3;
    width: auto;
}
.flex-4 {
    flex: 4;
    width: auto;
}
.flex-5 {
    flex: 5;
    width: auto;
}
.flex-6 {
    flex: 6;
    width: auto;
}
.flex-7 {
    flex: 7;
    width: auto;
}
.flex-8 {
    flex: 8;
    width: auto;
}
.flex-9 {
    flex: 9;
    width: auto;
}
.flex--sb {
    display: flex;
    justify-content: space-between;
}
.flex--left {
    display: flex;
    justify-content: left;
    align-items: center;
}
.flex--start {
    display: flex;
    justify-content: flex-start;
}
.flex--ct {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row !important;
}

/* grid-wrap */
.grid-wrap {
    gap: 4px 3%;
    padding: 10px 20px;
}
.grid-wrap:not(:has(sc-label)) {
    padding: 10px;
}
.grid_col--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.grid_col--2.ratio_2-1 {
    grid-template-columns: 2fr 1fr;
}
.grid_col--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.colspan--2 {
    grid-column: span 2;
}
.colspan--3 {
    grid-column-end: span 3;
}
.rowspan--2 {
    grid-row: span 2;
}
.rowspan--3 {
    grid-row: span 3;
}

/* placeholder */
::placeholder {
    color: var(--font-color-sub) important;
}
.id::placeholder {
    color: var(--font-color-sub) important;
}

/* dropdown-po_ab */
.dropdown-wrap {
    position: relative;
}
.dropdown-po_ab {
    position: absolute;
    top: 33px;
    left: 0;
    display: inline-block;
    min-width: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.16);
    z-index: 40;
}
.dropdown-po_ab ul {
	padding: 12px 0;
}
.dropdown-po_ab li {
	height: 26px;
	display: flex;
	align-items: center;
}
.dropdown-po_ab .tit_bar {
    height: 25px;
}
.dropdown-po_ab .tit {
    font-size: var(--font-size-lv2);
    font-weight: 700;
    line-height: 1;
}
.dropdown-po_ab .close {
    width: 10px;
    height: 10px;
    background: url(../../img/popup_close.svg) center;
    margin-top: 1px;
}
.dropdown-po_ab .close::before {
    display: none;
}
.dropdown-po_ab li a {
    display: block;
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
	font-weight: 500;
    padding: 0 20px;
    line-height: 1.2;
    white-space: nowrap;
}
.dropdown-po_ab li:first-child a {
    padding-top: 0;
}
.dropdown-po_ab li:last-of-type a,
.dropdown-po_ab li:last-child a {
    padding-bottom: 0;
}
.dropdown-po_ab li:hover {
    background: none;	
}
.dropdown-po_ab li:hover a {
	text-decoration: underline;	
	text-underline-position: under;
	color: var(--font-color-main);
}
.header-wrap .dropdown-po_ab {
    top: 30px;
    left: auto;
    right: -10px;
    overflow: visible;
}
.header-wrap .dropdown-po_ab::before {
    content: '';
    position: absolute;
    top: -5px !important;
    right: 12px;
    border-bottom: 7px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.mdi_company .dropdown-po_ab,
.mdi_lan .dropdown-po_ab {
    right: 10px !important;
}
.dropdown-po_ab.po_ab_right {
    left: auto;
    right: 0;
}

/* dropdown sub li_icon */
.li_icon li a::before,
.profile_box .option_list a::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/custom/mdi_header_icons.svg) no-repeat;
    background-position: -64px -35px;
    vertical-align: -4px;
    margin-right: 6px;
}
.toolbar-options-wrap #toolbarOptionsWrap {
	border:1px solid #111
}
sc-button.with_dropdown::after, button.with_dropdown::after {
	background-image: url(../../img/custom/ico_btn_arrow_down.svg);
}

/* mdiMain */
#mdiMain {
    width: 100%;
    overflow: hidden;
}

/* header-wrap */
.header-wrap {
    position: relative;
    width: 100%;
    height: 38px;
    background: var(--main-color-dark);
    padding: 0 16px 0 20px;
    color: #FFF;
    box-sizing: border-box;
    font-size: 11px;
}

/* logo */
.header_logo .logo {
    width: 70px;
    height: 100%;
    background: url(../../img/custom/logo.svg) no-repeat left center;
    margin: 0;
    cursor: pointer;
}
.header_logo .logo img {
    opacity: 0;
}

/* notice */
.mdi_notice {
	margin-left: 10px;
	display: none;
}
.mdi_notice >button {
	width: 16px;
	height: 20px;
	background: url(../../img/custom/ico_mdi-notice.svg) no-repeat left center;	
}

/* sc-mdi-searchbar */
.header_mdi_searchbar {
    width: 166px;
    height: 26px;
    padding: 0 5px 0 10px;
    background: #2A3D7D;
    border-radius: 30px;
    box-sizing: border-box;
    line-height: 26px;
}
sc-mdi-searchbar .mdi_srch,
sc-mdi .mdi_srch div,
sc-mdi-searchbar cc-auto-text-field {
    width: 100%;
    height: 100%;
}
.header_mdi_searchbar .tit_srch {
    color: #CCD2E2;
    flex-shrink: 0;
}
sc-mdi .mdi_srch div.wrap_input {
	height: 24px;
    overflow: hidden; 
    margin-top: -2px;
}
sc-mdi .mdi_srch div.wrap_input sc-text-field .field-container {
    margin-top: -2px;
    height: 28px;
    background: transparent;
}
.header_mdi_searchbar input {
    width: 74%;
    height: 100%;
    margin: 0 10px;
    border: none;
}
.header_mdi_searchbar .field-container>.trigger-container .search:before {
    background: url(../../img/mdi_srch_ico.svg) no-repeat center;
    content: '';
}
sc-mdi .mdi_srch div.wrap_input {
	height: 24px;
    overflow: hidden; 
    margin-top: -2px;
}
.srch_condtion.sc-mdi-searchbar {
    padding-left: 9px;
    background: url(../../img/custom/icons_mdi-srch.svg) no-repeat 0px 5px;
}
.header_mdi_searchbar .field-container>.trigger-container .search:before {
	background: url(../../img/custom/icons_mdi-srch.svg) no-repeat 4px -25px;
	filter: none;
}
.header_mdi_searchbar .field-container .trigger-container .trigger {
    width: 17px !important;
    min-width: initial;
}

/* header-function */
.li_icon li a::before,
.profile_box .option_list a::before,
.header-function >div >button,
.mdi_profile .mdi_profile_btn::after,
.mdi_company .tit::after,
.mdi_lan .tit::after,
.mdi_profile_btn .icon,
.profile_box .info_photo {
	background-image: url(../../img/custom/mdi_header_icons.svg);
}
.mdi_profile_btn a,
.mdi_profile .mdi_profile_btn::after,
.header-function >div >button::after {
	display: none;
}
.header-function>div {
    margin-left: 14px;
    position: relative;
}
.header-function>div>button {
    min-width: 19px;
    height: 28px;
    background: url(../../img/custom/mdi_header_icons.svg) no-repeat;
}
/* vendor-info */
.vendor-info {
	margin-top: 0px;
	color: #ccd2e2;
    font-size: var(--font-size-lv2);
	font-weight: 600;		
}

/* mdi link */
#mdiLink.li_icon li a::before {
	display: none;
}

/* mdi_company, mdi_lan */
.mdi_company {
	margin-left: 16px !important;
	margin-top: -1px;
}
.mdi_lan {
	margin-left: 4px !important;
	margin-top: -1px;
}
.mdi_company button,
.mdi_lan button {
    color: #CCD2E2;
    font-size: var(--font-size-lv2);
	font-weight: 600;	
    line-height: 22px;
    height: 24px !important;
    padding: 0 8px;
    border: none;
    border-radius: 4px;
    background: transparent !important;
}
.mdi_company .tit::after,
.mdi_lan .tit::after {
    content: ' ';
    display: inline-block;
    width: 7px;
    height: 5px;
    background: url(../../img/custom/mdi_header_icons.svg) no-repeat;
    background-position: 0px -26px;
    margin-left: 7px;
    vertical-align: 2px;
}
.mdi_lan .tit::after {
    margin-left: 10px;
}

/* mdi_alarm */
.header-function .mdi_alarm {	
	margin: 0 4px 0 5px;
}
.header-function .mdi_alarm button {
    background-position: -23px 4px;
    width: 16px;
}
.header-function .mdi_alarm button::after {
    content: '999+';
    display: inline-block;
    position: absolute;
    top: 7px;
    right: -2px;
    width: 16px;
    height: 12px;
    font-size: 8px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    padding: 0 5px 0 2px;
    background: #FF6767;
    border-radius: 16px;
    transform: translateX(44%);
}

/* mdi_support */
.header-function .mdi_support button {
    background-position: -25px -27px;
    width: 21px;
}
.mdi_support .support_list .task::before {
    background-position: -64px -35px;
}
.mdi_support .support_list .post::before {
    background-position: -93px -35px;
}
.mdi_support .support_list .survey::before {
    background-position: -123px -35px;
}

.header-function .mdi_alarm, 
.header-function .mdi_support {
	display: none; /* 湲곕뒫 媛쒕컻 �꾧퉴吏� �④�泥섎━ */
}

/* mdi_manual */
.header-function .mdi_manual button {
    background-position: -25px -61px;
}
.mdi_manual .manual_list .contact {
    margin: 0px !important;
}
.mdi_manual .manual_list .contact::before {
    background-position: -64px -67px;
}
.mdi_manual .manual_list .itVoc::before {
    background-position: -92px -67px;
}
.mdi_manual .manual_list .permission::before {
    background-position: -121px -67px;
}
.mdi_manual .manual_list .terms::before {
    background-position: -147px -67px;
}

/* mdi_profile */
.header-function .mdi_profile {
	cursor: pointer;
}
.mdi_profile_btn {
    display: flex;
    font-size: var(--font-size-lv2);
    letter-spacing: -1px;
    font-weight: 700;
}
.mdi_profile_btn .icon {
    width: 19px;
    height: 26px;
    margin-right: 0;
    border-radius: 24px;
    background: url(../../img/custom/mdi_header_icons.svg) no-repeat;
    background-position: -25px -94px;
}
.mdi_profile .mdi_profile_btn::after {
    margin: 9px 0 0 8px;
}
.header-wrap .profile_box.dropdown-po_ab {
    padding: 20px;
}
.profile_box {
    min-width: 184px;
}
.profile_box,
.profile_box a {
    color: var(--font-color-main);
}
.profile_box .profile_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px 0 20px;
    border-bottom: 1px solid #D2D2D2;
}
.profile_box .info_photo {
    width: 36px;
    height: 36px;
    border-radius: 28px;
    background: url(../../img/custom/ico_mdi_profilebox_user.svg) no-repeat center;
    flex-shrink: 0;
}
.profile_box .info_txt {
    line-height: 1.2;
    font-size: var(--font-size-lv2);
    text-align: center;
    color: var(--font-color-sub);
}
.profile_box .info_txt .team {
	margin-bottom: 2px;	
}
.profile_box .info_txt .name {
    font-size: var(--font-size-lv4);
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 0;
}
.profile_box .option_list {
	padding: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.profile_box .option_list li a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;    
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 20px;
}
.profile_box .option_list li a:hover {
    background: #2C53AC;
    color: #fff;
    text-decoration: none;
}
.profile_box .option_list a::before {
	background-image: url(../../img/custom/icons_mdi_profilebox.svg);
	margin-right: 8px;
}
.profile_box .option_list .permission a::before {
	background-position: 0px 0px;
}
.profile_box .option_list .setting a::before {
	background-position: 0px -37px;
}
.profile_box .option_list .theme a::before {
	background-position: 0px -74px;
}
.profile_box .option_list .privacy a::before {
	background-position: 0px -111px;
}
.profile_box .option_list .logout a {
	color: var(--main-color);
}
.profile_box .option_list .logout a::before {
	background-position: 0px -148px;
}
.profile_box .option_list a:hover::before {
	filter: invert(111%) sepia(0%) saturate(0%) hue-rotate(131deg) brightness(190%) contrast(128%);
}
.header-function >div.mdi_profile >button {
	width: 19px;
    background-position: -26px -94px;
    margin-right: 0;
	background-image: url(../../img/custom/mdi_header_icons.svg);
}

/* mdi_link */
.header-function >div.mdi_link >button {
	width: 19px;
	background: url(../../img/custom/ico_mdi-link.svg) right center no-repeat;
	background-size: 86%;
    margin-right: 0;
    opacity: 0.9;
}

/* mdi_confidendial */
.header-function .mdi_confidencial {
	margin-left: 0;
}
.mdi_confidencial::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 11px;
	background: #D6D6D6;
	margin: 0 18px;
}
.header-function .mdi_confidencial div {
    height: 24px;
    line-height: 24px;
    color: #FF6767;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 18px;
    background: none;
}

/* sitemap_btn */
.sitemap_btn {
    position: absolute;
    top: -1px;
	left: 14px;
    width: 30px;
    height: 100%;
}
.sitemap_btn button {
    width: 100%;
    height: 100%;
    background-image: url(../../img/custom/mdi_sitemap.svg);
}

/* mymenu */
.gnb-menu#myMenu span.depth1 {
    display: flex;
    align-items: center;
}
.gnb-menu#myMenu span.depth1::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url(../../img/custom/mdi_mymenu.svg) center no-repeat;
    margin-right: 8px;
}
.gnb-menu#myMenu:hover span.depth1::before,
.gnb-menu#myMenu span.selected-depth0::before {
	background: url(../../img/custom/mdi_mymenu_w.svg) center no-repeat;
}

/* gnb-wrap */
.gnb-wrap {
    position: relative;
    width: 100%;
    height: 40px;
    background: #fff;
    padding: 0 20px 4px;
}

/* gnb-menu */
.gnb {
    overflow: hidden;
    height: 100%;
}
.gnb-menu {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gnb-menu span.depth1 {
    color: var(--font-color-main);
    font-size: var(--font-size-lv3);
	font-weight: 500;	
    padding: 0 20px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    position: relative;
}
.gnb-menu span.mymenu::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../../img/ico_mymenu.svg) no-repeat center;
    margin-right: 8px;
    vertical-align: -3px;
}
.gnb-menu:hover span.depth1,
.gnb-menu:hover span.depth1::after {
    background-color: #fff;
}
.gnb-menu:hover span.depth1,
.selected-depth0 {
	color: #fff !important;
    background: var(--main-color-btn);
    border-radius: 15px !important;
}

/* gnb(mega-menu) */
.mega-gnb-wrap {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 101;
}
.mega-gnb-wrap.selected {
    display: block;
}
.mega-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9;
}
.mega-gnb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 330px;
    grid-template-columns: 300px 1fr;
    background: #fff;
    z-index: 15;
    padding: 30px;
    box-sizing: border-box;
    border-top: 1px solid #ededed;
}
.mega-title-wrap {
    display: none; /* 2024.10.01 scyang : 諛뺤젙�� �꾩썝�� �붿껌�쇰줈 �④� 泥섎━ */
    flex-direction: column;
	justify-content: center;
    height: 300px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    background: url(../../img/custom/bg_mega_title.png) no-repeat center;
}
.mega-title-wrap .title {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 12px;
    word-break: keep-all;
}
.mega-title-wrap .title::before {
    content: '';
    display: block;
    width: 65px;
    height: 50px;
    background: url(../../img/custom/ico_mega_title.svg) center no-repeat;
    margin: 0 auto 14px;
}
.mega-title-wrap .title_sub_txt {
    word-break: keep-all;
    font-size: var(--font-size-lv2);
    line-height: 20px;
}
.mega-menu {
    max-height: calc(100vh - 95px - 50px);
    overflow-y: auto;
    padding: 0 60px 60px;
    position: relative;
}
.mega-option {
    position: fixed;
    right: 100px;
    top: 116px;
    display: inline-flex;
    align-items: center;
    letter-spacing: -1px;
    color: var(--font-color-sub);
    gap: 5px;
    cursor: pointer;
    margin: -6px -20px 0 0;
}
.mega-option input[type="checkbox"] {
    appearance: none;
    position: relative;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    width: 27px;
    height: 18px;
    cursor: pointer;
}
.mega-option input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: scale(0.8);
    background-color: #d6d6d6;
    transition: left 0.25s linear;
}
.mega-option input[type="checkbox"]:checked {
    background-color: #fff;
    border-color: var(--main-color);
}
.mega-option input[type="checkbox"]:checked::before {
    background-color: var(--main-color);
    left: 8.5px;
}
.mega-option input[type="checkbox"]:checked+span {
    color: var(--font-color-main);
}
.mega2depth {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
    gap: 16px 40px;
}
.mega2depth li {
    max-width: 310px;
    box-sizing: border-box;
    padding-right: 0 20px;
}
@media screen and (max-width: 1475px) {
    .mega2depth li {
        width: auto;
    }
}
.mega2depth button {
    position: relative;
    width: 100%;
    color: var(--font-color-main);
    font-size: var(--font-size-lv4);
    font-weight: 700;
    text-align: left;
    padding: 4px 25px 4px 0;
}
.mega3depth button::after {
    content: '>';
    display: inline-block;
    width: 25px;
    height: 100%;
    text-align: center;
    margin: -1.5px 0 0 5px;
}
.mega3depth .no-sublist::after {
    display: none;
}
.mega3depth {
    padding-top: 10px;
}
.mega3depth button {
    display: flex;
    font-size: var(--font-size-lv3);
    padding-left: 0;
}
.mega3depth button::before {
    display: none;
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background: #000;
    margin: 9px 6px 0 0;
}
.mega3depth button::after {
	content: '';
	background: url(../../img/custom/ico_mega_arrow.svg) no-repeat center;
	width: 7px; 
	height: 20px;
	margin: 0 0 0 7px;
}
.mega4depth {
    padding-bottom: 10px;
}
.mega4depth li {
    position: relative;
    padding: 2px 0;
}
.mega4depth button {
    font-size: var(--font-size-lv2);
    font-weight: 400;
    color: var(--font-color-sub);
	padding: 2px 0;
}
.mega4depth button::before {
    display: inline-block;
    content: '';
    width: 2px;
    height: 2px;
    background: #767676;
    margin: 9px 5px 0;
}
.mega4depth >li::before {
	display: block;
    content: '';
    position: absolute;
    top: -2px;
    left: -10px;
    width: calc(100% - 10px);
    height: calc(100% + 4px);
    background: var(--main-color);
    border-radius: 5px;
    opacity: 0;
}
.mega4depth button::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 125%;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.1);
}
.mega4depth li:hover::before {
	opacity: 1;
}
.mega4depth li:hover button::before {
	background: #fff;
}
.mega4depth li:hover button span {
	color: #fff;
}
.mega4depth button:hover,
.mega4depth button.selected {
    font-weight: 700;
}
.mega4depth button:hover::after,
.mega4depth button.selected::after {
    opacity: 1;
}
.mega2depth ul.close {
    opacity: 0;
    height: 0 !important;
    padding: 0;
    overflow: hidden;
}
.mega-closebtn {
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../../img/ico_mega_close.svg) center no-repeat;
    background-size: cover;
    top: 37px;
    right: 46px;
    z-index: 999;
    opacity: 0.5;
}
.mega-closebtn:hover {
    opacity: 0.8;
}

/* gnb-toolbar : 2024.06.27 異붽� */
.gnb-toolbar {
    position: absolute;
    display: flex;
    justify-content: end;
    right: 0;
    top: 0;
    height: 100%;
    padding-right: 12px;
    background-color: #fff;
}
.gnb-toolbar button {
    width: 30px;
    height: 100%;
    background: url(../../img/icons_gnb_arrow.svg) no-repeat;
    opacity: 0.6;
}
.gnb-toolbar .gnbLeftScroll {
    background-position: 9px 14px;
}
.gnb-toolbar .gnbRightScroll {
    background-position: 11px -20px;
}
.gnb-toolbar .utilAreaUp {
    background-position: 7px -53px;
}
.sitemap_btn button:hover,
.gnb-toolbar button:hover {
	opacity: 1;
	filter: invert(31%) sepia(91%) saturate(3530%) hue-rotate(212deg) brightness(95%) contrast(102%);
	background-color: transparent;
}

/* #containerWrap */
#containerWrap {
    height: 100%;
}

/* mdiContent */
#mdiContent {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.mdi-sidemenu.active+#mdiContent {
    width: calc(100% - 320px);
}
.mdi-sidemenu.active+#mdiContent #mdiTabbar {
    padding-left: 0;
}
.mdi-sidemenu.active+#mdiContent .sc-lnb-button {
    top: 6px;
    left: -40px;
    transform: rotate(-180deg);
}
.mdi-sidemenu.active+#mdiContent .sc-lnb-button button {
    background-color: transparent;
    background-image: url(../../img/mdi_lnb_btn.svg);
}

/* mdi-sidemenu (lnb) */
.mdi-sidemenu {
    display: none;
}
.mdi-sidemenu.active {
    display: block;
    width: 320px;
}

/* [R&D] border-bottom->border */
.mdi-sidemenu .lnb_title {
    font-size: 24px;
    font-weight: 700;
    padding: 26px 33px 35px;
    border: 1px solid #E5E5E5;
}
.mdi-sidemenu .lnb_title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../../img/ico_lnb.svg) no-repeat left center;
    margin-right: 12px;
    vertical-align: -4px;
}
.mdi-sidemenu .lnb2depth {
    height: calc(100vh - 211px);
    overflow-y: auto;
}
.lnb2depth button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    color: var(--font-color-sub);
    font-size: var(--font-size-lv3);
    font-weight: 700;
    padding: 0 20px 0 26px;
}

/* [R&D] li[issubmenu="Y"] 異붽� */
.lnb2depth li[issubmenu="Y"]>button::after {
    content: '';
    position: absolute;
    top: 36%;
    right: 18px;
    transform: translateY(-55%);
    display: inline-block;
    width: 15px;
    height: 12px;
    background: url(../../img/ico_lnb_arrow.svg) right center no-repeat;
    opacity: 0.23;
    transform: rotate(180deg);
    transition: all 0.2s;
}
.lnb3depth button::after {
    opacity: 0.19;
}
.lnb4depth button::after {
    display: none;
}
.lnb2depth button.active::after { /* [R&D] !important 異붽� */
    transform: rotate(0) !important;
    opacity: 1 !important;
}
.lnb2depth button:hover,
.lnb2depth button.item-selected,
.lnb2depth>li>button.active {
    background: #DCDCDC;
}
.lnb3depth {
    background: #F3F3F3;
    padding: 8px 0;
}
.lnb3depth button {
    height: 28px;
    line-height: 1;
    padding-left: 38px;
}
.lnb3depth button::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #000;
    margin-right: 5px;
}
.lnb3depth button:hover {
    background: inherit;
}
.lnb3depth button:hover span {
    text-decoration: underline;
    text-underline-position: under;
}
.lnb4depth {
    padding: 2px 0 4px;
}
.lnb4depth button {
    height: initial !important;
    font-size: var(--font-size-lv2);
    font-weight: 400;
    padding-left: 64px;
    padding-bottom: 10px;
    line-height: 1.2;
    align-items: start;
}
.lnb4depth button::before {
    content: '��';
    width: initial;
    height: initial;
    margin-right: 3px;
    background: none;
}
.lnb2depth ul.close {
    opacity: 0;
    height: 0 !important;
    padding: 0;
    overflow: hidden;
}
.lnb2depth ul {
    transition: height 0.8s, opacity 1s ease-in-out;
}
.lnb2depth li.selected>button {
    font-weight: 700;
}
.lnb2depth li.selected>button span {
    text-decoration: underline;
    text-underline-position: under;
}

/* mdiContent */
#mdiContent {
    width: 100%;
}
.mdi-sidemenu.active+#mdiContent {
    width: calc(100% - 320px);
}
.mdi-sidemenu.active+#mdiContent #mdiTabbar {
    padding-left: 0;
}
.mdi-sidemenu.active+#mdiContent .sc-lnb-button {
    left: -36px;
    transform: rotate(-180deg);
}
.mdi-sidemenu.active+#mdiContent .sc-lnb-button button {
    background-color: transparent;
}

/* sc-mdi-tabbar */
#mdiTabbar {
    position: relative;
    width: 100%;
    height: 32px;
    background: #fff url(../../img/custom/mdi_tab_bottom_line.svg) repeat-x left bottom;
    padding-left: 46px;
    box-sizing: border-box;
}

/* sc-lnb-button */
.sc-lnb-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
}
.sc-lnb-button button,
.sc-lnb-button sc-button {
    width: 100%;
    height: 100%;
    background: #F3F3F3 url(../../img/mdi_lnb_btn.svg) no-repeat center;
}
.sc-lnb-button button {
	background-color: #fff;
	height: calc(100% - 1px);
}
.sc-lnb-button,
.sc-lnb-button button {
	height: calc(100% - 1px);
}
.sc-lnb-button {
	top: 0;
    left: 9.5px;
}
.sc-lnb-button button {
	background-image: url(../../img/custom/mdi_lnb_btn.svg);
}

/* sc-tab */
.sc-tabbar .sc-tab,
.sc-tabbar sc-tab,
.sc-mdi-tabbar sc-tab,
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab {
    color: var(--font-color-sub);
    padding: 0 12px;
    border-radius: 8px 8px 0 0 !important;
    cursor: pointer;
    line-height: 32px;
}
sc-tabbar sc-tab.first-tab {
    padding: 0 20px !important;
}

sc-tabbar sc-tab.first-tab::before,
sc-tabbar sc-tab.first-tab::after {
    display: none;
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab:hover,
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab.item-selected {
    line-height: 32px;
    padding: 0 12px;
    margin: 0;
    border: 1px solid #B1BAD1;
    border-bottom-color: var(--main-color-lv1);
    background: var(--main-color-lv1);
}
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab.item-selected {
	color: var(--main-color);
	font-weight: 600;
    letter-spacing: -.3px;
}
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab>div {
	background-position-y: 13px;
	margin-left: 2px !important;
}
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab:hover {
    font-weight: 400;
}
sc-tabbar sc-tab.item-selected::before {
    filter: invert(31%) sepia(91%) saturate(3530%) hue-rotate(212deg) brightness(95%) contrast(102%);
}
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab[active]>div {
	filter: invert(52%) sepia(124%) saturate(3530%) hue-rotate(214deg) brightness(107%) contrast(105%);
}
sc-mdi-tabbar .mdiTabsDiv .left-scroller {
	border-left: none;
}
sc-tabbar sc-tab.item-selected::after {
    display: none;
}

/* mdiTabToolbar */
.mdiTabToolbar {
    position: relative;
    right: 0px;
    top: -1px;
    height: calc(100% - 1px);
    text-align: right;
    padding-left: 16px;
    background-color: #fff;  
}

.mdiTabToolbar button {
    font-size: 11px;
    letter-spacing: -1px;
    color: var(--font-color-sub);
    line-height: 36px;
    white-space: nowrap;
}
.mdiTabToolbar .mdi-tools-closeall::before,
.mdiTabToolbar .mdi-tools-closeall span {
	display: none;
}
/* 2024.07.05 scyang add start */
.mdiTabToolbar ul,
.mdiTabToolbar li {
    height: 100%;
    display: flex;
    align-items: center;
}
.mdiTabToolbar .left-scroller button,
.mdiTabToolbar .right-scroller button {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #B4B4B4;
    background: #fff url(../../img/icons-mditab-arrow.svg) no-repeat;
}
.mdiTabToolbar .left-scroller button {
    background-position: 6px 4.5px;
}
.mdiTabToolbar .right-scroller {
    margin-left: 4px;
}
.mdiTabToolbar .right-scroller button {
    background-position: 5.5px 5px;
}
.mdiTabToolbar .mdi-tools-closeall {
	margin-left: 18px;
}
.mdiTabToolbar .mdi-tools-closeall,
.utilAreaDown {
    padding-right: 20px;
}
.mdiTabToolbar .mdi-tools-closeall button::before,
.utilAreaDown button::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../img/mdi_tabbar_closeall.svg) no-repeat center;
    vertical-align: -4px;
    margin-right: 6px;
}
.mdiTabToolbar .mdi-tools-closeall button::before {
	width: 17px;
	height: 12px;
	background: url(../../img/custom/mdi_tabbar_closeall.svg) no-repeat center;
	vertical-align: -2px;
	margin-right: 0;
}

.mdiTabToolbar .mdi-tools-closeall::before,
.mdiTabToolbar .utilAreaDown::before {
    content: '';
    width: 1px;
    height: 22px;
    background: #B4B4B4;
    margin: 0 21px;
    vertical-align: -8px;
}
/* 2024.07.05 scyang add */
.mdiTabToolbar .utilAreaDown::before {
    margin-left: 0;
    margin-right: 16px;
}
.utilAreaDown button::before {
    background: url(../../img/icons_gnb_arrow.svg) no-repeat 0px -83px;
    background-size: 100%;
    opacity: 0.55;
}
/* tab-pin �꾩슜 �ㅽ��� Start 2024.09.05 dymoon  */
/* tab-pin 湲곕낯 �ㅽ��� */
sc-tabbar sc-tab .tab-pin {
    content: '';
    display: inline-block; 
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: url(../../img/custom/mdi_tabbar_pick.svg) no-repeat center;    
    opacity: .3;
    vertical-align: -2px;
    transition: all 0.2s;
}
/* home tab�먮뒗 pin x */
sc-tabbar sc-tab.first-tab .tab-pin {
    display: none;
}
/* hover animation : pick �섍린 �� */
sc-tabbar sc-tab .tab-pin:hover {
    animation: 1.8s pick infinite;
    opacity: 1;
}
@keyframes pick {
    0%{
        transform: translate(0, 0);
    }
    30%{
        transform: translate(5px, -5px);
    }
    40%{
        transform: translate(5px, -5px);
    } 
    48%{
        transform: translate(0, 0);
    }  
    100%{
        transform: translate(0, 0);
    }  
}
/* pick �곹깭 */
sc-tabbar sc-tab.pick .tab-pin { 
    opacity: 1;
}
sc-tab.item-selected .tab-pin {
	filter: invert(31%) sepia(91%) saturate(3530%) hue-rotate(212deg) brightness(95%) contrast(102%); /* 2024.09.05 scyang : 而щ윭 議곗젙 */
}
/* hover animation : pick �곹깭 */
sc-tabbar sc-tab.pick .tab-pin:hover {
    animation: 2s pick-off infinite ease-in-out;
    opacity: 1;
}
@keyframes pick-off {
    0%{
        transform: translate(0, 0);
    }
    30%{
        transform: translate(0, 0);
    }
    37%{
        transform: translate(5px, -5px);
    } 
    65%{
        transform: translate(5px, -5px);
    } 
    100%{
        transform: translate(0, 0);
    }  
}
/* tabb-pin �꾩슜 �ㅽ��� End  */

/* gnb, mdi-tab */
.gnb .depth1,
.sc-tab {
    white-space: nowrap;
}

/* lnb */
.lnb2depth li[issubmenu="Y"]>button[elementselected]::after {
	opacity: 1;
    transform: rotate(0deg);
}

/* sc-bc */
sc-bc,
.sc-pages {
	background: var(--main-color-lv1);
}
sc-bc {
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 2;
    display: block;
    max-height: 25px;
    box-sizing: border-box;
    text-align: right;
    padding: 7px 20px 0 0;
    line-height: 1.2;
    color: var(--font-color-sub);
    font-size: var(--font-size-bc);	
	font-weight: 500;
}
sc-bc b {
    font-weight: 500;
}
sc-bc::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 32px;
    height: 20px;
    background: var(--main-color-lv1) url(../../img/custom/ico_bc-home.svg) no-repeat right bottom;
}

/* sc-pages */
.sc-pages {
    width: 100% !important;
    padding: 24px 20px 20px;
    box-sizing: border-box;
}

/* [R&D] important 異붽� */
.sc-mdi-window,
.page-name,
.page-name-list {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* cc-page-title-bar */
cc-page-title-bar {
    position: relative;
    margin: 0;
}

/* [R&D] .page-name-list >cc-page-title-bar+ cc-search-condition-panel, 異붽� */
cc-search-condition-panel,
cc-page-title-bar+cc-search-condition-panel {
    padding-top: 12px;
}
sc-panel+cc-search-condition-panel {
    margin-top: 16px;
}
sc-code-group+cc-page-title-bar {
	margin: 0;
}

cc-page-title-bar+.page.flex {
    margin-top: 12px;
}
cc-page-title-bar h3,
cc-page-title-bar .toolbar,
cc-page-title-bar .wrap_btn {
    vertical-align: top;
}
cc-page-title-bar h3 {
    display: inline-block;
    color: var(--font-color-main);
    font-size: var(--font-size-lv5);
    font-weight: 700;
}
cc-page-title-bar h3::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 16px;
    border-radius: 4px;
    background: #B2B2B2;
    vertical-align: -1px;
}
cc-page-title-bar h3::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #A7A7A7;
    margin: 0 24px;
}
cc-page-title-bar h3::before,
cc-page-title-bar h3::after {
	display: none;
}
cc-page-title-bar .toolbar {
    display: flex;
	margin-left: 10px;
	gap: 8px;
}
cc-page-title-bar .toolbar li {
    float: left;
    margin-left: 0;
	width: 18px;
	height: 18px;
    text-indent: 0;
    vertical-align: top;
}
cc-page-title-bar .toolbar li:first-child {
    margin-left: 0;
}
cc-page-title-bar .toolbar button {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
cc-page-title-bar .toolbar li img {
	opacity: 0;
	display: none;
}
cc-page-title-bar button.favorite {
	background: url(../../img/custom/ico_tit_favorit.svg) no-repeat center;
}
cc-page-title-bar button.manual {
	background: url(../../img/custom/ico_tit_manual.svg) no-repeat center;
}
cc-page-title-bar button.newWindow {
	background: url(../../img/custom/ico_tit_duplic.svg) no-repeat center;
}
cc-page-title-bar button.titlebar-share {
	background: url(../../img/custom/ico_tit_share.svg) no-repeat center;
}
cc-page-title-bar button.titlebar-collaborate {
	background: url(../../img/custom/ico_tit_cooper.svg) no-repeat center;
}
cc-page-title-bar button {
	opacity: 0.6;
}
cc-page-title-bar button.favorite {
	opacity: 1;
}
cc-page-title-bar button.manual {
	opacity: 0.7;
}
cc-page-title-bar button.newWindow {
	opacity: 0.8;
}
cc-page-title-bar button:hover {
	opacity: 1;
}
cc-page-title-bar button.favorite:hover,
cc-page-title-bar button.favorite.a_is_favorite {
	background-image: url(../../img/custom/ico_tit_favorit_on.svg);
}
cc-page-title-bar .wrap_btn,
.wrap_btn >div {
	display: flex;
	gap: 4px;
}
/* [R&D] */
cc-page-title-bar .wrap_btn {
    margin-left: auto;
}
/* cc-sub-title-bar */
cc-sub-title-bar {
	margin-bottom: 8px;
}
sc-window cc-sub-title-bar {
	margin-bottom: 8px;
}
cc-form-panel+cc-sub-title-bar,
.vbox cc-sub-title-bar {
	margin: 12px 0 8px;
}

/* search-condition-panel */
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;
}
/* close �곹깭 */
cc-search-condition-panel .content-wrap.cc-search-condition-panel.close {
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: #BFBFBF;
    height: 1px;
    margin-bottom: 12px;
}
.content-wrap.cc-search-condition-panel.close .cc-collapse-panel {
    display: none;
}
cc-search-condition-panel .search-condition-closebtn {
	position: absolute;
    top: 0;
    right: 5px;
    border: none;
    border-radius: 2px;
    background: url(../../img/custom/ico_form_collapsible.svg) center no-repeat !important;
    transition: all 0.3s;
    height: 7px !important;
    width: 12px;
    background-size: contain !important;
    z-index: 5;
}
cc-search-condition-panel .search-condition-closebtn.close {
	transform: rotate(180deg);
}
cc-search-condition-panel .content-wrap.cc-search-condition-panel.close {
	margin-bottom: 0;
    background: #dddfe3;
}
.cc-search-condition-panel.close div,
.cc-search-condition-panel.close cc-collapse-panel { /* 2024.08.01 scyang */
	display: none;
}

/*  search-condition-group */
.search-condition-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px 6.5%;
    padding-right: 0;
    grid-auto-flow: dense;
    /* 2024.07.25 scyang : colspan 議곌굔�� �덉쓣 寃쎌슦 諛섏쓳�뺤뿉�� �먯뿰�ㅻ읇寃� �먮━瑜� 梨꾩� */
}
.flex-search .search-condition-group,
.hbox .search-condition-group,
sc-mdi-window *:has(>.vbox:nth-of-type(2)) .vbox .search-condition-group {
  	grid-template-columns: repeat(auto-fill, minmax(280px, 0.8fr));  /* �앹뾽, 2�� �붾㈃ �깆뿉�쒕뒗 諛섏쓳�뺤쑝濡� �묐룞 */
    gap: 6px 4%;
}
/* moreview */
sc-button#_moreviewBtn {
	position: absolute;
	display:flex;
	height: 18px !important;
	align-items: center;
	justify-content: center;
    left: 50%;
    bottom: -8px;
    z-index: 2;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 0 12px;
    background: var(--main-color-lv2);
    border-radius: 10px;
    min-width: initial;
}
.btn-group .moreview::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../../img/custom/ico_moreview_plus.svg) center no-repeat;
	filter: brightness(0.5);
}
.btn-group .moreview.close::before {
	background: url(../../img/custom/ico_moreview_minus.svg) center no-repeat;
}
sc-button#_moreviewBtn:hover {
    background: #cfd7ec !important;
}
sc-button[focused],
sc-button#_moreviewBtn[focused] {
	box-shadow: none;
}
/* btn-group */
.btn-group.cc-search-condition-panel .flex--left {
	align-items: end;
	gap: 4px !important;
}
.btn-group.search sc-button {
	background: #C7CCD9;  
	border: none;
	min-width: 34px;
}
.btn-group.search .custom-wrap {
	order: 1;	
}
.btn-group.search sc-button.custom {
    background: #c7ccd9 url(../../img/custom/ico_btn_custom.svg) center no-repeat !important;
}
.btn-group.search sc-button.custom::before, 
.btn-group.search button.custom::before {
	display: none;
	width: 19px;
	background : url(../../img/custom/ico_btn_custom.svg) no-repeat left center;	
}
.btn-group.search sc-button.custom::after {
	display: none;
	background-image : url(../../img/custom/ico_btn_arrow_down_w.svg);	
	background-size: 72%;
}
.btn-group.search .reset {
	order: 2;
	background: #C7CCD9 url(../../img/custom/ico_btn_reset.svg) center no-repeat !important;
}
sc-button#_searchBtn {
	order: 3;
    min-width: 68px;
    background: var(--main-color-dark) url(../../img/custom/ico_btn_search.svg) no-repeat center !important;
    background-size: contain !important;
}
sc-button#_searchBtn:hover {
	background-color: var(--main-color) !important;
}
sc-button#_resetBtn:hover,
sc-button#_customBtn:hover {
	background-color: var(--main-color-dark) !important;
}
sc-button#_searchBtn span,
sc-button#_resetBtn span,
sc-button#_customBtn span {
	opacity: 0;
	width: 0px;
}
.filterBar {
	margin: 8px 0 -8px 0 !important;
}

/* search-condition */
.search-condition {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}
.sc-label {
    display: flex;
    align-items: center;
    width: auto;
    margin-right: 10px;
    overflow-wrap: break-word;
    text-align: left;
    white-space: inherit;
    word-break: keep-all;
    line-height: 1.2;
    color: var(--font-color-main);
    font-size: var(--font-size-lv2);
    font-weight: 500;
}
sc-label .bullet-container {
	display: none !important;
}
sc-mdi-searchbar + * {
	margin-left: 28px !important;
}
.search-condition.text-align-left .sc-label {
    line-height: 1.2;
}

/* cc-fieldset */
.search-condition .cc-fieldset {
    display: inline-flex;
    width: 100%;
    height: 100%;
    gap: 4px;
    position: relative;
}
cc-fieldset .cc-fieldset {
    white-space: nowrap;
    gap: 4px;
}
cc-fieldset.form-box .cc-fieldset,
cc-fieldset .cc-fieldset:has(>[class*="hspace"]),
cc-fieldset .cc-fieldset:has(>*:empty),
cc-fieldset .cc-fieldset:has(p:nth-child(2):last-child) {
    gap: 0;
}
cc-form-panel sc-grid {
	border-radius: 0 !important;
}
cc-fieldset sc-grid,
cc-fieldset cc-grid-toolbar {
	margin-top: 0 !important;
}
cc-fieldset .grid-container {
	padding-top: 0;
}
cc-fieldset cc-grid-toolbar~.grid-container {
    padding-top: 4px !important;
}

/* hspace */
.hspace-5 {
    min-width: 5px;
}
.hspace-10 {
    min-width: 10px;
    text-align: center;
}

/* 媛곸쥌 而댄룷�뚰듃 width 湲곕낯 吏���. */
cc-fieldset .cc-fieldset,
sc-combobox-field,
sc-period-date-field,
sc-month-field,
sc-picker-field,
sc-multi-combobox-field,
cc-operorg-multi-combobox-field,
cc-multi-text-field,
sc-text-field,
sc-date-field,
sc-filter-multi-combobox-field,
sc-filter-combobox-field,
sc-textarea-field,
sc-display-field {
    width: 100%;
}
cc-user-search {
    display: inline-flex;
    width: 100%;
}
sc-date-field .trigger.default,
sc-period-date-field .trigger.default,
sc-month-field .trigger.default,
sc-period-month-field .trigger.default,
sc-multi-combobox-field .trigger.default,
sc-combobox-field .trigger.default {
    height: 35px;
}

/* sc-period-date-field */
.sc-period-date-field>.field-container>span {
    display: table-cell;
    vertical-align: middle;
}

/* field-container */
.field-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 28px;
    font-size: var(--font-size-lv2);
    letter-spacing: -.5px;
    overflow: hidden;
    box-sizing: border-box;
	border: 1px solid #DEDFDF;
    border-radius: 4px;
    background: #fff;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
sc-textarea-field .field-container {
    height: 100%;
}
.field-container input,
.field-container textarea,
.field-container .field-container {
    border: none;
}
*[field]>.field-container input {
    position: relative;
    width: inherit;
    height: 26px !important;
    box-sizing: border-box;
    border: none;
    background: transparent;
    font-family: 'Pretendard', 'NotoSansKR', '留묒� 怨좊뵓', 'Malgun Gothic', Arial, sans-serif;
    color: var(--font-color-main);
    font-size: var(--font-size-lv2);
    line-height: 1;
    padding: 0 8px;
    border-radius: 3px;
}
.field-container .trigger-container {
    width: 26px !important;
    height: 26px;
    color: var(--font-color-main);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.search-condition-group .field-container,
.search-condition-group *[field][readonly]>.field-container {
	border: 1px solid #D5DAE5;
}
cc-fieldset .field-container .field-container,
[inner-field] .field-container {
	height: 100%;
	min-height: initial;
}

/* input-cover */
.input-cover { /* 2024.07.17 scyang : input-cover �곸뿭�ㅻ쪟 ���� */
    position: absolute;
}

/* [field] span */
[field]+span,
span+[field] { /* 2024.07.25 scyang : �꾨뱶 �ъ씠 �쇰컲 �띿뒪�� �щ갚 */
	margin-left: 4px;
}

.trigger-container .trigger {
    position: relative;
    width: 26px;
    height: 26px !important;
    min-width: 26px;
    border-radius: 4px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.trigger::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    filter: invert(71%) sepia(9%) saturate(163%) hue-rotate(187deg) brightness(90%) contrast(86%);
}
sc-combobox-field .default:before,
sc-multi-combobox-field .default:before,
sc-filter-multi-combobox-field .default:before,
sc-filter-combobox-field .default:before,
sc-period-date-field .default:before,
sc-date-field .default:before {
    top: 0;
    left: 0;
    content: '';
}
.trigger.default::before {
    background: url(../../img/custom/ico_trigger_arrow_down.svg) no-repeat center;
}
sc-period-date-field .trigger.default::before,
sc-date-field .trigger.default::before,
sc-month-field .trigger.default:before,
sc-period-month-field .trigger.default:before,
.trigger.date::before {
    content: '';
    background: url(../../img/custom/ico_trigger_calendar.svg) no-repeat center;
}
/* 2024.07.10 scyang : *[field]>.field-container>.trigger-container .field-search:before 異붽� */
.trigger.search::before,
.trigger.field-search::before,
*[field]>.field-container>.trigger-container .field-search:before {
    content: '' !important;
    background: url(../../img/custom/ico_trigger_search.svg) no-repeat center;
    filter: none;
}
.trigger.multi-search::before {
    background: url(../../img/custom/ico_trigger_multi_search.svg) no-repeat center;
}
cc-module-one-multi-text-field .trigger.search::before,
cc-multi-text-search-field .trigger.search::before {
    background: url(../../img/custom/ico_trigger_multi_search.svg) no-repeat center;
    filter: invert(71%) sepia(9%) saturate(163%) hue-rotate(187deg) brightness(90%) contrast(86%);
}
cc-module-one-multi-text-field .trigger.multi-search::before,
cc-multi-text-search-field .trigger.multi-search::before {
    background: url(../../img/custom/ico_trigger_multi-input.svg) no-repeat center;
}
sc-trigger-field .trigger::before {
	background-position: center center !important; 
}

/* trigger-container : spinner */
.trigger-container.sc-number-field {
    flex-direction: column;
}
.trigger-container .spinner {
    height: 14px !important;
}
.trigger-container .spinner::before {
    background: url(../../img/custom/ico_trigger_spinner.svg) no-repeat center 7px;
}
.trigger-container .spinner-down::before {
	transform: rotate(180deg);
}
sc-trigger-field .field-container .trigger-container {
    border: none;
}
cc-fieldset .sc-period-date-field sc-text-field:last-of-type .field-container>input, 
cc-fieldset .sc-period-month-field sc-text-field:last-of-type .field-container>input {
	padding-left: 5px;
}
cc-fieldset sc-period-date-field+.w-100, 
cc-fieldset sc-period-month-field+.w-100 {
	width: 40% !important;
	max-width: 100px;
	margin-left: 4px;
}
cc-fieldset sc-period-date-field+.hspace-5, 
cc-fieldset sc-period-month-field+.hspace-5 {
	margin-left: 0;
	width: 5px !important;
}

[field][trigger-cls="default"] input,
[field][trigger-cls="search"] input, 
[field][trigger-cls="field-search"] input, 
[field][trigger-cls="multi-search"] input, 
sc-combobox-field input,
sc-multi-combobox-field input,
[commorg-search-field] input {
    padding-right: 0 !important;
} 

/* required(mandatory) : �꾩닔�붽굔 �쒓린 �ㅽ��� */
*[field][required] .field-container input, 
*[field][required] .field-container .trigger-container .trigger, 
*[field][required] .input-cover,
*[field][required]>.field-container textarea {
	background-color: #fff;
}
[field][required]:before {
	top: 0;
}
cc-fieldset:has(>div >[required]:not([hidden])) sc-label span::after,
sc-label.mandatory_c span::after,
sc-label.mandatory span::after,
.tab-required::before { 
    content: '';
    display: inline-block;
    width: 6px; 
    height: 12px;
    margin-left: 4px;
    background: url(../../img/custom/ico_mandatory.svg) no-repeat center; 
    order: 1;
	padding-right: 6px;
}
cc-fieldset:has(sc-grid [required]) sc-label span::after,
cc-fieldset:has([required="false"]) sc-label span::after {
	display: none;
}
sc-label.mandatory_not span::after {
	display: none !important;
}
.tab-required {
	position: relative; 
}
.tab-required::before {
	position: absolute;
    background-color: var(--main-color-lv1);
    top: 50%;
    width: 100%;
    left: -4px;
    transform: translateY(-50%);
}
/* invalid : �꾩닔�붽굔 誘몄옉�� �� 寃��� �� �ㅽ��� */
[inner-field][invalid]>.field-container {
	box-shadow: none;
}
[field][invalid]>.field-container::before {
	display: none; /* 2024.09.02 invalid �꾩씠肄� �④� 泥섎━ */
	content: '';    
    width: 2px;
    height: 13px;
    padding-left: 19px;
    background: url(../../img/custom/ico_required_alert.svg) no-repeat center right;
}
/* readonly */
*[field][disabled]>.field-container,
*[field][readonly]>.field-container,
*[inner-field][readonly]>.field-container {
	border: none;
	background: none;
}
*[field][disabled]>.field-container input, 
*[field][disabled]>.field-container>.trigger-container .trigger,
*[field][disabled]>.field-container textarea,
[field][disabled] .input-cover,
*[field][readonly]>.field-container input, 
*[field][readonly]>.field-container>.trigger-container .trigger,
*[field][readonly]>.field-container textarea,
[field][readonly] .input-cover,
*[field][readonly]>.field-container:has([inner-field]) {
	background: #F3F6FB !important;
}
*[field][disabled] *,
*[field][readonly] * {
    cursor: default;
}
.search-condition-group [field][disabled] .field-container,
.search-condition-group *[field][disabled]>.field-container input, 
.search-condition-group *[field][disabled]>.field-container>.trigger-container .trigger, 
.search-condition-group [field][disabled] .input-cover,
.search-condition-group [field][readonly] .field-container,
.search-condition-group *[field][readonly]>.field-container input, 
.search-condition-group *[field][readonly]>.field-container>.trigger-container .trigger, 
.search-condition-group [field][readonly] .input-cover {
	background: #F5F5F5 !important;
}
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,
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 {
	background: #EBEEF4 !important;
}

/* field : text align right */
[field][text-align="right"] input,
[field][text-align="right"] .input-cover,
[field][data-type="number"] input,
sc-number-field input,
sc-number-field .input-cover {
    text-align: right;
    padding-right: 10px;
}
sc-number-field[field] .input-clear {
	right: 22px;
}
sc-number-field[field] .input-clear.input-clear-non-trigger {
	right: 4px;
}
sc-number-field[field] .input-cover {    
    text-align: right;
    padding-right: 8px;
    z-index: 1;
    line-height: 28px;
}
sc-number-field[field]:not([readonly]):hover .input-cover {
	padding-right: 24px
}
sc-number-field[field]:not([hide-trigger="true"]):not([disabled]):not([readonly]) .input-cover {
	width: calc(100% - 27px);	
	padding-right: 8px;
}
sc-number-field[field] input {
	letter-spacing: -.5px;
}
/* sc-period-date-field : input-clear ��젣 */

/* search-container.more // for nsrm */
.search-container.more-condition {
    height: 0;
    overflow: hidden;
}
.search-container.more-condition.active {
    height: initial;
    margin-top: 16px;
}

/* btn-group-wrap */
.btn-group.search {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

/* sc-button */
sc-button,
cc-grid-toolbar div.wrap_btn sc-button,
div.wrap_btn sc-button,
sc-menu-button .menu-button-container {
    height: 28px !important;
    line-height: 28px;
    color: var(--main-color-btn);
    text-align: center;
    padding: 0 10px;
    border: 1px solid var(--main-color-btn);
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}
sc-button span.sc-button,
.wrap_btn sc-button span.sc-button {
    font-size: var(--font-size-lv1);
    font-weight: 700;
}

/* sc-button[disabled] */
sc-button[disabled] {
    border-color: #aaa;
}

/* sc-button : action */
sc-button.action:not([disabled]):not([readonly]):not(:hover),
button.action:not([disabled]):not([readonly]):not(:hover),
sc-button[active]:not(:hover), 
sc-button[pressed]:not(:hover),
sc-button[text="����"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="����"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="�뺤씤"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="�뺤씤"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="��"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="��"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="�곸슜"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="�곸슜"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="Apply"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="Apply"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="Confirm"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="Confirm"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="Ok"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="Ok"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="Yes"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="Yes"]:not([disabled]):not([readonly]):not(:hover),
sc-button[text="Save"]:not([disabled]):not([readonly]):not(:hover),
sc-button[title="Save"]:not([disabled]):not([readonly]):not(:hover) {
    color: #fff;
    background-color: var(--main-color-btn);
    border-color: var(--main-color-btn); 
}
sc-button.un-action:not(:hover):not([readonly]):not([disabled]) {
    color: var(--main-color-btn);
    background-color: #fff;
}
.btnBox sc-button {
	margin-left: 0;
}
.btnBox sc-button.cancel span {
    color: #fff;
}

/* sc-button : hover */
sc-button:hover,
sc-button.action:not([disabled]):hover,
div.wrap_btn sc-button:not([disabled]):hover,
div.wrap_btn sc-button.dark:hover,
sc-dialog>.action>sc-button:hover {
	border-color:var(--main-color-dark); 
	background-color: var(--main-color-dark);
	color: #FFF;
}

/* sc-button : close */
sc-button[text="�リ린"]:not([disabled]) {
	color: #fff !important;
	background-color: #737171 !important;
	border-color: #737171 !important;
}
sc-button[text="�リ린"]:hover:not([disabled]),
div.wrap_btn sc-button[text="�リ린"]:hover:not([disabled]) {
	background-color:  #2A2A2A !important;
	border-color:  #2A2A2A!important;
}

/* 25.02.24 close btn a/b test - �뺤젙 */
.board-title-edit sc-button[text="紐⑸줉"],
cc-page-title-bar sc-button[text="�リ린"]:not([disabled]),
cc-page-title-bar sc-button[text="紐⑸줉"]:not([disabled]),
cc-sub-title-bar sc-button[text="�リ린"]:not([disabled]),
cc-sub-title-bar sc-button[text="紐⑸줉"]:not([disabled]) {
    display: flex;
    color: #fff !important;
    background: #2a2a2a !important;
    border-color: #2a2a2a !important;
}
.board-title-edit sc-button[text="紐⑸줉"]::before,
cc-page-title-bar sc-button[text="�リ린"]::before,
cc-page-title-bar sc-button[text="紐⑸줉"]::before,
cc-sub-title-bar sc-button[text="�リ린"]::before,
cc-sub-title-bar sc-button[text="紐⑸줉"]::before {
    content: '';
    width: 10px;
    margin-right: 2px;
    background: url(../../img/icons_gnb_arrow.svg) no-repeat 0px 8px;
    filter: brightness(25);
    background-size: 12px;
}
/* button.with_dropdown */
sc-button.with_dropdown,
button.with_dropdown {
    display: flex;
    align-items: center;
}
sc-button.with_dropdown::after,
button.with_dropdown::after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 28px;
    margin-left: 4px;
    background: url(../../img/ico_btn_arrow_down.svg) no-repeat right center;
}
button.dark.with_dropdown::after {
    background: url(../../img/ico_btn_arrow_down_dark.svg) no-repeat right center;
}

/* sc-menu-button */
sc-menu-button .content {
	padding: 8px 8px;
    background: #fff;
}
sc-menu-button sc-dropdown sc-button, 
div.wrap_btn sc-menu-button sc-dropdown sc-button {
	border: none;
    border-radius: 0;
    text-align: left;    
}
sc-menu-button .menu-button-container {
	border: 1px solid var(--main-color-btn);
	color: var(--main-color-btn);
	transition: all 0.2s;
}
sc-menu-button .menu-button-container .btn {
	padding: 0;
	margin: 0;
	color: var(--main-color-btn);
	font-weight: 700;
}
sc-menu-button.action .menu-button-container {
	background: var(--main-color-btn);
    border-color: var(--main-color-btn);
    color: #fff;
}
sc-menu-button.action .menu-button-container .btn {
	color: #fff;
}
sc-menu-button.action .menu-button-container>.icon.arrow_down:before {
    filter: invert(1) brightness(30);
}
sc-menu-button .menu-button-container:hover {
    background: var(--main-color-dark);
    border-color: var(--main-color-dark);
    color: #fff;
}
sc-menu-button .menu-button-container:hover .btn {
    color: #fff;
}
sc-menu-button .menu-button-container>.icon.arrow_down {
	width: 10px;
	margin-left: 6px;
}
sc-menu-button sc-dropdown sc-button:hover,
div.wrap_btn sc-menu-button sc-dropdown sc-button:hover {
    background: none !important;    
}
div.wrap_btn sc-menu-button sc-dropdown sc-button span.sc-button {
    color: var(--font-color-sub);
    font-size: var(--font-size-lv2);
    font-weight: 400;
}
div.wrap_btn sc-menu-button sc-dropdown sc-button:hover span.sc-button  {
	color: var(--font-color-main) !important;
    text-decoration: underline;
    text-underline-position: under;
}
sc-menu-button .menu-button-container>.icon.arrow_down:before {
	right: 0;
	background: url(../../img/custom/ico_btn_arrow_down.svg) no-repeat right 8px;
    content: '';
    filter: invert(31%) sepia(84%) saturate(4142%) hue-rotate(223deg) brightness(108%) contrast(106%);
}
sc-menu-button .menu-button-container:hover>.icon.arrow_down:before {
	filter: invert(91%) sepia(0%) saturate(7463%) hue-rotate(319deg) brightness(242%) contrast(194%);
}
.menu-button-container + sc-dropdown .content{
	border:1px solid #000;
	border-radius:8px;
	margin-top:5px
}
.menu-button-container + sc-dropdown .content sc-button .sc-button{
	color:#000
}	
.menu-button-container + sc-dropdown .content sc-button:not([disabled]):hover{
	text-decoration:underline;
	background-color:#fff !important;
	border-color:#fff !important
}
.menu-button-container + sc-dropdown .content sc-button[focused]{
	border-color:#fff;
	box-shadow:0 0 0 #fff
}

/* sc-grid */
sc-grid,
sc-grid.flex {
    background: #fff;
    border-radius: 8px;
    margin-top: 12px;  
    border: 1px solid #fff;
    transition: all 0.2s;
    box-sizing: border-box;
}
.sc-grid.flex {
    display: flex;
    flex-direction: column;
}
sc-grid[use-dynamic-height] {
	min-height: 150px !important;
}
sc-panel sc-grid,
sc-panel sc-grid.flex {
	margin-top: 0;
}
sc-grid .content.sc-grid {
    box-sizing: border-box;    
    margin-left: 15px;
}
sc-window sc-grid .content.sc-grid,
sc-dialog sc-grid .content.sc-grid,
sc-messagebox sc-grid .content.sc-grid {
    margin-left: 0;
    width: 100% !important;
}
.grid-container {
	padding-top: 15px;
	border: none;
}
cc-grid-toolbar~.grid-container {
	padding-top: 9px !important;
}
cc-sub-title-bar+sc-grid {
	margin-top: 0 !important;
}

/* grid-panel */
.grid-panel {
    height: auto;
}

/* p-button */
.p-button {
    gap: 12px;
}
.p-button button {
    background-color: transparent;
    border: none;
    min-width: initial;
    padding: 0 !important;
}
.p-button button::after {
	display: none;
}
.p-button button::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 28px;
    background: url(../../img/ico_toolbar_excel.svg) no-repeat left center;
}
.p-button button.excel::before {
	background-image: url(../../img/custom/ico_gridtool-excel-updown.svg);	
	width:23px;
}
.excel-wrap:has([class*="upload"][hidden]) button.excel::before {
	background-image: url(../../img/custom/ico_gridtool-excel.svg);
	width:23px;
}
.p-button button.personalize::before {
    background: url(../../img/custom/ico_toolbar_personalize.svg) no-repeat left center;
}
.p-button button.toolbar-options::before {
	background-image: url(../../img/custom/ico_gridtool-setting.svg);
	width:20px;
}
.p-button button.column::before {
    background: url(../../img/custom/ico_toolbar_columns.svg) no-repeat left center;
}
.p-button+.wrap_btn::before {
    display: none;
}
.p-button.hidden+.wrap_btn::before {
    display: none;
}
.p-button+.wrap_btn {
	margin-left: 18px;
	white-space: nowrap;
}

/* excel list */
.excel-wrap .excel-list a::before {
    background-image: url(../../img/icons_gridtool-excel-inner.svg) !important;
}
.excel-wrap .excel-list .download a::before {
    background-position: 0px 0;
}
.excel-wrap .excel-list .excel-large-download a::before {
    background-position: 0px -38px;
}
.excel-wrap .excel-list .upload a::before {
    background-position: 0px -77px;
}

/* toolbar-options list */
.toolbar-options-wrap .toolbar-options-list a::before {
    background-image: url(../../img/icons_gridtool-setting-inner.svg) !important;
}
.toolbar-options-wrap .toolbar-options-list .column a::before {
    background-position: 0px 0;
}
.toolbar-options-wrap .toolbar-options-list .save a::before {
    background-position: 0px -38px;
}
.toolbar-options-wrap .toolbar-options-list .reset a::before {
    background-position: 0px -77px;
}
.toolbar-options-wrap .toolbar-options-list .grid-help a::before {
    background-position: 0px -119px;
}
.p-button .dropdown-po_ab {
    left: auto;
    right: -18px;
}
.p-button .dropdown-po_ab ul::before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    right: 22px;
    border-bottom: 6px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.p-button .dropdown-po_ab::after {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: 23px;
    border-bottom: 7px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

/* personalize list */
.personalize-wrap .personalize-list a::before {
    background-image: url(../../img/li_icons_personalize.svg) !important;
}
.personalize-wrap .personalize-list .save a::before {
    background-position: 1px 0;
}
.personalize-wrap .personalize-list .reset a::before {
    background-position: -20px 0px;
}

/* wrap_btn.grid_button */
.wrap_btn.grid_button,
cc-sub-title-bar .wrap_btn {
    display: flex;
    gap: 4px;
}

/* grid-container */
.grid-container {
    position: relative;
    width: calc(100% - 30px) !important;
    overflow-y: auto;
    overflow-x: auto;
    background: #FFF;
    border-radius: 4px 4px 0 0;
    padding-bottom: 16px;
}
/** 2024.06.12 異붽� */
.header_mdi_searchbar .field-container {
    min-height: auto;
}
.header_mdi_searchbar .field-container input {
    min-height: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    color: #fff;
}
.header_mdi_searchbar .field-container input::placeholder {
    color: #CCD2E2 !important;
}
.header_mdi_searchbar .mdi_srch div.wrap_input sc-text-field {
    width: auto;
}
.gnb-wrap .mdiTopMenu>li a span {
    color: #3E3E3E;
}

/* 2024.07.05 ~ 07.08 scyang : add */
.es-csr-list-0 .filterBar.es-csr-list {
    margin: 10px 0 -7px;
}

/* sc-radio-group-field */
sc-radio-group-field {
    display: inline-flex;
    width: 100%;
    gap: 0 12px;
    flex-wrap: wrap;
    align-content:baseline
}
sc-radio-field {
    display: inline-flex;
    align-items: center;
}
sc-radio-field>.check-default {
    cursor: pointer;
    margin-left: 0;
}
/* sc-radio field */
sc-radio-field>.check-default::before {
	content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid var(--main-color);
    border-radius: 16px;
    margin-right: 6px;
    vertical-align: -3px;
    background: #fff;
}
sc-radio-field>.check-default.checked::before {
	content: '';
	border-color: var(--main-color);
    background: #fff url(../../img/custom/radio_checked_circle_blue.svg) center no-repeat;
}
*[field][disabled]>.check-default:before, 
sc-radio-group-field[disabled] .check-default:before,
*[field][readonly]>.check-default:before, 
sc-radio-group-field[readonly] .check-default:before {
    opacity: 1;
    border-color: #ADAFB4;
    background: #f2f2f2;
}
*[field][disabled]>.check-default.checked:before, 
sc-radio-group-field[disabled] .check-default.checked:before,
*[field][readonly]>.check-default.checked:before, 
sc-radio-group-field[readonly] .check-default.checked:before {
	opacity: 1;
    border-color: #ADAFB4;
    background: #f2f2f2 url(../../img/custom/radio_defalut_circle_gray.svg) center no-repeat;
}
sc-radio-field>.check-default::before {
	width: 17px;
	height: 17px;
	vertical-align: -4px;
}


/* sc-checkobx-field */
sc-listbox>.check-default:before, 
sc-checkbox-field>.check-default:before {
	content: url(../../img/custom/default-checkbox.svg);
	cursor: pointer;
	margin: 4px 6px 0 2px;
}
sc-listbox>.check-default:before {
    margin: 1px 5px -2px 0;
}
sc-listbox[readonly]>.check-default:before, 
sc-checkbox-field[readonly]>.check-default:before {
	content: url(../../img/custom/defalut-checkbox_inactive.svg);
	background: transparent !important;	
}
sc-listbox>.check-default.item-selected:before, 
sc-checkbox-field>.check-default.checked:before {
	content: url(../../img/custom/check-checkbox.svg);
}
sc-listbox[readonly].check-default.item-selected:before, 
sc-checkbox-field[readonly]>.check-default.checked:before {
	content: url(../../img/custom/check-checkbox_inactive.svg);
	background: transparent !important;	
}

/* sc-tab-navigation */
sc-tab-navigation {
    display: flex;
    flex-direction: column;
	flex-basis: 0.000000001px;
	flex: 1;
    width: auto;
    height: auto;    
    margin-top: 12px;
}
cc-page-title-bar+sc-tab-navigation {
	margin-top: 10px;
}
sc-tab-navigation>div.content-wrap>div.content {
    margin-top: 0;
}
sc-tab-navigation sc-tabbar {
    height: 28px;
    min-height: 28px;
	background: url(../../img/custom/patt_tab_bar_gray.svg) repeat-x bottom;
	padding-left: 2px;
}
sc-tab-navigation sc-tabbar div.content {
    height: auto;
}
sc-tab-navigation .sc-tabbar .content {
    position: relative;
    margin-bottom: -1px;
}
sc-tab-navigation .sc-tabbar sc-tab {
    border-radius: 4px 4px 0 0;
    height: 28px;
    line-height: 28px;
    font-size: var(--font-size-lv2);
    color: var(--font-color-sub) important;
    padding: 0px 2.29em !important;
    border: 1px solid #E5E8EB;
    box-sizing: border-box;
    background: transparent;
    font-weight: 500 !important;
    overflow: visible;
}
sc-tab-navigation .sc-tabbar sc-tab.item-selected, 
sc-tab-navigation .sc-tabbar sc-tab:hover {
    color: var(--main-color) !important;
    border-color: var(--main-color-lv4);
    background: #fff;
}
sc-tab-navigation sc-tab::before,
sc-tab-navigation sc-tab::after {
    display: none;
}
sc-tabbar>.scroller {
    width: 20px;
}
sc-tabbar>.scroller:before {
    color: var(--font-color-main);
    vertical-align: -3px;
}
sc-tab-navigation>div.content-wrap {
	padding-top: 10px;
	height: calc(100% - 28px);
}
sc-tab-navigation .box {
    border: none;
    padding: 0;
}
sc-tab-navigation .content.fit >*:not(.hbox) >*:first-child,
sc-tab-navigation cc-auth-checker+*,
sc-tab-navigation sc-ajax+*,
sc-tab-navigation cc-auth-checker+* >*:first-child,
sc-tab-navigation sc-ajax+* >*:first-child {
    margin-top: 0 !important;
}

/** �ш린遺��� [R&D] 異붽� */
.sc-mdi-content .mdiTabsDiv,
.sc-mdi-content .mdiTabsDiv .tabContainer,
.sc-mdi-content .mdiTabsDiv .tabContainer .mdiTabs {
    width: 100% !important;
    height: 100% !important;
}
.sc-mdi-content .mdiTabsDiv .tabContainer .mdiTabs>div.content {
    height: 100% !important;
}
.personalize-history .header-wrap {
    align-items: end !important;
}
.personalize-history .footer-wrap {
    position: static;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 32px;
    padding: 0px;
    background: #FFF;
    display: flex !important;
    align-items: normal !important;
}
sc-toggle {
    display: flex;
    align-items: center;
}
.personalize-history cc-search-condition-panel {
    margin-top: 0px;
}
.personalize-history cc-search-condition-panel>button {
    display: none;
}
.personalize-history cc-search-condition-panel>.content-wrap {
    padding: 0px !important;
}
.mdi-topmenu {
    margin-right: 90px;
}

/** [�꾩떆] �쇱씠�좎뒪 留덊겕 */
body::after,
body:after {
    display: none !important;
}
sc-tree-combobox-field .default:before {
    content: "";
    height: 28px;
    padding-top: 0px;
}
*[field]>.field-container textarea {
    color: var(--font-color-main);
	font-size: var(--font-size-lv2);
    font-family: 'Pretendard', 'NotoSansKR', '留묒� 怨좊뵓', 'Malgun Gothic', Segoe UI, Inter, Arial, sans-serif;
}
sc-mdi-header.sc-mdi {
    z-index: 102;
    position: relative;
}

/* �곷떒 mdi-head Collapse ��, hide-head 異붽� */
.sc-pages.sc-mdi-content.hide-head {
    height: calc(100% - 32px) !important;
    padding: 25px 20px 20px;
}

/* [R&D] SCTabbar�� 硫붾돱 Ctrl+MouseOver */
sc-mdi-tabbar div#tooltip.tooltip {
    position: absolute !important;
    z-index: 10 !important;
    font-weight: bold !important;
}

/* [R&D] 寃��됱“嫄� 媛쒖씤�� AS-IS 踰꾪듉 �④� */
.personalize-hist.cc-search-condition-panel,
.personalize-edit.cc-search-condition-panel {
    display: none;
}

/* 寃��됱“嫄� 寃��됱씠�� �앹뾽 �ㅻ줈 �⑤뒗 �꾩긽 議곗튂 */
.ep-personalize-history>.content-wrap>.content.sc-popover,
.ep-personalize-history-detail>.content-wrap>.content.sc-popover {
    position: fixed;
}

/* 寃��됱“嫄� 媛쒖씤�� �앹뾽 �댁쓽 Panel�� Collapse �꾩튂 議곗젙 */
ep-personalize ep-personalize-list cc-search-condition-panel,
ep-personalize ep-personalize-detail cc-search-condition-panel {
    padding-top: 10px !important;
}
ep-personalize ep-personalize-detail div#searchContainer {
    padding-top: 10px !important;
}

/** Portlet */
sc-toolbar#portalToolbar {
    margin-top: 20px !important;
}
*[page-id] .portal-tool-button {
    padding: 0px !important;
    overflow: unset;
    border-color: rgba(0, 0, 0, .4);
    border: 1px;
}
vue-grid-layout-config sc-toolbar#portalToolbar {
    margin-top: 150px !important;
}


/* =============================== custom.css ================================= */
.page {
    border-bottom: none !important;
    /* �곸꽭�섏씠吏� �앸굹�� 遺�遺� �쒖떆 蹂대뜑 ��젣 */
}
cc-search-condition-panel+.flex:not(sc-grid):not(sc-tab-navigation) {
    margin-top: 12px;
}
.hbox:not(.content >.hbox):not(.cc-fieldset .hbox):not(.vbox >.hbox) {
    margin-top: 12px;
}
.hbox>*,
.hbox>sc-grid.flex,
.hbox>sc-grid,
.hbox>.vbox,
.hbox .vbox>*:first-child,
cc-fieldset .hbox {
    margin-top: 0;
}
div.flex:not(.vbox):not(.hbox) {
    /* div.flex�� 紐⑤몢 vbox�� �숈씪�� �뺤떇�� �뷀뤃�� 媛믪쑝濡� 媛�吏�寃� �� */
    display: flex;
    flex-direction: column;
    padding-bottom: 2px;
}

/* sc-label : row */
.label-row .form-warp, 
.label--row .form-warp {
	align-items: start;
}
.label-row .form-warp .sc-label, 
.label--row .form-warp .sc-label {
	min-height: 28px;
}
/* cc-title-bar */
cc-title-bar sc-button {
	margin-right: 8px;
}

/* form-container (detail page) */
.form-container {
	border-radius: 8px;
	border: none;
}
.form-container .grid-container {
	width: initial !important;
	padding-bottom: 0px;
	border-bottom: 1px solid #707070;
} 
.form-container cc-grid-toolbar {
    padding-right: 0;
}
/* sc-panel, cc-form-panel */
sc-panel,
*[container]+sc-panel,
cc-form-panel,
*[container]+cc-form-panel,
sc-toolbar+.content-wrap *[container]+cc-form-panel,
*[container]+sc-grid.flex,
*[container]+sc-grid,
cc-form-panel+sc-grid.flex,
cc-form-panel+sc-grid {
	margin-top: 12px;
}
sc-toolbar+.content-wrap >cc-form-panel:first-child,
sc-panel[title-text]:not([title-text=""]) cc-form-panel,
cc-form-panel:first-child {
	margin-top: 0; 
}
cc-sub-title-bar+cc-form-panel {
	margin-top: 8px;
}
.grid-wrap sc-panel,
.grid-wrap cc-form-panel {
	margin: 0;
}
.flex >*:first-child:not(sc-tab-navigation),
.hbox:not(.content >.hbox):not(.cc-fieldset .hbox) >*,
cc-page-title-bar[hidden]+.flex,
cc-page-title-bar[hidden]+cc-form-panel,
cc-sub-title-bar+cc-form-panel,
cc-sub-title-bar+sc-panel {
	margin-top: 0 !important;
}
cc-form-panel+.flex sc-panel:first-of-type {
	margin-top: 12px;
}
sc-panel>sc-toolbar.header {
    border-bottom: none;
    margin-bottom: 8px;
}
/* tb-form */
sc-pages .tb-form,
sc-pages .tb-form tr,
sc-pages .tb-form td,
sc-pages .tb-form th {
	border: none !important;
	background: transparent;
    padding: 4px 32px;
    border-radius: 8px;
}
sc-pages .tb-form {
	border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
sc-pages .tb-form tr:first-child td, 
sc-pages .tb-form tr:first-child th {
	padding-top: 16px;
}
sc-pages .tb-form tr:last-child td, 
sc-pages .tb-form tr:last-child th {
	padding-bottom: 16px;
}
/* popup : tb-form */
.tb-form td {
	background: #fff;
}

/* sc-button.collapsible */
.form-grid-container>.title>.folding-down,
.form-grid-container>.title>.folding-down:hover,
sc-panel>sc-toolbar.header>sc-button.collapsible {
    background: url(../../img/custom/ico_form_collapsible.svg) no-repeat center !important;
    margin: 18px 2px  0 0;
    position: absolute;
    top: 0;
    right: 5px;
    border: none;
    border-radius: 2px;
    transition: all 0.3s;
    height: 7px !important;
    width: 12px;
    background-size: contain !important;
    z-index: 5;
}
sc-button.collapsible::before {
	display: none;
}

sc-panel>sc-toolbar.header>sc-button.collapsed {
    transform: rotate(180deg);
    border-radius: 0 0 5px 5px;
}
sc-panel>sc-toolbar.header>sc-button[focused],
.form-grid-container>.title>.folding-down[focused] {
	box-shadow: none;
}
.form-grid-container>.title>.title-text {
	font-size: var(--font-size-lv4);
}

/* sc-component border */
sc-listbox,
sc-tree-listbox {
	border-color: #aaa !important;
}
sc-date-chooser, 
sc-multi-date-chooser, 
sc-month-chooser, 
sc-multi-month-chooser {
	border-color: #ddd;	
	padding: 15px;
    background: #fff;
    border-radius: 4px;
}

/* sc-date-chooser, sc-multi-date-chooser */
sc-date-chooser
sc-multi-date-chooser .calenderBox {
	padding: 20px 20px 30px;
}
sc-multi-date-chooser sc-date-chooser,
sc-multi-month-chooser sc-date-chooser {
	padding: 3px;
}
/* 2024.09.11 scyang : 臾몃��� �좎엫 �붿껌�쇰줈 二쇱꽍泥섎━
sc-multi-date-chooser .headerText, 
sc-multi-month-chooser .headerText {
	display: none;
}
*/
sc-date-chooser .calendar {
	margin: 0;	
}
sc-date-chooser .header {
	align-items: center;
}
sc-date-chooser .header .btn, 
sc-month-chooser .header .btn {
	color: var(--font-color-sub);
} 
sc-date-chooser .weekday {
	padding-bottom: 0;
	font-size: var(--font-size-lv2);
	font-weight: 700;
	color: #555555;
}
sc-date-chooser a {
	color: var(--font-color-sub);
	padding: 0;
	line-height: 2;
}
sc-date-chooser [saturday] {
	color: #0077FF;
}
sc-date-chooser [sunday] {
	color: #FF6767;
}
sc-date-chooser a[extra] {
	font-size: var(--font-size-lv2);
	opacity: 0.5;	
	padding: 0;
}
sc-date-chooser a[focused],
sc-month-chooser a[focused], 
sc-date-chooser a[selected][focused], 
sc-date-chooser .today>button, 
sc-month-chooser a[selected][focused],
sc-month-chooser .today>button {
	border: 2px solid var(--main-color);
    background: var(--main-color);
    color: #fff;
    font-weight: 700;
}
sc-date-chooser a[today], 
sc-date-chooser a[focused][today], 
sc-month-chooser a[today], 
sc-month-chooser a[focused][today] {
	border: 2px solid #B6BBC9;
    background: #B6BBC9;
}
sc-multi-date-chooser .multiChooserBox,
sc-multi-month-chooser .multiChooserBox {
	border: none;
}
sc-date-chooser .btnBox, 
sc-multi-date-chooser .btnBox, 
sc-month-chooser .btnBox, 
sc-multi-month-chooser .btnBox {
	display: flex;
	justify-content: center;
	gap: 5px
}
/* 2024.09.06 dymoon 異붽� */
sc-date-chooser a[beweendays],
sc-month-chooser a[beweendays] {
	border: 2px solid #f1f3fc;
    background: #f1f3fc;
    border-radius: 0px;
}
sc-date-chooser .weeknumbertitle { /* 2024.09.27 : 臾몃��� �좎엫�� �붿껌 */
    padding-bottom: 0px;
    font-size: var(--font-size-lv2);
}
sc-date-chooser .weeknumbercont { /* 2024.09.27 : 臾몃��� �좎엫�� �붿껌 */
    padding: 0px;
}

/* cc-collase-panel */
.cc-collapse-panel .content-wrap {
	background: #fff;
    border-radius: 8px;
}
cc-form-panel[collapsible] .title {
	min-height: 28px;
	padding-bottom: 6px;
}

/* sc-grid : cc-frid-toolbar */
cc-grid-toolbar {
    margin: 10px 0 0;
    padding-right: 30px;
}
cc-grid-toolbar .left_title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.cc-grid-toolbar>h4, 
.cc-grid-toolbar .title {
	font-size: var(--font-size-lv3);
	color: var(--font-color-main);
}
cc-grid-toolbar[title-text] .result::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 10px; 
	background: #E2E2E2;
	vertical-align: -2px;
}
cc-grid-toolbar[title-text=""] .result::before {
	display: none;
}
cc-grid-toolbar .result {
	padding-right: 20px;
	font-size: var(--font-size-lv2);
	font-weight: 700;
	color: #666;
}

/* SC Upload */
cc-fieldset sc-upload {
	min-height: 176px;
}
sc-upload {
	border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
sc-upload sc-button {
	margin-left: 0;
}
sc-upload .content,
sc-upload .toolbar {
	background: transparent !important;
}
sc-upload sc-spacer {
    display: none;
}
sc-upload .toolbar {
	height: 30px !important;
    border: none !important;
    margin-bottom: 6px;
    display: flex !important;
    gap: 4px !important;
}
sc-upload .toolbar[btn-alignment=left]>*:first-of-type,
sc-upload .toolbar[btn-alignment=left]>* {
    margin-left: 0 !important;
}
sc-upload .filelist-content {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    min-height: 90px;
}
sc-upload-listview .listview-header {
	height: 36px !important;
	border-bottom: 1px solid #DDD !important;
	background: #F9F9F9;
}
sc-upload-listview .listview-header>div {
	border: none !important;
	color: var(--font-color-sub);
	line-height: 36px;
}
sc-upload-listview .listview-header>div[sort=asc] span:after {
    content: "\f0dd" !important;
    top: -2px !important;
    left: 2px !important;
    color: #9FA1A7;
    margin-left: 8px;
}
sc-upload-listview .listview-header>div[sort=desc] span:after {
    content: "\f0de" !important;
    top: 4px !important;
    left: 2px !important;
    color: #9FA1A7;
    margin-left: 8px;
}
sc-upload .info {
	border: none !important;
	color: var(--font-color-sub);
    font-weight: 700;
    height: 18px;
    line-height: 1.2;
}

/* popup cc-search-condition-panel */
sc-window cc-search-condition-panel {
	padding-top: 0;
}
/* popup grid */
sc-window sc-grid,
sc-window sc-grid.flex {
	margin: 0;
}

sc-window sc-grid,
sc-window sc-grid.flex,
sc-dialog sc-grid,
sc-dialog sc-grid.flex,
sc-messagebox sc-grid,
sc-messagebox sc-grid.flex  {
	border-radius: 0;
}
sc-window *+sc-grid:not([hidden]+sc-grid) {
    margin-top: 12px;
}
sc-grid.columnlist {
    margin-top: 0;
}
sc-window sc-grid .grid-container,
sc-dialog sc-grid .grid-container,
sc-messagebox sc-grid .grid-container {
	width: initial !important;
	padding-bottom: 0;
	margin-top: 0;
	border-bottom: 1px solid #707070;
}
/* poopup : grid.columnlist_smallSize */
sc-window[i18n-translate-text="而щ읆 紐⑸줉"]>sc-toolbar.header>.closable{
	width:20px !important;
	height:20px !important
}
sc-window[i18n-translate-text="而щ읆 紐⑸줉"]>div.content-wrap{
	height:calc(100% - 59px)
}
sc-window[i18n-translate-text="而щ읆 紐⑸줉"]>div.content-wrap>div.content{
	padding:0px 20px 20px !important;
	box-sizing:border-box;
	width:100% !important;
	height:100% !important
}
sc-window[i18n-translate-text="而щ읆 紐⑸줉"]>div.content-wrap>div.content .columnlist.ep-grid-toolbar-columns{
	margin-top:0
}
/* poopup : grid.columnlist */
sc-window sc-grid.columnlist .content {
	width: 100% !important;
}
sc-window sc-grid.columnlist .grid-container {
	margin: 0;
    width: 100% !important;
    padding-top: 0 !important; 
}
/* popup : grid-toolbar */
sc-window cc-grid-toolbar, 
sc-dialog cc-grid-toolbar, 
sc-messagebox cc-grid-toolbar {
    margin-top: 0;
    padding: 0;
    padding-top: 1px;
}
/* 2024.08.05 pjsuny : Popup action button/grid container height */
sc-window cc-grid-toolbar div.wrap_btn sc-button[text="�좏깮"] {
	color: #FFF;
    border-color: var(--main-color-btn);
    background: var(--main-color-btn);
}
/* desc-box */
.desc-box {
	margin: 16px 0 0;
}
/* footer-wrap */
.footer-wrap {
	display: none;
}
/* popup style */
sc-window, 
sc-messagebox,
sc-dialog {
	border-radius: 8px;
    overflow: hidden;
    border: 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.16);
    background: #fff;
}
sc-window>sc-toolbar.header,
sc-messagebox>sc-toolbar.header, 
sc-dialog>sc-toolbar.header {
	padding: 20px 25px 15px;
	background: #fff;
	height: initial;
}

sc-window>sc-toolbar.header>.title, 
sc-messagebox>sc-toolbar.header>.title,
sc-dialog>sc-toolbar.header>.title {
	font-size: var(--font-size-lv5);
    color: var(--font-color-main);
    line-height: 1.2;
}
sc-window>sc-toolbar.header>.closable 
sc-dialog>sc-toolbar.header>.closable, 
sc-messagebox>sc-toolbar.header>.closable {
	background: #fff;
}
sc-window>sc-toolbar.header>.closable,
sc-dialog>sc-toolbar.header>.closable, 
sc-messagebox>sc-toolbar.header>.closable {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	opacity: 1;
	border: none;
	box-shadow: none;
}
sc-window>sc-toolbar.header>.closable::before,
sc-dialog>sc-toolbar.header>.closable::before,  
sc-messagebox>sc-toolbar.header>.closable::before {
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/custom/ico_pop_close.svg) no-repeat center;
	background-size: 18px;	
}
sc-window>sc-toolbar.header>.closable:hover,
sc-dialog>sc-toolbar.header>.closable:hover,  
sc-messagebox>sc-toolbar.header>.closable:hover {
	background: #E4E4E4;
}
sc-window>sc-toolbar.header>.closable:hover::before,
sc-dialog>sc-toolbar.header>.closable:hover::before,  
sc-messagebox>sc-toolbar.header>.closable:hover::before {
    filter: invert(59%) sepia(1%) saturate(0%) hue-rotate(220deg) brightness(91%) contrast(92%);
}
sc-window>sc-toolbar.header>.maximizable, 
sc-window>sc-toolbar.header>.maximizable:hover, 
sc-dialog>sc-toolbar.header>.maximizable, 
sc-dialog>sc-toolbar.header>.maximizable:hover {
	color: var(--font-color-sub);
	background-color: transparent !important;
}
sc-window>.header>.maximizable:before,
sc-dialog>.header>.maximizable:before {
	font-size: 20px;
}
sc-window>div.content-wrap>div.content, 
sc-messagebox>div.content-wrap>div.content,
sc-dialog>div.content-wrap>div.content,
sc-dialog>.action {
	background: #fff;
}
sc-window>div.content-wrap>div.content {
	padding: 5px 30px 30px;
	overflow-x: hidden;
	width:100% !important;
}
sc-messagebox:has(.action[hidden])>.content-wrap>.content, 
sc-dialog:has(.action[hidden])>div.content-wrap>div.content {
	padding: 5px 30px 30px;
	box-sizing: border-box;
    width: 100% !important;
}
sc-messagebox:has(.action)>.content-wrap>.content, 
sc-dialog:has(.action)>div.content-wrap>div.content {
	padding: 0 25px;
	box-sizing: border-box;
	width: 100% !important;
}
sc-window>.action {
	padding: 20px 0;
} 
sc-messagebox>.action,
sc-dialog>.action {
	display: flex;
	justify-content: end;
	padding: 20px 25px !important;
}
sc-window .vbox>*:first-child,
sc-messagebox .vbox>*:first-child, 
sc-dialog .vbox>*:first-child {
	margin-top: 0;
}
sc-window .search-condition-closebtn,
sc-messagebox .search-condition-closebtn, 
sc-dialog .search-condition-closebtn {
	display: none;
}
sc-window .form-container, 
sc-dialog .form-container, 
sc-messagebox .form-container {
	background: var(--main-color-lv1);
}
sc-dialog[i18n-translate-text="�뚮엺"] {
    height: 200px !important;
}
sc-dialog[i18n-translate-text="�뚮엺"]>div.content-wrap>div.content {
	padding-bottom: 0;
}
sc-dialog[i18n-translate-text="�뚮엺"] colgroup col:first-child {
    width: 150px !important;
}
sc-dialog .tb-form:not(.blue-tb),
sc-messagebox .tb-form:not(.blue-tb) {
	border-radius: 0;
}
sc-dialog .tb-form:not(.blue-tb) th,
sc-dialog .tb-form:not(.blue-tb) td,
sc-messagebox .tb-form:not(.blue-tb) th,
sc-messagebox .tb-form:not(.blue-tb) td {
	border: none !important;
	background: transparent;
    padding: 2px 0 2px 4px;
    height: 30px;
    border-radius: 0;
}
sc-dialog .tb-form:not(.blue-tb) tr:first-child >* {
	padding-top: 0 !important;
}
sc-dialog .tb-form:not(.blue-tb) tr:last-child >* {
	padding-bottom: 0 !important;
}
sc-daalog .tb-form:not(.blue-tb) tr >*:first-child {
	padding-left: 0;
}
sc-pages .tb-form tr {
	padding: 0;
}
sc-dialog sc-button,
sc-messagebox sc-button {
	padding: 0 19px; 
}
sc-window .search-condition-group {
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); /* 460px 理쒕뙎媛� 吏��뺥븯�ㅻ㈃ �앹뾽 �쒖� width 媛� �� 留욎떠以섏빞�댁꽌 濡ㅻ갚 */
    gap: 6px 6.5%;
}
sc-window .afit-search .search-condition-group {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
}
sc-window ep-kr-postcode-list .search-condition-group  {
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
sc-window sc-grid sc-toolbar  {
	padding: 0;
}
sc-window sc-grid sc-toolbar sc-text-field { /* 2024.09.09 scyang : 硫��� �좏깮 �앹뾽 sc-toolbar �ㅽ��� */
    width: 52px !important;   
}
sc-window sc-grid cc-grid-toolbar ~ .grid-container,
sc-window sc-grid sc-toolbar ~ .grid-container {
	padding-top: 10px;
}

/* 2024.07.22 : �붿껌諛쏄퀬 而ㅼ뒪���� 而댄룷�뚰듃�� �댁젣遺��� �� �꾨옒�� �묒꽦 */
cc-source-editor {
	position: relative;
}
cc-source-editor .edit-mode-content {
	top: 8px;
	right: 0;	
}

/* forecast - simulation �덉씠�꾩썐 */
.flex-form .cc-form-panel.grid-wrap {
	display: flex;
    align-items: stretch;
    padding: 10px;
    gap: 20px;
    overflow: auto;
}
.form-box >.cc-fieldset {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}
.form-box .title,
.form-box .title sc-label,
.form-box .title .sc-label {
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #EAEDF3;
    font-weight: 700;
    padding: 0 8px;
    margin: 0;
    height: 30px;
    justify-content: center;
}
.form-box .form-content {
	display: flex;	
    justify-content: center;
    align-items: center;
    padding: 10px;    
    font-weight: 700;
    background: var(--main-color-lv1);
    gap: 8px;
    height: 100%;
}
.form-content div {
	display: flex;
	align-items: center;
}
.form-box .flex-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
	gap: 4px 8px;
}
.form-box [field],
.form-box sc-text-field {
    min-width: 60px;
    flex-wrap: nowrap;
}
.form-box .field-container {
	border: none;
	border-bottom: 1px solid #D6D6D6;
}
.form-box span {
	margin-left: 4px;
}
.form-box sc-button span {
	margin: 0;
}
.feild-box >div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}
cc-fieldset.btn div {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
    justify-content: center;
    align-items: center;
}
.form-box sc-button,
cc-fieldset.btn sc-button {
	width: 100%;
}
.form-content >sc-button {
	width: initial;
}
.form-box .sc-label {
    min-width: initial;
    width: initial;
}

/* 2024.08.12 scyang : Risk dashboard popup */
.es-risk-dashboard>div.content-wrap>div.content {
	padding: 0;
	width: 100% !important;
    height: 100% !important;
}
es-risk-dashboard >cc-sub-title-bar {
	background: #FFF;
	padding: 24px 40px;
} 
es-risk-dashboard >cc-sub-title-bar h4 {
	font-size: 22px;
}
sc-tab-navigation.risk-wrap {
    margin: 0;
}
sc-tab-navigation.risk-wrap >sc-tabbar {
	padding: 0 40px;
    background-color: #fff;
}
sc-tab-navigation.risk-wrap >sc-tabbar >.sc-tabbar >sc-tab {
    font-size: var(--font-size-lv3);
    background: none;
    border: none;
    height: 28px;
    padding: 0 8px !important;
    line-height: 1;
    margin-top: 3px;
}
sc-tab-navigation.risk-wrap >sc-tabbar >.sc-tabbar >sc-tab:first-child {
    margin-left: 0;
}
sc-tab-navigation.risk-wrap >sc-tabbar sc-tab:hover,
sc-tab-navigation.risk-wrap >sc-tabbar sc-tab.item-selected {
    color: var(--main-color) !important;
    border-bottom: 3px solid var(--main-color);
}
sc-tab-navigation.risk-wrap>div.content-wrap {
	padding: 32px 40px;
    margin-top: 0;
}

/* 2024.08.13 scyang : dashboard box style */
.report-flex {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}
.report-cont-flex {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	overflow: visible !important;
}
.report-flex-box {
	border: 1px solid #DAE1E7;
	border-radius: 8px;
	background: #FFF;
	max-width: 216px;
}
.report-box-title {
	text-align: center;
	background: #523CAC;
	color: #FFF;
	font-weight: 700;
	font-size: var(--font-size-lv3);
	line-height: 26px;
}
.blue .report-box-title {
	background: #0B74D1;
}
.green .report-box-title {
	background: #0DA6A7;
}
.ygreen .report-box-title {
	background: #67CE00;
}
.report-box-content {
    padding: 24px;
}
.report-content {
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    font-size: var(--font-size-lv3);
    width: 100%;
    color: #002060;
}
.report-content .num {
    margin-top: 12px;
    font-size: 36px;
    color: var(--main-color);    
}
.report-content:nth-of-type(2) .num {
	color: #0C85FF;
}
.report-content+.report-content::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #DAE1E7;
    margin: 10px 0;
}
.report-flex-box.detail {
	max-width: 666px;
}
.detail .report-box-content {
	display: flex;
    flex-direction: column;
    height: 100%;
	padding: 16px;
}
.detail .report-box-title {
	background: #3259B2;
}
.detail .report-box-content div:first-child {
	margin-top: 0 !important;
}
.detail  .report-content {
	padding: 20px;
	background: var(--main-color-lv1);
	border: 1px solid #CEE1F3;
	border-radius: 8px;
	color: #002060;
}
.detail .report-content+.report-content::before {
	display: none;
}
.detail .report-content:first-child {
	width: 150%;
	color: var(--font-color-main);
}
.detail .report-content .num {
	color: var(--main-color);
}
.detail .grid-section {
	background: #eee;
	margin-top: 12px;
	padding: 16px;
	flex: 1;
}
.detail.skyblue .report-box-title {
	background: #408FDE;
}
.detail.skyblue .report-content .num {
	color: #0C85FF;
}
.detail .report-cont-flex {
	flex: initial;
}
/* 2024.08.13 yg.yoon : �묒뾽 �쒕쿋�� �ㅽ��� */
.new-survey-execute sc-pages {
    padding: 30px 0 !important;
}

.new-survey-execute es-survey-cover .frameGrid {
    display: flex;
    /*justify-content: center;*/
    margin-left: 20px;
    margin-right: 20px;
    padding: 30px;
    border-radius: 10px;
    background-color: #f5f7fb;
}
.new-survey-execute es-survey-cover .frameGrid .iframe {
    border: none;
}

.new-survey-execute sc-pages > div > es-survey-section {
    margin-top: 20px;
}
.new-survey-execute es-survey-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    /*justify-content: center;*/
}
.new-survey-execute es-survey-section.sub {
    gap: 0;
    margin-top: 15px;
}
.new-survey-execute sc-pages > div > es-survey-section:first-child>.title-container {
    margin-top: 20px;
}
.new-survey-execute sc-pages > div > es-survey-section:not(:first-child)>.title-container {
    margin-top: 100px;
}
.new-survey-execute es-survey-section>.title-container>.title {
    /*margin-top: 30px;*/
    margin-left: 20px;
    font-size: 22px;
    font-weight: bold;
}
.new-survey-execute es-survey-section.sub>.title-container>.title {
    /*margin-top: 15px;*/
    margin-left: 40px;
    font-size: 16px;
    font-weight: normal;
}
.new-survey-execute es-survey-section>.title-container>.explain {
    margin-top: 5px;
    margin-left: 20px;
    font-size: 15px;
    color: gray;
    margin-top: 5px;
    margin-left: 20px;
    font-size: 15px;
    color: gray;
    font-weight: normal;
}
.new-survey-execute es-survey-section.sub>.title-container>.explain {
    margin-top: 5px;
    margin-left: 40px;
    font-size: 12px;
    color: gray;
}
.new-survey-execute es-survey-section .question-forms {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.new-survey-execute es-survey-section es-survey-question {
	display: flex;
	box-sizing: border-box;
    position: relative;
    margin: 15px 20px 0 20px;
    padding: 5px 5px 5px 0;
}
.new-survey-execute es-survey-section.sub es-survey-question {
    margin: 15px 30px;
}
.new-survey-execute es-survey-section .invalid {
	border: 1px solid indianred !important;
	/*border-radius: 10px;*/
}
.new-survey-execute es-survey-question {
    border-radius: 10px;
}
.new-survey-execute es-survey-question.ht {
    flex-direction: column;
    /*background-color: #f5f7fb;*/
}
.new-survey-execute es-survey-question.wid {
    flex-direction: row;
    margin: 0 20px;
    padding: 0;
    background-color: #f5f7fb;
    /*border-right: 1px solid #ddd;*/
    /*border-bottom: 1px solid #ddd;*/
    /*border-left: 1px solid #ddd;*/
}
.new-survey-execute es-survey-section.sub es-survey-question.wid {
    margin: 0 30px;
}

.new-survey-execute es-survey-question .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; /* 遺�紐� �섎━癒쇳듃�� �꾩뿉 �ㅻ룄濡� �ㅼ젙 */
    pointer-events: none; /* 湲곕낯�곸쑝濡� �대깽�몃� 李⑤떒�섏� �딆쓬 */
}

.new-survey-execute es-survey-question .overlay.locked {
    pointer-events: all; /* �좉릿 �곹깭�먯꽌�� �대깽�� 李⑤떒 */
    background-color: rgba(255, 255, 255, 0.7); /* 諛섑닾紐� �곗깋 諛곌꼍 */
}
.new-survey-execute es-survey-question>.title-container {
    /* flex: 3; */
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.new-survey-execute es-survey-question.ht>.title-container {
    margin-top: 10px;
}
.new-survey-execute es-survey-question.wid>.title-container {
    /*background-color: #f2f2f2;*/
}
.new-survey-execute es-survey-question>.title-container>.title-form {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    gap: 5px;
}
.new-survey-execute es-survey-question.wid>.title-container>.title-form {
    padding: 5px 10px 5px 0;
}
.new-survey-execute es-survey-question>.title-container>.title-form>.title {
    /*margin-left: 20px;*/
    font-size: 16px;
    font-weight: normal;
}
.new-survey-execute es-survey-question>.title-container>.title-form>.title.mandatory::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 4px;
    background: url(../../img/custom/ico_mandatory.svg) no-repeat center;
    order: 1;
}
.new-survey-execute es-survey-section.sub es-survey-question.wid>.title-container>.title-form>.title {
    font-size: 14px;
    line-height: 20px;
}
.new-survey-execute es-survey-question>.title-container>.title-form>.explain {
	/*margin-top: 5px;*/
	/*margin-left: 20px;*/
	font-size: var(--font-size-lv2);
	color: gray;
}
.new-survey-execute es-survey-question.wid>.title-container>.title-form>.explain {
	/*margin-left: 20px;*/
	font-size: var(--font-size-lv2);
    line-height: 14px;
	color: gray;
}
.new-survey-execute es-survey-question .answer {
    display: flex;
}
.new-survey-execute es-survey-question.grid .answer {
    margin-left: 20px;
    margin-top: -15px;
}
.new-survey-execute es-survey-question.ht .answer {
    margin-top: 10px;
    margin-left: 20px;
    padding: 20px;
    /*width: 100%;*/
    border-radius: 10px;
    background-color: #f5f7fb;
}
.new-survey-execute es-survey-question.wid .answer {
    margin: 0;
    /*align-items: center;*/
    /* flex: 7; */
    flex: 1;
}
.new-survey-execute es-survey-grid-response {
    display: block;
    width: 100%
}
.new-survey-execute es-survey-grid-response body {
	font-family: Arial, sans-serif;
	margin: 20px;
}
.new-survey-execute es-survey-grid-response table {
	width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
	/*border-collapse: collapse;*/
	/*margin-bottom: 20px;*/
}
.new-survey-execute es-survey-grid-response th,
.new-survey-execute es-survey-grid-response td {
	/*border: 1px solid #ddd;*/
	padding: 8px;
	text-align: center;
}
.new-survey-execute es-survey-grid-response th {
	/*background-color: #f2f2f2;*/
}
.new-survey-execute es-survey-grid-response th:first-child,
.new-survey-execute es-survey-grid-response td:first-child {
	width: 40%;
	white-space: nowrap;
}
.new-survey-execute es-survey-grid-response tbody th:first-child {
    background-color: #f5f7fb;
    border-radius: 10px 0 0 10px;
}
.new-survey-execute es-survey-grid-response tbody td:not(:first-child):not(:last-child) {
    background-color: #f5f7fb;
}
.new-survey-execute es-survey-grid-response tbody td:last-child {
    background-color: #f5f7fb;
    border-radius: 0 10px 10px 0;
}

.new-survey-execute es-survey-grid-response td {
	max-width: 200px;
	word-wrap: break-word;
	padding: 8px;
}
.new-survey-execute es-survey-grid-response .question {
	text-align: left;
}
.new-survey-execute es-survey-grid-response .question.mandatory::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 4px;
    background: url(../../img/custom/ico_mandatory.svg) no-repeat center;
    order: 1;
}
.new-survey-execute sc-radio-group-field,
.new-survey-execute sc-checkbox-group-field,
.new-survey-execute sc-checkbox-field {
	width: fit-content;
}
.new-survey-execute es-survey-question es-survey-answer-single,
.new-survey-execute es-survey-question es-survey-answer-dropdown,
.new-survey-execute es-survey-question es-survey-answer-multi,
.new-survey-execute es-survey-question es-survey-answer-rank,
.new-survey-execute es-survey-question es-survey-answer-short,
.new-survey-execute es-survey-question es-survey-answer-essay,
.new-survey-execute es-survey-question es-survey-answer-linear,
.new-survey-execute es-survey-question es-survey-answer-date,
.new-survey-execute es-survey-question es-survey-answer-time,
.new-survey-execute es-survey-question es-survey-answer-attach {
    display: flex;
}
.new-survey-execute es-survey-question.ht es-survey-answer-single,
.new-survey-execute es-survey-question.ht es-survey-answer-dropdown,
.new-survey-execute es-survey-question.ht es-survey-answer-multi,
.new-survey-execute es-survey-question.ht es-survey-answer-rank,
.new-survey-execute es-survey-question.ht es-survey-answer-short,
.new-survey-execute es-survey-question.ht es-survey-answer-essay,
.new-survey-execute es-survey-question.ht es-survey-answer-linear,
.new-survey-execute es-survey-question.ht es-survey-answer-date,
.new-survey-execute es-survey-question.ht es-survey-answer-time,
.new-survey-execute es-survey-question.ht es-survey-answer-attach {
    width: 100%;
    gap: 30px;
}
.new-survey-execute es-survey-question.wid es-survey-answer-single,
.new-survey-execute es-survey-question.wid es-survey-answer-dropdown,
.new-survey-execute es-survey-question.wid es-survey-answer-multi,
.new-survey-execute es-survey-question.wid es-survey-answer-rank,
.new-survey-execute es-survey-question.wid es-survey-answer-short,
.new-survey-execute es-survey-question.wid es-survey-answer-essay,
.new-survey-execute es-survey-question.wid es-survey-answer-linear,
.new-survey-execute es-survey-question.wid es-survey-answer-date,
.new-survey-execute es-survey-question.wid es-survey-answer-time,
.new-survey-execute es-survey-question.wid es-survey-answer-attach {
    flex: 1;
}
.new-survey-execute es-survey-question es-survey-answer-single .answer-container,
.new-survey-execute es-survey-question es-survey-answer-dropdown .answer-container,
.new-survey-execute es-survey-question es-survey-answer-multi .answer-container,
.new-survey-execute es-survey-question es-survey-answer-rank .answer-container,
.new-survey-execute es-survey-question es-survey-answer-short .answer-container,
.new-survey-execute es-survey-question es-survey-answer-essay .answer-container,
.new-survey-execute es-survey-question es-survey-answer-linear .answer-container,
.new-survey-execute es-survey-question es-survey-answer-date .answer-container,
.new-survey-execute es-survey-question es-survey-answer-time .answer-container,
.new-survey-execute es-survey-question es-survey-answer-attach .answer-container {
    display: flex;
    /*gap: 10px;*/
    width: 100%;
}
.new-survey-execute es-survey-question.ht es-survey-answer-single .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-dropdown .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-multi .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-rank .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-short .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-essay .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-linear .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-date .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-time .answer-container,
.new-survey-execute es-survey-question.ht es-survey-answer-attach .answer-container {
    flex-direction: column;
    gap: 10px;
}
.new-survey-execute es-survey-question.wid es-survey-answer-single .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-short .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-date .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-time .answer-container,
.new-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container {
    flex-direction: row;
    /*align-items: center;*/
}
.new-survey-execute es-survey-question.wid es-survey-answer-single .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-short .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-date .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-time .answer-container sc-text-field,
.new-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container sc-text-field {
    padding: 5px;
}
.new-survey-execute es-survey-question.wid es-survey-answer-single .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-short .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-date .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-time .answer-container .main-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container .main-answer {
    flex: 3;
    /*border-left: 1px solid #ddd;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.new-survey-execute es-survey-question.wid es-survey-answer-single .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-short .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-date .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-time .answer-container .main-answer > *:first-child,
.new-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container .main-answer > *:first-child {
    padding: 5px 5px;
}
.new-survey-execute es-survey-question es-survey-answer-single .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-dropdown .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-multi .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-rank .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-short .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-essay .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-linear .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-date .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-time .answer-container .other-answer,
.new-survey-execute es-survey-question es-survey-answer-attach .answer-container .other-answer {
    display: flex;
    flex-direction: row;
}
.new-survey-execute es-survey-question.wid es-survey-answer-single .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-short .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-date .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-time .answer-container .other-answer,
.new-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container .other-answer {
    flex: 2;
    /*border-left: 1px solid #ddd;*/
    align-items: center;
}

.new-survey-execute es-survey-section .question-group-guideline {
    display: flex;
    flex-direction: row;
    margin: 15px 20px 0 20px;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    /*border: 1px solid #ddd;*/
    /*background-color: #f2f2f2;*/
}
.new-survey-execute es-survey-section.sub .question-group-guideline {
    margin: 15px 30px 0 30px;
}
.new-survey-execute es-survey-section .question-group-guideline .question-guideline {
    /* flex: 3; */
    flex: 1;
    text-align: center;
}
.new-survey-execute es-survey-section .question-group-guideline .answer-guideline {
    display: flex;
    flex-direction: row;
    /* flex: 7; */
    flex: 1;
    /*gap: 10px;*/
}
.new-survey-execute es-survey-section.sub .question-group-guideline .question-guideline {
    text-align: left;
    /*margin-left: 10px;*/
}
.new-survey-execute es-survey-section.sub .question-group-guideline .question-guideline.center {
    text-align: center;
    /*margin-left: 10px;*/
}
.new-survey-execute es-survey-section .question-group-guideline .main-answer-guideline {
    flex: 3;
    text-align: center;
    /*border-left: 1px solid #ddd;*/
}
.new-survey-execute es-survey-section .question-group-guideline .other-answer-guideline {
    flex: 2;
    text-align: center;
    /*border-left: 1px solid #ddd;*/
}
.new-survey-execute es-survey-section .guideline-text {
    margin: 10px;
}

/* 2024.08.13 yg.yoon : �묒뾽 �쒕쿋�� OLD�ㅽ��� */
.old-survey-execute sc-pages {
    padding: 30px 0 !important;
}
.old-survey-execute sc-pages > div > es-survey-section {
    margin-top: 20px;
}
.old-survey-execute es-survey-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    /*justify-content: center;*/
}
.old-survey-execute es-survey-section.sub {
    gap: 0;
    margin-top: 15px;
}
.old-survey-execute es-survey-section>.title-container>.title {
    /*margin-top: 30px;*/
    margin-left: 20px;
    font-size: 22px;
    font-weight: bold;
}
.old-survey-execute es-survey-section.sub>.title-container>.title {
    /*margin-top: 15px;*/
    margin-left: 40px;
    font-size: 16px;
    font-weight: normal;
}
.old-survey-execute es-survey-section>.title-container>.explain {
    margin-top: 5px;
    margin-left: 20px;
    font-size: 15px;
    color: gray;
    margin-top: 5px;
    margin-left: 20px;
    font-size: 15px;
    color: gray;
    font-weight: normal;
}
.old-survey-execute es-survey-section.sub>.title-container>.explain {
    margin-top: 5px;
    margin-left: 40px;
    font-size: 12px;
    color: gray;
}
.old-survey-execute es-survey-section es-survey-question {
	display: flex;
	box-sizing: border-box;
    position: relative;
    margin: 15px 20px;
    padding: 5px 5px 5px 0;
}
.old-survey-execute es-survey-section.sub es-survey-question {
    margin: 15px 30px;
}
.old-survey-execute es-survey-section .invalid {
	border: 1px solid indianred !important;
	/*border-radius: 10px;*/
}
.old-survey-execute es-survey-question.ht {
    flex-direction: column;
}
.old-survey-execute es-survey-question.wid {
    flex-direction: row;
    margin: 0 20px;
    padding: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.old-survey-execute es-survey-section.sub es-survey-question.wid {
    margin: 0 30px;
}

.old-survey-execute es-survey-question .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; /* 遺�紐� �섎━癒쇳듃�� �꾩뿉 �ㅻ룄濡� �ㅼ젙 */
    pointer-events: none; /* 湲곕낯�곸쑝濡� �대깽�몃� 李⑤떒�섏� �딆쓬 */
}

.old-survey-execute es-survey-question .overlay.locked {
    pointer-events: all; /* �좉릿 �곹깭�먯꽌�� �대깽�� 李⑤떒 */
    background-color: rgba(255, 255, 255, 0.7); /* 諛섑닾紐� �곗깋 諛곌꼍 */
}
.old-survey-execute es-survey-question>.title-container {
    /* flex: 3; */
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.old-survey-execute es-survey-question.ht>.title-container {
    /*margin-top: 20px;*/
}
.old-survey-execute es-survey-question.wid>.title-container {
    background-color: #f2f2f2;
}
.old-survey-execute es-survey-question>.title-container>.title-form {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    gap: 5px;
}
.old-survey-execute es-survey-question.wid>.title-container>.title-form {
    padding: 5px 10px 5px 0;
}
.old-survey-execute es-survey-question>.title-container>.title-form>.title {
    /*margin-left: 20px;*/
    font-size: 16px;
    font-weight: normal;
}
.old-survey-execute es-survey-section.sub es-survey-question.wid>.title-container>.title-form>.title {
    font-size: 14px;
    line-height: 20px;
}
.old-survey-execute es-survey-question>.title-container>.title-form>.explain {
	margin-top: 5px;
	/*margin-left: 20px;*/
	font-size: var(--font-size-lv2);
	color: gray;
}
.old-survey-execute es-survey-question.wid>.title-container>.title-form>.explain {
	/*margin-left: 20px;*/
	font-size: var(--font-size-lv2);
    line-height: 14px;
	color: gray;
}
.old-survey-execute es-survey-question .answer {
    display: flex;
}
.old-survey-execute es-survey-question.ht .answer {
    /*margin: 10px 20px;
    padding-right: 40px;
    width: 100%;*/
    margin-top: 10px;
    margin-left: 20px;
    padding: 20px;
    border-radius: 10px;
    background-color: #f5f7fb;
}
.old-survey-execute es-survey-question.wid .answer {
    margin: 0;
    /*align-items: center;*/
    /* flex: 7; */
    flex: 1;
}
.old-survey-execute es-survey-grid-response {
    display: block;
    width: 100%
}
.old-survey-execute es-survey-grid-response body {
	font-family: Arial, sans-serif;
	margin: 20px;
}
.old-survey-execute es-survey-grid-response table {
	width: 100%;
	border-collapse: collapse;
	/*margin-bottom: 20px;*/
}
.old-survey-execute es-survey-grid-response th, .old-survey-execute es-survey-grid-response td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}
.old-survey-execute es-survey-grid-response th {
	background-color: #f2f2f2;
}
.old-survey-execute es-survey-grid-response th:first-child, es-survey-grid-response td:first-child {
	width: 40%;
	white-space: nowrap;
}
.old-survey-execute es-survey-grid-response td {
	max-width: 200px;
	word-wrap: break-word;
	padding: 8px;
}
.old-survey-execute es-survey-grid-response .question {
	text-align: left;
}
.old-survey-execute sc-radio-group-field,
.old-survey-execute sc-checkbox-group-field,
.old-survey-execute sc-checkbox-field {
	width: fit-content;
}
.old-survey-execute es-survey-question es-survey-answer-single,
.old-survey-execute es-survey-question es-survey-answer-dropdown,
.old-survey-execute es-survey-question es-survey-answer-multi,
.old-survey-execute es-survey-question es-survey-answer-rank,
.old-survey-execute es-survey-question es-survey-answer-short,
.old-survey-execute es-survey-question es-survey-answer-essay,
.old-survey-execute es-survey-question es-survey-answer-linear,
.old-survey-execute es-survey-question es-survey-answer-date,
.old-survey-execute es-survey-question es-survey-answer-time,
.old-survey-execute es-survey-question es-survey-answer-attach {
    display: flex;
}
.old-survey-execute es-survey-question.ht es-survey-answer-single,
.old-survey-execute es-survey-question.ht es-survey-answer-dropdown,
.old-survey-execute es-survey-question.ht es-survey-answer-multi,
.old-survey-execute es-survey-question.ht es-survey-answer-rank,
.old-survey-execute es-survey-question.ht es-survey-answer-short,
.old-survey-execute es-survey-question.ht es-survey-answer-essay,
.old-survey-execute es-survey-question.ht es-survey-answer-linear,
.old-survey-execute es-survey-question.ht es-survey-answer-date,
.old-survey-execute es-survey-question.ht es-survey-answer-time,
.old-survey-execute es-survey-question.ht es-survey-answer-attach {
    width: 100%;
    gap: 30px;
}
.old-survey-execute es-survey-question.wid es-survey-answer-single,
.old-survey-execute es-survey-question.wid es-survey-answer-dropdown,
.old-survey-execute es-survey-question.wid es-survey-answer-multi,
.old-survey-execute es-survey-question.wid es-survey-answer-rank,
.old-survey-execute es-survey-question.wid es-survey-answer-short,
.old-survey-execute es-survey-question.wid es-survey-answer-essay,
.old-survey-execute es-survey-question.wid es-survey-answer-linear,
.old-survey-execute es-survey-question.wid es-survey-answer-date,
.old-survey-execute es-survey-question.wid es-survey-answer-time,
.old-survey-execute es-survey-question.wid es-survey-answer-attach {
    flex: 1;
}
.old-survey-execute es-survey-question es-survey-answer-single .answer-container,
.old-survey-execute es-survey-question es-survey-answer-dropdown .answer-container,
.old-survey-execute es-survey-question es-survey-answer-multi .answer-container,
.old-survey-execute es-survey-question es-survey-answer-rank .answer-container,
.old-survey-execute es-survey-question es-survey-answer-short .answer-container,
.old-survey-execute es-survey-question es-survey-answer-essay .answer-container,
.old-survey-execute es-survey-question es-survey-answer-linear .answer-container,
.old-survey-execute es-survey-question es-survey-answer-date .answer-container,
.old-survey-execute es-survey-question es-survey-answer-time .answer-container,
.old-survey-execute es-survey-question es-survey-answer-attach .answer-container {
    display: flex;
    /*gap: 10px;*/
    width: 100%;
}
.old-survey-execute es-survey-question.ht es-survey-answer-single .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-dropdown .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-multi .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-rank .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-short .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-essay .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-linear .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-date .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-time .answer-container,
.old-survey-execute es-survey-question.ht es-survey-answer-attach .answer-container {
    flex-direction: column;
    gap: 10px;
}
.old-survey-execute es-survey-question.wid es-survey-answer-single .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-short .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-date .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-time .answer-container,
.old-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container {
    flex-direction: row;
    /*align-items: center;*/
}
.old-survey-execute es-survey-question.wid es-survey-answer-single .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-short .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-date .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-time .answer-container sc-text-field,
.old-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container sc-text-field {
    padding: 5px;
}
.old-survey-execute es-survey-question.wid es-survey-answer-single .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-short .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-date .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-time .answer-container .main-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container .main-answer {
    flex: 3;
    border-left: 1px solid #ddd;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.old-survey-execute es-survey-question.wid es-survey-answer-single .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-short .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-date .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-time .answer-container .main-answer > *:first-child,
.old-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container .main-answer > *:first-child {
    padding: 5px 5px;
}
.old-survey-execute es-survey-question es-survey-answer-single .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-dropdown .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-multi .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-rank .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-short .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-essay .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-linear .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-date .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-time .answer-container .other-answer,
.old-survey-execute es-survey-question es-survey-answer-attach .answer-container .other-answer {
    display: flex;
    flex-direction: row;
}
.old-survey-execute es-survey-question.wid es-survey-answer-single .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-dropdown .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-multi .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-rank .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-short .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-essay .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-linear .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-date .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-time .answer-container .other-answer,
.old-survey-execute es-survey-question.wid es-survey-answer-attach .answer-container .other-answer {
    flex: 2;
    border-left: 1px solid #ddd;
    align-items: center;
}

.old-survey-execute es-survey-section .question-group-guideline {
    display: flex;
    flex-direction: row;
    margin: 15px 20px 0 20px;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}
.old-survey-execute es-survey-section.sub .question-group-guideline {
    margin: 15px 30px 0 30px;
}
.old-survey-execute es-survey-section .question-group-guideline .question-guideline {
   /*  flex: 3; */
   flex: 1;
   text-align: center;
}
.old-survey-execute es-survey-section .question-group-guideline .answer-guideline {
    display: flex;
    flex-direction: row;
   /*  flex: 7; */
   flex: 1;
    /*gap: 10px;*/
}
.old-survey-execute es-survey-section.sub .question-group-guideline .question-guideline {
    text-align: left;
    /*margin-left: 10px;*/
}
.old-survey-execute es-survey-section.sub .question-group-guideline .question-guideline.center {
    text-align: center;
    /*margin-left: 10px;*/
}
.old-survey-execute es-survey-section .question-group-guideline .main-answer-guideline {
    flex: 3;
    text-align: center;
    border-left: 1px solid #ddd;
}
.old-survey-execute es-survey-section .question-group-guideline .other-answer-guideline {
    flex: 2;
    text-align: center;
    border-left: 1px solid #ddd;
}
.old-survey-execute es-survey-section .guideline-text {
    margin: 10px;
}

es-survey-template-form .survey-container {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	overflow: auto;
	background-color: white;
    border-radius: 8px;
    padding: 7px;
}
es-survey-template-form .basic-template {
    padding: 7px 10px;
    background-color: #f5f7fb;
	border-radius: 5px;
	/*font-weight: bold;*/
}
es-survey-template-form .basic-template:hover {
    /*background-color: var(--main-color);*/
    /*color: white;*/
}

es-survey-template-form es-survey-section-index,
es-survey-template-form es-survey-add-section-index {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    background-color: #dee9ff;
    padding: 7px 7px;
}
es-survey-template-form es-survey-add-section-index {
    padding: 7px 7px 7px 14px;
}
es-survey-template-form es-survey-section-index:hover {
    /*background-color: #5072f2;*/
    /*color: #FFFFFF;*/
    cursor: pointer;
}
/*es-survey-template-form.dragging es-survey-section-index:hover {
    background-color: #dee9ff;
    color: black;
}*/
es-survey-template-form es-survey-section-index .section-index,
es-survey-template-form es-survey-add-section-index .section-index {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3px 7px 6px 0;
    align-items: center;
    gap: 3px;
}
es-survey-template-form es-survey-section-index .section-index .section-title-container,
es-survey-template-form es-survey-add-section-index .section-index .section-title-container {
    display: flex;
    flex-direction: row;
    gap: 3px;
    align-items: flex-start;
}
es-survey-template-form es-survey-section-index .section-index .section-title-container .section-title,
es-survey-template-form es-survey-add-section-index .section-index .section-title-container .section-title {
    display: flex;
    padding: 2px 0;
}
es-survey-template-form es-survey-section-index .section-index .section-title-container .section-title>span,
es-survey-template-form es-survey-add-section-index .section-index .section-title-container .section-title>span {
    line-height: 15px;
}
es-survey-template-form es-survey-section-index .question-container {
    display: flex;
    flex-direction: column;
    gap: 3px;
    max-height: 1000px;
    overflow: auto;
    transition: max-height 0.3s ease;
}
es-survey-template-form es-survey-question-index,
es-survey-template-form es-survey-add-question-index {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    background-color: white;
    padding: 7px 7px;
    color: #526dc1;
}
es-survey-template-form es-survey-add-question-index {
    padding: 7px 7px 7px 14px;
}
es-survey-template-form es-survey-question-index:hover {
    /*background-color: var(--main-color);*/
    /*color: #FFFFFF;*/
    cursor: pointer;
}
es-survey-template-form es-survey-question-index .question-index,
es-survey-template-form es-survey-add-question-index .question-index {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3px 0;
    align-items: center;
    gap: 3px;
}
es-survey-template-form es-survey-question-index .question-index .question-title-container,
es-survey-template-form es-survey-add-question-index .question-index .question-title-container {
    display: flex;
    flex-direction: row;
    gap: 3px;
    align-items: flex-start;
}
es-survey-template-form es-survey-question-index .question-index .question-title-container .question-title,
es-survey-template-form es-survey-add-question-index .question-index .question-title-container .question-title {
    display: flex;
    padding: 2px 0;
}
es-survey-template-form es-survey-question-index .question-index .question-title-container .question-title>span,
es-survey-template-form es-survey-add-question-index .question-index .question-title-container .question-title>span {
    line-height: 15px;
}
es-survey-template-form es-survey-add-section-index .action-container,
es-survey-template-form es-survey-add-question-index .action-container {
    display: flex;
    align-items: center;
    padding: 2px;
    border-radius: 50%;
}
es-survey-template-form es-survey-add-section-index .action-container:hover,
es-survey-template-form es-survey-add-question-index .action-container:hover {
    background-color: #5072f2;
}
es-survey-template-form es-survey-add-section-index .action-container .add-action,
es-survey-template-form es-survey-add-question-index .action-container .add-action {
    background: url(../../img/ico_survey_plus.svg) no-repeat center;
    width: 12px;
    height: 12px;
}
es-survey-template-form es-survey-add-section-index .action-container:hover .add-action,
es-survey-template-form es-survey-add-question-index .action-container:hover .add-action {
    background: url(../../img/ico_survey_plus_hover.svg) no-repeat center;
}
es-survey-template-form es-survey-section-index .action-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
es-survey-template-form es-survey-section-index .action-container .select-action {
    background: url(../../img/ico_survey_arrow_select.svg) no-repeat center;
    width: 12px;
    height: 12px;
}
es-survey-template-form es-survey-section-index .action-container .collapse-action {
    background: url(../../img/ico_survey_collapsible.svg) no-repeat center;
    width: 12px;
    height: 12px;
}
es-survey-template-form es-survey-section-index .action-container .collapse-action:hover,
es-survey-template-form es-survey-section-index.selection .action-container .collapse-action {
    background: url(../../img/ico_survey_collapsible_hover.svg) no-repeat center;
}
es-survey-template-form es-survey-section-index .action-container .collapse-action.collapsed {
    background: url(../../img/ico_survey_collapsible.svg) no-repeat center;
    transform: rotate(180deg);
}
es-survey-template-form es-survey-section-index .action-container .collapse-action.collapsed:hover,
es-survey-template-form es-survey-section-index.selection .action-container .collapse-action.collapsed {
    background: url(../../img/ico_survey_collapsible_hover.svg) no-repeat center;
    transform: rotate(180deg);
}
es-survey-template-form es-survey-question-index .action-container .select-action {
    background: url(../../img/ico_survey_arrow_grey.svg) no-repeat center;
    width: 12px;
    height: 12px;
}
es-survey-template-form es-survey-section-index.selection .action-container .select-action,
es-survey-template-form es-survey-question-index.selection .action-container .select-action {
    background: url(../../img/ico_survey_arrow_select.svg) no-repeat center;
}

es-survey-template-form .section-template {
	display: flex;
	flex-direction: row;
	line-height: 18px;
	min-height: 40px;
	align-items: center;
    padding: 7px 10px;
    background-color: #DBE4FE;
	border-radius: 5px;
	color: var(--main-color);
	font-weight: bold;
}
es-survey-template-form .section-template:hover {
    background-color: var(--main-color);
	color: #FFFFFF;
}
es-survey-template-form .section-template > div {
	border: 1px solid #618BF9;
    margin-right: 10px;
    margin-left: 5px;
    height: 100%;
	pointer-events: none;
}
es-survey-template-form .question-template,
es-survey-template-form .question-children-template {
	display: flex;
	flex-direction: row;
	line-height: 18px;
	align-items: flex-start;
	padding: 7px 10px;
	background-color: #EAEDF3;
	border-radius: 5px;
	font-weight: normal;
}
es-survey-template-form .question-template:hover {
	background-color: var(--main-color);
	color: #FFFFFF;
}
es-survey-template-form .question-template > div,
es-survey-template-form .question-children-template > div {
	background: url(../../img/ico_question.png) no-repeat center;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-right: 5px;
	flex-shrink: 0;
	pointer-events: none;
}
es-survey-template-form .question-template:hover > div,
es-survey-template-form .question-template.selection > div {
	background: url(../../img/ico_question_over.png) no-repeat center;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-right: 5px;
	flex-shrink: 0;
}
es-survey-template-form .section-template > span,
es-survey-template-form .question-template > span {
	margin-top: 2px;
	pointer-events: none;
}
es-survey-template-form .question-template.children {
	margin-left: 20px;
	position: relative;
}
es-survey-template-form .question-template.children::before {
	position: absolute;
	background: url(../../img/ico_hierarchy.svg) no-repeat center;
	content: '';
	width: 20px;
	height: 40px;
	left: -20px;
	top: 0px;
}
es-survey-template-form .selection {
	/*border: 1px solid var(--main-color-dark);*/
	background-color: #5072f2;
	color: #FFFFFF;
}
es-survey-template-form .invalid {
	background-color: #b52b2b;
	color: #FFFFFF;
}
es-survey-template-form .draggable {
	/*cursor: grab;*/
}
es-survey-template-form .dragging {
	opacity: 0.5;
}
es-survey-text,
es-survey-bar-chart,
es-survey-rank-bar-chart,
es-survey-pie-chart,
es-survey-grid-bar-chart,
es-survey-grid-rank-bar-chart,
es-survey-grid-text {
	border: solid 1px #d1d2cf;
	border-radius: 10px;
	display: block;
	padding: 20px;
	margin-top: 10px;
}
es-survey-text>cc-sub-title-bar,
es-survey-bar-chart>cc-sub-title-bar,
es-survey-rank-bar-chart>cc-sub-title-bar,
es-survey-pie-chart>cc-sub-title-bar,
es-survey-grid-bar-chart>cc-sub-title-bar,
es-survey-grid-rank-bar-chart>cc-sub-title-bar,
es-survey-grid-text>cc-subtitle-bar {
	margin: 0px 0px 8px 0px;
}
es-survey-text>div>div,
ep-survey-all-text>div>div,
es-survey-grid-text>div>div>.sub-answer {
	padding: 5px 10px;
	background: #f4f6f2;
	border-radius: 5px;
	margin-bottom: 5px;
}
es-survey-answer-rank .rank-1::after,
es-survey-grid-response .rank-1::after {
	content: '1rank';
	color: green;
	margin-left: 5px;
}
es-survey-answer-rank .rank-2::after,
es-survey-grid-response .rank-2::after {
	content: '2rank';
	color: dodgerblue;
	margin-left: 5px;
}
es-survey-answer-rank .rank-3::after,
es-survey-grid-response .rank-3::after {
	content: '3rank';
	color: #f7941e;
	margin-left: 5px;
}

ep-language-pack body {
	font-family: Arial, sans-serif;
	margin: 20px;
}
ep-language-pack table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
ep-language-pack th, ep-language-pack td {
	border: 1px solid #ddd;
	text-align: center;
}
ep-language-pack th {
	background-color: #f2f2f2;
}
ep-language-pack cc-form-panel > cc-collapse-panel > div.content-wrap > div.form-container > div.grid-wrap {
    height: 100%;
}
cc-text-language-field .language,
cc-textarea-language-field .language{
	background-image: url(../../img/btn_earth.svg);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	cursor: pointer;
	align-self: center;
	margin-left: 5px;
}

/* cc-search-condition grouping */
cc-search-condition-panel.has-group .search-condition-group {
	grid-auto-flow: row;
}
cc-fieldset.group-divider {
    margin: 4px 0;
    grid-column: span 3;
}
/*
@media (min-width: 960px) { 
	cc-fieldset.group-divider {
		grid-column: span 2;
	}
} 
 
@media (min-width: 1360px) { 
	cc-fieldset.group-divider {
		grid-column: span 3;
	}
} 
 
@media (min-width: 2450px) { 
	cc-fieldset.group-divider {
	    grid-column: span 4;
	}
} 
*/
.group-divider .sc-label {
    min-width: 100px;
}
.group-divider div {
    align-items: center;
}
.group-divider .line {
    width: 100%;
    height: 1px;
    background: #D6D6D6;
}

/* 2024.08.22 */
sc-editor pre {
	font-family: 'Pretendard', '留묒� 怨좊뵓', 'Malgun Gothic', Segoe UI, Inter, Arial, sans-serif !important;
}

/* caution */
.caution {
    position: absolute;
    right: 0;
    top: 0;
}
cc-search-condition-panel .caution {
    top: 40px;
}
.caution .caution_btn button {
    display: flex;
    gap: 6px;
    align-items: center;
    min-width: 34px;
    height: 24px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 0 10px;
    background: #c7ccd9;
    border-radius: 0 0 0 8px;
    background-size: 46%;
    transition: background 0.2s;
}
.caution .caution_btn button::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../img/ico_caution_w.svg) no-repeat center;
}
.caution .caution_btn button:hover {
	background-color: var(--main-color-dark);	
}
.caution .caution_message {
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
    width: 970px;
    line-height: 1.2;
    font-size: var(--font-size-lv2);
    border-radius: 8px 0 0 8px;
    background: #c7ccd9;
    overflow: hidden;
    transition: all 0.5s;
}
.caution .caution_message.hidden {
    position: absolute;
    right: 0px;
    color: var(--main-color-dark);
    width: 1px;
    height: 26px;
    padding: 0;
    display: block !important;
    visibility: hidden;
}
.caution .caution_message.hidden .tit_bar { 
    opacity: 0;
}
.caution_message .tit_bar { 
    background: var(--main-color-dark);
    height: 26px;
    color: #fff;
    align-items: center;
    padding: 0 15px;
}
.caution_message .tit_bar .tit::before { 
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/ico_caution_w.svg) no-repeat center;
    vertical-align: -4px;
    margin-right: 10px;
}
.caution_message .tit_bar button.close  {  
    width: 12px;
    height: 16px;
    margin-top: -2px;    
    background: url(../../img/ico_close_w.svg) no-repeat center;
    opacity: 0.6;
}
.caution_message .tit_bar button.close:hover {  
    opacity: 1;
}
.caution_message .content {
    color: var(--font-color-sub);
    line-height: 20px;
    padding: 10px 15px;    
    background: #fff;
}

/* 2024.08.29 scyang : risk-digital-map cc-form-panel height */
es-risk-digital-map cc-form-panel, 
es-risk-digital-map cc-form-panel >cc-collapse-panel, 
es-risk-digital-map cc-form-panel .content-wrap {
    height: 100%; 
}

/* 2024.08.30 scyang : P/O invoice Creation detali : sc-tab-navigation height 100% */
es-po-invoice-creation-local-detail sc-tab-navigation .content.fit >*:not(.hbox),
es-po-invoice-creation-overseas-detail sc-tab-navigation .content.fit >*:not(.hbox),
.full-cont-tab .content.fit >* {
    height: 100%;
    display: flex;
    flex-direction: column;
}
em-do-invoice-creation-local sc-grid.flex,
em-do-invoice-creation-overseas sc-grid.flex,
em-po-invoice-creation-overseas sc-grid.flex,
em-po-invoice-creation-local sc-grid.flex {
	min-height: 120px;
} 

/* document list detail : �쇰컲�뺣낫 */
.location-info .cc-fieldset {
    justify-content: space-between;
}
.location-info .hbox {
    max-width: 330px;
    align-items: center;
}
.location-info .hbox sc-text-field input {
    text-overflow: ellipsis;
}
/* document list detail : �좎젙寃쎌쐞 */
.full-cont sc-panel,
.full-cont sc-panel>.content-wrap>.content,
.full-cont sc-toolbar+.content-wrap cc-form-panel,
.full-cont cc-collapse-panel,
.full-cont .content-wrap.cc-collapse-panel,
.full-cont sc-textarea-field,
.full-cont sc-textarea-field textarea,
.full-cont cc-form-panel,
.full-cont .grid-wrap {
	height: 100%;
}
.full-cont .content-wrap {
	height: calc(100% - 33px);
}
.full-cont .grid-wrap {
    display: flex;
    flex-direction: column;
}
.full-cont.grid .grid-wrap {
    display: grid;
    grid-template-rows: repeat(auto-fill, 30px);
}
.with-grid .grid-wrap {
    padding: 0 10px 10px;
}
cc-form-panel {
	position: relative;
}
/* 2024.09.04 */
cc-form-panel {
	position: relative;
}
/* 2024.09.04 dymoon �좎뒪�� �앹뾽 異붽� */
#toast-container {
    position: absolute;
    /* �붾㈃�먯꽌 �곸떆 以묒븰 �뺣젹�� �꾪븯�� important 異붽�. transform �섏튂 蹂�寃� */
    /* js濡� �곕줈 吏��뺥빐�쇳븳�ㅻ㈃ 異뷀썑 �쇱쓽 �� �섏젙 */
    left: 47% !important; 
    top: 39% !important;
    transform: translate(-50%, -50%);
    /* 理쒖냼 湲몄씠 吏��� */
    /* min-width: 800px; */
    z-index: 110;
}
#toast-close {
	color: #ccc;
    font: normal normal normal 14px / 14px FontAwesome;
    position: absolute;
    top: 14px;
    right: 25px;    
    cursor: pointer;
}
#toast-close::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../img/custom/ico_toast-close.svg) no-repeat center;
}
#toast-pop { /* �꾨컲�곸쑝濡� �붿옄�� �섏젙 */
	opacity: 0;
	position: absolute;
    left: 0;
    top: 0;
    background: #242424;
    border-radius: 100px;
    color: #fff;
    transition: all 0.5s;
    white-space: nowrap;
    min-height: 40px;
    text-align: center;
    box-shadow: none;
    border: 1px solid #707070;
    line-height: 38px;
    padding: 0 100px 0 80px;
}
#toast-pop.toast-on {
	opacity: 100%;
    bottom: 0px;
}
/* 2024.09.05 scyang : 硫붾돱 珥덇낵�� �뚮┝ �앹뾽 */
.removeMenuMessageBox span { /* �곸뿭 珥덇낵 �띿뒪�� 留먯쨪�꾪몴 �ㅽ��� �곸슜 */
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
sc-messagebox #allClose.removeMenuMessageBox {
	padding-bottom: 1px
}
.removeMenuMessageBox span {
	height: 20px;
    line-height: 1;
} 
sc-messagebox .removeMenuMessageBox a:hover {
	color: var(--main-color);
}
/* 2024.09.06 scyang : popup 4 coulmns grid wrap */
.grid-wrap.grid_col--4 {    
    grid-template-columns: repeat(4, 1fr);
}
sc-window .grid-wrap.grid_col--4 {
	gap: 4px 2%;
}
sc-window .grid-wrap.grid_col--4 sc-label, 
sc-window .grid-wrap.grid_col--4 .sc-label {
    min-width: initial !important;
    width: 120px !important;
}

/* cc-caution �ㅽ��� */
cc-caution button.cc-caution::after {
	display: none !important;
}
/* cc-form-panel 異뺤빟�� �ㅽ��� - 臾몃��� �좎엫 �붿껌�쇰줈 異붽� */
cc-form-panel sc-label.isClass span:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../../img/ico_word_cir.svg) no-repeat center;
    vertical-align: middle;
    margin-left: 6px;
    cursor: pointer;
}
cc-form-panel sc-label.isClass span:hover:after {
    background: url(../../img/ico_word_cir_b.svg) no-repeat center;
}
/*sc-dialog*/
.content.style-scope.sc-dialog .tb-form th{
	padding:0
}
.content.style-scope.sc-dialog .tb-form.es-availability-management-air-list tbody tr td{
	padding-bottom:4px
}

ep-survey-qn-template sc-upload-field .field-box>sc-button,
es-survey-question-form sc-upload-field .field-box>sc-button{
    margin: 0px !important;
}

es-survey-question-form .answer-type-name>span,
ep-survey-qn-template .answer-type-name>span,
ep-survey-qn-template-selector .answer-type-name>span {
    color: var(--main-color-btn);
    font-weight: bold;
}

/** �먯옱怨꾪넻�� */
cc-material-editor #fakeContainer,
cc-material-editor #fakeContainer>div.content-wrap,
cc-material-editor #fakeContainer>div.content-wrap>.content{
	width: 100% !important;
	height: 100% !important;
}

/** �명꽣�섏씠�� 愿�由� : �명꽣�섏씠�� �ㅼ젙 -> �꾩넚 �곗씠�� �ㅼ젙 -> 蹂몃Ц raw �곸뿭  */
es-restful-setup-request-body sc-pages #raw{
	min-height: 250px;
}

/** 寃��됱씠�� �ㅼ젙 �꾩씠肄� 而ㅼ꽌 */
ep-personalize-history .icon-field.setting{
	cursor: pointer;
}

/** 踰꾪듉 Backgroun Color */
ep-personalize-history div.header-wrap > sc-button{
	background-color: transparent !important;
}

/* notification */
.integration-container {
	position: fixed;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	padding: 10px;
	z-index: 999;
}
.integration_popup {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 360px;
	height: auto;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #DDD;
	background: #FFF;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
}

.integration_popup .pop_close {
	display: flex;
	padding: 5px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	cursor: pointer;
}

.integration_popup .pop_close button {
	width: 8px;
	height: 8px;
	background: url('../../img/inte_pop_close.svg') no-repeat center;
}

.integration_popup .pop_close:hover {
	background: #F3F2FF;
}

.integration_popup .pop_close:hover button {
	filter: brightness(0) saturate(100%) invert(21%) sepia(75%) saturate(7128%) hue-rotate(252deg) brightness(95%) contrast(103%);
}

.integration_popup .pop_cont {
	display: flex;
	padding: 10px;
	align-items: flex-start;
	gap: 15px;
	cursor: pointer;	
}

.integration_popup .pop_cont .icon {
	min-width: 45px;
	height: 45px;
	background: url('../../img/inte_pop_bell.svg') no-repeat center;
}

.integration_popup .pop_cont .pop_text {
	width: 240px;	
}

.integration_popup .pop_cont .pop_text h1 {
	margin-bottom: 5px;
	color: var(--font-color-main);
	font-size: var(--font-size-lv4);
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.integration_popup .pop_cont .pop_text p {
	color: var(--font-color-sub);
	font-size: var(--font-size-lv3);
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
	word-break: keep-all;	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 寃��됱씠�� */
.ep-personalize-history-detail cc-search-condition-panel{
    padding-top: 0px !important;
}
.ep-personalize-history-detail #searchConditionGroup {
	display: block !important;
    padding-left: 15px;
}

textarea.smartsuite-scheduler-mgt-hist-popup{
	font-family: monospace !important;
}
.ep-personalize-history-detail #searchConditionGroup sc-radio-field{
	display : none;
}
.ep-personalize-history-detail #searchConditionGroup sc-radio-field[checked]{
	display : inline-flex;
}

.commorg-mot .trigger.multi-search::before {
    background: url(../../img/custom/ico_trigger_multi_search.svg) no-repeat center;
}
.commorg-mot .trigger.multi-input::before {
    background: url(../../img/custom/ico_trigger_multi-input.svg) no-repeat center;
}
sc-window {
    min-height : 200px;
    min-width : 200px;
}

/* font-color */
.sc-mdi-tabbar sc-tab, sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab {
	color: var(--font-color-sub);
}
sc-panel>sc-toolbar.header .title {
    color: var(--font-color-main);
	font-size: var(--font-size-lv3);
    font-weight: 700;    
	letter-spacing: 0;	
}
cc-grid-toolbar .sc-label {
    color: inherit;
}
sc-listbox .sc-combobox-item, 
sc-listbox .check-default {
	color: var(--font-color-main);
	font-size: var(--font-size-lv2);
}

/* fullmenu, leftmenu / 異뷀썑 css 異붽� �뺣━ 吏꾪뻾 �덉젙 */
sc-mdi-topmenu-container .grid-item .depth2-menu a {
    color: var(--font-color-main);
}
sc-mdi-topmenu-container .grid-item .depth3-menu li a {
    color: var(--font-color-sub);
}
.menu-search-highlight{
	display: inline-block;
    border: none;
    color: #3059F4;
	font-weight: 700;
}
li.a_is_not_manual{
	display: none;
}

/* 2025.02.28 : 泥⑸��뚯씪 align �섏젙 (怨듯넻 臾몃��� �좎엫�� �붿껌 諛섏쁺) */
td.top-progress.sc-upload-progress-popup{
    vertical-align: middle;
}

.listview-content.sc-upload-progress-popup{
    width: 100%;
}

#progressPopupListbox{
    width: 100%;
    display: table;
}
.sc-upload-progress-popup.list-filename{
    /* display: table-cell !important;
    width: auto !important; */
}

.sc-upload-progress-popup .listview-container{
	width: 100%;
}

th.top-title.sc-upload-progress-popup span{
	line-height: normal;
}

sc-upload-progress-popup .hline {
	margin: 0px 0 0px !important;
}

.sc-upload-progress-popup th, .sc-upload-progress-popup td {
    border: none !important;
    padding: 0px !important;
}

/* grid combo serchBox */
.combo-list .combo-container div {
    width: 12px !important;
    height: 12px !important;
    margin: auto 6px!important;
    padding: 0px !important;
    cursor: inherit !important;
}
.combo-list .combo-container {
	padding: 0 2px!important;
	display: flex;
	align-items: center;
	border: none!important;
	border-bottom: 1px solid #ddd!important;
    cursor: inherit !important;
}
.combo-list .combo-container:hover{
	background: transparent!important;
}
.combo-list .combo-container > div:hover {
	background: transparent!important;
	background-image: url(/bower_components/sc-grid/resources/smartdatagrid/assets/search.png)!important;
    background-size: cover!important;
}
.combo-list .combo-container input{
	border: none;
	border-left: 1px solid #ddd;
	margin: 0!important;
	height: 100%;
	box-sizing: border-box;
}
/* end grid combo serchBox */

/* module1 - tag input */
.tags-look .tagify__dropdown__item {
	display: inline-block;
	border-radius: 3px;
	padding: .3em .5em;
	border: 1px solid #CCC;
	background: #F3F3F3;
	margin: .2em;
	font-size: .85em;
	color: black;
	transition: 0s;
}

/* es-survey-answer-single */
es-survey-answer-single #answer {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	word-break: break-all;
}
es-survey-answer-single #answer.column {
	flex-direction: column;
	flex-wrap: wrap;
	gap: 14px;
	overflow-x: hidden;
}
es-survey-answer-single #answer.grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 14px;
	column-gap: 10px;
	flex-grow: 1;
}
es-survey-answer-single #answer sc-radio-field {
	flex-shrink: 0;
}
es-survey-answer-single #answer.column sc-radio-field {
	flex-shrink: 1;
}
es-survey-answer-single #answer .check-default {
	display: flex;
}
es-survey-answer-single #answer .check-default .check-label {
	flex-shrink: 1500;
	line-height: 20px;
}


/* es-survey-answer-multi */
es-survey-answer-multi #answer {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	word-break: break-all;
}
es-survey-answer-multi #answer.column {
	flex-direction: column;
	flex-wrap: wrap;
	gap: 7px;
	overflow-x: hidden;
}
es-survey-answer-multi #answer.grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 14px;
	column-gap: 10px;
	flex-grow: 1;
}
es-survey-answer-multi #answer sc-checkbox-field {
	flex-shrink: 0;
	white-space: wrap;
}
es-survey-answer-multi #answer.column sc-checkbox-field {
	flex-shrink: 1;
}
es-survey-answer-multi #answer .check-default {
	display: flex;
}
es-survey-answer-multi #answer .check-default:before {
	display: flex;
	margin: 2px 6px 0 2px;
}
es-survey-answer-multi #answer .check-default .check-label {
	flex-shrink: 1500;
	line-height: 20px;
}


/* es-survey-answer-rank */
es-survey-answer-rank #checkbox_group {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

es-survey-answer-rank #checkbox_group .check-default {
	display: flex;
	line-height: 20px;
}

es-survey-answer-rank #checkbox_group .check-default .check-label {
	flex-shrink: 1500;
}
.gnb-toolbar .scroller-disabled{
	visibility:hidden; 
}