/*===================================================================================*/
/* common */
main {
    position: relative;
}

section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.main {
    width: 1920px;
    height: 2580px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.section {
    width: 100%;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


.wide-layout {
    width: 100% !important;
}

.wide-height {
    height: 100% !important;
}

form {
     /* width: 100%; */
    text-align: right;
}

.none {
    display: none !important;
}

.article {
    width: 100%;
    max-width: 1920px;
    padding: 190px 5%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article-lcaInfo {
    width: 100%;
    padding: 80px 5%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.article-content {
    width: 100%;
    max-width: 1280px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.article-image-layout {
    z-index: -1;
    position: fixed;
    top: 50%;
    left: 67%;
    transform: translate(-50%, -50%);
}

.cursor {
    cursor: pointer;
}

.fixed-height {
    height: 100vh;
}

.menu-height {
    height: 100vh;
}

.list-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.list-wrap .text {
    color: var(--Grayscale-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}


.special-listItem {
    position: relative;
}

.special-listItem::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background-color: var(--information-60);
}

.special-listItem-grey {
    position: relative;
    padding-left: 10px;
}

.special-listItem-grey::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background-color: #666;
}

.special-listItem-black-circle {
    position: relative;
    padding-left: 10px;
}

.special-listItem-black-circle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--grayscale-90);
}

.special-listItem-grey-circle {
    position: relative;
    padding-left: 10px;
    margin-top: 4px;
}

.special-listItem-grey-circle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666;
}

.allMenu-navi-layout > .allSubMenu-wrap:not(:first-child) .allSubMenu-link-container li {
    margin-bottom: 10px;
}

.allMenu-navi-layout > .allSubMenu-wrap:not(:first-child) .allSubMenu-link-container {
    color: var(--grayscale-0);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    letter-spacing: -0.36px;
}

.allMenu-navi-layout .allSubMenu-wrap:first-child .special-listItem-white-circle {
    position: relative;
    padding-left: 10px;
    padding: 6px 0px 6px 10px;
    margin-top: 10px;
}

.special-listItem-white-circle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fff;
}


.border-none td {
    border-right: none;
}

/*==========================================================*/
/*navi-bar toggle*/
.naviBar-toggle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.naviBar-toggle .naviBar-list-text {
    margin-right: 4px;
}

