@import url("style.css");

/* Design 수정 : 2024-08-28 Sinjin Lim */
/* .img-logo-paygate {
	width: 150px;
}
 */

.img-logo-spoint-mini {
	width: 150px;
	background: url( "img/spoint-btn.png" ) no-repeat;
}

.spoint-btn {
	cursor: pointer;
	width: 150px;
}

.opt-menu {
	padding-top: 10px;
}

.btnActive {
	background-color: #ed5565
}

.opt-menu .nav>li>a {
	padding: 10px 15px;
	border-radius: 0px;
}

.chosen-container {
	width: 100% !important;
}

.icon-live {
	width: 20px !important;
	height: 20px !important;
}

.dataTables_wrapper .dt-buttons {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 0.333em;
	float: right;
}

/* wrapper div only — do not match a.dt-button (Print / Download) */
.dataTables_wrapper .dt-buttons > div.dt-button {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

.dataTables_wrapper .dt-buttons > div.dt-button > a.dt-button,
.dataTables_wrapper .dt-buttons > a.dt-button {
	margin-right: 0;
}

.dataTables_wrapper .dt-buttons > div.dt-button.fluctuation-export-format-wrap {
	display: inline-flex !important;
	align-items: center;
	visibility: visible !important;
	width: auto;
	min-width: 0;
	padding: 0;
	margin: 0;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	cursor: default;
}

.dataTables_wrapper .fluctuation-export-format-select {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	max-width: none;
	margin: 0;
	padding: 0.45em 0.55em 0.45em 0.5em;
	font-size: 0.88em;
	line-height: 1.2;
	height: auto;
	border: 1px solid #999;
	border-radius: 2px;
	background-color: #fff;
	cursor: pointer;
}

.mnuSettingActive {
	color: #0055aa;
	font-weight: bold;
}
/*
#memberDetail .dataTables_wrapper {
	padding: 0 !important;
	top: -45px;
}

#merchantDetail .dataTables_wrapper {
	padding: 0 !important;
	top: -45px;
}

#partnerDetail .dataTables_wrapper {
	padding: 0 !important;
	top: -45px;
}
*/
.progress {
	height: 30px !important;
	font-size: 18px;
	color: black;
	font-weight: bold;
	text-align: center;
}

.flag-en, .flag-kr {
	width: 32px;
	height: 32px;
}

.ibox-content-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.dataTables_paginate {
	float: right !important;
}

.lbl-heading {
	background-color: #586b7d !important;
	color: #ffffff !important;
	font-weight: 600;
}

.lbl-heading-warning{
	background-color: #ffa331!important;
	color: #ffffff !important;
	font-weight: 600;
}

.no-border {
	border: none;
}

.lbl-warning {
	color: #f0ad4e;
	padding-right: 5px;
}

.lbl-success {
	color: #1c84c6;
	padding-right: 5px;
}

.lbl-error {
	color: #ed5565;
	padding-right: 5px;
}

.table-top {
	padding: 10px 0px;
}

.middle-box h1 {
	font-size: 45px;
}

.logo-name {
	color: #e6e6e6;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
}

.show-cursor {
	cursor: pointer;
	font-weight: bold;
}

.modal-body {
	max-height: calc(100vh - 250px);
	overflow-y: auto;
}

.btn-chart {
	margin-top: -6px;
}

.chart-db {
	width: 100%;
	height: 250px;
}

.my-chart {
	width: 100%;
	height: 280px;
}

.record-page {
	float: none !important;
}

.zindex {
	z-index: 2060 !important;
}

.zindex-second {
	top: 100px;
	z-index: 2070 !important;
}

.my-count-info {
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	right: -10px;
	top: -10px;
}

.fon-red {
	color: #ed5565;
	font-weight: bold;
	text-shadow: none;
	padding-left: 5px;
	font-size: 15px;
}

.actLang {
	color: #23c6c8;
	margin-bottom: 5px;
	color: inherit;
	background-color: transparent;
	transition: all .5s;
	border-color: #23c6c8;
	border-radius: 3px;
	-moz-user-select: none;
	background-image: none;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.top-popup {
	background: #0d68a8;
	height: 120px;
	font: 24px;
	font-size: 12px;
	font-family: "Sans Serif";
	color: white;
}

.top-popup-switchURL {
	background: #ff99ff;
	height: 75px;
	font: 56px;
	font-size: 12px;
}

.adminShowAs {
	background: #b5e3ed;
}

.select-item-gray {
	color: #ECE3E3;
}

.select-item-white {
	background-color: white;
}

/*  	
	adjust distance of components 
	display: -moz-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	display: box;
	justify-content: space-between;
*/
.ul-custom {
	list-style:none;
	overflow:auto;
	display:flex;
}

.ul-custom:after{
	display:inline-block;
	/* witdh:1px; */
	content:'';
}
 
.li-custom {
	float:left;
	padding : 0 5px;
	/* margin : left : 5px; */
	overflow: auto;

}
.li-custom-table {
	text-align : right;
}

.ul-scroll-test{
	height:200px;
	overflow-y: scroll; 
}

.app-modal-window{
	position:fixed;
	left:18.5;
	width:80%;
	height:80%;
	/* margin-left : -10%; */
}

.test-me{
	box-shadow : none;
	border : none ;
	background : none;
	width:100%;
}

.test-red{
	background-color : red;
	
}
.test-back{
	background-color : green;
	
}
.uneditable{
	background-color : #D3D3D3;
	
}
.alert-warning {
    border-left: 6px solid #f8ac59;
}
.alert-success {
    border-left: 6px solid #1c84c6;
}
.alert-danger {
    border-left: 6px solid #ed5565;
}
.alert-info {
    border-left: 6px solid #1ab394;
}
.pg-link{
	text-decoration: underline;
}
.text-gray{
	color: gray;
}

.text-ellipsis {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.table-hover-impact > tbody > tr:hover {
	 background-color: rgb(170, 200, 199);
}
.countdown-text {
    font-size: 15px;
    color: #4169E1;
}

.countdown-expired {
    font-size: 15px;
    color: red;
    font-weight: bold;
}

.dday-text {
    font-size: 20px;
    color: black;
}
.exchange-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.currency-row {
    display: flex;
    align-items: center;
}

.currency-row-src {
    display: flex;
    align-items: center;
    height: 15px;
    margin-right: 8px;
    font-size: 20px;
    color: red;
}

.currency-row-dst {
    display: flex;
    align-items: center;
    height: 15px;
    margin-right: 8px;
    font-size: 20px;
    color: blue;
}

.flag-icon {
    width: 20px;
    height: 15px;
    margin-right: 8px;
}

.country-name, .currency-code {
    margin-right: 5px;
    font-weight: bold;
}

.currency-input {
    width: 100%; /* 부모 요소 너비에 맞추기 */
    max-width: 200px; /* 최대 너비 설정 */
    padding: 5px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    text-align: right;
}

.equal-sign {
    font-size: 24px;
    padding: 0 10px;
}

/*========================================
* Custom style
* 2024.08.27 Sinjin Lim
========================================*/
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

body#page-top {
    *:not(.fa):not(.glyphicon) {
        font-family: 'Noto Sans KR', sans-serif;
    }

    ::placeholder {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
    }

    ::-webkit-scrollbar {
        padding: 12px;
        width: 8px;
        height: 8px;
    }

    ::-webkit-scrollbar-track {
        border-radius: 12px;
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(45deg, #ed5565, #0d68a8, #1AB394);
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 12px;
    }

    .show-cursor {
        font-weight: 600;

        &:hover {
            text-decoration: underline;
            text-underline-offset: 2px;
        }
    }

    .dataTables_length {
        margin: 0;

        label {
            font-weight: 600;
        }

        select.form-control {
            padding: 0 4px;
            border: 1px solid #DDD;
            border-radius: 3px;
        }
    }

    .btn-group {
        .btn {
            margin: 0;
            height: 30px;
            border: 1px solid #DDD;

            &+.btn {
                border-left: 0;
            }

            &.active {
                color: #FFF;
                background-color: #586b7d;
            }
        }
    }

    .dataTables_length {
        select {
            margin: 0 4px;
            height: 32px;
            border: 1px solid #DDD !important;
        }
    }

    [class^="col"] {

        /*flex: 1;*/
        &:has(:is(.dataTables_length, .dataTables_filter)) {
            padding: 0;
        }

        /* &:empty { display: none; } */
    }

    .dataTables_filter {
        margin: 0;

        label {
            font-weight: 600;

            input {
                margin-left: 8px;
                height: 32px;
                border: 1px solid #DDD !important;
            }
        }

        overflow: hidden;
    }

    /* Table */
    table:is(.table, .dataTable, .no-footer, .dataTable.no-footer) {
        margin: 12px 0 0;
        border: unset;
        border-top: 2px solid #233545;
        clear: both;

        th,
        td {
            padding: 8px 4px;
        }

        >thead {
            >tr {
                th {
                    font-weight: 600;
                    color: #000;
                    text-transform: capitalize;
                    text-align: center;
                    vertical-align: middle;
                    background-color: #f5eee1;
                    border-color: rgba(0, 0, 0, 0.2);
                }
            }
        }

        tbody {
            tr {
                background: transparent;

                th,
                td {
                    background: inherit;
                    border: 1px solid #DDD;
                }

                &:nth-child(odd) {
                    td {
                        background-color: #FFF;
                    }
                }

                &:nth-child(even) {
                    td {
                        background-color: #F7F7F7;
                    }
                }

                td.dataTables_empty {
                    text-align: center;
                }

                &:hover td:not(.dataTables_empty) {
                    color: #000;
                    background-color: #e8f2f8;
                }
            }
        }
    }

    .form-group,
    .m-b {
        margin-bottom: 0;
    }

    .form-group {
        display: flex;
        align-items: center;
        gap: 4px;
        margin: 0 0 8px;
        max-width: 100%;
        flex-wrap: wrap;

        > :first-child:not(:is(label, table)) {
            display: inherit;
            gap: inherit;
        }

        >table {
            width: 100%;
        }

        .col-sm-1 {
            width: auto;
        }

        .col-sm-12 {
            display: inherit;
            gap: inherit;
            flex: 0 0 auto !important;
            width: 100%;

            >br {
                display: none;
            }
        }

        &:has(.help-block) {
            flex-wrap: wrap;

            .help-block {
                width: 100%;
            }
        }

        .btn {
            margin-bottom: 0;
        }

        /* inline style Top margin 제거 */
        *[style] {
            margin-top: 0 !important;
        }

        > * {
            flex: 0 0 auto;
            width: unset;
        }

        label:not(:is(.btn, :empty)) {
            flex: 0 0 auto;
            align-self: flex-start;
            margin: 0;
            padding: 6px 15px !important;
            min-width: 155px;
            min-height: 32px;
            width: unset;
            font-size: 12px;
            font-weight: 600;
            color: #666;
            text-align: left;
            text-transform: capitalize;
            letter-spacing: 0.02rem;
            background-color: #F7F7F7;

            & + [class^="col"] {
                flex: 1;
                padding: 0;
            }
        }

        > :has(.form-control) {
            flex: 1;

            .row {
                &:not(.has-error) {
                    display: flex;
                    gap: 4px;
                }

                &:before,
                &:after {
                    content: none;
                }
            }
        }

        .form-control {
            flex: 1;

            &:not(textarea) {
                height: 32px;
            }

            &:not(:placeholder-shown) {
                color: #000;
            }
        }
    }
    
	.radio {
	    label {
	        &:after { top: 9px; }
	    }
	}    

    /* Datepicker style */
    .ui-datepicker {
        background-color: #FFF;
        border-color: #CCC;
        border-radius: 3px;

        .ui-datepicker-header {
            padding: 4px 0;
            background-color: #0055AA;
            border-radius: inherit;

            .ui-datepicker-title {
                font-weight: 600;
                color: #FFF;
            }

            a {
                margin: auto;
                background: rgba(0, 0, 0, 0.1);
                border-radius: inherit;
                top: 0;
                bottom: 0;
                overflow: hidden;

                &:before {
                    content: "";
                    display: block;
                    margin: auto;
                    width: 40%;
                    height: 40%;
                    border: 0 solid #FFF;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                }

                &.ui-datepicker-prev {
                    &:before {
                        border-width: 0 0 2px 2px;
                        left: 20%;
                        transform: rotate(45deg);
                    }
                }

                &.ui-datepicker-next {
                    &:before {
                        border-width: 0 2px 2px 0;
                        right: 20%;
                        transform: rotate(-45deg);
                    }
                }

                &>span {
                    font-size: 0;
                }
            }
        }

        a.ui-state-default {
            display: inline-grid;
            place-content: center;
            min-width: 30px;
            min-height: 30px;
            font-weight: 400;
            color: #233545;
            background-color: #FFF;
            border: 0;
            border-radius: 3px;

            &.ui-state-highlight {
                font-weight: 600;
                color: #000;
            }

            &.ui-state-active {
                font-weight: 500;
                color: #FFF;
                background-color: #1c84c6;
            }
        }
    }

    /* Tab */
    .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        margin-bottom: 4px;
        padding: 0 2px;
        border-color: #999;

        li {
            border-bottom: 0;
            float: none;

            a {
                padding: 8px 12px;
                text-transform: capitalize;
                letter-spacing: -0.03rem;
                word-spacing: 1px;
                background-color: rgba(0, 0, 0, 0.05);
                border-width: 1px 1px 0;
                border-color: transparent;
                box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
            }

            &.active {

                a,
                :hover {
                    font-weight: 600;
                    color: #233545;
                    box-shadow: none;
                }

                a {
                    background-color: #FFF;
                    border-color: #999;
                    border-top: 2px solid #233545;
                }
            }
        }
    }

    /* Table */
    .dataTables_wrapper {
        padding: 0;

        .dataTables_length {
            min-width: 170px;
        }
    }

    /* ETC */
    &> :has(#wrapper) {
        width: 100vw;
        height: 100vh;
    }

    /* Layout */
    #wrapper {
        width: 100%;
        height: 100%;
        overflow: hidden;

        .adminShowAs {
            margin-top: -9px;
        }

        >div {
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }

        .navbar-default,
        #page-wrapper {
            height: 100%;
            min-height: unset;
            overflow: auto;
        }

        #page-wrapper {
            display: flex;
            flex-direction: column;
            padding: 0;
            background-color: #F7F7F7;

            .row {
                margin: 0;
            }

            > :has(.navbar-static-top) {
                position: sticky;
                top: 0;
                z-index: 1000;
            }

            > :has(.footer) {
                margin-top: auto;
            }

            .navbar-static-top {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                min-height: unset;
                padding: 10px 15px;
                background: #000;

                &.navbar-fixed-top {
                    background-color: #FFF;
                    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.4);
                }

                &:before,
                &:after {
                    content: none;
                }

                >* {
                    margin: unset;
                    float: none;
                }

                .navbar-header {
                    .navbar-minimalize {
                        margin: unset;
                    }
                }

                .navbar-top-links {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    gap: 16px;

                    &:before,
                    &:after {
                        content: none;
                    }

                    .glyphicon {
                        top: 0;
                    }

                    li {
                        margin: unset;

                        *:not(.btn-default),
                        >* {
                            display: flex;
                            align-items: center;
                            gap: 4px;

                            &:has(timer) {
                                gap: 4px;
                            }
                        }

                        * {
                            gap: 8px;
                            margin: unset;
                            padding: unset;
                            width: unset;
                            height: unset;
                            color: #FFF;
                            float: none;

                            &.btn-default {
                                color: #000;
                            }
                        }

                        a {
                            display: inline-flex;
                            align-items: center;
                            gap: 12px;
                            min-height: unset;
                            max-height: 30px;

                            img {
                                max-height: 26px;
                            }

                            &.btn-outline {
                                padding: 0 8px;
                                color: #FFF;
                                background-color: rgba(255, 255, 255, 0.5);
                                border: 0;
                                transition: none;
                            }
                        }
                    }
                }
            }

            .wrapper-content {
                padding: 12px;

                .col-lg-12 {
                    padding: 0;
                }

                >.row:has(.tab-content) {
                    padding: 20px;
                    background-color: #FFF;
                    border-radius: 3px;

                    .ibox-content {
                        padding: 0;
                        border: 0;

                        label:not(.btn) {
                            margin-right: 4px;

                            &+ :is(input, select) {
                                width: 100%;
                            }

                            &+* {
                                :is(input:not(:is([type="radio"], [type="checkbox"])), select) {
                                    width: 100%;
                                }
                            }
                        }
                    }
                }

                .btn {
                    &+.btn.pull-right {
                        margin-right: 4px;
                    }

                    &.m-t-n-xs {
                        margin-top: 0;
                        margin-bottom: 0;
                    }
                }

                .dt-buttons {
                    display: flex;
                    gap: 4px;
                    padding: 4px 0;
                }

                a.dt-button {
                    margin-right: 0;
                }

                .ibox {
                    margin: 0;
                }

                .ibox-title {
                    :has([class^="col-"]) {
                        [class^="col-"] {
                            padding: 0;
                        }
                    }
                }
            }

            .footer {
                position: unset;
            }
        }

        .navbar-static-side {
            z-index: unset;

            .sidebar-collapse {
                .nav {
                    .nav-header {
                        padding: 13px 15px;
                        background: #000;
                        position: sticky;
                        top: 0;
                        z-index: 100;

                        img {
                            max-height: 24px;
                            filter: drop-shadow(4px 4px 8px #FFF);
                        }

                        .clear {
                            display: none;
                        }

                        .logo-element {
                            padding: 1px 0;
                        }

                    }

                    li {
                        position: relative;

                        a {
                            display: flex;
                            gap: 8px;
                            padding: 12px;
                            line-height: 1.4;

                            i[class^="fa"] {
                                align-self: flex-start;
                                display: grid;
                                place-content: center;
                                margin: unset;
                                min-width: 16px;
                                font-size: 14px;
                                line-height: inherit;
                            }
                        }

                        &:has(form) {
                            display: none;

                            a {
                                i {
                                    display: none;
                                }
                            }
                        }

                        &.active {
                            a {
                                padding-left: 8px;
                            }
                        }
                    }
                }
            }
        }

        .page-heading {
            padding: 15px;
            line-height: normal;
            border-bottom: 1px solid #1AB394 !important;
            position: sticky;
            top: 51px;
            z-index: 1000;

            * {
                margin: unset;
                padding: unset;
                height: unset;
                max-height: unset;
                min-height: unset;
                font-size: 21px;
                color: transparent;
                line-height: inherit;
                background: linear-gradient(#1AB394, #233545);
                -webkit-background-clip: text;
                float: none;
                overflow: unset;
            }
        }

        .well {
            background-color: transparent;
            box-shadow: none;

            &+.btn-group {
                margin-top: 8px;
            }
        }

        /* Flex style */
        .flexRow {
            display: flex;
            gap: 4px;
            flex-wrap: wrap;

            &:has(.form-group) {
                gap: 12px;

                .form-group+.btn {
                    margin-left: -8px;
                }
            }

            &.between {
                justify-content: space-between;
            }

            > :is(*, .btn) {
                margin: 0;
                float: none;
            }

            input {
                border: 1px solid #CCC;
                border-radius: 3px;
                appearance: none;
            }

            .sm {
                padding: 0 8px;
                font-size: 13px;
                line-height: 30px;
            }

            .md {
                padding: 0 8px;
                font-size: 13px;
                line-height: 34px;
            }
        }

        .panel-heading {
            padding: 0;
            margin-bottom: 10px;
            border: 0;

            &:not(:has(span)) {
                padding: 10px 15px;
            }

            >*:not(:empty) {
                display: inline-block;
                padding: 10px 15px;
            }
        }

        .panel-body {
            border: 1px solid #DDD;
            border-radius: 0 0 4px 4px;

            &.no-padding {
                padding: 15px !important;

                >.row {
                    margin: unset;

                    >[class^="col-"] {
                        padding: unset;
                    }
                }

                >[class^="col-"] {
                    margin: unset;
                    padding: unset;


                    &.col-sm-12 {
                        &+.col-sm-12 {
                            margin-top: 12px;
                        }
                    }
                }
            }
        }
    }

    /* Navigation fold */
    &.mini-navbar {
        #side-menu {
            li a {
                justify-content: center;
            }
        }
    }

    /* Modal */
    .modal-backdrop {
        &.in {
            opacity: 0.2;
        }
    }

    .modal {
        backdrop-filter: blur(12px);

        .modal-dialog {
            .modal-content {
                box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.2);
                overflow: hidden;

                .modal-header {
                    display: flex;
                    align-items: center;
                    padding: 8px 16px;
                    background-color: #0055AA;

                    &:before,
                    &:after {
                        content: none;
                    }

                    >* {
                        display: inline-flex;
                        gap: 8px;
                        margin: unset;
                        padding: unset;
                        width: unset;
                        float: unset;
                        font-size: 0;

                        h3 {
                            display: flex;
                            align-items: center;
                            gap: 8px;
                            margin: unset;
                            padding: unset;
                            color: #FFF;

                            * {
                                flex: 0 0 auto;

                                &:first-child~* {
                                    font-size: 15px;
                                }
                            }

                            [class^="text-"] {
                                color: #1AB394;
                            }
                        }

                        &:first-child {
                            margin-right: auto;
                        }
                    }
                }

                .modal-body {
                    padding: 16px;

                    .table {
                        margin: 0;
                    }

                    .panel-default {
                        border: 0;

                        &+* {
                            margin-top: 20px;
                        }

                        &:has(.panel-default) {
                            padding: 12px;
                        }

                        *+.panel-heading {
                            margin-top: 12px;
                        }

                        .panel-body {
                            border: 1px solid #DDD;
                            border-radius: 0 0 4px 4px;

                            >.row {
                                margin: 0;
                            }
                        }
                    }

                    .gridBoth {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 8px;

                        &+* {
                            margin-top: 8px;
                        }

                        >.panel-default {
                            margin: 0;

                            .panel-default+.panel-default {
                                margin: 0;
                            }
                        }
                    }

                    &:has(.gridBoth) {
                        .panel-body {
                            padding: 8px;
                        }
                    }

                    .reviewerBox {
                        display: grid;
                        grid-template-columns: 1fr 1fr 1fr;
                        gap: 12px;

                        .infoField {
                            display: grid;

                            &+.infoField {
                                margin-top: 8px;
                            }
                        }

                        &+* {
                            margin-top: 20px;
                        }

                        strong {
                            color: #000;
                        }
                    }
                }
            }
        }
    }

    form {
        >*:not(:is(.form-group, button, .alert, .modal-footer)) {
            width: 100%;
            padding: 0;

            > :has(.form-group) {
                flex: 0 0 auto;

                &:not(:is([class*="4"], [class*="6"])) {
                    width: unset;
                }
            }
        }

        [class^="col"] {
            /*margin: 0;*/
            padding: 0;

            .row {
                margin: 0;
            }
        }

        .chosen-container {
            flex: 1;
        }

        >.row {
            &:has(.form-group) {
                [class^="col"] {
                    /*width: auto;*/
                }


                display: flex;
                flex-wrap: wrap;
            }
        }

        .alert {
            margin: 0 0 8px;
            clear: both;
        }
    }

    .formGroup {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid #CCC;
        border-radius: 8px;

        & .formGroup {
            padding: 0;
            border: 0;
        }

        .form-group {
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 0;
        }

        .form-control {
            padding: 0 8px;
        }
    }

    .detailGrid {
        .infoField {
            display: flex;
            gap: 8px;
            padding: 8px 0;

            &~.infoField {
                border-top: 1px solid #EEE;
            }

            .label {
                flex: 0 0 auto;
                align-self: flex-start;
                width: 180px;
                font-size: 12px;
                color: #0055AA;
                text-align: left;
                letter-spacing: 1px;
                white-space: normal;
                word-break: keep-all;
                line-height: 1.2;
                background: transparent;
                position: relative;

                &:before {
                    content: "";
                    width: 4px;
                    height: 4px;
                    background-color: #0055AA;
                    border-radius: 50%;
                    position: absolute;
                    top: 8px;
                    left: 0;
                }
            }

            strong {
                flex: 1;
            }

        }
    }

    .loginscreen {
        display: grid;
        place-content: center;
        padding-top: 0;
        height: 100vh;

        h1 {
            font-size: 28px;
            text-transform: uppercase;
        }

        h3 {
            color: transparent;
            background: linear-gradient(45deg, #9358f3, #e6c408, #23c6c8);
            -webkit-background-clip: text;
        }

        form {
            padding: 8px;
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 4px;

            .form-group {
                display: block;

                :is(input, button) {
                    border-radius: 2px;
                }

                label {
                    padding: 0 !important;
                    min-height: unset;
                    color: #FFF;
                    opacity: 0.5;
                    background-color: transparent;
                }

                input {
                    min-width: 100%;
                }
            }
        }
    }
}

