/* tabler */
:root,[data-bs-theme=light] {
    --tblr-secondary1: #565E73;
    --tblr-body-font-size: 1rem;
    --tblr-gray-50: #F9FAFB;
    --tblr-primary-light: rgba(105, 84, 254, 0.10);
    --tblr-dark2: #111;
    --tblr-secondary3: #666;
}
.form-control:focus {
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    box-shadow: var(--tblr-shadow-input)  !important;
}
.form-control:not(:read-only):focus, .form-select:focus {
    border-color: var(--tblr-primary);
    box-shadow: none;
}
.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text {
    border-color: var(--tblr-primary) !important;
    box-shadow: none !important;
}
.input-group-flat:focus-within {
    box-shadow: none;
}
.hero-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #111;
    text-align: center;
    margin: 5rem auto 1.4rem auto;
}
.hero-title ~ .hero-title-sub {
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 4.5rem;
}
.btn-pill {
    box-shadow: none;
    border: none;
    color: var(--tblr-secondary2);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 12px 26px;
}
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: #fff;
    background-color: var(--tblr-primary);
}
.form-label {
    font-size: 1rem;
}
.form-selectgroup-label {
    font-size: 1rem;
}
.form-check-input.readonly[type=radio]:not(:checked) {
    background-color: var(--tblr-gray-200);
}
.form-check-input {
    background-color: var(--tblr-form-check-bg);
}
.form-control[type=text]:not([name^=biz_address]):read-only,
.form-control[type=number]:not([name^=biz_address]):read-only,
.form-control[type=email]:not([name^=biz_address]):read-only {
    background-color: rgba(149, 149, 149, 0.1);
    color: #999;
}
.text-dark2 {
    color: var(--tblr-dark2);
}
.text-secondary3 {
    color: var(--tblr-secondary3);
}
.nav-segmented .nav-link {
    padding: 0.625rem;
    height: auto;
    color: var(--tblr-secondary3);
    font-weight: 600;
}
.nav-segmented .nav-link.active {
    background-color: var(--tblr-primary);
    color: var(--tblr-white);
}
.nav-fill .nav-item .nav-link {
    border-color: transparent;
}
.nav-tabs .nav-link:hover {
    /* border: 0; */
    color: inherit;
    /* font-weight: 600; */
    border-radius: 0;
}
.btn-group .btn-check:checked + .btn {
    border: 1px solid var(--tblr-primary);
    background-color: rgba(var(--tblr-primary-rgb), .1);
    color: var(--tblr-primary);
}
.form-hint+.form-control {
    margin-top: 0;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    padding-right: 1rem !important;
    background-image: none;
}
.form-select.is-invalid {
    --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --tblr-form-select-bg-icon: none !important;
}
.form-control.is-invalid ~ label.btn {
    border-color: var(--tblr-form-invalid-border-color);
}
.btn .spinner-border {
    width: 1.25rem;
    height: 1.25rem;
}
.form-control.is-valid, .was-validated .form-control:valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236954fe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3e%3cpath d='M9 12l2 2l4 -4' /%3e%3c/svg%3e");
    border-color: var(--tblr-border-color);
    background-position: 97% center;
    background-size: 1.375rem;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: rgba(var(--tblr-primary-rgb), .1);
}
.form-check-input.is-invalid~.form-check-label b {
    color: inherit !important;
}
.nav-link.btn {
    box-shadow: none;
}
.nav-link .badge-notification {
    right: -10px !important;
}
.btn-close:hover {
    background: var(--tblr-body-color) !important;
}
/* tabler */