.naviBar-toggle .naviBar-list-text span {
    color: var(--grayscale-90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -1px;
}

.naviBar-toggle .naviBar-list-img {
    cursor: pointer;
}

.naviBar-toggle-arrowImg {
    position: relative;
    z-index: 50;
}

.naviBar-toggle-sub {
    width: 153px;
    height: auto;
    position: absolute;
    top: 28px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.naviBar-toggle-subList {
    width: 100%;
    height: 43px;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    border: 1px solid #E2E5EB;
    padding: 0px 14px;
    background-color: var(--grayscale-0);
}

.naviBar-toggle-sub .naviBar-toggle-subList:hover {
    background-color: var(--primary-5);
}

.naviBar-toggle-sub .naviBar-toggle-subList:hover span {
    color: var(--primary-50);
}

.naviBar-toggle-subList > span:first-child {
    display: block;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    float: left;
    text-align: left;
    padding-top: 0px;
}

.naviBar-toggle-subList > span:first-child a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 8px;
}

.naviBar-toggle-subList > span:nth-child(2) {
    padding-top: 2px;
}

.naviBar-toggle-subList.hover {
    background-color: var(--primary-5);
}


.naviBar-toggle-subList span:first-child {
    color: var(--Neutral-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-md, 26px); /* 200% */
}

.naviBar-toggle-list .base {
    position: relative;
}


/*===================================================================================*/

/*card*/

/*card 기본 레이아웃*/
.card {
    width: 1281px;
    height: auto;
    padding: 20px;
    border-radius: 2px;
    border: 1px solid var(--grayscale-30);
    background: var(--grayscale-0);
}

.card-special-design {
    /*기본 카드 디자인에서 배경색 회색(--grayscale-10) 변경*/
    background-color: var(--grayscale-10);
    border: none;
}

.card-contents {
    width: 100%;
}

.card-contents .card {
    padding: 20px 20px 20px 10px;
}

.card-contents .card-title-layout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.program-database-container .card-title-layout {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 0px 10px 10px;
}

.program-database-container .card-title-layout {
    margin-bottom: initial;
}

.card-contents .card-title-text {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    margin-left: 9px;
}

.card-container > div:not(:first-child) {
    margin-top: 50px;
}

.card-container > .card-contents:nth-child(3) .card,
.card-container > .card-contents:nth-child(4) .card,
.card-container > .card-contents:nth-child(5) .card {
    border-radius: 2px;
    border: 1px solid var(--grayscale-10);
    background: var(--grayscale-5);
    padding: 20px;
}

.card-container > .card-contents:nth-child(3) .card .card-list-container {
    padding: 18px 20px 0px 20px;
}

.card-container > .card-contents:nth-child(3) .card-title-layout,
.card-container > .card-contents:nth-child(4) .card-title-layout,
.card-container > .card-contents:nth-child(5) .card-title-layout {
    margin-bottom: initial;
    border-bottom: 1px solid var(--grayscale-10);
    padding-bottom: 14px;
}

.card-container > .card-contents:nth-child(4) .card-list-container {
    padding: 10px 20px;
    margin: 10px 0px;
}

.card-container > .card-contents:nth-child(4) .table-column {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.card-container > .card-contents:nth-child(5) .card-list-wrap > .special-listItem:not(:last-child) {
    margin-bottom: 9px;
}

.card-contents .card-list-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 20px 0px 20px;
}

.card-contents .card-list-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.card-contents .card-list-boldText {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;

    padding-left: 12px;
}

.card-contents .special-listText {
    color: var(--grayscale-70);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
    padding-left: 12px;
    margin-top: 9px;
}

.program-database {
    width: 1280px;
}

.program-database-container {
    width: 100%;
}


.howCards-contents {
    width: 340px;
    height: 220px;
    flex-shrink: 0;
    border-radius: 12px;
    border: 2px solid var(--primary-10);
    background: #fff;
    padding: 32px 30px;
    box-sizing: border-box;
}

/*bar*/
.bar {
    width: 100%;
    height: 1px;
    background-color: var(--grayscale-30);
}

/*!* 기본 테이블 스타일 설정 *!*/
/*.table-column {*/
/*    width: 100%;*/
/*    overflow-x: auto;*/
/*}*/

/*.table-column > table {*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*    table-layout: auto;*/
/*    border-top: 2px solid var(--primary-60);*/
/*}*/

/*.table-column > table th {*/
/*    color: var(--Secondary-40, #2A5C96);*/
/*    text-align: center;*/

/*    !* M, 14 *!*/
/*    font-family: Pretendard;*/
/*    font-size: 14px;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    line-height: 22px; !* 157.143% *!*/
/*    letter-spacing: -0.28px;*/
/*}*/


/*.table-column > table td {*/
/*    color: var(--Grayscale-90, #121315);*/
/*    !* Light, 13 *!*/
/*    font-family: Pretendard;*/
/*    font-size: 13px;*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    line-height: 150%; !* 19.5px *!*/
/*    letter-spacing: -0.26px;*/
/*}*/

/*.table-column.add-scroll-container {*/
/*    overflow-x: auto;*/
/*    white-space: nowrap;*/
/*}*/

/*.table-column > table > colgroup > col {*/
/*    width: auto;*/
/*}*/

/*.table-column > table > thead > tr {*/
/*    background-color: var(--grayscale-5);*/
/*    border-bottom: 1px solid var(--grayscale-20);*/
/*}*/

/*.table-column > table > thead > tr > th,*/
/*.table-column > table > tbody > tr > td {*/
/*    padding: 12px;*/
/*    text-align: center;*/
/*    font-weight: bold;*/
/*    border-right: 1px solid var(--grayscale-20);*/
/*    word-break: break-word;*/
/*    height: 50px;*/
/*    min-height: 50px;*/
/*    line-height: 1.5;*/
/*    vertical-align: middle;*/
/*}*/

/*.table-column > table > tbody > tr {*/
/*    border-bottom: 1px solid var(--grayscale-20);*/
/*    border-left: none;*/
/*    border-right: none;*/
/*}*/

/*.table-column > table > thead > tr > th {*/
/*    font-size: 14px;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    color: var(--secondary-40);*/
/*}*/

/*.table-column > table > thead > tr > td {*/
/*    border: none;*/
/*    border-left: 1px solid var(--grayscale-20);*/
/*}*/


/*.table-column .gradle-info-table > thead > tr > th {*/
/*    border-right: none;*/
/*}*/

/*.table-column > table > tbody > tr > td {*/
/*    padding: 10px;*/
/*    text-align: center;*/
/*    vertical-align: middle;*/
/*    word-break: break-word;*/
/*    border-top: 1px solid var(--grayscale-20);*/
/*    font-size: 13px;*/
/*    font-weight: 300;*/
/*    color: var(--grayscale-90);*/
/*    line-height: 22px; !* 169.231% *!*/
/*    letter-spacing: -0.26px;*/
/*}*/

/*!*예외처리*!*/

/*.table-column > table > tbody > tr > td:first-child {*/
/*    border-left: none;*/
/*}*/

/*.basic-table-layout {*/
/*    width: 100%;*/
/*}*/


/*.table-column > table > tbody > tr:first-child > td {*/
/*    border-top: none;*/
/*}*/

/*.table-column > table > tbody > tr > td:not(:last-child) {*/
/*    border-right: 1px solid var(--grayscale-20);*/
/*}*/

/*.add-info-table table > tbody > tr > td:not(:last-child) {*/
/*    border-right: initial !important;*/
/*}*/

/*.add-info-table tr > td:last-child {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    border: none;*/
/*}*/


/*.table-column > table > thead > tr > th:last-child,*/
/*.table-column > table > tbody > tr > td:last-child {*/
/*    border-right: none;*/
/*}*/

/*.basic-table-contents {*/
/*    width: 100%;*/
/*}*/


/*!* basic-grey tanle layout *!*/
/*.basic-table-style {*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*    background-color: var(--grayscale-0);*/
/*}*/

/*.basic-accordion-info .basic-table-style > thead > tr th,*/
/*.basic-accordion-info .basic-table-style > thead > tr td {*/
/*    border: 1px solid var(--secondary-5) !important;*/
/*}*/

/*.basic-accordion-info .basic-table-style > thead > tr:first-child td {*/
/*    border-top: none;*/
/*}*/

/*.basic-table-style thead tr {*/
/*    background-color: var(--grayscale-5);*/
/*    border-bottom: 1px solid var(--grayscale-20);*/
/*}*/

/*.basic-table-style thead th {*/
/*    padding: 12px 16px;*/
/*    text-align: left;*/
/*    font-weight: bold;*/
/*    background-color: var(--grayscale-5);*/
/*    border-right: 1px solid var(--grayscale-20);*/
/*    font-size: 13px;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    color: var(--grayscale-80);*/
/*    text-align: center;*/
/*}*/

/*.basic-table-style thead th p {*/
/*    font-size: 13px;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*}*/

/*.basic-table-style thead td {*/
/*    padding: 12px 16px;*/
/*    border-right: 1px solid var(--grayscale-20);*/
/*    background-color: var(--grayscale-0); !* td 배경색 설정 *!*/
/*    color: var(--grayscale-90);*/
/*    font-size: 13px;*/
/*    font-weight: 300;*/
/*    text-align: left;*/
/*}*/

/*.basic-table-style thead th:last-child,*/
/*.basic-table-style thead td:last-child {*/
/*    border-right: none;*/
/*}*/

/*!* 파란색 border 제거 *!*/
/*.basic-table-style {*/
/*    border-top: none;*/
/*}*/

/*.basic-table-style tbody tr {*/
/*    border-bottom: 1px solid var(--secondary-5); !* tbody 내 border 설정 *!*/
/*}*/

/*.basic-table-style tbody td {*/
/*    padding: 15px;*/
/*    text-align: left;*/
/*    vertical-align: middle;*/
/*    background-color: var(--grayscale-0); !* tbody td 배경색 설정 *!*/
/*}*/

/*.basic-table-style thead tr th[colspan="2"],*/
/*.basic-table-style thead tr td[colspan="2"] {*/
/*    text-align: center;*/
/*    padding: 16px 0;*/
/*    background-color: var(--grayscale-0);*/
/*}*/


/*!*popup table*!*/


/*.spec-info-table {*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*}*/

/*.spec-info-table > thead > tr > td {*/
/*    color: var(--grayscale-90);*/
/*    font-family: Pretendard;*/
/*    font-size: 13px;*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    line-height: 150%;*/
/*    letter-spacing: -0.26px;*/
/*}*/


/*.table-row-special {*/
/*    width: 1052px;*/
/*}*/

/*.table-row-special > table > thead > tr {*/
/*    width: 100%;*/
/*    height: 50px;*/
/*    display: inline-flex;*/
/*    flex-direction: initial;*/
/*    justify-content: flex-start;*/
/*    text-align: center;*/
/*    border-bottom: 1px solid var(--border-line-grey);*/
/*}*/


/*.table-row-special > table > thead > tr:last-child {*/
/*    height: auto;*/
/*}*/

/*.table-row-special > table thead th,*/
/*.table-row-special > table thead td {*/
/*    padding: 8px 12px;*/
/*    text-align: left;*/
/*    vertical-align: middle;*/
/*}*/


/*.table-row-special > table thead th {*/
/*    width: 20%;*/
/*    height: auto !important;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.table-row-special > table > thead td {*/
/*    width: 30%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/

/*.table-row-special > table > thead > tr:last-child td {*/
/*    width: 80%;*/
/*    height: 100%;*/
/*    align-items: flex-start;*/
/*}*/


/*!**/
/*.table-row-special02 > table > thead > tr:last-child > th {*/
/*  width: 162px !important;*/
/*}*/

/*.table-row-special02 > table > thead > tr:last-child > td {*/
/*  width: 800px !important;*/
/*  height: auto;*/
/*}*/

/*.table-row-special02 > table > thead > tr:last-child {*/
/*  height: 200px;*/
/*}*/

/*.table-row-special02 > table > thead > tr:last-child > th {*/
/*  width: 170px !important;*/
/*  height: 100%;*/
/*}*/

/*.table-row-special02 > table > thead > tr:last-child > td {*/
/*  width: 850px !important;*/
/*  height: 100%;*/
/*}*!*/

/*.table-row-special > table > thead > tr:last-child > td > ul > li > span img {*/
/*    cursor: pointer;*/
/*}*/

/*.popUp-table-resize > table td {*/
/*    width: 100% !important;*/
/*}*/


/*modal-popup*/

.viewPopUp {
    display: flex;
    position: fixed;
    z-index: 500;
    /*padding-top: 100px;*/
    /*left: 0;*/
    /*top: 0;*/
    width: 100%;
    height: 100%;
    /*overflow: auto;*/
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 50;
}

.viewPopUp-sec03,
.viewPopUp-sec04 {
    width: 100%;
    height: 90vh;
    position: fixed;
    z-index: 100;
}

.viewPopUp-content {
    width: 100%;
    background-color: #fefefe;
    margin: auto;
    width: 80%;
    padding: 20px;
    border: 1px solid #888;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.viewPopUp-sec04 > .product-viewPopUpWrap,
.viewPopUp-sec03 > .product-viewPopUpWrap {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 110;
}

.viewPopUp-sec04 > .product-viewPopUp,
.viewPopUp-sec03 > .product-viewPopUp,
.lcaDb-viewPopUp {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 120;
}

.product-viewPopUp > div {
    width: 100%;
}

.pcr01-PopUp .product-viewPopUp {
    width: 860px;
    height: 560px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pcr01-PopUp .blocation-scrloll {
    max-height: 350px;
}

.lcaDb-viewPopUp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1280px;
    height: auto;
    background-color: var(--grayscale-0);
    border-radius: 4px;
    border: 1px solid var(--grayscale-40);
    padding: 40px;
}

/*lca0db-popup*/


/*completeTable*/

.completeTable > thead th {
    border-top: none;
}

.completeTable > thead td {
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 19.5px */
    letter-spacing: -0.26px;
    color: var(--grayscale-90);
    background-color: var(--grayscale-0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width: 100px;*/
}


.gradle-info-table {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 720px;
    display: inline-block;
}

.blocation-scrloll {
    max-height: 300px;
    overflow-y: auto;
    border-bottom: 1px solid var(--grayscale-20);
}

.blocation-scrloll table {
    width: 100%;
    table-layout: fixed;
}

.popup-scroll-type01 {
    table-layout: fixed !important;
    width: 100%;
}

.popup-scroll-type01 th, .popup-scroll-type01 td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.popup-scroll-type01 td:first-child {
    text-align: center;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup-scroll-type01 .center {
    text-align: center;
}

/*===================================================================================*/

/*fonts*/

h1 {
    font-family: "Pretendard", sans-serif;
    font-size: 62px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px;
}

h2 {
    color: var(--primary-90);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px;
}

h3 {
    color: var(--Grayscale-30, #d8d8d8);
    font-family: Pretendard;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.3px;
}

h4 {
    color: var(--Grayscale-50, #999);
    font-feature-settings: "liga" off, "clig" off;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    letter-spacing: -1px;
}

h5 {
    color: var(--grayscale-50);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: -1px;
}

h6 {
    color: var(--grayscale-70);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.16px;
}

.font-title-Xlarge {
    color: var(--primary-50);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.24px;
}

.h7 {
    color: var(--grayscale-70, #555);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 23.8px */
    letter-spacing: -0.17px;
}

.h8 {
    color: var(--grayscale-70, #555);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.16px;
}

/*===================================================================================*/
/* 01.Button Design */

.basic-button-layout {
    width: 110px;
    height: 34px;
    padding: 7px 20px;
    box-sizing: border-box;

    border-radius: 4px;
    background: var(--secondary-50);
    /*font-style-white*/
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    letter-spacing: -1px;

    display: flex;
    justify-content: center;
    align-items: center;

    border: none;
    cursor: pointer;
}

.basic-button-layout-sm {
    width: 50px;
    height: 26px;
    padding: 0px 4px;
    border-radius: 2px;
    background: var(--secondary-50);
    /*font-style-white*/
    color: var(--secondary-0);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    letter-spacing: -1px;

    display: flex;
    justify-content: center;
    align-items: center;

    border: none;
    cursor: pointer;
}

.basic-button-white {
    width: 100px;
    height: 26px;
    background-color: var(--secondary-0);
    border: 1px solid var(--grayscale-30);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 2px;

    /*font*/
    color: var(--Grayscale-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}

.re-table-btn {
    width: 100px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: var(--secondary-0);
    border: 1px solid var(--grayscale-30);
    padding: 0px 4px;

    /*font*/
    color: var(--grayscale-80);
    font-size: 12px;
    font-weight: 400;
}

/*file - create*/
.file-create-btn {
    display: flex;
    width: 50px;
    height: 26px;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;

    border-radius: 2px;
    background-color: var(--secondary-0);
    border: 1px solid var(--grayscale-30);
    cursor: pointer;

    color: var(--grayscale-80);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 16.5px */
}

/*file - allDownload-done*/
.file-allDownload-done-btn {
    width: 100px;
    height: 26px;
    border-radius: 2px;
    padding: 0px 5px;
    background-color: none;
    border: 1px solid var(--grayscale-30);
    cursor: pointer;
}

.file-Download-btn-blue {
    width: 145px;
    height: 45px;
    padding: 0px 4px;
    border-radius: 2px;
    background-color: var(--primary-50);
    color: var(--grayscale-0);
    font-size: 18px;
    font-weight: 500;
}

.file-btn-blueLine-custom {
    display: flex;
    width: 176px;
    height: 45px;
    padding: var(--font-size-md, 16px) 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 2px;
    border: 1px solid var(--primary-50);
    background: var(--grayscale-0);

    color: var(--Primary-50, #246BEB);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.file-btn-blue-custom {
    display: flex;
    width: 176px;
    height: 45px;
    padding: var(--font-size-md, 16px) 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 2px;
    background: var(--primary-50);

    /*font*/
    color: var(--gray-gray-0, #FFF);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.file-btn-disabled {
    display: flex;
    width: 176px;
    height: 45px;
    padding: var(--font-size-md, 16px) 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 2px;
    border: 0px solid var(--primary-50);
    background: var(--grayscale-30);

    color: var(--grayscale-60);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.file-save-btn-grey {
    width: 145px;
    height: 45px;
    padding: 0px 12px;
    border-radius: 2px;
    background-color: var(--grayscale-50);
    color: var(--grayscale-0);
    font-size: 18px;
    font-weight: 500;
}


.file-btn-grey-custom {
    display: flex;
    width: 176px;
    height: 45px;
    padding: var(--font-size-md, 16px) 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 2px;
    background: var(--grayscale-50);
    color: var(--gray-gray-0, #FFF);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}


.file-edit-btn {
    width: 145px;
    height: 45px;
    padding: 0px 12px;
    border-radius: 2px;
    border: 1px solid var(--primary-50);
    background-color: var(--grayscale-0);
    color: var(--primary-50);
    font-size: 18px;
    font-weight: 500;

}

/*파일 클릭 시 css 수정*/


/*=================================accordion-design==================================*/

.accordion-design {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid var(--secondary-5);
    background-color: var(--secondary-0);
    padding: 14px 20px 14px 8px;
}

.basic-accordion {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.basic-accordion .layout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/*.basic-accordion-info {*/
/*    width: 100%;*/
/*    padding: 15px 20px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: flex-start;*/
/*    align-items: flex-start;*/
/*    background-color: var(--grayscale-5);*/
/*    border: 1px solid var(--grayscale-5);*/
/*    margin-top: -1px;*/
/*}*/

/*.basic-accordion-info > ul > li:first-child {*/
/*    width: 100%;*/
/*}*/

/*===================================================================================*/

.mainImage-content {
    width: 634px;
    height: 634px;
}

/*==============================================================================*/

.howCards-contents:hover,
.menuCards-contents:hover {
    /*width: 340px;*/
    /*height: 220px;*/
    flex-shrink: 0;
    border-radius: 12px;
    border: 3px solid var(--primary-50);
    background: #fff;
}

.whatLca_layout {
    width: 610px;
    height: 40px;
}

/*==============================================================================*/
/*Modal - LCA Login*/

.loginModal {
    width: 700px;
    height: 347px;
    border-radius: 12px;
    z-index: 1;
    position: fixed;
    top: 50%;
    left: 37%;
    transform: translate(-50%, -50%);
}

.loginModal-content {
    width: 600px;
    height: 100%;
    padding: 15px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    background: var(--primary-0);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.loginModal-content > div {
    width: 100%;
}

.login-btn-layout {
    width: 100%;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--grayscale-30);
    margin: 10px;
}

.login-btn-layout > button {
    color: var(--primary-0);
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1px;
    background: initial;
}

/*
.login-btn-layout:hover {
  background-color: var(--primary-50);
  cursor: pointer;
}*/

.login-info-layout {
    display: flex;
    width: 360px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
}

.login-info-greyCard {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: var(--grayscale-5);
    padding: 10px;
    box-sizing: border-box;
}

.login-subInfo {
    margin-top: 8px;
}

.login-subInfo p {
    color: var(--Neutral-90, #121315);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 16.9px */
}

.login-info-layout input {
    width: 334px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--grayscale-40);
    background: var(--grayscale-0);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    padding: 5px 30px 5px 10px;
}

.login-info-layout input:focus {
    border-radius: 4px;
    border: 1px solid var(--information-50);
    background: var(--grayscale-0);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}

.login-info-layout input::placeholder {
    color: var(--grayscale-50);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    margin-bottom: 3px;
}

.login-info-card {
    width: 100%;
    height: auto;
    margin: 8px 0;
}

.modal-bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(14, 43, 94, 0.6);
}

.login-input-layout {
    position: relative;
}

.loginIcon_delete {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
}

.loginIcon_delete {
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 11;
    cursor: pointer;
}

.loginIcon_delete_none {
    display: none;
}

.login-status-info {
    height: 17px;
    margin-top: 4px;
}

.login-title-label {
    color: var(--neutral-90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -1px;
    text-align: left;
}

.search-input-layout {
    width: 100%;
    position: relative;
    background-color: var(--grayscale-5);
    border-radius: 4px;
    border: 1px solid var(--grayscale-20);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}

.search-input-layout input[name="search-bar"] {
    width: 100%;
    height: 52px;
    position: relative;
}

.search-bar-btn,
.delete-bar-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 130;
    cursor: pointer;
}


.search-input-layout > .delete-bar-btn {
    right: 45px;
}

/*==============================================================================*/

.none-data {
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--grayscale-0)
}

.none-data .none-data-layout {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.none-data .contentsSection-layout {
    margin: initial;
    padding: initial;
    justify-content: center;
}


/*END - Modal - LCA Login*/

/*==============================================================================*/
/*menuCards-contents*/

.menuModal-layout {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.menuCards-contents {
    display: flex;
    width: 250px;
    height: 220px;
    padding: var(--font-size-md, 16px) 10px var(--font-size-md, 16px) 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 12px;
    border: 2px solid var(--Primary-10, #d3e1fb);
    background: var(--Grayscale-White, #fff);
}

/*END - menuCards-contents*/
/*==============================================================================*/

/*LCA 정보관리 타이틀*/

.infoTitle-layout {
    width: 100%;
    height: 200px;
    padding: 50px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

/*LCA 보고서 관리*/

.toggleBar-contents {
    width: 100%;
    height: 50px;
    position: absolute;
    flex-direction: column;
    margin-top: 330px;
    z-index: 10;
    display: flex;
    align-items: center;
    background: var(--grayscale-5);
    margin-top: 310px;
}

.toggleBar-contentsWrap {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.toggleBar-contentsWrap > ul {
    width: auto;
}

.toggle-searchBar-layout {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 5px 4px;
}

.toggle-searchBar-layout > li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.toggleBar-list-searchBar {
    width: 150px;
    height: 30px;
}

.toggle-searchBar-layout > li input {
    width: 100%;
    height: 100%;
}

.toggle-searchBar-layout > li:nth-child(3) > button {
    width: 24px;
    height: 60%;
    background: #fff;
    position: absolute;
    top: 2;
    right: 0;
    padding: 0px 3px;
    margin-top: 5px;
    border-left: 1px solid var(--grayscale-30);
}


.toggleBar-list-icon {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toggleBar-contentsWrap > .toggleBar-list > li > span {
    display: block;
    width: 53px;
}

.toggleBar-contentsWrap > .toggleBar-list:first-child > li > span {
    display: block;
    width: 80px;
    height: 100%;
}

/*gnb-sub toggle*/
.subToggle-searchBar-layout {
    width: 184px;
    height: auto;
    position: absolute;
    top: 34px;
    left: 0;
    background-color: black;
}

.subToggle-searchBar-layout > li {
    width: 184px;
    height: 44px;
    background: var(--grayscale-0);
    border: 1px solid var(--border-line);
    padding: 14px;
}

.subToggle-searchBar-layout > li:hover,
.subToggle-searchBar-layout > li:active {
    background-color: var(--primary-5);
    color: var(--primary-50);
    cursor: pointer;
}

.subToggle-searchBar-layout::-webkit-scrollbar,
.blocation-scrloll::-webkit-scrollbar {
    width: 5px; /* 스크롤 바 너비 */
    height: 100px;
}

.subToggle-searchBar-layout::-webkit-scrollbar-track,
.blocation-scrloll::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track {
    background: #f1f1f1; /* 스크롤 바 트랙 배경 */
}

.subToggle-searchBar-layout::-webkit-scrollbar-thumb,
.blocation-scrloll::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
    background: var(--grayscale-40); /* 스크롤 바 색상 */
    border-radius: 8px; /* 스크롤 바 둥글게 */
}

.subToggle-searchBar-layout::-webkit-scrollbar-thumb:hover,
.blocation-scrloll::-webkit-scrollbar-thumb:hover,
.scroll::-webkit-scrollbar-thumb:hover {
    background: #555; /* 스크롤 바 호버 색상 */
}

.modal-monthly-details .scroll {
    height: 300px; /* 스크롤 영역의 높이 */
    overflow-y: auto; /* 세로 스크롤 가능 */
}

.modal-monthly-details .scroll::-webkit-scrollbar {
    width: 5px; /* 세로 스크롤바 너비 */
    height: 10px !important; /* 가로 스크롤바 높이, 중요도 설정 */
}


.subToggle-none {
    display: none;
}

/*toggle-check-icon control*/
.toggle-icon-none {
    display: none;
}


.sideSection-layout {
    width: 170px;
    min-width: 170px;
}


.managing-title-wrap .sideSection-layout,
.contactUs-wrap .sideSection-layout {
    margin-right: 91px;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.sideSection-navi-title {
    width: 100%;
}

.sideSection-layout > div > span:first-child {
    color: var(--primary-Black);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: -1px;
}

.side-layout {
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 120px;
}

.side-layout .sideSection-layout {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1px;
    margin-top: 160px;
}

.side-layout .contentsSection-layout-y {
    margin: 100px 0px 0px 90px;
}

.side-layout .side-layout .user-input02-title {
    margin: initial;
}

.side-layout .contentsSection-layout {
    margin-top: 158px;
    justify-content: flex-start;
}

.icon-bg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--primary-5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.contentsSection-layout {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 150px;
}

.contentsSection-layout .font-body-xmedium {
    font-weight: 400;

}

.contentsSection-layout button {
    width: 120px;
    height: 40px;
    padding: 16px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-50);
    color: var(--grayscale-0);
    border-radius: 2px;
    cursor: pointer;

    color: var(--Neutral-White, #FFF);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

.contentsSection-layout-y {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    align-items: center;
    margin-bottom: 10%;
}

.contentsSection-layout-y > div {
    width: 100%;
}

/*LCA 보고서 관리*/

.naviBar-contents {
    width: 100%;
    height: 50px;
    position: fixed;
    flex-direction: column;
    background-color: var(--grayscale-0);
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0.5px solid var(--grayscale-10);
    margin-top: 80px;
}

.naviBar-contents > div {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.naviBar-contents > div > ul {
    width: auto;
}

.naviBar-contents ul,
.naviBar-contents ul > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.naviBar-toggle-list .naviBar-list-text {
    color: var(--Neutral-90, #121315);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -1px;
}

.naviBar-toggle-list > li {
    margin-right: 4px;
}

.article-lcaReport {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/*==========================================아코디언====================================================*/
.accordion-content {
    display: none;
}

.title-impact {
    width: 4px;
    height: 15px;
    background-color: var(--grayscale-90);
}

/*=======================================하단 고정 플로팅====================================================*/

.bt-floating {
    width: 100%;
    height: 110px;
    background-color: var(--grayscale-0);
    border-top: 0.5px solid var(--secondary-10);
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 45;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bt-floating .article-lcaReport {
    align-items: center;
}

.bt-floating .article-lcaReport div {
    padding-top: initial;
}


/*=======================================Delete Modal===================================================*/

.deleteModal {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 150;
}

.deleteModal-content {
    width: 312px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: 10px;
    border-radius: 8px;
    padding: 24px 24px 14px 24px;
    background-color: var(--grayscale-0);
    opacity: 1;
    box-shadow: 0px 0px 10px 0px rgba(107, 110, 116, 0.2);
    z-index: 60;
}

.deleteModal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--grayscale-90);
    opacity: 0.8;
    z-index: 50;
}

/*=======================================탭메뉴=================================================*/
.tapMenu {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.tapMenu > li {
    width: auto;
    height: 30px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
}


.tapMenu > li > a {
    display: block;
    width: 100%;
    height: 100%;
}

/*재작업*/
.naviBar-contents .custom-options02 {
    display: none;
}

.tapMenu > li > a > span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 4px;
    text-align: center;

    color: var(--grayscale-60);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.tapMenu-on {
    background: var(--secondary-50) !important;
    color: var(--grayscale-0) !important;
    text-align: center !important;
    font-family: Pretendard !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: -0.28px !important;
}

.tapMenu-off {
    background-color: var(--grayscale-0);
    border: 1px solid var(--grayscale-40);
    border-right: none;
    border-radius: 2px;
}

.tapMenu > li:last-child > a > span {
    border-right: 1px solid var(--grayscale-40);
}

.sensitive-tapMenu-none {
    display: none;
}

.special-tapSize {
    width: 153px !important;
}


/*==========================basic selectBox===========================*/

.basic-selectBox {
    width: 340px;
    height: 100%;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    background-color: var(--grayscale-0);
    color: var(--grayscale50);
    appearance: none; /* 기본 화살표 제거 (브라우저마다 다르게 보이는 경우) */
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

.basic-selectBox:focus {
    outline: none; /* 포커스 시 아웃라인 제거 */
}

.basic-selectBox option {
    display: block;
    width: 338px;
    height: 44px;
    background-color: var(--grayscale-0);
    color: var(--grayscale-80); /* 옵션 글자색 */
    border: var(--border-line); /* 옵션 테두리 제거 */
    padding: 2px 0px;
    line-height: 26px;
}

.custom-select {
    position: relative;
    width: 338px;
}

.select-selected {
    background-color: var(--grayscale-0);
    color: var(--secondary-60);
    padding: 8px 16px;
    border: var(--border-line);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.select-selected > img {
    margin-left: 106px;
}

.select-items div,
.select-selected {
    color: var(--grayscale-80);
    padding: 10px 16px;
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    background-color: var(--grayscale-0);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: var(--border-line);
}

.select-items > div {
    height: 44px;
    border: 1px solid var(--border-line);
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select-items > div:hover {
    color: var(--primary-50);
}

.select-hide {
    display: none;
}

.select-items div:hover {
    background-color: var(--primary-5); /* 커스텀 호버 스타일 */
}

.check-blueIcon {
    display: none;
}

.option-item:hover .check-icon {
    display: inline-block;
}

.option-item.selected .check-icon {
    display: inline-block;
}


/*graddle Table*/
.gradle-info-table .custom-select-trigger,
.add-info-table05 .custom-select-trigger {
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
    border: 1px solid var(--grayscale-20);
    border-radius: 4px;
}

.add-info-table05 .custom-select-trigger {
    height: 52px;
}

.add-info-table05 .custom-select02 {
    width: 100%;
    position: relative;
    padding: 10px 20px !important;
}

.twin-wrap .custom-select-trigger {
    color: #898E90;
    font-family: inherit !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;


}

.twin-wrap .custom-select02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px !important;
}

/*=============================textarea-wrap============================*/

.textarea-wrap {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 4px;
    border: 0.5px solid var(--Neutral-30, #D8D8D8);
    background: var(--grayscale-0);
}

.textarea-wrap > textarea {
    width: 100%;
    height: 100%;
    outline: none;
    padding: 18px 20px;
    overflow: hidden;
    word-wrap: break-word; /* 긴 텍스트를 줄바꿈 처리 */
    white-space: pre-wrap; /* 입력된 공백 및 줄바꿈을 유지 */
    overflow-wrap: break-word; /* 긴 단어를 줄바꿈 */
    resize: none; /* 크기 조절 불가 옵션 (원하는 경우) */
    width: 100%; /* 전체 넓이 사용 */
    height: auto; /* 자동 높이 조절 */

    color: var(--grayscale-100);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
    border-bottom: 20px solid var(--grayscale-0);
}

.textarea-wrap .custom-textarea {
    height: 276px;
    padding: 15px

}

.textarea-wrap-custom {
    height: 65px !important;
}

.textarea-wrap-custom textarea {
    height: 100% !important;
}

.textarea-wrap-custom .textarea-Info-bt-special {
    right: 16px;
    bottom: 5px;
}

.textarea-Info {
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 14px;
    color: var(--grayscale-50);
}

.textarea-Info-bt {
    position: absolute;
    right: 16px;
    bottom: 5px;
}

.textarea-Info-bt > span {
    font-size: 12px;
    color: var(--grayscale-50);
}

.textarea-Info-bt > span:nth-child(2) {
    font-size: 12px;
    color: var(--primary-50);
}

.textarea-btInfo-wrap {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.textarea-btInfo-wrap .layout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.textarea-btInfo-wrap .bar {
    width: 1px;
    height: 12px;
    background-color: var(--grayscale-70);
    margin: 0px 10px;
}


.textarea-btInfo-wrap p {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
    color: var(--grayscale-70);
}

.textarea-btInfo-wrap > div:nth-child(2) > div span {
    font-size: 13px;
    font-weight: 400;
    color: var(--primary-50);
}


.lca-textarea {
    width: 100%;
    color: var(--grayscale-100);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
}

/*=================================================================================*/
/*product-view-popUp*/

.product-viewPopUpWrap {
    position: relative;
    z-index: 60;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-viewPopUp {
    position: absolute;
    width: 560px;
    height: auto;
    background-color: var(--grayscale-0);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
    padding: 30px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.viewPopUp-textWrap {
    width: 100%;
    border-bottom: 1px solid var(--grayscale-20);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.viewPopUp-textWrap > button {
    background: initial;
}

.viewPopUp > thead > tr > td > ul {
    padding: 0px 15px;
}

.viewPopUp > thead > tr > td > ul > li {
    text-align: left;
    position: relative;
    padding-left: 10px;
}

.viewPopUp > thead > tr > td > ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--grayscale-90);
}


.viewPopUp-btn {
    text-align: center;
}

.white-btn {
    border: 1px solid var(--primary-50) !important;
    background: var(--grayscale-0) !important;
    color: var(--primary-50) !important;
}

.viewPopUp-btn > button {
    width: 145px;
    height: 45px;
    background-color: var(--primary-50);
    color: var(--grayscale-0);
    padding: 0px 24px;
    margin-top: 30px;

    color: var(--gray-gray-0, #FFF);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
}


.viewPopUp-none {
    display: none;
}

.viewPopUp-btnTypeWrap {
    width: 100%;
}

.viewPopUp-btnTypeWrap > button {
    width: 260px;
    height: 50px;
    margin: 5px;
}

/*물질 수지를 맞출 수 있나요? Yes or No*/
.reason-text {
    width: 100%;
    height: auto;
    background-color: var(--grayscale-5);
    padding: 15px 26px;
}


#sensitive-tapMenu-content > div:last-child .reason-text > div:last-child {
    width: auto;
}

.reason-text > div:last-child {
    width: 100%;
}


.reason-text textarea {
    height: 150px;
}

.reason-infoText-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/*.reason-radio-group {*/
/*    !*margin-left: 73px;*!*/
/*    justify-content: flex-start;*/
/*}*/

/*.reason-radio-group label {*/
/*    font-size: 13px;*/
/*    font-weight: 400;*/
/*    color: var(--grayscale-70);*/
/*    margin-right: 10px; !* 예와 아니요 사이 간격 *!*/
/*}*/

/*.reason-radio-group input[type="radio"] {*/
/*    margin-right: 5px; !* 라디오 버튼과 텍스트 사이 간격 *!*/
/*}*/

/*.reason-radio-group label input[type="radio"] {*/
/*    vertical-align: middle; !* 라디오 버튼과 텍스트 정렬 *!*/
/*}*/

.reason-text > div p {
    font-size: 13px;
    font-weight: 400;
    color: var(--grayscale-70);
}

.reason-toggle-on {
    display: none;
}


.textarea-Info-bt-special,
.textarea-Info-bt-special > span {
    font-size: 13px !important;
    font-weight: 300 !important;
}

.bottom-table-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bottom-table-info > div:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bottom-table-info > div > div:first-child > span {
    margin-bottom: 10px;
}

.bottom-table-info > div > button {
    width: 100px;
    height: 26px;
    border: 1px solid;
    border-radius: 2px;
    border: 1px solid var(--grayscale-30);
    background: var(--secondary-0);
    margin-left: 13px;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: var(--grayscale-80);

}

.bottom-table-info > div > p {
    font-size: 13px;
    font-weight: 400;
    color: var(--primary-50);
}

.bottom-table-info > div:last-child > p {
    color: var(--grayscale-70);
}


/*==============================================================*/
/*scroll*/


.add-scroll-container table th,
.add-scroll-container table td {
    /*max-width: 300px;*/
    padding: 8px 16px;
    white-space: nowrap;
}

.add-scroll-container table thead {
    position: relative;
}


/*select 교체*/

.subToggle-searchBar-layout {
    width: 184px;
    height: auto;
    position: absolute;
    top: 34px;
    left: 0;
    background-color: black;
}

.subToggle-searchBar-layout > li {
    width: 184px;
    height: 44px;
    background: var(--grayscale-0);
    border: 1px solid var(--border-line);
    padding: 14px;
}


.add-scroll-container select {
    width: 100%;
    height: 100%;
    outline: none;
}


/*!* table 스타일 조정 *!*/
/*.add-scroll-container table {*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*}*/

/*.add-scroll-container table th, table td {*/
/*    padding: initial;*/
/*    border: 1px solid #ddd;*/
/*    text-align: center;*/

/*}*/


.custom-select02 {
    width: 100%;
    position: relative;
    cursor: pointer;
    text-align: center;
    padding: initial !important;
}

.custom-select-trigger {
    display: block;
    padding: 8px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
    white-space: nowrap;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-options02 {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 999;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
    max-height: 1px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.custom-option02 {
    padding: 8px 12px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.custom-options02 > li span {
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: var(--line-height-md, 26px);
}

.custom-options02 > li > span:last-child > img {
    display: none;
}

.custom-options02 > li:hover {
    background-color: var(--primary-5);
    color: var(--primary-50);
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: var(--line-height-md, 26px);
}

.custom-options02 .custom-option02 {
    position: relative;
}

.custom-options02 .custom-option02 span:last-child img {
    display: none;
}

.custom-options02 .custom-option02:hover span:last-child img {
    display: block;
}


/* 드롭다운 토글 */
.custom-select02.active .custom-options02 {
    display: block;
}

.custom-select-custom01 {
    display: block;
    width: 48%;
    height: 60px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-20);
}


.custom-options02 {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 100; /* z-index를 높여 가려짐 방지 */
    max-height: 160px;
    overflow-y: auto;
}

.custom-select-custom01 .custom-select-trigger02 {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    background: var(--grayscale-0);
    border-radius: 4px;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: -0.26px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}


.add-scroll-container {
    max-height: 400px; /* 최대 높이 지정 */
    overflow-y: hidden; /* 자동 스크롤 생성 */
    position: relative;
    padding-bottom: 160px;
}

.add-scroll-container > table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.add-scroll-container > table th,
.add-scroll-container > table td {
    padding: 8px 16px;
    border: 1px solid #ddd;
    text-align: center;
    white-space: nowrap;
}

.add-scroll-container.table-has-scroll {
    overflow-y: auto !important;
}

.report-text ul > li,
.report-text ul > li p {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.26px;
    color: var(--primary-60);
    padding-left: 10px;
}

.report-text ul > li:first-child {
    width: 80px;
}

.report-text ul:nth-child(2) > li {
    color: var(--grayscale-70);
}

.report-text ul:nth-child(2) > li input {
    width: 100px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-40);
    background: var(--grayscale-0);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}

.report-text ul:nth-child(2) > li input::placeholder {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.26px;
    color: var(--grayscale-50);
}

/*=============================================================================*/
/*프로젝트 등록 변경*/

.navi-proj-add {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px
}

.navi-proj-add > li {
    padding: 10px 4px 0 0;
}

.navi-proj-add > li a {
    font-size: 17px;
    font-weight: 300;
    line-height: 25.5px;
    letter-spacing: -1px;
    color: var(--navi-font-color);
}

.navi-proj-add li a {
    color: var(--navi-font-color);
    text-decoration: none;
}

.navi-proj-add li a:hover {
    color: var(--primary-50);
}

.navi-proj-add li.selected a {
    color: var(--primary-50);
    font-weight: 600;
}

.add-info-table .detail-info-btn {
    width: 50px;
    height: 26px;
    border-radius: 2px;
    background-color: var(--secondary-50);
    color: var(--secondary-0);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 250% */
    letter-spacing: -0.24px;
    letter-spacing: -2%;
    text-align: center;
    border-radius: 2px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.add-info-table > tbody > tr > td {
    text-align: center !important;
}


.table-totalWrap {
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}

.table-totalNum {
    color: var(--grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 19.5px */
    letter-spacing: -0.26px;
    text-align: right;
}

/*테이블 하단 리스트 디자인*/

.table-list-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.table-list-container > ul {
    width: 250px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 20px;
}

.table-list-container > ul > li {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-color: var(--list-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.table-list-container > ul > li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px;
    color: var(--grayscale-50);
    font-weight: 400;
    text-decoration: none;
}

.table-list-container > ul > li.num.active a {
    background-color: var(--primary-50);
    color: white;
    border-radius: 4px;
}

.table-list-container > ul > li.arrow_left,
.table-list-container > ul > li.arrow_right {
    background-color: var(--primary-5);
    position: relative;
}

.table-list-container > ul > li.arrow_left a {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid var(--grayscale-50);
}

.table-list-container > ul > li.arrow_right a {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid var(--grayscale-50);
}

.table-list-container > ul > li.num:hover a {
    border-radius: inherit;
    background-color: var(--primary-60);
    color: var(--grayscale-0);
}

.table-list-container > ul > li.selected a {
    border-radius: inherit;
    background-color: var(--primary-60);
    color: var(--grayscale-0);
    font-weight: 400;
}

.data-period-wrap,
.data-period-wrap > li {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.data-period-wrap > li {
    font-size: 15px;
    line-height: 22.5px;
    font-weight: 500;
    padding-left: 10px;
}

.data-period-wrap > li:last-child {
    background-color: var(--grayscale-0);
    border: 10px solid var(--grayscale-5);
    border-radius: 4px;
    padding-left: initial;
}

.data-period-wrap > li:last-child > textarea {
    width: 100%;
    height: 180px;
    outline: none;
    padding-bottom: 20px;
    padding: 10px;
    resize: none;
}


.data-period-wrap .special-listItem::before {
    background-color: var(--grayscale-90);
}


.lca-create-btn > button {
    width: 176px;
    height: 45px;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    border-radius: 2px;
}

.lca-create-btn > button:first-child {
    background-color: var(--grayscale-0);
    border: 1px solid var(--primary-50);
    color: var(--primary-50);
}

.lca-create-btn > button:last-child {
    color: var(--grayscale-0);
    background-color: var(--primary-50);
    margin-left: 10px;
}


/*등록 정보란*/

.user-input01-title {
    color: var(--grayscale-90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 42px */
    letter-spacing: -1px;
    margin: 50px 0px 30px 0px;
}

.user-input02-title {
    color: var(--grayscale-90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 42px */
    letter-spacing: -1px;

    margin: 40px 0px 30px 0px;
}


.table-column td {
    background-color: var(--grayscale-0);
}

.user-input-data01 th, .user-input-data01 td {
    padding: 10px 20px;
    vertical-align: middle;
}

.user-input-data01 th {
    font-size: 15px;
    text-align: left;
    border: 1px solid;
}

.user-input-data01 .custom-select-custom01 {
    height: 52px;
}

.user-input-data01 .custom-select-custom01 .custom-select-trigger {
    color: #898E90;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    justify-content: space-between;
}

.user-input-data01 input, .user-input-data01 textarea,
.userInput-confirm-data01 > thead > tr td textarea {
    width: 100%;
    padding: 20px 10px;
    border: 1px solid var(--grayscale-20);
    border-radius: 4px;
}

.user-input-data01 .input-with-icon {
    display: flex;
    /*align-items: center;*/
    align-items: flex-start;
}

/*.user-input-data01 .input-with-icon .search-icon {*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    background: none;*/
/*    border: none;*/
/*    padding: 0 10px;*/
/*    cursor: pointer;*/
/*}*/

.user-input-data01 .input-date-range {
    display: flex;
    align-items: center;
}

.user-input-data01 .input-date-range input {
    width: calc(50% - 10px);
}

.user-input-data01 .input-date-range span {
    padding: 0 5px;
    font-size: 16px;
    color: #888;
}

.user-input-data01 textarea {
    height: 80px;
    resize: none;
}

.user-input-data01 .input-with-icon {
    position: relative;
}

.user-input-data01 .input-with-icon button {
    position: absolute;
    top: 0;
    right: 0;
}

.input-date-range {
    display: block;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.input-date-wrap {
    display: block;
    position: relative;
}

.input-date-range input[type="text"] {
    color: var(--grayscale-100);
}

.user-input-data01 > thead td input::placeholder,
.user-input-data01 > thead td textarea::placeholder,
.input-date-range input[type="date"] {
    font-size: 15px;
    font-weight: 400;
    color: var(--grayscale-50);

}

.input-date-range input[type="date"] {
    width: 250px;
    height: 52px;
    display: flex;
    padding: 11px 7px 11px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    font-size: 14px;
    color: #333;
    padding: 8px;
    border: 1px solid var(--grayscale-20);
    border-radius: 4px;
    background-color: var(--grayscale-0);
}

.table-column .user-input-data01 thead > tr > th {
    font-size: 15px;
}

/*
.input-date-range input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}*/

.user-input-data01 > thead td input,
.user-input-data01 > thead td textarea,
.input-date-range input[type="date"] {
    height: 52px;
    color: var(--grayscale-100, #000);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.user-input-data01 > thead td textarea {
    height: 120px;
}

.user-input-data01 .twin-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    border: none;
}

.user-input-data01 .twin-wrap input {
    width: 49%;
}

.lcaDate-img {
    position: absolute;
    top: 12px;
    right: 7px;
    cursor: pointer;
}

.user-special-height {
    height: 400px;
}


/*등록/변경 - 입력 정보 확인란*/

.userInput-confirm-data01 > thead > tr td textarea {
    width: 100%;
}

.userInput-confirm-data01 > thead > tr th {
    font-size: 15px !important;
}

.userInput-confirm-data01 > thead > tr td {
    text-align: left;
    padding: 15px 20px;
}

.userInput-confirm-data01 > thead > tr td span {
    font-size: 15px;
    line-height: 22.5px;
    font-weight: 400;
    color: var(--grayscale-100);
}

.userInput-confirm-data01 textarea:disabled {
    background-color: var(--grayscale-0);
}

.userInput-confirm-data01 textarea {
    padding: 10px;
}

.check-radio-Allwrap {
    padding: 20px 15px !important;
}

/*.check-radio-wrap {*/
/*    !*width: 100%;*!*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*    border-radius: 4px;*/
/*    !*margin-left: 10px;*!*/
/*}*/

/*.check-radio-wrap > label:last-child {*/
/*    margin-left: 13px;*/
/*}*/

/*.check-radio-wrap label {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*}*/

/*.check-radio-wrap label > input[type="radio"] {*/
/*    width: 15px;*/
/*}*/

/*.check-radio-wrap label .check-text {*/
/*    display: block;*/
/*    text-align: left;*/
/*    margin-left: 7px;*/
/*    color: var(--grayscale-70);*/
/*    font-family: Pretendard;*/
/*    font-size: 13px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: 150%; !* 19.5px *!*/
/*    letter-spacing: -0.26px;*/
/*}*/

/*.check-radio-wrap > label:last-child span {*/
/*    width: 200px;*/
/*}*/

.check-list-Allwrap {
    background: var(--primary-5);
    margin-top: 10px;
}

.check-list-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    border-radius: 4px;
    padding: 8px;
    margin-top: 10px;

    /*font*/
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.26px;
}

.check-list-contents > li:first-child {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.check-list-none {
    display: none;
}

.step-list-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.step-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;

    /*font*/
    color: var(--primary-50);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 3px;
}

.step-list > li {
    margin: 0px 3px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 3px;
}

.step-list > li a {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
}

.step-list-wrap .step-check a {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid var(--primary-50);
    margin: 0px 10px;
}

.lca-pcr-btn {
    display: block;
    width: 80px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 1px solid var(--grayscale-30);
    background: var(--secondary-0);
    padding: 10px;
    margin: 10px;
    cursor: pointer;

    /*font*/
    color: var(--grayscale-80);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.check-radioContents {
    padding: 40px 20px !important;
}


/* gradle-info-table 내부의 테이블 스타일 */
.gradle-info-table {
    width: 100%;
    border-collapse: collapse;
}

.gradle-info-table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.gradle-info-table th,
.gradle-info-table td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

.gradle-info-table th {
    width: 20%;
    border: none;
}

.gradle-info-table td {
    width: 80%;
}


.gradle-info-table .custom-select02 {
    width: 100%;
    position: relative;
}


.gradle-info-table .custom-options02 {
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    max-height: 150px;
    overflow-y: auto;
    z-index: 10;
}

.gradle-info-table .custom-option02 {
    padding: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.gradle-info-table .custom-option02:hover {
    background-color: #f1f1f1;
}

.gradle-info-table .detail-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0px 26px;
}

.gradle-info-table .detail-steps li {
    width: calc(25% - 114px);
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background: #f9f9f9;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-steps > li:first-child {
    background-color: var(--primary-5);
}


.detail-steps > li:nth-child(2) {
    background-color: var(--primary-10);
}

.detail-steps > li:nth-child(3) {
    background-color: var(--primary-20);
}

.detail-steps > li:nth-child(4) {
    background-color: var(--primary-30);
}

.detail-steps > li:nth-child(5) {
    background-color: var(--primary-40);
    color: var(--grayscale-0);
}

.detail-steps > li:nth-child(6) {
    background-color: var(--primary-50);
    color: var(--grayscale-0);
}

.detail-steps > li:nth-child(7) {
    background-color: var(--primary-60);
    color: var(--grayscale-0);
}

/*color*/
.gradle-info-table .detail-steps > li:nth-child(5) span {
    color: var(--grayscale-0);
}

.gradle-info-table .detail-steps > li:nth-child(6) span {
    color: var(--grayscale-0);
}

.gradle-info-table .detail-steps > li:nth-child(7) span {
    color: var(--grayscale-0);
}


.gradle-info-table .detail-steps li span {
    color: var(--grayscale-100);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.14px;
}

.gradle-info-table .ellipsis {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.detail-steps-info-none {
    display: none !important;
}

.detail-steps-info-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

}

.detail-steps-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.detail-steps-info-wrap > .detail-steps-info:first-child {
    padding-left: 27px;
}

.detail-steps-info-wrap > .detail-steps-info:nth-child(2) {
    padding-left: 27px;
}

.detail-steps-info-wrap > .detail-steps-info:nth-child(3) {
    padding-right: 27px;
}

.detail-steps-wrap {
    border: initial !important;
}

.detail-steps-wrap .detail-steps-text span {
    color: var(--grayscale-100);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.16px;
}

.custom-select-trigger.disabled {
    background-color: #fafafa; /* disabled 배경색과 유사 */
    color: #baacac; /* disabled 텍스트 색상과 유사 */
    pointer-events: none; /* 클릭 불가 */
    opacity: 1; /* 시각적 불투명도 */
}

.add-info-table05 .custom-select-trigger,
.add-info-table05 .custom-options02 > li span {
    color: var(--grayscale-50);
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
}

.add-info-table05 .custom-options02 {
    width: 95%;
    top: 89%;
    left: 19px;
}

.add-info-table05 .add-info-table05-customRow {
    height: 100px;
}

.complete-section {
    height: 70vh;
}

.complete-section .contentsSection-layout {
    justify-content: flex-start;

}

.add-info-table05 .custom-options02 span {
    color: var(--Neutral-80, #4A4B4C);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}

.custom-options02 li span {
    color: var(--Neutral-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-md, 26px); /* 200% */
}

.custom-options02 li:hover {
    background-color: var(--primary-5);
}

.custom-options02 li:hover span {
    color: var(--primary-50);
}


.goals-edit-Btn {
    width: 145px;
    height: 45px;
    padding: 0px 4px;
    border-radius: 2px;
    border: 1px solid var(--primary-50);
    background-color: var(--grayscale-0);
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}


.table-btn {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.table-btn > button {
    width: 50px;
    height: 26px;
    margin-left: 1px;
    background-color: var(--grayscale-0);
    border: 1px solid #ccc;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;

    /*font*/
    color: #343434;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 250% */
    letter-spacing: -0.24px;
}

.table-btn > button.selected {
    background: var(--secondary-50);
    color: var(--secondary-0);
    border: 1px solid var(--secondary-50);
}

.empty-message {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 94px 0px;
}

.empty-message span {
    color: var(--grayscale-70);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.unit-basic-infoTable td,
.unit-basic-infoTable td input {
    text-align: center !important;
}

.navi-itemWrap-unregistered {
    display: none;
}

.navi-proj-add .navi-item-unregistered {
    display: flex;
    padding: 4px 5px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 0px solid var(--grayscale-20);
    background: var(--secondary-5);
    color: var(--secondary-40);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    letter-spacing: -0.24px;
}

.navi-proj-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.side-action-layout {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 26px;
}

.action-button-container {
    width: 170px;
    height: 54px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.side-action-layout > .action-button-container {
    background-color: var(--primary-40);
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0px 10px 10px;
    cursor: pointer;
}

.side-action-layout > .action-button-container:first-child:hover {
    background-color: var(--primary-50);
}

.side-action-layout > .action-button-container:nth-child(2):hover {
    background-color: var(--primary-5);
}

.side-action-layout > .action-button-container:first-child:active {
    background-color: var(--primary-60);
}

.side-action-layout > .action-button-container:nth-child(2):active {
    background-color: var(--primary-10);
}

.side-action-layout > .action-button-container:nth-child(2) {
    background-color: var(--grayscale-0);
    border: 1px solid var(--primary-40);
    margin-top: 5px;
}

.side-action-layout > .action-button-container > span img {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 4px;
}


.side-action-layout > .action-button-container:first-child > span img {
    background-color: var(--grayscale-0);
}

.side-action-layout > .action-button-container:nth-child(2) > span img {
    background-color: var(--primary-40);
}

.side-action-layout > .action-button-container:first-child > span:nth-child(2) {
    color: var(--grayscale-0);
}

.side-action-layout .action-button-container .button-text {
    color: var(--Primary-40, #5089EF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: -1px;
    margin-left: 6px;
}

.side-action-layout .action-button-container:nth-child(2) .button-text {
    color: var(--primary-40);
}

/*===============================================================*/

.scroll-width {
    width: 150% !important;
}

/*toggle-radio-layouy*/
.toggle-radio-image {
    display: block;
    width: 100%;
    text-align: center;
}

.connect-link-btn {
    text-align: center;
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.26px;
    text-decoration: none; /* 기본 밑줄 제거 */
    position: relative;
    display: inline-block;
}

.connect-link-btn::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--primary-50);
    transform: scaleY(0.8);
}

.set-center-layout {
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.set-center-text {
    width: 100%;
    text-align: center !important;
}

.special-tapsize > li:nth-child(4) {
    width: 14%;
}

.special-tapsize > li:nth-child(4) {
    width: 16%;
}


.productOutput {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 39px 0px 6px;
}

.productOutput-wrap {
    width: 335px;
    height: 50px;
    padding: 6px 0px;
    border-radius: 4px;
    background-color: var(--secondary-5);
    padding: 6px;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.productOutput-wrap > li {
    color: var(--primary-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.productOutput-wrap > li:first-child {
    width: 46%;
}

.productOutput-info {
    width: 101px;
}

.productOutput-text {
    width: 100%;
    height: auto;
    border-radius: 4px;
    border: 1px solid var(--grayscale-20);
    background-color: var(--grayscale-5);
    padding: 5px 14px;
    margin-left: 5px;
}


/*탄소발자국 결과*/

.update-data {
    margin: 10px 0px;
}


.update-data .special-listItem li p {
    color: var(--secondary-40);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
    margin-left: 10px;
}

.update-data .special-listItem li .update-data-btn {
    width: 110px;
    height: 26px;
    background-color: var(--secondary-0);
    color: var(--grayscale-80);
    border-radius: 2px;
    border: 1px solid var(--grayscale-30);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    margin-left: 13px;
}

.update-data-custom {
    margin: 20px 0px 5px 0px;
}

/*==============noen-data-info========================*/

.noen-data-info {
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.noen-data-layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.none-data-markIcon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--primary-5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.noen-data-subInfo {
    color: var(--grayscale-70);
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
    letter-spacing: -0.48px;
}

.none-data-text {
    color: var(--grayscale-70);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.3px;
    margin-top: 5px;
}

.none-data-btn {
    display: flex;
    width: 160px;
    height: 40px;
    background-color: var(--primary-50);

    padding: var(--font-size-md, 16px) 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    border-radius: 2px;

    color: var(--grayscale-0);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

.table-column-click tbody tr td.clicked {
    background: rgba(36, 107, 235, 0.20);
}

.visible-data {
    width: 100%;
    height: 70px;
    background-color: var(--secondary-5);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
}

.visible-data > .visible-data-layout:nth-child(2) {
    margin-left: 5px;
}

.visible-data-layout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
}

.visible-data-layout .item-text {
    margin-right: 5px;
}

.visible-data-layout > .iteme-text p {
    color: var(--primary-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.item-input-wrap input {
    width: 200px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--grayscale-5);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    border: 1px solid var(--grayscale-20);
}

.item-input-wrap input,
.item-input-wrap input::placeholder {
    color: var(--primary-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.create-dbInfo-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
}

.create-dbInfo-btn > button {
    width: 120px;
    height: 36px;
    border-radius: 2px;
    background-color: var(--primary-50);
    color: var(--grayscale-0);
}


.lcaDb-info-wrap {
    display: flex;
    padding: 15px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border: 1px solid var(--secondary-5);
    background: var(--grayscale-5);
}

.lcaDb-info-layout .special-listItem p,
.lcaDb-info-subLayout .special-listItem-grey-circle p {
    color: var(--grayscale-80);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.lcaDb-info-layout .special-listItem {
    padding-left: 10px;
}

.lcaDb-info-layout .special-listItem.btn:not(:last-child) {
    margin-bottom: 10px;
}


.lcaDb-info-subLayout {
    width: 100%;
    padding-left: 10px;
}

.lcaDb-unit-wrap {
    width: 100%;
    margin: 20px 0px 15px 0px;
}

.lcaDb-unit-layout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.lcaDb-unit-layout > li {
    margin-left: 22px;
}

.lcaDb-unit-layout .special-listItem-grey-circle {
    padding-left: 12px;
}

.lcaDb-unit-layout .lca-unit-text {
    color: var(--primary-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.lcaDb-unit-layout input[name="lca-dbValue"] {
    width: 180px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-20);
    background: var(--grayscale-20);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
    margin-left: 10px;
    padding: 5px 14px;

    color: var(--primary-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.managingLocations-table > tbody button {
    width: 60px;
    height: 26px;
    background-color: var(--secondary-50);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;

    /*font*/
    color: var(--secondary-0);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 250% */
    letter-spacing: -0.24px;

}

.managingLocations-table tbody td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

/*
.managing-viewPopUpWrap{
  width: 560px;
}*/

.managing-lca-viewPopUp {
    width: 560px;
    background-color: var(--grayscale-0);
    padding: 30px 40px;

    border-radius: 4px;
    border: 1px solid var(--grayscale-40);
    background-color: var(--grayscale-0);
}

.info {
    margin-top: 30px;
}

.info .address-name,
.info .person-name {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
}

.info .address-info,
.info .person-info {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}


.address-search-wrap .address-search-item {
    width: 100%;
}

.address-search-item input {
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
    padding: initial;
    padding: 10px;
}

.address-search-wrap > .address-search-item:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.address-search-wrap > .address-search-item:nth-child(2) {
    margin: 5px 0px;
}


.address-search-wrap .address-search-btn {
    width: 100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--secondary-50);
    color: var(--grayscale-0);
    margin-left: 10px;
    border-radius: 2px;
}

/*도로명 주소*/

.zipCode-search-info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.zipCode-tipName {
    width: 100%;
    text-align: left;
    margin: 30px 0px;
}

.zipCode-tipName > span {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 33px */
}

.zipCode-layout {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.roadName-wrap,
.roadName-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.roadName-wrap {
    margin-bottom: 20px;
}

.roadName-list {
    flex-direction: column;
}

.zipCode-text {
    margin-bottom: 20px;
}

.zipCode-text p,
.roadName-list > .roadName,
.roadName-list .roadName-sample {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}


.address-input td > .address-search-wrap:nth-child(2) > .address-search-item {
    margin-left: initial !important;
    margin-top: 5px;

}

.country-select td {
    margin-left: initial;
}

.country-select td .heck-radio-wrap {
    margin-left: initial;
}

.custom-selection .check-radio-wrap {
    justify-content: space-between;
}

.custom-select-wrap {
    display: block;
    width: 630px;
    height: 52px;
}

.custom-selection .custom-select-trigger02 {
    justify-content: space-between;
    color: #898E90;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
}

.custom-selection .custom-select02 {
    width: 100%;
    height: 100%;
}


.choose-subText-layout {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.choose-subText-layout .choose-subText {
    color: var(--grayscale-70);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
    text-align: left;
}

.custom-choose {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px !important;
}

.custom-choose .choose-subText-layout {
    margin-left: 10px;
    margin-top: 20px;
}

.choose-subText-layout > .choose-subText:last-child {
    margin-left: 4px;
}


.custom-choose-table input {
    height: 52px !important;
}

.factory-reference {
    width: 100%;
}

.factory-reference .factory-reference-wrap,
.factory-reference .factory-reference-wrap input {
    position: relative;
}

.factory-reference-text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.factory-reference-text-wrap > .factory-reference-text:first-child {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.factory-reference-wrap input {
    height: 93px !important;
}


.factory-reference-text span {
    color: var(--primary-50);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.factory-reference-text > span:nth-child(2) {
    margin-right: 4px;
}

.factory-reference-text > span:nth-child(2) > a {
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--primary-50);
}


.fileOpen-subWrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 4px;
}

.fileOpen-subWrap .fileOpen-sublist:first-child {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.fileOpen-subWrap > .fileOpen-sublist:nth-child(2) {
    padding-left: 2px;
    color: var(--grayscale-70);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.factory-reference-data {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 780px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.factory-reference-listData {
    width: 190px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.factory-reference-listData span {
    color: var(--grayscale-80);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 19.5px */
    letter-spacing: -0.26px;
}


.managingList-table .ellipsis {
    max-width: 100px;
}


.email-input-layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.email-list {
    width: 100%;
    padding-left: 5px;
}

.email-input-layout .custom-select-wrap {
    width: 100% !important;
}

.email-input-layout .custom-select-wrap .custom-select-custom01 {
    width: 100%;
    height: 52px;
}


.email-input-layout .custom-options02 {
    z-index: 150;
}

.custom-height {
    height: 400px;
}

.red-circle-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #D50136;
    margin-left: 4px;
    vertical-align: middle;
}

.red-circle-icon img {
    width: 16px; /* 아이콘 크기 조정 */
    height: 16px;
    vertical-align: middle;
}

.answer-table td {
    text-align: left !important;
    padding: 0px 20px !important;
    max-width: 570px;
}

.answer-table td .selected,
.answer-table td span.selected {
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.answer-table td,
.answer-table td span {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.answer-table .ellipsis-container {
    display: inline-block;
    max-width: 500px; /* 원하는 너비로 설정 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    border: none !important;
}


.custom-line-redIcon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none !important;
}

.answer-table .answer-count {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;

    display: inline-block;
    vertical-align: middle;
}

.ellipsis-info-wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.answer-count {
    font-weight: 500;
}

.answer-table tr > td:not(:nth-child(2)) span {
    display: block;
    width: 100%;
    text-align: center;
}

.create-answer-table {
    min-width: 1020px;
}

.create-answer-table td {
    padding: 10px 15px;
}

.textarea-Info {
    color: var(--grayscale-50);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.textarea-Info-bt {
    color: var(--grayscale-80);
    text-align: right;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}


.create-answer-table input {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    border: 1px solid var(--Grayscale-20, #E4E4E4);
    background: var(--grayscale-0);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}

.create-answer-table input::placeholder {
    color: var(--grayscale-50);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.create-answer-table .input-with-icon {
    width: 400px;
    height: 42px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.create-answer-table .input-with-icon .search-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.create-answer-table textarea {
    height: 400px;
    padding: 15px 15px 35px;
    border-radius: 4px;
    border-bottom: 17px solid #ffffff;
    background: var(--grayscale-0);

    overflow-y: scroll;

    /* Z Index 1 (Component) */
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}

.boardDetails-table tr {
    width: 100%;
    border-bottom: 1px solid #B7BBD1;
}

.boardDetails-table > tr:first-child td {
    width: 80%;
}

.boardDetails-table tr > td {
    color: var(--grayscale-100);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    border: initial;
}

.boardDetails-table tr:last-child {
    height: 450px !important;
}

.boardDetails-table tr:last-child td {
    width: 100% !important;
    padding: 20px;
    border: initial;
}

.manager-answer-layout,
.custom-answer-layout {
    width: 100%;
    background-color: var(--grayscale-5);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    margin-top: 10px;
    padding-top: initial;
}

.custom-answer-layout {
    background-color: var(--secondary-5);
}

.manager-answer-layout .custom-answer-text,
.custom-answer-layout .custom-answer-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.custom-answer-layout .custom-answer-wrap,
.manager-answer-layout .custom-answer-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0px;
}

.custom-answer-text,
.manager-answer {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
    margin-left: 8px;
}

.custom-answer-text,
.manager-answer:first-child{
    line-height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-answer-date span {
    color: var(--gray-gray-04666666, #666);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}


.manager-answer-wrap-bg,
.custom-answer-wrap-bg {
    width: 100%;
    padding: 18px 20px;
    background-color: var(--grayscale-0);
}

.custom-info p,
.custom-info span {
    color: var(--Grayscale-100);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.custom-info span {
    margin-bottom: 10px;
}

.custom-info textarea {
    border: none;
}

.ustom-answer-qText {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--grayscale-100);
    color: var(--grayscale-0);
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-topLine {
    border: 1px solid var(--grayscale-20) !important;
}

.data-period-wrap {
    margin-top: 10px;
}

.data-period-wrap > li {
    margin-top: 5px;
}


.section-layout {
    margin-top: 74px;
}

.section-layout .tapMenu > li {
    width: 103.837px !important;
}

.ItemizedDetails > div:nth-child(3) > div {
    margin-bottom: 10px;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.image-delete-wrap > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.image-delete-wrap > li span.selected {
    color: var(--Neutral-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 19.5px */
    letter-spacing: -0.26px;
}

.image-delete-wrap > li > span:first-child {
    margin-right: 2px;
}

.image-delete-wrap > li > span:last-child {
    width: var(--font-size-md, 16px);
    height: var(--font-size-md, 16px);
    border: 1px solid var(--grayscale-50);
    border-radius: 50%;
    background-color: var(--grayscale-0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2px;
}

.image-delete-wrap > li > span:last-child img {
    width: 100%;
    height: 100%;
}

.table-subCount {
    color: var(--grayscale-50);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.table-subCount > :nth-child(1),
.table-subCount > :nth-child(2) {
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}


.gnb_default_Sub {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 74px;
    left: 0;
}

.gnb_menuLayout > li:hover .gnb_default_Sub {
    visibility: visible;
    opacity: 1;
}

/*radio - custom*/

.radio-custom {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none !important;
    cursor: pointer;
}

.radio-custom-list {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--grayscale-40);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.radio-custom-list.selected {
    border: 1px solid var(--primary-60);
}

.radio-custom-list.selected .radio-list {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--primary-60);
}


.table-sub-labelText {
    color: var(--Grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
    margin-top: 5px;
}

.user-input-data01 .lcaPjName {
    text-align: left;
    height: 82px;
}


.user-input-data01 .lcaPjName span {
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 22.5px */
}

.agGride-Section {
    width: 100%;
    height: 552px;
    position: relative;
}

.info-agGride-Section {
    width: 1300px;
    height: 1500px;
}

.modal-mixture-details .agGride-Section{
    width: 100%;
    height: 310px;
}

.modal-mixture-details.special .viewPopUp-wrap{
 width: 940px;
}
.modal-lcia-db{
    overflow-x: hidden;
    background-color: var(--gray-gray-0);
}
.modal-lcia-db .viewPopUp-wrap > div{
    width: 100%;
    background-color: white;
    margin-top: -0.4px;
    padding-bottom: 35px;
}

.modal-lcia-db .viewPopUp-btn > button{
    margin-top: initial;
}

.modal-lcia-db .viewPopUp-title{
    max-width: 100%;
    justify-content: space-between;
}

.modal-mixture-details.special .viewPopUp-wrap .viewPopUp-title{
    max-width: 100%;
    justify-content: space-between;
}
.modal-mixture-details.special .viewPopUp-contents .label-wrap{
    justify-content: space-between;
    align-items: center;
}

.modal-mixture-details.special .btn-wrap{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.modal-mixture-details.special .viewPopUp-contents .label-wrap .btn{
    display: flex;
    width: 50px;
    height: var(--line-height-md, 26px);
    justify-content: center;
    align-items: center;
    gap: var(--line-height-2xs, 20px);
    flex-shrink: 0;
    border-radius: 2px;
    border: 1px solid var(--gray-gray-08-cccccc, #CCC);
    background: #FFF;
    color: #343434;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 250% */
    letter-spacing: -0.24px;
}

.modal-mixture-details.special .viewPopUp-contents .label-wrap .btn.on{
    background: var(--Secondary-50, #003675);
    color: var(--secondary-0);
}

.modal-mixture-details.special .bt-label{
    width: 100%;
    margin: 2px 2.5px 0px;
    color: var(--Neutral-70, #555);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 183.333% */
    letter-spacing: -0.24px;
}

.modal-mixture-details .bt-label .count{
    width: 100%;
    text-align: right;
    padding: 10px 0px;
}

.modal-mixture-details .bt-label .input{
    width: 100%;
    background-color: var(--grayscale-5);
    border: 1px solid var(--secondary-5);
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.modal-mixture-details .bt-label .input .special-listItem > span{
    font-family: Pretendard;
    font-size: 13px;
    font-weight: 400;
    line-height: var(--line-heightxs);
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;    
}

.modal-mixture-details .list-layout > li:not(:last-child){
 margin-bottom: 5px;
}

.modal-mixture-details.special .viewPopUp-contents .agGride-Section{
    height: 352px;
}

.modal-mixture-details.special .viewPopUp-contents .label-wrap .btn:not(:last-child){
    margin-left: 1px;
}

.alarm-title {
    width: 100%;
    text-align: left;
    color: var(--Grayscale-90, #121315);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 42px */
    letter-spacing: -1px;

    margin: 50px 0px 150px;
}


.arrow-wrap > li:nth-child(2) {
    position: absolute;
    top: 28px;
    right: 36px;
}

.pcr-wrap {
    width: 100%;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.status-icon {
    margin-bottom: 10px;
}

.status-text {
    display: flex;
    height: 45px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--Neutral-70, #555);
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: -0.4px;
    margin-bottom: 30px;
}

.status-button {
    color: var(--Neutral-White, #FFF);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

/*modal*/


.viewPopUp-contents,
.viewPopUp-body {
    width: 100%;
}

.viewPopUp-contents .table-column span {
    color: var(--Grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.viewPopUp-contents .table-column td {
    text-align: center;
}

.viewPopUp-contents .table-column span.ellipsis {
    display: block;
    max-width: 130px !important;
}


.contausTable span.ellipsis {
    display: block;
    max-width: 300px !important;
}


.sensitive-tapMenu-wrap .tapMenu > li {
    width: auto;
    /*
  border-radius: 2px;
  border-top: 1px solid var(--grayscale-40);
  border-left: 1px solid var(--grayscale-40);
  background: var(--grayscale-0);*/

}

.tapMenu > li > a > span {
    padding: 5px 18px;
    color: var(--grayscale-60);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
    border: 1px solid var(--grayscale-20);
    border-bottom: none;
}

.tapMenu > li > a > span.tapMenu-on {
    border: initial;
    border-radius: 2px;
}

.viewPopUp-wrap {
    display: flex;
    min-width: 560px;
    max-height: 90vh;
    /*margin-top: auto;*/
    /*margin-bottom: auto;*/
    margin: auto;
    padding: 30px 40px 40px 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Grayscale-40, #C6C6C6);
    background: var(--gray-gray-0, #FFF);
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    overflow-y: auto;
    z-index: 50;
}

.sensitive-tapMenu-wrap .table-column table {
    border-top: 1px solid var(--grayscale-20) !important;
}

.viewPopUp-title {
    max-width: 480px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--grayscale-20);
}

.viewPopUp-title .text {
    display: block;
    width: 452px;

    color: var(--Grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
}

.viewPopUp-title .close {
    margin-left: 8px;
}

.viewPopUp-title .icon {
    width: var(--line-height-2xs, 20px);
    height: var(--line-height-2xs, 20px);
    flex-shrink: 0;
}

.viewPopUp-btn {
    display: flex;
    justify-content: center;
}

.viewPopUp-btn > button {
    width: 145px;
    height: 45px;
    padding: 0px 20px;
    border-radius: 2px;
    background: var(--primary-50);

    display: flex;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;

    margin-top: 40px;

    color: var(--grayscale-0);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.viewPopUp-instructions {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.viewPopUp-instructions > li,
.viewPopUp-listWrap > li {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.viewPopUp-listWrap:not(:last-child) {
    margin-bottom: 27px;
}

.viewPopUp-instructions > li:first-child {
    margin-bottom: 5px;
}

#excel-btn-control .viewPopUp-title {
    margin-bottom: initial;
}

.viewPopUp-instructions > li:last-child {
    margin-top: 30px;
}

.excel-wrap > ul {
    margin-top: 20px;
}

.excel-wrap .viewPopUp-instructions > li:last-child {
    margin-top: 0px;
}

.excel-wrap .viewPopUp-instructions > li {
    margin-bottom: 5px;
}

.excel-wrap .excel-file-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.excel-status-wrap .excel-file-title span,
.excel-file-wrap .excel-file-title span {
    color: var(--primary-70);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.excel-status-wrap {
    width: 100%;
    height: 100%;
    background-color: var(--primary-5);
    border-radius: 4px;
}

.excel-status-wrap li {
    padding: 10px
}

.excel-status-wrap .excel-status-listtext {
    color: var(--grayscale-60);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.excel-wrap .coverImage {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: var(--grayscale-10);
    text-align: center;
    cursor: pointer;
}

.excel-status-wrap .coverImage {
    padding: initial
}

.excel-file-wrap > .excel-file-download {
    width: 455px;
    margin-top: 5px;
}

.excel-status-listtext span {
    padding-left: 5px;
}


.excel-file-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.excel-file-download {
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.excel-file-download {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.excel-file-download-list {
    display: block;
    width: 100%;
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.viewPopUp-listWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-icon-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.btn-icon-wrap .icon-wrap {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--grayscale-10);
    margin-right: 5px;
    cursor: pointer;
}

.btn-icon-wrap .icon-wrap:last-child {
    margin-right: 10px !important;
}

/*테이블 select 파랑*/

.table-selectFont {
    color: var(--primary-60) !important;
    font-weight: 600 !important;
}


.viewPopUp-body {
    width: 465px;
    max-height: 228px; /* 최대 높이를 설정 */
    overflow-y: auto; /* 내용이 넘치면 세로 스크롤바를 표시 */
    overflow-x: hidden; /* 가로 스크롤은 숨김 */
}

.viewPopUp-instructions {
    width: 100%;
}


.viewPopUp-body::-webkit-scrollbar {
    width: 8px;
    height: 100px;
}

/* 스크롤바 트랙(배경) 스타일 */
.viewPopUp-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* 스크롤바 손잡이 스타일 */
.viewPopUp-body::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}

/* 스크롤바 손잡이를 눌렀을 때 스타일 */
.viewPopUp-body::-webkit-scrollbar-thumb:hover {
    background-color: #999999;
}


#modal-allocation-details table td {
    display: flex;
    justify-content: center;
    align-items: center;
}


#modal-allocation-details table tr,
#modal-allocation-details table td {
    height: 62px;
}


#modal-business-location table tr,
#modal-business-location table td {
    height: 50px;
}

.modal-monthly-details .viewPopUp-sideLayout {
    width: 100%;
    padding: 0px 10px;
}

.modal-monthly-details .viewPopUp-wrap {
    width: 1300px;
}

.Register-Unit-Process-File .viewPopUp-sideLayout{
    width: 100%;
}

.modal-monthly-details .viewPopUp-title,
.Register-Unit-Process-File .viewPopUp-title {
    max-width: 100% !important;
    justify-content: space-between;
}

.viewPopUp-contents .label-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2px;
}


.viewPopUp-contents .label-wrap .label,
.bt-label .count {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.label-wrap-sb {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.label-wrap-sb .label {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.label-wrap-sb .label-blue {
    color: var(--secondary-40);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.label-wrap-sb .special-listItem {
    padding-left: 6px;
}


.modal-lcia-db .viewPopUp-wrap {
    width: 100%;
    height: 100%;
    border: initial;
    top: 49%;
    border-radius: initial;
    position: fixed;
}
.modal-lcia-db .viewPopUp-bg{
    background-color: white;
}

.modal-lcia-db .viewPopUp-wrap .viewPopUp-title{
    margin-bottom: 10px;
}


.modal-lcia-db .viewPopUp-title .text {
    width: 1100px;
}

.modal-lcia-db .close {
    margin-left: 50px;
}


.modal-lcia-db .agGride-Section {
    height: 20vh;
}

.modal-lcia-db .searchBar-wrap {
    width: 100%;
    margin-bottom: 30px;
}


.viewPopUp-bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    background: var(--grayscale-90);
    z-index: 10;
}

.viewPopUp-contents .label-wrap-bt {
    margin-bottom: 3px;
}

.viewPopUp-contents .label-wrap-bt .special-listItem-grey {
    color: var(--Neutral-70, #555);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 183.333% */
    letter-spacing: -0.24px;
}

.modal-monthly-details table {
    border-top: 1px solid var(--grayscale-20);
}

.modal-monthly-details .agGride-Section{
    width: 100%;
    height: 310px;

}

.scroll {
    height: 100%;
    overflow-y: auto;
}


.postal-type02 {
    width: 100%;
    color: var(--grayscale-90);
    font-family: Pretendard;
}

.postal-type02 > .postal {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.postal-type02 .postal-header-wrap {
    width: 100%;
    margin: 30px 0px;
}

.postal-type02 .postal-title-wrap {
    width: 100%;
    margin-bottom: 20px;
}

.postal-type02 .postal-header {
    color: inherit;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%; /* 27px */
}

.postal-type02 .postal-title {
    color: inherit;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 19.5px */
}

.postal-type02 .postal-info {
    color: inherit;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.postal-type01 .selected,
.postal-type02 .selected {
    color: var(--primary-60);
}

.cover-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.excel-file-download .cover-wrap .coverImage {
    margin-left: 5px;
}

.excel-wrap > .excel-status-wrap:nth-child(3) .excel-file-wrap .excel-file-download-list {
    width: auto;
}

.excel-wrap > .excel-status-wrap:nth-child(3) .excel-file-wrap .excel-file-download-list:nth-child(2) {
    padding-right: 10px;
}

.excel-status-wrap .excel-file-wrap > .excel-file-download:first-child {
    padding: 0px 10px;
}

/*empty-State*/
.empty-State {
    width: 100%;
    height: 100vh;
}

.empty-State-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.empty-State-contents {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.empty-State-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--primary-5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.empty-State-errorIcon {
    width: auto;
    height: auto;
}

.empty-State-errorTitle,
.empty-State-title {
    color: var(--Neutral-70, #555);
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
    letter-spacing: -0.48px;
    margin-top: 20px;
}

.empty-State-errorTitle {
    margin-top: 10px !important;
}

.empty-State-subTitle-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.empty-State-subTitle-wrap .empty-State-subTitle {
    color: var(--Neutral-70, #555);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.3px;
}

.empty-State .btn {
    display: flex;
    width: 160px;
    height: 40px;
    padding: var(--font-size-md, 16px) 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 2px;
    background: var(--primary-50);

    /*font-color*/
    color: var(--grayscale-0);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */

    margin-top: 20px;
}


/*floating*/
.floating {
    width: 100%;
    height: 100vh;

}

.floating-section {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    border-top: 0.5px solid var(--secondary-10);
    background-color: var(--grayscale-0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 100px;
    z-index: 10;
}

.floating-container {
    width: 1280px;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px;
}


.noFloating{
    width: 100%!important;
}

.floating-container .floating-btn-wrap:first-child {
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.floating-container .floating-btn-wrap:first-child .floating-btn-list {
    margin-right: 20px;
}

.floating-container .floating-btn-wrap:last-child .floating-btn-list {
    margin-left: 20px;
}

.floating-btn-list button:disabled {
    background-color: var(--grayscale-30) !important;
    color: var(--grayscale-60) !important;
    border: none !important;
}


.floating-container .floating-btn-wrap:last-child {
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.floating-btn-wrap button {
    width: 176px;
    height: 45px;
    display: flex;
    height: 45px;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;

    /*font-style*/
    color: #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 28.5px */

    border: 0px solid var(--button-grey);
    background-color: var(--grayscale-50);
}

.floating-btn-wrap .btn-active {
    background-color: var(--primary-50);
    color: var(--grayscale-0);
}

.floating-btn-wrap .btn-modify {
    border: 1px solid var(--primary-0);
    background: var(--grayscale-0);
    color: var(--primary-50);
    border: 1px solid var(--primary-50);
}

#modal-file-details .viewPopUp-btn > button:first-child {
    margin-right: 20px;
}

#databaseTable {
    color: var(--secondary-40);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

#databaseTable td {
    color: var(--grayscale-60);
    font-weight: 400;
}

#dLUCTable {
    width: 1170px;
}

#databaseTable,
#dLUCTable {
    border-top: 2px solid var(--primary-60);
}

.info-managing-wrap {
    width: 100%;
    height: auto;
    padding: 10px 0px 4px;
    margin-bottom: 5px;
}

.info-managing-wrap02 {
    width: 100%;
    height: auto;
}


.info-managing {
    width: 100%;
    height: auto;
    padding: 50px 0px 30px;
    margin-bottom: 30px;
}

.info-managing-title {
    display: block;
    width: 100%;
    height: auto;
    color: var(--primary-Black);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 50.4px */
    letter-spacing: -1px;
}

.info-managing-label-wrap {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.info-managing-label {
    min-width: 140px;
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.28px;
}


.info-managing-searchbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 3px;
}

.info-managing-searchbar .searchBar {
    width: 328px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-40, #C6C6C6);
    background-color: var(--grayscale-0);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
    padding: 8px 14px;
}

.info-managing-searchbar .searchBar::placeholder {
    color: var(--grayscale-50, #999);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.info-managing-searchbar .btn-search {
    width: 60px;
    height: 40px;
    padding: 0px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: 2px;
    background-color: var(--secondary-50);

    color: var(--grayscale-0);

    margin-left: 4px;
}

.info-managing02 {
    margin: 100px 0px 50px;
}

.fuelWeightTable {
    width: 100%;
}

.fuelWeightTable tr > td:not(:last-child) {
    padding: 20px 15px;
}

.fuelWeightTable tr > td:last-child {
    padding: 20px 5px;
}

.fuelWeightTable tr > td:last-child > ul {
    padding-left: 10px;
}

.fuelWeightTable tbody td {
    color: var(--grayscale-60) !important;
    font-family: Pretendard !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important; /* 21px */
    letter-spacing: -0.28px !important;
}

.fuelWeightTable ul {
    list-style-position: inside;
    padding-left: 0;
}


.fuelWeightTable ul > li {
    position: relative;
    padding-left: 10px;
    text-align: left;
    width: 780px;
}

.fuelWeightTable ul > li a {
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
    text-decoration-line: underline;
}

.fuelWeightTable ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666;

}

.fuelWeightTable tbody tr > td:nth-child(2),
.fuelWeightTable tbody tr > td:nth-child(3) {
    text-align: center;
    vertical-align: middle;
    height: 125px;
}

.fuelWeightTable tbody tr > td:nth-child(2) span.ellipsis,
.fuelWeightTable tbody tr > td:nth-child(3) span.ellipsis {
    display: inline-block;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
}

.fuelWeightTable tbody tr > td:nth-child(3) span.ellipsis {
    max-width: 108px !important;
}

.lacDb-agGride-Section {
    width: 100%;
    height: 584px;
}

.lcadbviewPopUp-titleLayout {
    display: flex;
    padding: 10px 2px 10px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.lcadbviewPopUp-titleLayout .viewPopUp-title {
    margin-bottom: initial;
}

input#startDate::-webkit-calendar-picker-indicator,
input#endDate::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
}

.managing-title-wrap,
.contactUs-wrap {
    width: 100%;
    margin-top: 130px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.managing-title {
    width: 100%;
    padding: 50px 0px 20px;

    /*font*/
    color: var(--grayscale-90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 42px */
    letter-spacing: -1px;
}

.managing-title-wrap .agGride-Section {
    width: 100%;
    height: 614px;
}


.managingTable {
    width: 1020px;
    min-width: 1020px;
}

.managingTable .address-search-wrap input:disabled {
    border: 1px solid var(--Grayscale-20, #E4E4E4);
    background: var(--Neutral-5, #F7F7F8);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}

.managingTable thead th {
    color: var(--secondary-40);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;

    padding: 15px 10px;
}

.managingTable thead td {
    padding: 15px 20px;
}

.listEmployeesTable input,
.managingTable input,
.manageEmployeesTable thead td input {
    width: 100%;
    height: 52px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-20);
    background: var(--grayscale-0);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
    padding: 10px;
}

/*input 초기화*/
.listEmployeesTable input::placeholder,
.managingTable input::placeholder,
.manageEmployeesTable thead td input::placeholder,
.contactUs-list .create-answer-table input::placeholder {
    color: var(--grayscale-50);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.create-answer-table .textarea-wrap{
    border: 1px solid var(--grayscale-20, #E4E4E4);
}

.managingTable .radio-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: initial;
    background-color: initial;
    margin: initial;
}

.managingTable .radio-wrap input[type="radio"] {
    width: 15px;
    height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 7px;
}

.managingTable .radio-wrap input[type="radio"]:not(:checked) {
    border: 1px solid var(--grayScale-40);
}

.managingTable .radio-wrap > .check-text {
    color: var(--grayscale-70);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: -0.26px;
}

.managingTable .radio-wrap > .check-text:nth-child(2) {
    margin-right: 13px;
}

.managingTable .input-with-icon {
    position: relative;
}

.managingTable .search-icon {
    position: absolute;
    right: 15px;
    top: 15px;
}

.managingTable .choose-subText-layout {
    margin-top: 20px;
}

.managingTable .choose-subText-layout span,
.managingTable .choose-subText-layout p {
    color: var(--Grayscale-70, #555);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.managingTable .factory-reference-modal-control td {
    padding: 8px 20px;
}

.managingTable .select-wrap {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    border: none;
    background-color: var(--grayscale-0);

}


.factory-reference-listData .circle {
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid var(--grayscale-40);
    position: relative;
    cursor: pointer;
}

.factory-reference-listData .circle img {
    width: 15px;
    height: 15px;
}

.factory-reference-listData > span:nth-child(2) {
    margin-left: 4px;
}

.factory-reference-listData > span:nth-child(3) {
    margin-left: 2px;
}

.modal-workplace-list,
.modal-workplace-list .address-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}


.modal-workplace-list tbody td {
    padding: 20px 15px;
}

.modal-workplace-list .address-title {
    margin-bottom: 30px;
}

.modal-workplace-list .address-title > .address-info:not(:last-child) {
    margin-bottom: 10px;
}

.modal-workplace-list .address-title .address-info span {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 22.5px */
}

.workplaceTable thead th:not(:last-child) {
    border-right: initial;
}

.workplaceTable tbody td:not(:last-child) {
    border-right: 1px solid var(--grayscale-0) !important;
}

.modal-workplace-list .table-column:not(:last-child) {
    margin-bottom: 10px;
}

.modal-workplace-list > .address-title:first-child > .address-info:nth-child(2) > p:not(:last-child) {
    margin-bottom: 8px;
}

.modal-workplace-list .address-title .address-info p {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 19.5px */
}

.workplaceTable .ellipsis {
    max-width: 142px;
}

.workplaceTable .link {
    border-bottom: 1px solid var(--primary-50);
    cursor: pointer;
    color: var(--Primary-50, #246BEB);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
    text-decoration-line: underline;
}

.manageEmployeesTable {
    min-width: 1020px;
}

.manageEmployeesTable thead tr {
    height: 82px !important;
}

.manageEmployeesTable thead th,
.manageEmployeesTable thead td {
    padding: 15px 20px;
}

.manageEmployeesTable thead th {
    color: var(--Secondary-40, #2A5C96);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.manageEmployeesTable thead td input {
    width: 100%;
    height: 52px;
    border-radius: 4px;
    border: 1px solid var(--Grayscale-20, #E4E4E4);
    background: var(--Neutral-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}


.listEmployeesTable tr {
    height: 82px;
    padding: 15px 10px;
}

.listEmployeesTable tr td {
    padding: 15px 20px;
}


.managing-title-wrap .table-column {
    overflow: hidden;
}


.managint-list .managing-title,
.managing-add .managing-title,
.contactUs .managing-title,
.contactUs-list .managing-title,
.contactUs-create .managing-title {
    padding: 50px 13px 20px 2px;
    margin-bottom: 20px;
}

.contausTable {
    min-width: 1020px;
}

.contactUs .contausTable tr {
    height: 62px;
}

.contausTable .text{
    width: 100%;
    height: 450px;
    color: var(--Grayscale-100, #000);
    overflow-y: auto; /* 세로 스크롤을 추가 */
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}


.contactUs .contausTable th {
    height: 62px;
    color: var(--secondary-40);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}

.contactUs .contausTable td {
    color: var(--grayscale-100);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */

    padding: 20px 15px;
    text-align: left;
}

.contactUs .contausTable > thead > tr:nth-child(3) {
    height: 450px;
    padding: 20px;
    vertical-align: top;
}

.contactUs .contausTable > thead > tr:nth-child(3) td {
    border-right: none !important;
    border-left: none !important;
}

.contactUs-list .agGride-Section {
    height: 614px;
}


.complete-layout {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.contactUs-list .contentsSection-layout {
    min-width: 1020px;
    margin-top: 0px;
}

.contactUs-list .complete-layout {
    width: 100%;
    margin-top: 150px;
}

.contactUs-list .complete-layout .status-icon {
    padding: 30px 0px;
    margin-bottom: initial;
}

.contactUs-list .complete-layout .status-text {
    margin-bottom: 50px;
}

.login-info-layout input[type="password"]::placeholder {
    color: var(--Grayscale-50, #999);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    padding-bottom: 2px !important;
}


.login-info-layout input[type="password"]:focus {
    border-color: #007BFF;
    outline: none;
}

/* 부드러운 회전 애니메이션 */
.LookupAccordionButton img {
    transition: transform 0.01s ease; /* 이미지 회전 애니메이션 */
}


.card-user {
    width: 100%;
}

.card-user .article {
    width: 1100px;
    min-width: 1100px;
    padding: initial;
    margin: 70px 0px 40px;
}

.card-user .article-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.card-user .user-do-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}


.card-user .user-do-wrap .info-layout .title {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.card-user .user-do-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 44px 20px 30px;
}

.card-user .info-layout .title {
    color: var(--primary-90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    letter-spacing: -1px;
}

.card-user .user-do-wrap .info-layout .label {
    color: var(--primary-90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: -1px;
    margin-top: 5px;
}

.card-user .article-content .user-do-wrap:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: initial;
}

.card-user .user-do-wrap .user-btn button {
    display: flex;
    width: 110px;
    height: 34px;
    padding: 7px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--secondary-50);
    margin-left: 19px;

    /*font - color*/
    color: #FFF;

    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    letter-spacing: -1px;
}

.user-card-wrap {
    width: 100%;
    min-width: 1100px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: var(--grayscale-5);
}

.card-user .agGride-Section {
    height: 300px;
}

.card-user .info-layout-wrap .title {
    display: block;
    margin-bottom: 10px;
}

.card-user .info-layout-wrap {
    width: 100%;
}

.card-user .info-layout-wrap .info-layout:first-child {
    margin-bottom: 30px;
}


.viewPopUp.wide-size .viewPopUp-wrap {
    width: 880px;
    padding: 30px 40px;
}


.viewPopUp.wide-size > .viewPopUp-wrap .viewPopUp-title {
    max-width: 100%;
    margin-bottom: 10px;
    justify-content: space-between;
}

.viewPopUp-wrap.wide-size .blocation-scrloll {
    max-height: 580px;
    overflow-y: auto;
    border-bottom: 1px solid var(--grayscale-20);
}

.list-table .list-wrap {
    text-align: left;
    list-style-position: outside;
}

.list-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.list-wrap > li {
    width: 100%;
    position: relative;
    padding-left: 10px;
    line-height: 1.5;
}

.list-wrap > li:not(:last-child) {
    margin-bottom: 10px;
}

.list-wrap > li::before {
    position: relative;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--grayscale-90);
}

.list-table .list-wrap > li p {
    color: varvar(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}


.list-table th {
    padding: 10px;
}

.list-table td {
    padding: 5px 15px;
}

.viewPopUp-wrap.wide-size .viewPopUp-title {
    max-width: initial;
    justify-content: space-between;
}

.label-light {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.label-light p {
    color: var(--Grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    letter-spacing: -0.3px;
}



.label-light > p:last-child{
    margin-left: 3px;
}

.label-light {
    margin-bottom: 10px;
}

.tap-inner .label-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 21px 0px 22px 5px;
}

.tap-inner .label-text {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tap-inner .label-text .text {
    color: var(--grayscale-70);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.label-button .text {
    color: var(--Primary-50, #246BEB);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.label-button .text:first-child {
    margin-right: 5px;
}

.tap-inner .label-text > span:first-child {
    margin-right: 3px;
    padding-bottom: 1px;
}

.tap-inner .label-text > span {
    color: var(--Grayscale-70);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}


.inputValidationTable tbody td {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.inputValidationTable tbody td.bold {
    font-weight: 500 !important;
}



.mol .agGride-Section {
    height: 552px;
}

.mol-title-wrap,
.mol-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mol-title-text {
    color: var(--grayscale-90);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;

    margin-left: 5px;
}


.card-box {
    margin-top: 20px;
}


.cut-off .card-box textarea {
    color: var(--Grayscale-100, #000);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.card-box .textarea-wrap {
    height: 150px;
}

.card-box .textarea-wrap > textarea {
    height: 100%;
    color: var(--Grayscale-100, #000);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}


.textarea-wrap > textarea::placeholder {
    color: var(--grayscale-50);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;

}

.textarea-wrap > textarea:disabled {
    border-bottom: initial;
}

.analyticsGuideTable td {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
    text-align: left !important;
    padding: 20px 15px;
}

.special-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.special-info > li span {
    color: var(--grayscale-90);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}


.special-info > li span.bold {
    font-weight: 400;
}

.special-info > li span.blue {
    color: var(--primary-50);
}


.reproting-layout {
    margin-top: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 110px;
}

.reproting-layout .contentsSection-layout-y {
    margin-bottom: initial;
}


.label-table-bt,
.label-table-bt02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.label-table-bt .blue,
.label-table-bt02 .blue {
    color: var(--primary-50);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.label-table-bt > button,
.label-table-bt02 button {
    width: 100px;
    height: var(--line-height-md, 26px);
    display: flex;
    padding: 0px 2px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 1px solid var(--Grayscale-30, #D8D8D8);
    background: var(--Secondary-0, #FFF);
    margin-left: 13px;

    color: var(--Grayscale-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}

.label-table02 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.label-table-bt02 > p {
    color: var(--Grayscale-70, #555);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
    letter-spacing: -0.26px;
}

.label-table-bt,
.label-table02 {
    margin-top: 5px;
    padding-left: 5px;
}

.basic-accordion-info .special-listItem p {
    color: var(--Grayscale-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
}

.basic-accordion .text {
    color: var(--Neutral-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.28px;
    margin-left: 5px;
    margin-bottom: 4px;
}

.radio-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    padding: 15px 8px 15px 20px;
    background-color: var(--grayscale-5);
    border-radius: 4px;
    margin: 9px 0px 38px;
}

.radio-wrap .layout {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.radio-wrap .layout > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.radio-wrap .layout > li:first-child {
    padding-left: 5px;
}


.radio-wrap .layout > li:last-child {
    padding-left: 12px;
}

.radio-wrap .layout:not(:last-child) > li {
    margin-bottom: 5px;
}

.radio-wrap .layout > li > label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.radio-wrap .layout .text {
    color: var(--Grayscale-70, #555);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: -0.26px;
}

.radio-wrap .layout > li:first-child .text:first-child {
    margin-right: 4px;
}

.radio-wrap .layout > li:first-child > label {
    margin-left: 15px;
}

.radio-wrap .layout > li:first-child > label .text {
    margin-left: 7px;
}

.cal {
    margin: 39px 0px 2px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.cal .cal-wrap > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cal .cal-wrap button {
    width: auto;
    display: flex;
    height: var(--line-height-md, 26px);
    padding: 0px 26px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 2px;
    border: 1px solid var(--Grayscale-30, #D8D8D8);
    background: var(--Secondary-0, #FFF);

    color: var(--Grayscale-80, #4A4B4C);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}

.cal .cal-wrap > li > button:last-child {
    margin-left: 2px;
}

.grid-layout {
    margin-top: 72px;
}

.com-layout {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5px;
}

.com-layout .title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
}

.com-layout .title .title-text {
    color: var(--Grayscale-90, #121315);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    padding-left: 5px;
}

.utitlity .radio-wrap,
.emissions .radio-wrap,
.power .radio-wrap {
    margin-bottom: 10px;
}

.table-btn {
    margin-bottom: 2px;
}


.emissions .radio-wrap .layout > li:last-child {
    padding-left: 5px;
}

.emissions .radio-wrap .layout > li:last-child .text:first-child {
    margin-right: 5px;
}


.emissions .radio-wrap .layout > li:last-child > label {
    margin-left: 15px;
}


.emissions .radio-wrap .layout > li:last-child > label .text {
    margin-left: 7px;
}

.emissions .layout > li:not(:last-child) {
    margin-bottom: 8px;
}

.list-layout {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
}


.list-layout .special-listItem {
    padding-left: 10px;
}

.list-layout > li:not(:last-child) {
    margin-bottom: 10px;
}


/*사업장관리 팝업*/

.sensitive-tapMenu-content > div:first-child > span.font-detail-medium:first-child {
    margin-top: initial !important;
}

.sensitive-tapMenu-content > div:first-child > span.font-detail-medium:nth-child(2) {
    margin-top: 30px !important;
}

.sensitive-tapMenu-content > div:first-child > span.font-detail-medium {
    color: var(--Grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
}

.sensitive-tapMenu-content > div:first-child > p.font-label-xsmall-light:nth-child(3) {
    margin-top: 10px;
}

.sensitive-tapMenu-content > div:first-child > p.font-label-xsmall-light:nth-child(4) {
    margin-top: 8px;
}

.sensitive-tapMenu-content > div:first-child > p.font-label-xsmall-light {
    color: var(--Grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}

.data-period-wrap .special-listItem {
    color: var(--Grayscale-90, #121315);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
}

.allocationTable tr{
    height: 82px;
}

.allocationTable th{
    border: initial!important;
    color: var(--Secondary-40, #2A5C96);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px!important;
}


.allocationTable td{
    width: 330px;
    height: 82px!important;
    padding: 18px 15px;
    border: initial;
}


.allocationTable td input{    
    width: 300px;
    height: 46px;
    padding: 11.5px 15px;
    background: var(--Neutral-White, #FFF);
    border-radius: 4px;
    border: 1px solid var(--Grayscale-20, #E4E4E4);
    color: var(--Grayscale-100, #000);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    box-shadow: 0px 1px 2px 0px rgba(107, 110, 116, 0.04);
}

.allocationTable td input::placeholder{
    color: var(--Grayscale-50, #999);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

.Register-Unit-Process-File .viewPopUp-wrap{
    width: 940px;
}


.viewPopUp-wrap .DragDrop{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 27px;
    margin-top: 15px;
}

.viewPopUp-wrap .DragDrop span.text{
    color: var(--grayscale-90);
    font-size: 15px;
    font-weight: 400;
}

.Register-Unit-Process-File .viewPopUp-list{
    color: var(--grayscale-90);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -2%;
}

.Register-Unit-Process-File .viewPopUp-list > li{
    margin-bottom: 5px;
    margin-left: 2px;
}

.Register-Unit-Process-File .viewPopUp-title{
    margin-bottom: 20px;
}


.loginModal .layout{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;
}

.loginModal .layout .logo{
    width: 98px;
    height: 40px;
}
.loginModal .layout .txt{
    margin-left: 8px;
}

.loginModal .layout .txt p{
    font-size: 12px;
    font-weight:200;
    line-height: 14.8px;
    color: #ffffff;
}

.login-layout .layout{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: initial;
}

.status-layout > div{
    margin-bottom: 12px;
}

.status{
    width: 110px;
    height: 34px;
    border-radius: 22.5px;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -2%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.status.confirmed{
    background-color: var(--Neutral-White);
    border: 1px solid var(--grayscale-10);
    color: var(--grayscale-90);
}

.status.received{
    background-color: var(--secondary-5);
}

.status.ready{
    background-color: var(--Neutral-White);
    border: 1px solid var(--grayscale-10);
    color: var(--primary-50);
}

.status.sent{
    background-color: var(--secondary-5);
}


.layout-center .ag-cell-value > span{
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}

.modal-lcia-db{
    width: 100%;
    height: 100%;
    padding: 30px 36px;
}

.modal-lcia-db .viewPopUp-btn{
    width: 100%;
    height: 100%;
    background-color: var(--gray-gray-0);
    align-items: flex-start;
    margin-top: 30px;
}

.temp .agGride-Section{
    width: 100%;
    height: 550px;
    background-color: grey;
    margin-bottom: 8rem;
}

.agGrid-btn-r,
.agGrid-btn-l{
    position: absolute;
    bottom: -49px;
    right: 0;
}

.agGrid-btn-l{
    left: 0!important;
}
.floating-btn-wrap.row{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.floating-btn-wrap.row >li:not(:last-child){
    margin-right: 4px;
}

.agGride-Section ul.floating-btn-wrap{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}


.agGride-Section .agGrid-btn-l ul.floating-btn-wrap li{
    margin-right: 4px;
}

.agGride-Section .agGrid-btn-r ul.floating-btn-wrap li{
    margin-left: 4px;
}