/* FC inquiry manual review — layout (grid + filters card, responsive) */
.fc-inquiry-review .fc-inquiry-stats {
    margin-bottom: 16px;
}

.fc-inquiry-review .fc-inquiry-stat-card {
    border: 1px solid #e7eaec;
    border-radius: 4px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: #fafbfc;
    border-left: 4px solid #1ab394;
}

.fc-inquiry-review .fc-inquiry-stat-card--today {
    border-left-color: #23c6c8;
}

.fc-inquiry-review .fc-inquiry-stat-label {
    font-size: 12px;
    color: #676a6c;
    line-height: 1.45;
    margin-bottom: 8px;
    font-weight: normal;
}

.fc-inquiry-review .fc-inquiry-stat-value {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    line-height: 1.2;
}

/* overflow must stay visible so Chosen (angular-chosen) dropdown is not clipped */
.fc-inquiry-review .fc-inquiry-filter-card {
    border: 1px solid #e7eaec;
    border-radius: 4px;
    margin-bottom: 12px;
    background: #fff;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.fc-inquiry-review .fc-inquiry-filter-card-heading {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: #f0f3f4;
    border-bottom: 1px solid #e7eaec;
}

.fc-inquiry-review .fc-inquiry-filter-card-heading .fa {
    margin-right: 8px;
    color: #1ab394;
}