/* tom select */
.ts-control {
    padding: .3rem 1rem !important;
    border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
    border-radius: var(--tblr-border-radius) !important;
    gap: .4rem;
    min-height: 2.5rem;
}
.ts-control:not(.rtl) {
    padding-right: 0 !important;
}
.ts-control > input {
    font-size: .875rem;
}
.ts-control > input::-moz-placeholder{
    color:var(--tblr-tertiary);
    opacity:1
}
.ts-control > input::placeholder{
    color:var(--tblr-tertiary);
    opacity:1
}
.ts-control:has(input:read-only) {
    background-color: rgba(149, 149, 149, 0.1);
    color: #999;
}
.ts-wrapper.multi .ts-control > div {
    border-radius: 2px;
    background: rgba(31, 41, 55, 0.10);
    padding: 4px 6px;
    font-size: 12px;
    color: #111;
    margin: 2px 0 0 0;
}
/* tom select */

/* steps */
.steps {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.step-item {
    padding-top: calc(var(--tblr-steps-dot-size) * 1.5);
    color: #111;
    font-size: 0.875rem;
    font-weight: 700;
}
/* form select group radio */
.form-selectgroup-input:checked+.form-selectgroup-label {
    background: var(--tblr-primary-light);
}
.form-selectgroup-input:checked+.form-selectgroup-label h2 {
    color: var(--tblr-primary);
}
.form-selectgroup-input+.form-selectgroup-label h2 {
    margin-bottom: .2rem;
}
.form-selectgroup-input+.form-selectgroup-label h2~div{
    color: #666;
    font-size: .875rem;
}
/* pagenation */
.page-item.page-next, .page-item.page-prev {
    flex: 0 0 auto;
    position: relative;
}
.page-item:not(.active) .page-link:hover {
    background: transparent;
}
.page-link:hover .page-item-title {
    color: var(--tblr-primary);
}
.pagination.apply .page-item-subtitle {
    color: var(--tblr-primary);
    font-size: .875rem;   
}
.pagination.apply .page-item.page-next .page-link {
    padding-right: 2rem;
}
.pagination.apply .page-item.page-next .page-link::after {
    content: "\ea61";
    font-family: "tabler-icons" !important;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: -0.5rem;
}
.pagination.apply .page-item.page-prev .page-link {
    padding-left: 2rem;
}
.pagination.apply .page-item.page-prev .page-link::before {
    content: "\ea60";
    font-family: "tabler-icons" !important;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: -0.5rem;
}
.pagination.apply .page-item-title {
    font-size: 1.25rem;
    font-weight: 600;
}

/* spreadsheet */
.jexcel_container .jexcel_content {
    max-height: 1000px !important;
}
.jexcel {
    font-size: 1rem !important;
}
.jexcel > thead > tr > td, 
.jexcel > tbody > tr > td {    
    /* line-height: 2rem !important; */
}
.jexcel > tbody > tr > td {
    line-height: 1.5rem !important;
}
.jexcel > thead > tr.jexcel_nested > td {
    background-color: #b3b3b3;
}
.jexcel > thead > tr > td {
    /* text-overflow: ellipsis; */
    white-space: normal;

}
.jexcel > thead > tr:first-child > td, .jexcel > thead > tr:nth-of-type(2) > td {
    height: 2.5rem;
}
.jexcel_container.is-invalid {
    border: 1px solid var(--tblr-form-invalid-border-color);
}

/* common */
html {
    scroll-padding-top: 12rem;
}
body {
    font-size: var(--tblr-body-font-size);
}
ol,ul {
    margin: 0;
}

/* portal */
.fs-18 {
    font-size: 1.125rem;
}
.info-table {
    text-align: center;
    font-size: 1.125rem;
}
.info-table thead th {
    background: #f8f8f9;
    font-weight: 600;
    vertical-align: middle;
    font-size: 1.125rem;
    color: #333;
    border-bottom: 1px solid #333;
    padding: 1rem 0;
}
.info-table tbody th {
    padding: 1rem;
    border-bottom: 1px solid var(--tblr-secondary1);
}
.info-table th {
    background: #f8f8f9;
    font-weight: 600;
    vertical-align: middle;
    font-size: 1rem;
}
.info-table th.required::after {
    content: '*';
    color: var(--tblr-primary);
}
.info-table td {
    padding: 1rem 2rem;
    border-bottom: 1px solid var(--tblr-secondary1);
    vertical-align: middle;
}
.info-table td a.link {
    color: #444CE7;
    text-decoration: underline;
    font-weight: 700;    
}
.info-table td a.btn-primary {
    color: var(--tblr-gray-50);
    font-size: 1rem;
    margin-top: 0.5rem;
}
.btn-guide-apply {
    border: 1.5px solid var(--tblr-primary);
    color: var(--tblr-primary);
    font-size: 1.25rem;
    border-radius: 50px;
    font-weight: 700;
    padding: .8rem 2.5rem .8rem 3.5rem;
    background: var(--tblr-white);
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.btn-guide-apply i {
    font-size: 1.7rem;
    padding-top: .2rem;
}
.btn.btn-icon {
    background: transparent;
    border: 0;
    box-shadow: none;
    min-width: 0;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
}
.btn.btn-icon:active {
    background: transparent;
    color: #333;
}
.btn.btn-icon i {
    font-size: 1.25rem;
    margin-right: .2rem;
}
.btn.btn-icon ~ .alert.alert-info {
    position: absolute;
    padding: 1rem 2rem;
    font-size: 1rem;
    gap: .5rem;
    opacity: 0;
    transition: .3s all;
    z-index: 1;
    background-color: rgba(56, 162, 255, .1);
}
.btn.btn-icon ~ .alert.alert-info.center {
    left: 50%;
    transform: translateX(-50%);
}
.btn.btn-icon:hover ~ .alert.alert-info {
    opacity: 1;
}
div[class*=partner-guide] {
    display: none;
}
.btn[type=submit] {
    font-size: 1rem;
}
.info-table.partner-status td {
    padding: 1rem .5rem;
    font-size: 1rem;
}
div[class^=partner_table] {
    display: none;
}
div[data-apply^=step] {
    /* display: none; */
}
.icon.alert {
    /* back */
}
.icon.complete {
    
}
.modal-email-wrap {
    border-radius: 10px;
    background-color: #f8f8f9;
    padding: 2rem;
    position: relative;
}
.nav-link.sp-apply {
    font-size: 1.25rem;
    border-bottom: 1px solid var(--tblr-gray-100);
    padding: 0.875rem 0;
}
.nav-link.sp-apply.active {
    border: 0;
    border-bottom: 2px solid var(--tblr-primary);
    background-color: rgba(var(--tblr-primary-rgb), .1);
    border-radius: 0;
    font-weight: 600;
}
.btn-group>.btn {
    border-radius: inherit;
}
.btn-save {
    padding: 0 .5rem;
    font-size: .875rem;
    color: var(--tblr-body-color);
    gap: .5rem;
    border-color: #959595;
    min-height: 2rem;
}
.btn-save i {
    font-size: 1rem;
}
.ceo-table, .ceo-table input,
.project-table, .project-table input {
    text-align: center;
}
.table.ceo-table thead tr {

}
.table.ceo-table thead th,
.table.project-table thead th,
.table.ceo-table thead th > * {
    font-size: 1rem;
    padding: .875rem;
    border-bottom: none;
    color: #6B7280;
    font-weight: 500;
    vertical-align: middle;
}
.table.ceo-table tbody td,
.table.project-table tbody td {
    border-bottom: none;
}
.table.project-table tbody input,
.table.project-table tbody select {
    width: auto;
}
.list-style-hangul {
    list-style: hangul;
    margin-left: 1rem;
}
.btn-biz-no > i {
    display: none;
}
.btn-biz-no::after {
    content: '사업자 번호 확인';
}
.btn-biz-no.complete {
    background-color: #F9FAFB !important;
    color: var(--tblr-secondary1) !important;
}
.btn-biz-no.complete::after {
    content: '확인 완료';
}
.btn-biz-no.complete > i {
    display: block;
}
.form-control.tomselected.ts-hidden-accessible {

}
.form-control.ts-wrapper {
    padding: 0;
    border: 0;
}
.file-wrap {
    position: relative;
}
.file-wrap > input[type=file] ~ span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
    background: white;
    font-size: 0.875rem;
    min-width: 10rem;
}
.file-wrap > input[type=file]:disabled ~ span {
    background: var(--tblr-bg-surface-secondary);
}
.submit-info-wrap {
    background-color: #F8F8F9;
    border-radius: 10px;
    padding: 3rem;
    text-align: center;
    margin-bottom: 6rem;
}
.submit-info-wrap .space-y {
    color: #666;
}
#engineerSheet thead tr {
    font-weight: 600;
    white-space: normal;
}
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(2)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(3)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(4)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(5)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(7)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(8)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(9)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(10)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(11)::after,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(12)::after {
    content: '*';
    color: #d63939;
    margin-left: 3px;
}
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(5),
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(9) {
    overflow: visible;
}
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(5)::before,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(9)::before {
    content: '기술자의 주요 사용기술을 선택해 주세요. 기타 시, 비고란에 자유롭게 기재해주세요';
    color: #333;
    position: absolute;
    background: rgba(238, 246, 252, 1);
    font-size: .875rem;
    font-weight: normal;
    width: 19rem;
    top: 110%;
    text-align: left;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: bold;
    display: none;
}
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(5):hover::before,
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(9):hover::before {
    display: block;
}
#engineerSheet thead tr:nth-of-type(3) td:nth-of-type(9)::before {
    content: '엠로 솔루션 SMARTsuite, common, contract, cost 등) 개발 운영 경험에 대해 선택해 주세요';
}
#projectSheet thead tr {
    font-weight: 600;
}
#projectSheet thead tr td:not(:first-child):not(:nth-of-type(7)):not(:nth-of-type(10))::after {
    content: '*';
    color: #d63939;
    margin-left: 3px;
    white-space: normal;
}
#projectSheet thead tr td:nth-of-type(4),
#projectSheet thead tr td:nth-of-type(7),
#projectSheet thead tr td:nth-of-type(8) {
    overflow: visible;
}
#projectSheet thead tr td:nth-of-type(4)::before,
#projectSheet thead tr td:nth-of-type(7)::before,
#projectSheet thead tr td:nth-of-type(8)::before {
    content: '해당 프로젝트에서 수행했던 분야를 자유롭게 기재해주세요. ex) SRM 개발, SRM 운영, MIS 개발, MIS ITO운영, MES 구축, 금융 신용카드 업무시스템 구축, 아키텍쳐TA, 아키텍처SA 등';
    color: #333;
    position: absolute;
    background: rgba(238, 246, 252, 1);
    font-size: .875rem;
    font-weight: normal;
    width: 19rem;
    top: 110%;
    text-align: left;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: bold;
    display: none;
}
#projectSheet thead tr td:nth-of-type(7)::before {
    content: '작성한 화폐단위를 기준으로 작성해주세요 ex) 342 달러의 경우 화폐단위 "미국(USD)" 선택, 상품 금액에 342로 기재';
}
#projectSheet thead tr td:nth-of-type(8)::before {
    content: '작성한 화폐단위를 기준으로 작성해주세요 ex) 342 달러의 경우 화폐단위 "미국(USD)" 선택, 용역 금액에 342로 기재';
}
#projectSheet thead tr td:nth-of-type(4):hover::before,
#projectSheet thead tr td:nth-of-type(7):hover::before,
#projectSheet thead tr td:nth-of-type(8):hover::before {
    display: block;
}   
.project-table tr th.required::after {
    content: '*';
    color: #d63939;
    margin-left: 3px;
}
.form-control.is-invalid ~ .ts-wrapper.form-control > .ts-control {
    border: 1px solid var(--tblr-form-invalid-border-color) !important;
}
#safe_work_commitment:disabled, #provision_of_info:disabled {
    background-color: transparent;
    opacity: 0;
}
.jexcel {
    width: 100% !important;
}

@keyframes biz_alert {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}