.fc-inquiry-review .fc-inquiry-filter-card-body {
    padding: 16px 15px 20px;
    overflow: visible;
}

/* Chosen: sit above following blocks (hint, results) */
.fc-inquiry-review .fc-inquiry-filter-card-body .chosen-container {
    position: relative;
    z-index: 100;
}

.fc-inquiry-review .fc-inquiry-filter-card-body .chosen-container.chosen-with-drop {
    z-index: 200;
}

.fc-inquiry-review .fc-inquiry-filter-card-body .chosen-container .chosen-drop {
    z-index: 201;
    border-color: #aaa;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Chosen single: one line + ellipsis (long placeholder / option text) */
.fc-inquiry-review .fc-inquiry-filter-card-body .chosen-container.chosen-container-single {
    min-width: 0;
    max-width: 100%;
}

/* 거래일 input·Chosen·텍스트 필터 높이 통일 (Bootstrap .form-control 34px 기준) */
.fc-inquiry-review .fc-inquiry-filter-card-body .form-group > .form-control,
.fc-inquiry-review .fc-inquiry-filter-card-body .form-group > input.form-control.date-picker {
    height: 34px;
    min-height: 34px;
    box-sizing: border-box;
}

.fc-inquiry-review .fc-inquiry-filter-card-body .chosen-container.chosen-container-single .chosen-single {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    height: 34px !important;
    min-height: 34px;
    max-height: 34px;
    line-height: 32px !important;
    box-sizing: border-box !important;
    padding-top: 0;
    padding-bottom: 0;
}

.fc-inquiry-review .fc-inquiry-filter-card-body .chosen-container.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-right: 26px;
    word-break: normal;
    word-wrap: normal;
    line-height: 32px !important;
}

.fc-inquiry-review .panel-body {
    overflow: visible;
}

.tab-content .tab-pane.active .fc-inquiry-review {
    overflow: visible;
}

/* 한 줄: 라벨(고정 폭) + 컨트롤 — 거래일·TID 등 동일 간격, 성명조회 심사 상태(셀렉트+조회)도 동일 행 */
.fc-inquiry-review .fc-inquiry-filter-card-body .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 12px;
    row-gap: 6px;
    margin-bottom: 16px;
    min-height: 34px;
}

.fc-inquiry-review .fc-inquiry-filter-card-body .form-group label {
    flex: 0 0 155px;
    max-width: 155px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    display: inline-flex;
    align-items: center;
    align-self: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-inquiry-review .fc-inquiry-filter-card-body .form-group > .form-control,
.fc-inquiry-review .fc-inquiry-filter-card-body .form-group > input.date-picker {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

/* nowrap: 심사상태 Chosen + 조회 버튼 한 줄 */
.fc-inquiry-review .fc-inquiry-filter-auth-st-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px 12px;
    flex: 1 1 auto;
    min-width: 0;
}

.fc-inquiry-review .fc-inquiry-filter-auth-st-select-wrap {
    flex: 1 1 0%;
    min-width: 0;
    overflow: visible;
}

.fc-inquiry-review .fc-inquiry-filter-auth-st-btn-wrap {
    flex: 0 0 auto;
    flex-shrink: 0;
}

.fc-inquiry-review .fc-inquiry-filter-auth-st-select-wrap .chosen-container {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}

.fc-inquiry-review .fc-inquiry-filter-auth-st-select-wrap .chosen-container-single .chosen-single {
    height: 34px !important;
    min-height: 34px;
    max-height: 34px;
    line-height: 32px !important;
    box-sizing: border-box !important;
}

.fc-inquiry-review .fc-inquiry-filter-auth-st-select-wrap .chosen-container-single .chosen-single > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fc-inquiry-review .fc-inquiry-filter-auth-st-select-wrap .chosen-container-single .chosen-single > div b {
    height: 18px;
    flex: 0 0 auto;
    align-self: center;
    background-position: 0 50%;
}

.fc-inquiry-review .fc-inquiry-filter-auth-st-btn-wrap .btn {
    min-width: 96px;
    height: 34px;
    min-height: 34px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.42857143;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fc-inquiry-review .fc-inquiry-pagination {
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #e7eaec;
    text-align: center;
}

.fc-inquiry-review .fc-inquiry-pagination .pagination {
    margin: 8px 0 0;
}

.fc-inquiry-review .fc-inquiry-hint {
    padding: 10px 12px;
    border-left: 3px solid #f8ac59;
    background: #f9f9f9;
    border-radius: 0 4px 4px 0;
}

.fc-inquiry-review .fc-inquiry-results {
    margin-top: 8px;
    padding-top: 4px;
    border-top: 1px solid #e7eaec;
}

.fc-inquiry-review .fc-inquiry-toolbar {
    margin-bottom: 12px;
}

.fc-inquiry-review .fc-inquiry-toolbar-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 20px;
    margin-bottom: 14px;
}

.fc-inquiry-review .fc-inquiry-toolbar-row--main {
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    border-bottom: 1px dashed #e7eaec;
    padding-bottom: 8px;
    margin-bottom: 0;
    gap: 16px 28px;
    min-height: 32px;
}

.fc-inquiry-review .fc-inquiry-toolbar-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap !important;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-start;
    gap: 14px 20px;
    min-width: 0;
}

.fc-inquiry-review .fc-inquiry-toolbar-left .fc-inquiry-total {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    display: flex;
    align-items: center;
    align-self: center;
    box-sizing: border-box;
    height: 32px;
    min-height: 32px;
    margin: 0 !important;
    padding: 0;
    line-height: 32px;
    font-size: 14px;
}

.fc-inquiry-review .fc-inquiry-toolbar-left .fc-inquiry-total span,
.fc-inquiry-review .fc-inquiry-toolbar-left .fc-inquiry-total strong {
    font-weight: inherit;
    line-height: 32px;
}

.fc-inquiry-review .fc-inquiry-toolbar-left .fc-inquiry-total strong {
    font-weight: 600;
}

.fc-inquiry-review .fc-inquiry-toolbar .form-group.m-b-none {
    margin: 0 !important;
}

.fc-inquiry-review .fc-inquiry-toolbar-left .form-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-self: center;
    gap: 6px 8px;
    height: 32px;
    min-height: 32px;
}

body#page-top .fc-inquiry-review .fc-inquiry-toolbar .form-group .form-control {
    flex: 0 0 auto !important;
    width: auto;
    align-self: center;
}

body#page-top .fc-inquiry-review .fc-inquiry-toolbar-left .form-group label {
    min-width: 0;
    padding: 0 8px 0 0 !important;
    background-color: transparent;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    color: inherit;
    margin-bottom: 0;
    line-height: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
    align-self: center;
}

.fc-inquiry-review .fc-inquiry-toolbar-right {
    display: flex;
    flex: 0 0 auto;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px 16px;
    min-width: 0;
}

.fc-inquiry-review .fc-inquiry-toolbar-bulk {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-self: center;
    gap: 10px 12px;
    height: 32px;
    min-height: 32px;
    margin: 0 !important;
}

.fc-inquiry-review .fc-inquiry-toolbar-bulk > .btn {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
}

body#page-top .fc-inquiry-review .fc-inquiry-toolbar-bulk label {
    min-width: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 8px 0 0 !important;
    background-color: transparent;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    color: inherit;
    line-height: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
    max-width: none;
    align-self: center;
}

.fc-inquiry-review .fc-inquiry-toolbar-bulk .form-control.fc-inquiry-select-inline {
    flex: 0 0 auto !important;
    height: 32px;
    min-height: 32px;
    min-width: 0;
    width: auto;
    max-width: min(100%, 10.5rem);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 36px;
    line-height: 32px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
    align-self: center;
}

/* 대상: 긴 옵션은 보이되 폭은 과하지 않게 — 일괄 API는 성명조회만 지원, WLF는 비활성 자리 */
.fc-inquiry-review .fc-inquiry-toolbar-bulk .form-control.fc-inquiry-bulk-select--target {
    width: auto;
    min-width: 15rem;
    max-width: min(100%, 22rem);
}

.fc-inquiry-review .fc-inquiry-toolbar-bulk .form-control.fc-inquiry-bulk-select--action {
    max-width: min(100%, 9.5rem);
    min-width: 6.5rem;
}

/* 네이티브 드롭다운 화살표와 우측 테두리 사이 여백(기본 36px보다 넉넉히) */
.fc-inquiry-review .fc-inquiry-toolbar-bulk .form-control.fc-inquiry-bulk-select--target,
.fc-inquiry-review .fc-inquiry-toolbar-bulk .form-control.fc-inquiry-bulk-select--action {
    padding-right: 2.875rem;
}

/* 필터「조회」와 유사: 오른쪽 여백 + select(32px)와 동일 높이 */
.fc-inquiry-review .fc-inquiry-toolbar-bulk > .btn.btn-primary.btn-sm {
    height: 32px;
    min-height: 32px;
    margin-right: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1.42857143;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fc-inquiry-review .fc-inquiry-select-inline {
    display: inline-block;
    width: auto;
    min-width: 200px;
    max-width: 100%;
    vertical-align: middle;
}

.fc-inquiry-review .fc-inquiry-select-inline-sm {
    display: inline-block;
    width: auto;
    min-width: 72px;
    vertical-align: middle;
}

.fc-inquiry-review .fc-inquiry-toolbar-left .fc-inquiry-select-inline-sm {
    flex: 0 0 auto !important;
    height: 32px;
    min-height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 24px;
    line-height: 32px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
    align-self: center;
}

.fc-inquiry-review .fc-inquiry-table-wrap {
    margin-top: 4px;
    max-height: min(78vh, 920px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* 테이블 우측과 세로 스크롤바 사이 여백 */
    padding-right: 8px;
    padding-bottom: 4px;
    box-sizing: border-box;
    /* 2단 thead 중 아래 줄 sticky top 오프셋(첫 줄 높이에 맞춤, 필요 시 조정) */
    --fc-inquiry-thead-group-h: 2.5rem;
}

/* 한 건(tbody) 단위: 첫 줄(메인 행)에 그룹 구분선 */
.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr:first-child > th,
.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr:first-child > td {
    border-top: 2px solid #b4bcc4;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group:first-of-type > tr:first-child > th,
.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group:first-of-type > tr:first-child > td {
    border-top: 1px solid #e7eaec;
}

/* 진행 단계 선행 행: 펼침+체크 열을 th colspan=2 로 병합 */
.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr.fc-inquiry-flow-lead-row > th.fc-inquiry-strip-th {
    padding: 8px 6px;
    border-bottom: none !important;
    vertical-align: middle;
    background-color: #f7fbf9;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    word-break: keep-all;
    min-width: 4.5em;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr.fc-inquiry-flow-lead-row > td.fc-inquiry-flow-lead-cell {
    padding: 0;
    border-bottom: none !important;
    vertical-align: top;
    background-color: #f7fbf9;
}

/* 힌트 행: 펼침+체크 열 th colspan=2 */
.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr.fc-inquiry-expand-row > th.fc-inquiry-strip-th {
    padding: 8px 6px;
    border-top: none !important;
    vertical-align: middle;
    background-color: #f7fbf9;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    word-break: keep-all;
    min-width: 4.5em;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr.fc-inquiry-flow-lead-row .fc-inquiry-flow-lead-inner {
    padding: 10px 12px 8px 10px;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr.fc-inquiry-flow-lead-row .fc-inquiry-ops-flow {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

/* 메인 바로 아래 진행 단계: 위쪽 가로선 제거(한 블록) */
.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr.fc-inquiry-main-row.fc-inquiry-main-row--with-detail + tr.fc-inquiry-flow-lead-row > th,
.fc-inquiry-review .fc-inquiry-result-table > tbody.fc-inquiry-tbody-group > tr.fc-inquiry-main-row.fc-inquiry-main-row--with-detail + tr.fc-inquiry-flow-lead-row > td {
    border-top: none !important;
}

/* 메인+진행단계+심사안내 세 줄을 rowspan 으로 한 셀로 묶음 → vertical-align 만으로 깔끔히 가운데 */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row > td.fc-inquiry-td-lead {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 3.25rem;
    min-width: 3.25rem;
    max-width: 4rem;
    background-color: #f3f3f4;
    border-right: 1px solid #e7eaec;
    padding: 6px 4px;
    box-sizing: border-box;
}

/* 펼침(▾) 위 + 체크박스 아래 세로 배치 — 좌측 lead 열 폭을 좁힐 수 있음 */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row > td.fc-inquiry-td-lead .fc-inquiry-td-lead-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row > td.fc-inquiry-td-lead .fc-inquiry-expand-col,
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row > td.fc-inquiry-td-lead .fc-inquiry-td-select {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 0 !important;
    flex: none;
}

/* 체크박스 자체의 변환 기준점을 중앙으로 — scale(1.7) 시 좌상단으로 쏠리는 시각 오차 방지 */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row > td.fc-inquiry-td-lead .fc-inquiry-td-select input[type="checkbox"] {
    margin: 0;
    transform-origin: center center;
    display: block;
}

/* 안내 줄이 붙는 건: 좌측 강한 컬러바/그라디언트 제거 — 체크박스가 시각적으로 가운데 보이도록 균일 배경 */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row.fc-inquiry-main-row--with-detail > td.fc-inquiry-td-lead {
    background-color: #f0f4f3;
    border-right: 1px solid #b8d9d0;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row.fc-inquiry-main-row--with-detail > td:not(.fc-inquiry-td-lead) {
    background-color: #f7fbf9;
    border-bottom: none;
}

/* 메인·펼침을 한 블록처럼: 메인 행 아래쪽 가로선 제거(펼침 줄에서만 마감) */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row.fc-inquiry-main-row--with-detail > td.fc-inquiry-td-lead {
    border-bottom: none;
}

/* 펼침 안내 행: th·체크 열·본문(td colspan) */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-expand-row > td {
    border-top: none !important;
    vertical-align: middle;
}

/* 진행 단계와 심사 안내 사이 구분선(본문 td.fc-inquiry-expand-strip 포함) */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-flow-lead-row + tr.fc-inquiry-expand-row > th.fc-inquiry-strip-th,
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-flow-lead-row + tr.fc-inquiry-expand-row > td.fc-inquiry-expand-strip {
    border-top: 1px solid #9dc4b8 !important;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-expand-row {
    border-top: none !important;
}

/* 심사 안내: 셀(td)만 배경·여백 — 내부는 문단 텍스트만 */
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-expand-row > td.fc-inquiry-expand-strip {
    padding: 12px 14px 14px 18px;
    border-bottom: 2px solid #a8cfc4;
    background-color: #f7fbf9;
    vertical-align: top;
    text-align: left;
}

/* table-hover: 한 건(tbody) 단위로 진행 단계·메인·힌트 행 동시 강조 */
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-flow-lead-row > th.fc-inquiry-strip-th,
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-flow-lead-row > td.fc-inquiry-flow-lead-cell,
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-main-row > td {
    background-color: #eaf5f1 !important;
    background-image: none !important;
    box-shadow: none !important;
}

.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-expand-row > th.fc-inquiry-strip-th,
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-expand-row > td.fc-inquiry-expand-strip {
    background-color: #eaf5f1 !important;
}

.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-expand-row .fc-inquiry-expand-hint {
    background: transparent !important;
    box-shadow: none !important;
}

/* tbody 묶음 hover: 메인·진행 단계·심사 안내를 한 덩어리로 보이게 외곽 두꺼운 테두리 */
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr:first-child > th,
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr:first-child > td {
    border-top: 2px solid #1ab394 !important;
}

.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr:last-child > th,
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr:last-child > td {
    border-bottom: 2px solid #1ab394 !important;
}

/* 좌측 외곽: 메인 행의 첫 셀에만 — rowspan 으로 세 줄 차지하므로 하단 보더도 함께 그려줘야 외곽이 닫힘 */
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-main-row > td.fc-inquiry-td-lead {
    border-left: 2px solid #1ab394 !important;
    border-bottom: 2px solid #1ab394 !important;
}

.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-flow-lead-row > th.fc-inquiry-strip-th,
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr.fc-inquiry-expand-row > th.fc-inquiry-strip-th {
    border-left: none !important;
}

.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr > th:last-child,
.fc-inquiry-review .fc-inquiry-result-table.table-hover > tbody.fc-inquiry-tbody-group:hover > tr > td:last-child {
    border-right: 2px solid #1ab394 !important;
}

/* 상단 그룹 헤더 행: 빈 셀까지 동일 배경 + 세로 스크롤 시 고정(1단) */
.fc-inquiry-review .fc-inquiry-result-table > thead > tr.fc-inquiry-thead-group-row > th {
    position: sticky;
    top: 0;
    z-index: 14;
    background-color: #e8ecef !important;
    color: #3d4a54 !important;
    vertical-align: middle;
    border-bottom: 1px solid #cfd6db;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.fc-inquiry-review .fc-inquiry-result-table > thead > tr.fc-inquiry-thead-group-row > th.fc-inquiry-th-group {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 1.35;
}

.fc-inquiry-review .fc-inquiry-result-table > thead > tr.fc-inquiry-thead-group-row > th.fc-inquiry-th-lead--group {
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    line-height: 1.25;
    white-space: normal;
    word-break: keep-all;
    width: 3.25rem;
    min-width: 3.25rem;
    max-width: 4rem;
}

.fc-inquiry-review .fc-inquiry-result-table > thead > tr:not(.fc-inquiry-thead-group-row) > th.fc-inquiry-th-lead--controls {
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    word-break: keep-all;
    padding-left: 4px;
    padding-right: 4px;
    width: 3.25rem;
    min-width: 3.25rem;
    max-width: 4rem;
}

/* 열 이름 행(2단 thead): 그룹 행 바로 아래에 붙여 고정 */
.fc-inquiry-review .fc-inquiry-result-table > thead > tr:not(.fc-inquiry-thead-group-row) > th {
    position: sticky;
    top: var(--fc-inquiry-thead-group-h, 2.5rem);
    z-index: 13;
    background-color: #f9f9f9 !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

/* 승인자·승인일시 열이 과도하게 좁아지지 않도록 */
.fc-inquiry-review .fc-inquiry-result-table > thead > tr:not(.fc-inquiry-thead-group-row) > th:nth-last-child(-n + 2) {
    min-width: 6.5rem;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody > tr.fc-inquiry-main-row > td:nth-last-child(-n + 2) {
    min-width: 6.5rem;
}

.fc-inquiry-review .fc-inquiry-result-table > thead > tr > th,
.fc-inquiry-review .fc-inquiry-result-table > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody > tr > td.fc-inquiry-name-stack {
    text-align: left;
    vertical-align: top;
}

.fc-inquiry-review .fc-inquiry-result-table > tbody > tr > td.fc-inquiry-wlf-cell {
    text-align: center;
    vertical-align: middle;
}

.fc-inquiry-review .fc-inquiry-wlf-value {
    font-size: 12px;
    line-height: 1.35;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25em;
    text-align: center;
}

.fc-inquiry-review .fc-inquiry-wlf-peid {
    margin-top: 3px;
    line-height: 1.25;
    text-align: center;
    word-break: break-word;
}

.fc-inquiry-review .fc-inquiry-wlf-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 6px;
    margin-top: 8px;
}

.fc-inquiry-review .fc-inquiry-fp-auth-wait-wlf {
    margin-top: 6px;
    max-width: 11em;
    line-height: 1.35;
    text-align: center;
}

.fc-inquiry-review .fc-inquiry-cell-final-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    margin-top: 4px;
    justify-content: flex-start;
}

.fc-inquiry-review .fc-inquiry-fp-auth-cell {
    vertical-align: middle;
}

.fc-inquiry-review .fc-inquiry-fp-auth-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fc-inquiry-review .fc-inquiry-fp-auth-actions {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4px 6px;
    margin-top: 6px;
    white-space: nowrap;
}

.fc-inquiry-review .fc-inquiry-fp-auth-actions .m-l-xs {
    margin-left: 0;
}

@media (max-width: 767px) {
    .fc-inquiry-review .fc-inquiry-toolbar-row--main {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .fc-inquiry-review .fc-inquiry-toolbar-left {
        justify-content: flex-start;
        width: 100%;
    }

    .fc-inquiry-review .fc-inquiry-toolbar-right {
        justify-content: flex-end;
        width: 100%;
    }

    .fc-inquiry-review .fc-inquiry-toolbar-bulk {
        flex-wrap: wrap;
        height: auto;
        min-height: 32px;
    }

    .fc-inquiry-review .fc-inquiry-toolbar-left .form-group {
        flex-wrap: wrap;
        height: auto;
        min-height: 32px;
    }

    .fc-inquiry-review .fc-inquiry-select-inline {
        min-width: 0;
        width: 100%;
    }

    .fc-inquiry-review .fc-inquiry-filter-card-body .form-group {
        flex-direction: column;
        align-items: stretch;
    }

    .fc-inquiry-review .fc-inquiry-filter-card-body .form-group label {
        flex: none;
        max-width: none;
        margin-bottom: 6px;
    }

    .fc-inquiry-review .fc-inquiry-filter-card-body .form-group > .form-control,
    .fc-inquiry-review .fc-inquiry-filter-card-body .form-group > input.date-picker {
        width: 100%;
    }
}