.companyinfo_whole{
    width: 100%;
    height: auto;
    padding-bottom: 40px;
}
.companyinfo_title_whole{
    width: 100%;
    height: auto;
    margin-top: 14px;
}
.companyinfo_title_whole.nav_fixed{
    position: fixed;
    width: 100vw;
    max-width: 480px;
    padding: 14px 16px 0 16px;
    background-color: var(--white);
    top: 54px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    margin: 0 auto;
}


.selected {
		background-color: #3f54d11f !important;
		border: 1px solid #3f54d1;
}

.table_company{
	color: #369a77;
	cursor:pointer;
	width: 100%;
}

.companyinfo_title_whole p{
     font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--textGrey);
    margin: 0 auto;
}

.companyinfo_title{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.companyinfo_title h2{
      font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -1px;
    text-align: left;
    color: var(--defaultText);
}
.companyinfo_title div{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
.companyinfo_title div button{
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-size: contain;
    border-radius: 15px;
    margin-left: 10px;
}
.companyinfo_title div button.company_download_btn{
    background-color: var(--mainBlue);
}
.companyinfo_title div button.company_download_btn span{
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/download.svg') no-repeat;
    margin: 2px 3px 4px 3px;
}
.companyinfo_title div button.company_star_btn{
    background-color: var(--disabledText);
}
.companyinfo_title div button.company_star_btn.star_on{
    background-color: #ffc524;
}
.companyinfo_title div button.company_star_btn span{
    display: block;
    width: 17px;
    height: 16px;
    background-size: contain;
    background: url('../images/star.svg') no-repeat;
    margin: 7px 6px;
}

.companyinfo_nav{
    width: calc(100% + 32px);
    max-width: 480px;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid var(--bgBlue);
    margin: 0 -16px;
}
.dark .companyinfo_nav{
    border-color: #616161;
}
.companyinfo_nav .display_flex{
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 auto;
    padding: 0 16px;
}
.companyinfo_nav .display_flex::-webkit-scrollbar{
    display: none;
}
.companyinfo_nav.nav_fixed{
    position: fixed;
    width: 100vw;
    background-color: var(--white);
    top: 121px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    margin: 0 auto;
}
.companyinfo_nav li{
    min-width: 100px;
    width: 100%;
    max-width: 100px;
    height: 48px;
    font-size: 15px;
    line-height: 50px;
    letter-spacing: -0.75px;
    text-align: center;
    border-bottom: 2px solid transparent;
}
.companyinfo_nav li a{
    color: var(--textGrey);
}
.companyinfo_nav li a{
    height: auto;
}
.companyinfo_nav li.nav_active{
    border-bottom: 2px solid var(--mainBlue);
}
.companyinfo_nav li.nav_active a{
    color: var(--mainBlue);
}

.companyinfo_whole {
    width: 100%;
    height: auto;
}

.companyinfo1_icon_whole .display_flex:nth-child(2n){
    min-width: 164px;
    margin-right: auto;
}
.companyinfo1_icon_whole .display_flex:nth-child(2n+1){
    min-width: 145px;
    width: 145px;
    margin-right: auto;
}
.companyinfo1_icon_whole .display_flex img{
    min-width: 40px;
    width: 40px;
    height: 40px;
    background-size: contain;
    margin-right: 5px;
}
.companyinfo_info_whole{
    box-shadow: 0 0 10px rgba(31, 41, 51, 0.16);
}
.companyinfo_info_whole .display_flex{
    position: relative;
}
p.companyinfo1_txt_hover{
    position: absolute;
    background-color: var(--mainBlue);
    padding: 10px 10px 9px 10px;
    border-radius: 10px;
    width: calc(100% + 32px);
    max-width: 420px;
    height: auto;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    white-space: pre-wrap;
    z-index: 10;
    word-break: break-all;
    display: none;
    color: #fff!important;
}

p.popup_companytitle_txt_hover{
    position: absolute;
    background-color: var(--mainBlue);
    padding: 10px 10px 9px 10px;
    border-radius: 10px;
    max-width: 420px;
    height: auto;
    top: 20px;
    transform: translateY(10px);
    white-space: pre-wrap;
    z-index: 10;
    word-break: break-all;
    display: none;
    color: #fff!important;
}

p.companytitle_txt_hover{
    position: absolute;
    background-color: var(--mainBlue);
    padding: 10px 10px 9px 10px;
    border-radius: 10px;
    max-width: 420px;
    height: auto;
    top: 20px;
    transform: translateY(30px);
    white-space: pre-wrap;
    z-index: 10;
    word-break: break-all;
    display: none;
    color: #fff!important;
}

.txt-over{
    width: max-content;
}



.txt-over:hover + p.companyinfo1_txt_hover{
    display: block;
}
/* 이명준  */
.txt-over:hover + p.companytitle_txt_hover{
    display: block;
}

.txt-over:hover + p.popup_companytitle_txt_hover{
    display: block;
}


.companyinfo_icon_whole{
    border-top: 1px solid var(--borderGrey);
    padding-top: 20px;
    margin-top: 20px;
}
.companyinfo_icon_whole .display_flex{
    position: relative;
}
.companyinfo_icon_whole .display_flex img{
    display: block;
    min-width: 14px;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: center center;
    margin-right: 10px;
}

.subject_table_whole .table_whole{
    margin: 0;
}
.subject_table_whole .table_whole tbody tr td{
    min-width: 100px;
}
.subject_table_whole1 .table_whole tbody tr td:nth-child(1){
    min-width: 128px;
}
.subject_table_whole1 .table_whole tbody tr td:nth-child(2){
    min-width: 100px;
}
.subject_table_whole1 .table_whole tbody tr td:nth-child(3){
    min-width: 100px;
}
.subject_table_whole2 .table_whole tbody tr td:nth-child(1){
    min-width: 103px;
}
.subject_table_whole2 .table_whole tbody tr td:nth-child(2){
    min-width: 113px;
}
.subject_table_whole2 .table_whole tbody tr td:nth-child(3){
    min-width: 111px;
}
.subject_whole_num{
    padding: 17.5px 0;
}
.subject_num_row{
    width: 100%;
    height: 60px;
    border-right: 1px solid var(--disabledText);
}
.subject_whole_num .subject_num_row:last-child{
    border-right: none;
}
.table_whole .companyinfo1_table3 tbody tr td:nth-child(1){
    min-width: 134px;
}
.table_whole .companyinfo1_table3 tbody tr td:nth-child(2){
    min-width: 75px;
}
.table_whole .companyinfo1_table3 tbody tr td:nth-child(3){
    min-width: 92px;
}
.subject_test_box{
    padding: 10px 0;
}
.subject_test_table_whole{
    width: 100%;
    height: auto;
}
.subject_table_whole.subject_table_whole3 .table_whole{
    overflow: hidden;
}
table.companyinfo1_table4,
table.companyinfo1_table5{
    table-layout: fixed;
    overflow: hidden;
}
.subject_table_whole.subject_table_whole3 .table_whole tbody tr td,
.subject_table_whole.subject_table_whole4 .table_whole tbody tr td{
    min-width: auto;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.subject_table_whole.subject_table_whole3 .table_whole tbody tr td:first-child{
    min-width: 138px;
    width: 138px;
    max-width: 138px;
}
.subject_table_whole.subject_table_whole3 .table_whole tbody tr td:last-child{
    min-width: calc(100vw - 170px);
    width: calc(100vw - 170px);
    max-width: calc(100vw - 170px);
}
.subject_table_whole.subject_table_whole4 .table_whole tbody tr td:first-child{
    min-width: 105px;
    width: 105px;
    max-width: 105px;
}
.subject_table_whole.subject_table_whole4 .table_whole tbody tr td:last-child{
    min-width: calc(100vw - 137px);
    width: calc(100vw - 137px);
    max-width: calc(100vw - 137px);
}
button.report_buy_btn{
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    margin: 0 auto 20px auto;
}

/*관심기업 팝업1*/
#like_company .pop_box{
    padding: 40px 16px 20px 16px;
}
#like_company .pop_box p.like_title{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25.5px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--defaultText);
}
#like_company .pop_box p.like_title span{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25.5px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--mainBlue);
}
#like_company .pop_box label{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    cursor: pointer;
}
#like_company .pop_box label *{
    cursor: pointer;
}
input[name="like_company"] + span {
    position: relative;
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--borderGrey);
    border-radius: 10px;
    margin: 0 10px 0 0;
}
input[name="like_company"] + span > span {
    position: absolute;
    display: block;
    min-width: 12px;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--borderGrey);
}
input[name="like_company"] + span + span {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--defaultText);
}
input[name="like_company"]:checked + span {
    border: 1px solid var(--mainBlue);
}
input[name="like_company"]:checked + span > span {
    background-color: var(--mainBlue);
}
.group_name_plus_box{
    width: 100%;
    height: auto;
    margin: 10px auto 0 auto;
}
.group_name_plus_box input{
    width: 100%;
    height: 46px;
    border: 1px solid var(--borderGrey);
    border-radius: 10px;
    padding: 0 15px;
}
.group_name_plus_box button{
    min-width: 122px;
    width: 122px;
    height: 46px;
    border-radius: 10px;
    background-color: var(--mainBlue);
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 46px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-left: 10px;
}
#like_company .pop_btn,
#group_plused .pop_btn{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
#like_company button.btn_no,
#group_plused button.btn_no{
    width: 100%;
    height: 56px;
    background-color: #fff;
    border: 1px solid var(--mainBlue);
    font-size: 16px;
    line-height: 56px;
    font-weight: 500;
    color: var(--mainBlue);
    margin-right: 10px;
    border-radius: 30px;
}
#like_company button.btn_ok,
#group_plused button.btn_ok{
    width: 100%;
    height: 56px;
    background-color: var(--mainBlue);
    border: 1px solid var(--mainBlue);
    font-size: 16px;
    line-height: 56px;
    font-weight: 500;
    color: #fff;
    border-radius: 30px;
}

/*관심기업 삭제 팝업*/
#delete_company .pop_box p.like_title{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25.5px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--defaultText);
}
#delete_company .pop_box p.like_title span{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25.5px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--mainBlue);
}

/*무료회원,비회원*/
.free_pay_whole{
    width: 100%;
    height: auto;
}
.free_pay_whole button.pay_btn{
    position: relative;
    width: 100%;
    height: auto;
    padding: 16px 0;
    box-shadow: 0 0 10px rgba(31, 41, 51, 0.16);
    background-color: var(--card);
}
.free_pay_whole button.pay_btn.pay_month_btn{
    border: 1px solid var(--mainBlue);
}
.pay_btn span{
    display: block;
    min-width: 48px;
    width: 48px;
    height: 57px;
    margin: 0 auto;
}
.pay_btn.pay_month_btn span{
    background: url('../images/pay_month.png') no-repeat;
    background-size: contain;
}
.pay_btn.pay_report_btn span{
    background: url('../images/pay_report.png') no-repeat;
    background-size: contain;
}
p.pay_btn_top{
    position: absolute;
    padding: 9px 10px 8px 10px;
    border-radius: 20px;
    top: 16px;
    right: 16px;
}
.dark p.pay_btn_top{
    background-color: #f0f4ff;
}
/*비회원*/
.free_member_out_title a p{
    width: 128px;
    height: 36px;
    border-radius: 100px;
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    line-height: 36px;
    margin: 0 auto;
    color: #fff;
}


/*관심기업 팝업2*/
#like_delete .pop_box{
    padding: 40px 16px 20px 16px;
}
#like_delete .pop_box p.like_title{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25.5px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--defaultText);
}
#like_delete .pop_box p.like_title span{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25.5px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--mainBlue);
}
#like_delete .pop_btn{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
#like_delete button.btn_no{
    width: 100%;
    height: 56px;
    background-color: #fff;
    border: 1px solid var(--mainBlue);
    font-size: 16px;
    line-height: 56px;
    font-weight: 500;
    color: var(--mainBlue);
    margin-right: 10px;
    border-radius: 30px;
}
#like_delete button.btn_ok{
    width: 100%;
    height: 56px;
    background-color: var(--mainBlue);
    border: 1px solid var(--mainBlue);
    font-size: 16px;
    line-height: 56px;
    font-weight: 500;
    color: #fff;
    border-radius: 30px;
}
.pop_whole#group_plused .pop_box{
    width: calc(100vw - 30px);
    border-radius: 20px;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 40px;
    padding-bottom: 20px;
}
.pop_whole#group_plused .pop_box p{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--defaultText);
    margin-bottom: 30px;
}
.pop_whole#group_plused .pop_box p span{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--mainBlue);
}

/*기업보고서*/
.companyreport_section{
    display: none;
}
.companyreport_section.companyreport_section1{
    display: block;
}
h2.companyreport_title{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -1px;
    text-align: center;
    color: var(--defaultText);
    margin: 15px auto 10px auto;
}
.companyreport_nav{
    width: calc(100% + 32px);
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 -16px 15px -16px;
    padding: 0 16px;
    border-bottom: 1px solid var(--bgBlue);
}
.companyreport_nav::-webkit-scrollbar{
    display: none;
}
.companyreport_nav.nav_fixed{
    position: fixed;
    width: 100vw;
    padding: 0 16px;
    background-color: var(--white);
    top: 54px;
    left: 0;
    z-index: 20;
    margin: 0 auto;
}
.companyreport_nav .display_flex{
    position: relative;
    width: 100%;
}
.companyreport_nav li,
.companyreport_nav li a{
    width: 100%;
    height: 48px;
    font-size: 15px;
    line-height: 50px;
    letter-spacing: -0.75px;
    color: var(--textGrey);
    text-align: center;
    border-bottom: 2px solid transparent;
}
.companyreport_nav li a{
    height: auto;
}
.companyinfo_li.nav_active{
    border-bottom: 2px solid var(--mainBlue);
}
.companyreport_nav li.nav_active{
    border-bottom: 2px solid var(--mainBlue);
}
.companyreport_nav li.nav_active a{
    color: var(--mainBlue);
}
.companyreport_nav .slider2{
    width: 50%;
    left: 0;
}
.companyreport_service_whole{
    width: 100%;
    height: auto;
}
button.companyreport_service_btn{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 105px;
    height: 17px;
    background-color: transparent;
    margin: 0 0 3px auto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: -0.7px;
    text-align: center;
    color: var(--textDarkGrey);

}
button.companyreport_service_btn span{
    display: block;
    width: 10px;
    height: 5px;
    background: url('../images/arrow_more_grey.svg') no-repeat;
    background-size: contain;
}
button.companyreport_service_btn.toggle_on span{
    transform: rotate(180deg);
}
.companyreport_service_box{
    display: none;
    margin-bottom: 20px;
    background-color: var(--bgGrey);
}
.companyreport_row_whole{
    width: 100%;
    height: auto;
    margin: 10px auto 0 auto;
    padding-bottom: 21px;
}
.companyreport_row{
    width: 100%;
    height: auto;
    padding: 16px 15px 15px 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(31, 41, 51, 0.16);
    margin: 15px auto 0 auto;
    background-color: var(--card);
}
.companyreport_row_whole .companyreport_row:first-child{
    margin-top: 10px;
}
.companyreport_flex{
    border-bottom: 1px solid var(--borderGrey);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
p.companyreport_status_ok{
    width: max-content;
    padding: 4px 10px 3px 10px;
    border-radius: 20px;
    background-color: #15cdcb;
    margin-bottom: 11px;
    color: #fff;
}
p.companyreport_status_no{
    width: max-content;
    padding: 4px 10px 3px 10px;
    border-radius: 20px;
    background-color: #f3485b;
    margin-bottom: 11px;
    color: #fff;
}
button.companyreport_download_btn{
    display: block;
    width: 100%;
    height: 36px;
    background-color: var(--mainBlue);
    border-radius: 20px;
    color: #fff;
}
p.no_companyreport_data{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    color: var(--defaultText);
}
/*기업보고서-보고서 구매*/
.companyreport_row_whole2{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 21px;
}
.companyreport_row2{
    width: 100%;
    height: auto;
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(31, 41, 51, 0.16);
    margin: 15px auto 0 auto;
    background-color: var(--card);
}
.companycertified_whole .companyreport_row2{
    padding: 15px;
    background-color: var(--bgBlue);
    box-shadow: none;
}
button.companyreport2_download_btn{
    padding: 10px 10px 9px 10px;
    border: 1px solid var(--mainBlue);
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: -0.7px;
    text-align: center;
    color: var(--mainBlue);
    border-radius: 20px;
}
.companyreport_flex2{
    border-bottom: 1px solid var(--borderGrey);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.companyreport2_row{
    width: 100%;
    height: auto;
    margin: 0 auto 15px auto;
}
.companyreport_row2 .companyreport2_row:last-child{
    margin-bottom: 0;
}
.companyreport2_row .display_flex .display_flex span{
    display: block;
    min-width: 14px;
    width: 14px;
    height: 14px;
    background: url('../images/arrow_next_gr.svg') no-repeat;
    background-size: contain;
    margin-left: 4px;
}
.dark .companyreport2_row .display_flex .display_flex span{
    display: block;
    min-width: 14px;
    width: 14px;
    height: 14px;
    background: url('../images/arrow_next_gr-dk.svg') no-repeat;
    background-size: contain;
    margin-left: 4px;
}
p.companyreport2_row_p{
    line-height: 24px;
}
p.companyreport_status_ok2,
p.companyreport_status_no2{
    margin-bottom: 5px;
}

/*기업보고서 다운로드 팝업1*/
.pop_whole#report_down .pop_box{
    width: calc(100vw - 32px);
    height: auto;
    padding: 40px 14px 20px 15px;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    padding-bottom: 20px!important;
}
.report_down_inner{
    width: 100%;
    height: auto;
}
.report_down_inner .display_flex p:first-child{
    color: var(--textGrey);
}
.report_down_inner .display_flex p:last-child{
    color: var(--defaultText);
}
.report_down_inner .display_flex:last-child p:last-child{
    color: var(--mainBlue);
}
button.report_down_ok{
    display: block;
    width: 100%;
    height: 56px;
    border-radius: 28px;
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 56px;
    letter-spacing: -0.8px;
    text-align: center;
    color: #fff;
}

/*다운로드 시작 팝업*/
.pop_whole#down_start .pop_box{
    width: calc(100vw - 30px);
    border-radius: 20px;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 40px;
    padding-bottom: 20px;
}
.pop_whole#down_start .pop_box p{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--defaultText);
    margin-bottom: 30px;
}
/*비회원으로 보고서 구매했을 시*/
.none_member_buy{
    width: 100%;
    height: auto;
    margin: 100px auto 0 auto;
}
.none_member_buy p{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 29px;
    letter-spacing: normal;
    text-align: center;
    color: var(--defaultText);
}
.none_member_buy a p{
    width: 128px;
    height: 36px;
    border-radius: 40px;
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 36px;
    letter-spacing: -0.75px;
    text-align: center;
    color: #fff;
    margin: 20px auto 0 auto;
}

/*구매 인증 - 비회원*/
.companycertified_whole h2.companycertified_title,
.companycertified_whole h2.companycertified_title span{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -1px;
    text-align: center;
    color: var(--defaultText);
    margin: 15px auto 10px auto;
}
.companycertified_whole h2.companycertified_title span{
    color: var(--mainBlue);
}
p.companycertified_title{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 21.5px;
    letter-spacing: -0.75px;
    text-align: center;
    color: var(--defaultText);
}
button.companycertified_btn_ok{
    margin-top: calc(100vh - 523px);
}
/*구매인증 - 비회원 - 팝업*/
.pop_whole#none_buy .pop_box{
    width: calc(100vw - 30px);
    border-radius: 20px;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 40px;
    padding-bottom: 20px;
}
.pop_whole#none_buy .pop_box p{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--defaultText);
    margin-bottom: 30px;
}
/*보고서 구매*/
.companycertified_whole .companyreport_flex2{
    border-bottom: none;
    padding-bottom: 0;
}
button.phone_certified_btn{
    min-width: 120px;
    width: 120px;
    margin-left: 10px;
}
button.companybuy1_btn_ok{
    margin-top: calc(100vh - 681px);
}


/*보고서 구매 - 비회원2*/
span.companybuy2_chk_span{
    display: block;
    min-width: 64px;
    width: 64px;
    height: 64px;
    background: url('../images/chk_bgbu.svg') no-repeat;
    background-size: contain;
    margin: 6px auto 20px auto;
}
p.companybuy2_title,
p.companybuy2_title span{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: -1px;
    text-align: center;
    color: var(--defaultText);
    margin-bottom: 30px;
}
p.companybuy2_title span{
    color: var(--mainBlue);
}
p.companybuy2_sub_title{
    margin-bottom: 5px;
}
.companybuy2_box2{
    padding: 15px 16px 14.5px 16px;
    background-color: var(--bgBlue);
    border-radius: 5px;
}
.companybuy2_row{
    width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.companybuy2_row p{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--textGrey);
}
.companybuy2_row p:last-child{
    color: var(--defaultText);
}
.companybuy2_box2 .companybuy2_row:last-child{
    margin-bottom: 0;
}
.companybuy2_row p.companybuy2_big_txt{
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -1px;
    text-align: right;
    color: var(--mainBlue);
}
button.companybuy2_buy_btn{
    width: 100%;
    height: 50px;
    border-radius: 25px;
    background-color: var(--mainBlue);
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 50px;
    letter-spacing: -0.75px;
    text-align: center;
    color: #fff;
    margin-top: calc(100vh - 677px);
}


/*companyinfo2*/
.companyinfo2_title_box{
    width: calc(100% + 32px);
    height: auto;
    padding: 11px 0 10px 0;
    margin: 0 -16px;
}
.companyinfo2_title_box p{
    color: var(--mainBlue);
}
.companyinfo2_table1 tbody tr td:nth-child(1),
.companyinfo3_table1 tbody tr td:nth-child(1),
.companyinfo3_table1 tbody tr td:nth-child(2) {
	min-width: 130px;
}
.companyinfo2_toggle_btn,
.companyinfo9_toggle_btn{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    width: max-content;
    height: auto;
    margin: 10px 0 10px auto;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--defaultText);
}
.companyinfo_toggle_btn span.companyinfo_toggle_chk{
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background: url('../images/checkbox.svg') no-repeat;
    background-size: contain;
    margin-right: 5px;
}
.dark .companyinfo_toggle_btn span.companyinfo_toggle_chk{
    background: url('../images/checkbox-dk.svg') no-repeat;
}
.companyinfo_toggle_btn span.companyinfo_toggle_chk.toggle_chk_on{
    background: url('../images/checkbox_on.svg') no-repeat;
}
.dark .companyinfo_toggle_btn span.companyinfo_toggle_chk.toggle_chk_on{
    background: url('../images/checkbox_on-dk.svg') no-repeat;
}
.companyinfo2_info_whole,
.companyinfo6_info_whole,
.companyinfo9_info_whole{
    width: 100%;
    height: auto;
    border-top: 1px solid var(--borderGrey);
    padding-bottom: 20px;
}
.companyinfo13_info_whole{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
.companyinfo2_info_row,
.companyinfo6_info_row,
.companyinfo9_info_row,
.companyinfo13_info_row{
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-bottom: 1px solid var(--borderGrey);
}
.companyinfo13_info_row .table_whole{
    margin-top: 0;
}
.companyinfo_info_title,
.companyinfo6_info_title{
    padding: 15px 0;
    cursor: pointer;
}
.companyinfo_info_title *,
.companyinfo6_info_title *{
    cursor: pointer;
}
.companyinfo_info_title p,
.companyinfo6_info_title p{
    color: var(--defaultText);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.companyinfo_info_title p span,
.companyinfo6_info_title p span{
    color: var(--mainBlue);
}
span.companyinfo_info_img,
span.companyinfo6_info_img,
span.companyinfo9_info_img{
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background: url('../images/arrow_bg_dw.svg') no-repeat;
    background-size: contain;
}
.companyinfo_info_title.toggle_on span.companyinfo_info_img,
.companyinfo6_info_title.toggle_on span.companyinfo6_info_img,
.companyinfo9_info_title.toggle_on span.companyinfo9_info_img{
    transform: rotate(180deg);
}
.companyinfo_info_toggle{
    width: 100%;
    height: auto;
    margin: 0 auto 15px auto;
    padding: 15px 16px;
    border-radius: 10px;
    display: none;
    background-color: var(--bgGrey);
}
.companyinfo2_info_flex{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
#companyinfo2_info_row1 .companyinfo2_info_flex,
#companyinfo2_info_row2 .companyinfo2_info_flex{
    margin-bottom: 20px;
}
.companyinfo2_toggle_row{
    width: 100%;
    height: auto;
    margin: 0 10px 0 0;
    background-color: var(--popWG);
    border: 1px solid var(--borderGrey);
    border-radius: 10px;
    padding: 15px 0;
}
.companyinfo_info_toggle .companyinfo2_toggle_row:last-child{
    margin-right: 0;
}
.companyinfo2_info_flex .companyinfo2_toggle_row:last-child p{
    color: var(--textGrey);
}
.companyinfo2_toggle_row p:first-child{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 29px;
    letter-spacing: -1.2px;
    text-align: center;
    color: var(--mainBlue);
}
.companyinfo2_toggle_row p:nth-child(2),
.companyinfo2_toggle_row p:nth-child(3),
.companyinfo2_toggle_row p:last-child{
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: -0.65px;
    text-align: center;
    color: var(--textDarkGrey);
    margin-top: 10px;
}
.companyinfo2_info_inner{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
p.companyinfo2_info_subtitle{
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: normal;
    text-align: left;
    color: var(--defaultText);
    border-bottom: 1px solid var(--disabledText);
    padding-bottom: 5px;
}
.companyinfo2_info_inner .display_flex{
    width: 100%;
    height: auto;
    margin: 15px auto 0 auto;
}
.companyinfo2_info_inner .display_flex p:first-child{
    min-width: max-content;
    color: var(--textGrey);
}
.companyinfo2_info_inner .display_flex p:last-child{
    word-break: break-all;
    color: var(--defaultText);
    margin-left: 20px;
}
#companyinfo2_info_row2 p.companyinfo2_info_subtitle{
    border-color: var(--mainBlue);
}
#companyinfo2_info_row2 .table_whole{
    border-top: none;
    margin-top: 0;
}
#companyinfo2_info_row2 .table_whole thead tr th{
    border-top: none;
}
.company_table_bg thead th{
    background-color: var(--bgBlue);
}
.company_table_bg tbody td{
    min-width: auto!important;
    width: 50%!important;
    max-width: none!important;
    background-color: var(--white);
}
.company_table_bg tbody td:nth-child(1){
    min-width: 100px!important;
    width: 100px!important;
    max-width: 100px!important;
    background-color: var(--bgBlue);
}
#companyinfo2_info_row3 .companyinfo2_toggle_row p:nth-child(3),
#companyinfo2_info_row4 .companyinfo2_toggle_row p:nth-child(3){
    margin-top: 5px;
}
#companyinfo2_info_row5 .companyinfo2_info_flex{
    margin-bottom: 0;
}
#companyinfo2_info_row5 .companyinfo2_toggle_row{
    padding: 15px 10px;
}
#companyinfo2_info_row5 .companyinfo2_toggle_row:last-child{
    margin-top: 10px;
}
#companyinfo2_info_row5 .companyinfo2_info_flex .companyinfo2_toggle_row div p:nth-child(1){
    color: var(--mainBlue);
}
#companyinfo2_info_row5 .companyinfo2_info_flex .companyinfo2_toggle_row div p:nth-child(2){
    color: #15cdcb;
}
#companyinfo2_info_row5 .companyinfo2_info_flex .companyinfo2_toggle_row div p:nth-child(3){
    color: var(--textDarkGrey);
    margin-top: 5px;
}
#companyinfo2_info_row5 .companyinfo2_info_flex .companyinfo2_toggle_row:last-child div p{
    color: var(--textGrey);
}
#companyinfo2_info_row6 .companyinfo2_toggle_row p:nth-child(2){
    color: #15cdcb;
}
#companyinfo2_info_row6 .companyinfo2_toggle_row p:nth-child(3),
#companyinfo2_info_row6 .companyinfo2_toggle_row p:nth-child(4){
    margin-top: 5px;
}

/*기업 상세 - 규제/처분*/
.companyinfo_whole6 .table_whole{
    margin-top: 0;
}
p.companyinfo6_info_txt{
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: -0.65px;
    text-align: right;
    color: var(--textGrey);
    margin: 15px 0 10px 0;
}
span.companyinfo6_span_gr{
    color: var(--textGrey)!important;
}
.table_whole .companyinfo6_table1 tbody tr td{
    min-width: 120px!important;
}
p.companyinfo_toggle_txt{
    color: var(--defaultText);
}
.companyinfo_whole6 table tr td{
    min-width: 120px!important;
    background-color: var(--popWG);
}

/*기업 상세 - 에너지 사용량*/
.companyinfo_whole.companyinfo_whole4{
    padding-bottom: 23px;
}
.companyinfo4_title{
    position: relative;
    width: 100%;
    height: auto;
    margin: 15px auto;
}
.companyinfo4_title p{
    min-width: max-content;
    width: max-content;
}
.companyinfo4_title img{
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    cursor: pointer;
}
.companyinfo4_info_hover{
    position: absolute;
    width: 100%;
    height: auto;
    padding: 15px;
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background-color: #f0f4ff;
}
.companyinfo4_title img:hover + .companyinfo4_info_hover{
    display: block;
}
.companyinfo4_info_hover p{
    min-width: auto;
    width: 100%;
    max-width: none;
    word-break: break-all;
    color: #1f2933;
}
.companyinfo4_energy_whole{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.companyinfo4_energy_box{
    padding: 15px 15px 15px 20px;
}
span.companyinfo4_energy_img{
    display: block;
    min-width: 40px;
    width: 40px;
    height: 40px;
}
span.companyinfo4_energy_img.companyinfo4_energy_img1{
    background: url('../images/energy_icon1.svg') no-repeat;
    background-size: contain;
}
span.companyinfo4_energy_img.companyinfo4_energy_img2{
    background: url('../images/energy_icon2.svg') no-repeat;
    background-size: contain;
}
.companyinfo4_energy_box .display_flex div p:last-child,
.companyinfo4_energy_box .display_flex div p:last-child span{
    color: var(--mainBlue);
}
.companyinfo4_energy_box .display_flex div p:last-child span{
    font-size: 15px;
    font-weight: 400;
}
.companyinfo4_updw_whole{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.companyinfo4_updw_box{
    width: 100%;
    height: auto;
}
.companyinfo4_updw_row{
    width: 100%;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background-color: var(--card);
}
.companyinfo4_updw_row p.companyinfo4_updw_title{
    padding: 25px 0 24px 0;
    border-bottom: 1px solid var(--borderGrey);
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.companyinfo4_updw_row p.companyinfo4_updw_title span{
    display: block;
    min-width: 26px;
    width: 26px;
    height: 26px;
    margin-right: 5px;
}
.companyinfo4_updw_row p.companyinfo4_updw_title.companyinfo4_updw_normal span{
    background: url('../images/checkbox_on.svg') no-repeat;
    background-size: contain;
}
.companyinfo4_updw_row p.companyinfo4_updw_title.companyinfo4_updw_caution span{
    background: url('../images/warning_ye.svg') no-repeat;
    background-size: contain;
}
.companyinfo4_updw_row p.companyinfo4_updw_title.companyinfo4_updw_warning span{
    background: url('../images/warning_rd.svg') no-repeat;
    background-size: contain;
}
.companyinfo4_updw_flex{
    padding: 15px 13px 15px 25px;
    background-color: var(--bgGrey);
    border-radius: 0 0 10px 10px;
}
.companyinfo4_updw_flex div{
    position: relative;
    width: 100%;
    height: auto;
}
span.companyinfo4_span{
    display: block;
    min-width: 10px;
    width: 10px;
    height: 8px;
}
span.companyinfo4_span.companyinfo4_span_up{
    background: url('../images/increase.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
span.companyinfo4_span.companyinfo4_span_dw{
    background: url('../images/decrease.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
p.companyinfo4_updw_hover img{
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-left: 5px;
    cursor: pointer;
}
p.companyinfo4_updw_hover_txt{
    position: absolute;
    min-width: 200px;
    width: 200px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #1f2933;
    background-color: #f0f4ff;
    padding: 15px;
    border-radius: 10px;
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    z-index: 1;
}
p.companyinfo6_updw_hover_txt{
    top: 40px;
}
.companyinfo4_updw_hover_txt1.companyinfo4_updw_hover_bottom{
    top: -70px;
}
.companyinfo4_updw_hover_txt2.companyinfo4_updw_hover_bottom{
    top: -90px;
}
p.companyinfo4_updw_hover_txt.companyinfo4_updw_hover_txt2{
    min-width: 268px;
    width: 268px;
    left: auto;
    right: 0;
    transform: none;
}
p.companyinfo4_updw_hover:hover + p + p.companyinfo4_updw_hover_txt{
    display: block;
}


/*기업상세 유틸리티*/
.companyinfo_whole5{
    padding-bottom: 20px;
}
.companyinfo5_utility_whole{
    width: calc(100% + 32px);
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 20px;
}
.companyinfo5_utility_whole::-webkit-scrollbar{
    display: none;
}
.companyinfo5_utility_box{
    min-width: 150px;
    padding: 15px 10px 10px 10px;
}
.companyinfo5_utility_whole .companyinfo5_utility_box:last-child{
    margin-right: 0;
}
p.companyinfo5_utility_price span{
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
p.companyinfo5_utility_price.companyinfo5_utility_price1 span{
    background: url('../images/utility_icon1.svg') no-repeat;
    background-size: contain;
}
.dark p.companyinfo5_utility_price.companyinfo5_utility_price1 span{
    background: url('../images/utility_icon1-dk.svg') no-repeat;
    background-size: contain;
}
p.companyinfo5_utility_price.companyinfo5_utility_price2 span{
    background: url('../images/utility_icon2.svg') no-repeat;
    background-size: contain;
}
.dark p.companyinfo5_utility_price.companyinfo5_utility_price2 span{
    background: url('../images/utility_icon2-dk.svg') no-repeat;
    background-size: contain;
}
p.companyinfo5_utility_price.companyinfo5_utility_price3 span{
    background: url('../images/call_bk.svg') no-repeat;
    background-size: contain;
}
.dark p.companyinfo5_utility_price.companyinfo5_utility_price3 span{
    background: url('../images/call_bk-dk.svg') no-repeat;
    background-size: contain;
}
.companyinfo5_utility_graph{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 1px solid var(--borderGrey);
    margin: 15px auto 0 auto;
}
.companyinfo5_utility_graph canvas{
    width: 100%;
    height: auto;
}
.companyinfo5_utility_graph p.no_data_txt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0!important;
}
span.companyinfo5_span{
    display: block;
    min-width: 10px;
    width: 10px;
    height: 8px;
}
span.companyinfo5_span.companyinfo5_span_inline{
    display: inline-block;
}
span.companyinfo5_span.companyinfo5_span_up{
    background: url('../images/increase.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
span.companyinfo5_span.companyinfo5_span_dw{
    background: url('../images/decrease.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
.companyinfo_whole5 .table_whole{
    margin-top: 10px;
}
.companyinfo5_table1 tbody tr td,
.companyinfo5_table2 tbody tr td,
.companyinfo5_table3 tbody tr td,
.companyinfo5_table4 tbody tr td,
.companyinfo5_table5 tbody tr td{
    width: 100%;
}
.companyinfo5_table1 tbody tr td,
.companyinfo5_table2 tbody tr td,
.companyinfo5_table3 tbody tr td,
.companyinfo5_table4 tbody tr td,
.companyinfo5_table5 tbody tr td{
    min-width: 120px;
}
.companyinfo5_table1 tbody tr td:nth-child(1),
.companyinfo5_table2 tbody tr td:nth-child(1),
.companyinfo5_table3 tbody tr td:nth-child(1),
.companyinfo5_table4 tbody tr td:nth-child(1),
.companyinfo5_table4 tbody tr td:nth-child(1),
.companyinfo5_table5 tbody tr td:nth-child(1){
    min-width: 80px;
    width: 80px;
    white-space: break-spaces;
}
.companyinfo_whole5 td.companyinfo_td_title{
    background-color: var(--bgBlue);
}
.companyinfo5_table5 tbody tr td.w-52{
    min-width: 52px!important;
    width: 52px!important;
    max-width: 52px!important;
}

/*기업상세 종업원*/
.companyinfo6_row_whole{
    width: 100%;
    height: auto;
    margin: 0 auto 15px auto;
}
.companyinfo6_row{
    width: 100%;
    height: auto;
    padding: 15px 16px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    margin: 0 auto;
}
.companyinfo6_row_whole .companyinfo6_row:nth-child(1){
    margin-top: 15px;
}
.companyinfo6_row_whole .companyinfo6_row:nth-child(2){
    margin-top: 19px;
}
.companyinfo6_row_whole .companyinfo6_row:nth-child(3){
    margin-top: 21px;
}
.companyinfo6_row .mb-10.display_flex .display_flex p:nth-child(1){
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    margin-right: 10px;
}
.companyinfo6_row .mb-10.display_flex .display_flex p img{
    display: block;
    min-width: 26px;
    width: 26px;
    height: 26px;
    background-size: contain;
    margin-right: 5px;
}
.companyinfo6_row_box{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 10px 0 0;
    border-radius: 10px;
    padding: 15px 0;
}
.companyinfo6_row_whole .companyinfo6_row_box:last-child{
    margin-right: 0;
}
.companyinfo2_info_flex .companyinfo6_row_box:last-child p{
    color: var(--textGrey);
}
.companyinfo6_row_box p:first-child{
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: var(--textDarkGrey);
    margin-bottom: 10px;
}
.companyinfo6_row_box p:nth-child(2){
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: center;
}

/*부가세내역*/
.companyinfo_whole7{
    padding-bottom: 20px;
}
/*역산데이터*/
p.companyinfo7_data_title img{
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 5px;
}
.companyinfo7_data_box{
    margin-bottom: 15px;
    background-color: var(--bgGrey);
}
/*일반*/
.companyinfo7_table1 tbody tr td{
    min-width: auto;
    width: 100%;
    max-width: none;
}
.companyinfo7_table1 tbody tr td:first-child{
    min-width: 80px;
    width: 80px;
    max-width: 80px;
}
span.companyinfo7_span{
    display: inline-block;
    min-width: 10px;
    width: 10px;
    height: 8px;
}
span.companyinfo7_span.companyinfo7_span_up{
    background: url('../images/increase.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
span.companyinfo7_span.companyinfo7_span_dw{
    background: url('../images/decrease.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
.companyinfo7_season_whole{
    width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
}
.companyinfo7_season_flex{
    width: calc(100% + 32px);
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 -16px;
}
.companyinfo7_season_flex::-webkit-scrollbar{
    display: none;
}
.companyinfo7_season_flex a p{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--mainBlue);
    padding: 10px;
    border-radius: 50px;
    border: solid 1px var(--mainBlue);
    margin-left: 9px;
}
.companyinfo7_season_flex a:first-child p{
    margin-left: 16px;
}
.companyinfo7_season_flex a:last-child p{
    margin-right: 16px;
}
.companyinfo7_season_flex a p.season_on{
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    color: #fff;
    font-weight: bold;
}
.companyinfo7_graph_box{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}
.companyinfo7_season_flex2{
    width: calc(100% + 32px);
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    padding: 2px 16px;
}
.companyinfo7_season_flex2::-webkit-scrollbar{
    display: none;
}
.companyinfo7_graph_box{
    min-width: 300px;
    width: 300px;
    height: 189px;
    margin-right: 15px;
}
.companyinfo7_season_flex2 .companyinfo7_graph_box:nth-child(2){
    margin-right:0px;
}
.companyinfo7_season_flex2 .companyinfo7_graph_box:last-child{
    width:15px;
	min-width:15px;
	visibility:hidden;
}
.subject_table_whole.subject_table_whole2 .table_whole .companyinfo7_table2 tbody tr td{
    min-width: 150px;
    width: 150px;
}
.subject_table_whole.subject_table_whole2 .table_whole .companyinfo7_table2 tbody tr td:nth-child(1){
    min-width: 47px;
    width: 47px;
}
.companyinfo7_graph_box canvas{
    width: 130px!important;
    height: 130px!important;
}

.table_readmore_btn{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: -0.7px;
    text-align: center;
    color: var(--textDarkGrey);
    padding: 10px 0 9px 0;
}
.table_readmore_btn span{
    display: block;
    min-width: 10px;
    width: 10px;
    height: 5px;
    background: url('../images/arrow_more_grey.svg') no-repeat;
    background-size: contain;
    margin-left: 5px;
}
.companyinfo7_graph_label{
    width: 100%;
    height: auto;
}
.companyinfo7_graph_label p{
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto 5px auto;
}
.companyinfo7_graph_label p span{
    display: block;
    min-width: 8px;
    width: 8px;
    height: 4px;
    margin-right: 7px;
}
.companyinfo7_graph_label p:last-child{
    margin-bottom: 0;
}
.companyinfo4_graph_label{
    width: 100%;
    height: auto;
}
.companyinfo4_graph_label p{
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto 5px auto;
}
.companyinfo4_graph_label p span{
    display: block;
    min-width: 8px;
    width: 8px;
    height: 4px;
    margin-right: 7px;
}
.companyinfo4_graph_label p:last-child{
    margin-bottom: 0;
}

/*기업 상세 재무정보*/
.companyinfo8_section2,
.companyinfo8_section3,
.companyinfo8_section4,
.companyinfo8_section5,
.companyinfo8_section6{
    display: none;
}
/*기업 상세 재무비율분석*/
.companyinfo_whole8{
    padding-bottom: 20px;
}
.companyinfo8_info_nav{
    width: calc(100% + 32px);
    height: auto;
    margin: 15px -16px;
}
.companyinfo8_info_nav.nav_fixed{
    position: fixed;
    width: 100vw;
    padding: 0 16px;
    background-color: var(--white);
    top: 95px;
    left: 0;
    z-index: 20;
    margin: 0 auto;
}
.companyinfo8_info_nav .display_flex{
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.companyinfo8_info_nav .display_flex::-webkit-scrollbar{
    display: none;
}
.companyinfo8_info_nav a p{
    min-width: max-content;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--mainBlue);
    padding: 10px;
    border-radius: 50px;
    border: solid 1px var(--mainBlue);
    margin-left: 9px;
    white-space: nowrap;
}
.companyinfo8_info_nav .display_flex a:first-child p{
    margin-left: 16px;
}
.companyinfo8_info_nav .display_flex a:last-child p{
    margin-right: 16px;
}
.companyinfo8_info_nav a p.nav_active2{
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    color: #fff;
    font-weight: bold;
}
.companyinfo_whole8 .table_whole tr td{
    min-width: 120px;
}
.companyinfo_whole8 .table_whole tr td:nth-child(1){
    min-width: 80px;
    vertical-align: middle;
    background-color: var(--bgBlue);
}
.companyinfo_whole8 .table_whole tr td.w-232{
    min-width: 232px;
    text-align: center!important;
}
.companyinfo8_section1 .table_whole tr td{
    text-align: center!important;
}
.companyinfo_whole8 .table_whole tr td.w-80{
    min-width: 80px;
}
.companyinfo_whole8 .table_whole tr th{
    background-color: var(--bgBlue);
}
.companyinfo8_graph_whole1{
    width: 100%;
    height: auto;
    margin: 20px auto 0 auto;
}
.companyinfo8_graph_row1{
    width: 100%;
    height: auto;
    margin: 0 auto 15px auto;
}
.companyinfo8_graph_whole1 .companyinfo8_graph_row1:last-child{
    margin-bottom: 0;
}
.companyinfo8_graph_canvas1{
	position: relative;
    width: 100%;
    height: auto;
    border: 1px solid var(--borderGrey);
}
.companyinfo8_graph_canvas1 p.no_data_txt{
	 position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0!important;
}
.companyinfo8_graph_canvas1 canvas{
    display: block;
    width: 100%;
    height: auto;
}
p.companyinfo8_table_info{
    color : var(--textGrey);
}
.companyinfo8_section2 .table_whole,
.companyinfo8_section3 .table_whole{
    margin-top: 10px;
}
.companyinfo8_whole .table_whole tbody tr td:first-child{
    text-align: start;
}
tr.table_title td,
td.table_title{
    background-color: var(--tableTh)!important;
}
table.companyinfo8_table2 tr td:nth-child(5),
table.companyinfo8_table3 tr td:nth-child(5),
table.companyinfo8_table4 tr td:nth-child(4),
table.companyinfo8_table5 tr td:nth-child(5){
    background-color: var(--bgBlue);
}

/*기업 상세 수주실적*/
.companyinfo9_whole{
    padding-bottom: 20px;
}
.companyinfo9_title_box{
    background-color: var(--bgGrey);
}
.companyinfo9_section{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.companyinfo9_box_row{
    width: 100%;
    height: auto;
    margin: 0 auto 15px auto;
    padding: 14px 12px 15px 14px;
    box-shadow: 0 0 10px rgba(31, 41, 51, 0.16);
    background-color: var(--card);
}
.companyinfo9_section .companyinfo9_box_row:last-child{
    margin-bottom: 0;
}
.companyinfo9_box{
    width: 100%;
    height: auto;
    padding: 10px 0;
    border-radius: 10px;
    background-color: var(--mainBlue);
}
.companyinfo9_box p:first-child{
    color: #e4e7ec;
}
.companyinfo9_box p:last-child{
    color: #fff;
}

/*기업 상세 부동산 등기*/
.companyinfo10_box{
    width: 100%;
    height: auto;
    padding: 10px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    background-color: var(--card);
}
.companyinfo10_box div{
    border-right: 1px solid var(--borderGrey);
}
.companyinfo10_box div img{
    display: block;
    width: 32px;
    height: auto;
    background-size: contain;
    margin: 0 auto 5px 0;
}
.companyinfo10_box div:nth-child(1){
    padding-right: 22px;
    margin-right: 18px;
}
.companyinfo10_box div:nth-child(2){
    padding-right: 18px;
    margin-right: 22px;
}
.companyinfo10_box div:last-child{
    border-right: none;
}
.companyinfo10_box2{
    padding: 10px 0;
    border: 1px solid var(--borderGrey);
}
.companyinfo10_box_whole2 .table_whole{
    margin-top: 10px;
}
.companyinfo10_table1{
    table-layout: fixed;
}
.companyinfo10_table1 tbody tr td span + span{
    margin-left: calc(100% - 50px);
}
.companyinfo10_table1 tbody tr td{
    min-width: calc(25% - 16px)!important;
    width: calc(25vw - 16px)!important;
    white-space: break-spaces;
}
.companyinfo10_table1 tbody tr td.bor_none{
    border-right: none;
}
.companyinfo10_table1 tbody tr td:nth-child(4){
    min-width: 300px!important;
}
.companyinfo10_table1 tbody tr td:nth-child(5){
    min-width: 100px!important;
}
.company10_member_mobile{
    margin: 63px auto 0 auto;
}
.company10_member_mobile img{
    display: block;
    width: 60px;
    height: auto;
    background-size: contain;
    margin: 0 auto;
}

/*기업 상세 기업 뉴스*/
.companyinfo11_title{
    width: 100%;
    height: auto;
    border-top: 1px solid var(--borderGrey);
    margin-top: 10px;
    padding-top: 15px;
}
.companyinfo11_info_nav{
    width: calc(100% + 32px);
    height: auto;
    margin: 0 -16px;
}
.companyinfo11_info_nav .display_flex{
    overflow: hidden;
    overflow-x: auto;
}
.companyinfo11_info_nav .display_flex::-webkit-scrollbar{
    display: none;
}
.companyinfo11_info_nav a p{
    min-width: 85px;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: center;
    color: var(--mainBlue);
    padding: 10px;
    border-radius: 50px;
    border: solid 1px var(--mainBlue);
    margin-left: 9px;
    white-space: nowrap;
}
.companyinfo11_info_nav a:first-child p{
    margin-left: 16px;
}
.companyinfo11_info_nav a:last-child p{
    margin-right: 16px;
}
.companyinfo11_info_nav a p.nav_active2{
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    color: #fff;
    font-weight: bold;
}
.companyinfo11_news_whole{
    width: 100%;
    height: auto;
}
.companyinfo11_news_row{
    width: 100%;
    height: auto;
    padding: 15px;
    filter: drop-shadow(0 0 10px rgba(31, 41, 51, 0.16));
    margin: 15px auto 0 auto;
    background-color: var(--card);
}
.companyinfo_news_flex{
    width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
}
span.companyinfo_news_kind{
    display: block;
    padding: 4px 7px 1px 7px;
    border-radius: 10px;
}
span.companyinfo_news_kind1{
    background-color: var(--textDarkGrey);
}
span.companyinfo_news_kind2{
    background-color: var(--lightBlue);
}
span.companyinfo_news_kind3{
    background-color: #f3485b;
}
.companyinfo_news_flex p{
    margin-left: 10px;
}
.companyinfo_news_flex1 p{
    color: var(--textDarkGrey);
}
.companyinfo_news_flex2 p{
    color: var(--lightBlue);
}
.companyinfo_news_flex3 p{
    color: #f3485b;
}
p.companyinfo_news_title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
p.companyinfo_news_title.companyinfo_news_title2{
    white-space: pre-wrap;
    overflow: visible;
    word-break: break-all;
}
p.companyinfo_news_date{
    margin-bottom: 2px;
}
.companyinfo11_news_whole2{
    width: calc(100% + 32px);
    max-height: calc(100vh - 150px);
    margin: 0 -16px;
    overflow-y: auto;
}
.companyinfo11_news_whole2::-webkit-scrollbar{
    display: none;
}
.companyinfo11_news_whole2 .companyinfo11_news_row{
    width: calc(100% - 32px);
    background-color: var(--popCard);
}
.companyinfo11_news_whole2 .companyinfo11_news_row:last-child{
    margin-bottom: 20px;
}

.companyinfo12_company {
	color: #369a77;
	cursor:pointer;
	width: 100%;
}

/*기업뉴스*/
.companynews_whole .companyinfo_news_flex{
    margin: 3px auto 5px auto;
}
.companyinfo_news_content{
    min-height: 314px;
    margin: 10px auto 15px auto;
    padding: 15px 0;
    border-top: 1px solid var(--borderGrey);
    border-bottom: 1px solid var(--borderGrey);
}
.companyinfo_news_content *{
	margin: initial;
	padding: initial;
	border: initial;
	vertical-align: initial;
	box-sizing: initial;
	font-family: initial;
	font-weight: initial;
	word-break: initial;
	font-size: initial;
	letter-spacing: initial;
    color: var(--defaultText);
}
.companyinfo_news_connect .companyinfo_news_flex{
    margin: 10px auto 0 auto;
}
.companyinfo_news_connect .companyinfo_news_flex:first-child{
    margin-top: 15px;
}
.companyinfo_news_connect .companyinfo_news_flex p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*기업상세 신용변동*/
.companyinfo9_whole .table_whole{
    margin-top: 0;
}
.companyinfo9_whole .table_whole tbody tr td{
    background-color: #fff;
}
.companyinfo9_whole .companyinfo9_toggle_btn{
    margin-top: 15px;
}
.table_whole .companyinfo9_info_table tbody tr td{
    min-width: 120px;
}
.table_whole .companyinfo9_info_table tbody tr td:nth-child(1){
    min-width: 99px;
}

/*AI 추천*/
.companyinfo13_whole .table_whole tbody tr td{
    background-color: #fff;
}

.companyinfo1_whole1 .companyinfo_whole{
    display: none;
}
.companyinfo1_whole1 .companyinfo_whole.companyinfo_whole1{
    display: block;
}
.companyinfo1_whole1 .companyinfo_li.nav_active{
    border-bottom: none;
}


@media(max-width: 359px){
    p.companyinfo4_updw_hover_txt.companyinfo4_updw_hover_txt2{
        min-width: 250px;
        width: 250px;
        max-width: 250px;
    }
}


@media(min-width: 440px){
    .subject_table_whole.subject_table_whole3 .table_whole tbody tr td:last-child{
        min-width: 302px;
        width: 302px;
        max-width: 302px;
    }
    .subject_table_whole.subject_table_whole4 .table_whole tbody tr td:last-child{
        min-width: 340px;
        width: 340px;
        max-width: 340px;
    }
}

@media (max-height: 540px){
    button.companycertified_btn_ok{
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
@media (max-height: 700px){
    button.companybuy1_btn_ok{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    button.companybuy2_buy_btn{
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
p.companyinfo1_date_txt{
    padding: 11px 0 10px 0;
}
/* 2023-01-19 기업평가정보 AI등급사유 오른쪽정렬*/
.display_flex >ul >li{
	text-align:right;
}
.card .rating_btn{
    height: 30px;
    font-size: 12px;
    color: #fff;
    padding: 6px 20px;
    border-radius: 100px;
    border: 1px solid var(--mainBlue);
    background-color: var(--mainBlue);
}
.card .total_status div{text-align: center;}
.card .total_status .val{
    font-size: 24px;
    font-weight: 700;
    color: var(--mainBlue);
}
.card .total_status p{
    color: var(--textDarkGrey);
    font-size: 13px;
    margin-bottom: 4px;
}

.companyinfo4_title{
    position: relative;
    width: 100%;
    height: auto;
    margin: 15px auto;
}
.companyinfo4_title p{
    min-width: max-content;
    width: max-content;
}
.companyinfo4_title img{
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    cursor: pointer;
}

.companyinfo_whole4 .card_wrap{
    width: calc(100vw - 16px);
    height: auto;
    overflow: hidden;
    overflow-x: auto;

    gap: 20px;
    margin: 0 -16px;
    padding: 10px 0 10px 14px;
}
.companyinfo_whole4 .horizen_scroll.display_flex::-webkit-scrollbar{display: none;}
.companyinfo_whole4 .card{
    width: 228px;
    min-width: 228px;
    min-height: 582px;
}

.companyinfo_whole4 .increase{
    color: var(--mainBlue);
    display: flex;
    align-items: center;
}
.companyinfo_whole4 .increase::after{
    content: '';
    width: 10px;
    height: 8px;
    background: url(../images/increase.svg) no-repeat;
    margin-left: 10px;
}
.companyinfo_whole4 .decrease{
    color: var(--red);
    display: flex;
    align-items: center;
}
.companyinfo_whole4 .decrease::after{
    content: '';
    width: 10px;
    height: 8px;
    background: url(../images/decrease.svg) no-repeat;
    margin-left: 10px;
}
.companyinfo4_table3 td p{
    width: fit-content;
    margin: 0 auto;
}
.companyinfo4_table3 tbody tr td:nth-child(2){min-width: inherit;}


.companyinfo4_section2,
.companyinfo4_section3,
.companyinfo4_section4{
    display: none;
}

.companyinfo_whole4{
    padding-bottom: 20px;
}
.companyinfo4_info_nav{
    width: calc(100% + 32px);
    height: auto;
    margin: 15px -16px;
}
.companyinfo4_info_nav.nav_fixed{
    position: fixed;
    width: 100vw;
    padding: 0 16px;
    background-color: var(--white);
    top: 95px;
    left: 0;
    z-index: 20;
    margin: 0 auto;
}
.companyinfo4_info_nav .display_flex{
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    justify-content: center;
}
.companyinfo4_info_nav .display_flex::-webkit-scrollbar{
    display: none;
}
.companyinfo4_info_nav a p{
    min-width: max-content;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--mainBlue);
    padding: 10px;
    border-radius: 50px;
    border: solid 1px var(--mainBlue);
    margin-left: 9px;
    white-space: nowrap;
}
.companyinfo4_info_nav .display_flex a:first-child p{
    margin-left: 16px;
}
.companyinfo4_info_nav .display_flex a:last-child p{
    margin-right: 16px;
}
.companyinfo4_info_nav a p.nav_active2{
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    color: #fff;
    font-weight: bold;
}

.companyinfo4_section .graph_box_wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    gap: 10px;
}

.companyinfo4_table4 tr td a{text-decoration: underline;}
.companyinfo_whole4 .graph_box .display_flex{position: relative;}
.graph_box .ranking_wrap{
    position: absolute;
    top: 50%;
    transform: translateY(-42%);
    margin: 0 !important;
}
.graph_box .ranking_wrap .ranking_num{
    font-size: 28px;
    color: var(--mainBlue);
    font-weight: bold;
    letter-spacing: -0.75px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 0;
}
.graph_box .ranking_wrap .ranking_num span{
    font-size: 18px;
    font-weight: bold;
    color: var(--mainBlue);
}

/*부가세내역*/
.companyinfo_whole4{
    padding-bottom: 20px;
}
/*역산데이터*/
p.companyinfo4_data_title img{
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 5px;
}
.companyinfo4_data_box{
    margin-bottom: 15px;
    background-color: var(--bgGrey);
}
/*일반*/
.companyinfo4_table1 tbody tr td{
    min-width: auto;
    width: 100%;
    max-width: none;
}
.companyinfo4_table1 tbody tr td:first-child{
    min-width: 80px;
    width: 80px;
    max-width: 80px;
}
span.companyinfo4_span{
    display: inline-block;
    min-width: 10px;
    width: 10px;
    height: 8px;
}
span.companyinfo4_span.companyinfo4_span_up{
    background: url('../images/increase.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
span.companyinfo4_span.companyinfo4_span_dw{
    background: url('../images/decrease.svg') no-repeat;
    background-size: contain;
    margin: 4px 0 0 5px;
}
.companyinfo4_season_whole{
    width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
}
.companyinfo4_season_flex{
    width: calc(100% + 22px);
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 -10px;
}
.companyinfo4_season_flex::-webkit-scrollbar{
    display: none;
}
.companyinfo4_season_flex a p{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.75px;
    text-align: left;
    color: var(--mainBlue);
    padding: 12px;
    border-radius: 50px;
    border: solid 1px var(--mainBlue);
    margin-left: 9px;
}
.companyinfo4_season_flex a:first-child p{
    margin-left: 10px;
}
.companyinfo4_season_flex a:last-child p{
    margin-right: 16px;
}
.companyinfo4_season_flex a p.season_on{
    border: solid 1px var(--mainBlue);
    background-color: var(--mainBlue);
    color: #fff;
    font-weight: bold;
}
.companyinfo4_graph_box{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    width: 100%;
    height: auto;
}
.companyinfo4_season_flex2{
    width: calc(100% + 32px);
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    padding: 2px 16px;
}
.companyinfo4_season_flex2::-webkit-scrollbar{
    display: none;
}
.companyinfo4_season_flex2 .companyinfo4_graph_box:last-child{
    margin-right: 0;
}
#companyinfo4_graph1_1,
#companyinfo4_graph2_1
{
    width: 150px!important;
    height: 150px!important;
}
#detail_graph0401,
#detail_graph0402
{
    width: 200px!important;
    height: 200px!important;
}
#companyinfo4_graph1_2,
#companyinfo4_graph2_2
{width: 100% !important;}

/* ê¸°ì—… ìƒì„¸ - ê¸°ìˆ  ì¸ì¦ */
.companyinfo_whole5{
    padding-bottom: 20px;
}
.companyinfo5.display_flex{gap: 10px;}
.companyinfo5 .card{width: calc(100vw/3); min-height: 180px;}
.card .ai_icon{
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-bottom: 4px;
}
.card .ai_num{
    font-size: 32px;
    line-height: 39px;
    font-weight: bold;
    color: var(--defaultText);
    text-align: left;
    letter-spacing: -1.6px;
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
}
.card .ai_num span{
    font-size: 18px;
    font-weight: bold;
    margin-left: 4px;
}
.card .ai_title{
    font-size: 15px;
    line-height: 19.5px;
    font-weight: normal;
    color: var(--defaultText);
    text-align: left;
    letter-spacing: -0.75;
    opacity: 0.8;
}

/*ê¸°ì—…ìƒì„¸ - ê·œì œ ì²˜ë¶„*/
.companyinfo_whole6{
    padding-top: 20px;
}
.companyinfo6{
    width: calc(100vw - 16px);
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    gap: 10px;
    margin: 0 -16px;
    padding: 10px 0 10px 14px;
}
.companyinfo6::-webkit-scrollbar{display: none;}
.companyinfo6 .card{min-width: 102px; min-height: 206px;}
.companyinfo6 .card:last-child{margin-right: 10px;}
.companyinfo6_table4{width: 100%;}

/*ê¸°ì—… ìƒì„¸ ìˆ˜ì£¼ì‹¤ì */
.companyinfo_whole9{
    padding-top: 20px;
}
.companyinfo9_table1{width: 100%;}


/*ê¸°ì—… ìƒì„¸ ë¶€ë™ì‚° ë“±ê¸°*/
.companyinfo_whole10{
    padding-top: 20px;
}

.finance{
	width: 100%;
    height: auto;
    margin: 16px auto 0 auto;
    overflow: hidden;
    overflow-x: auto;
}

.finance thead tr th, .finance tbody tr td {
    vertical-align: middle;
}

.finance::-webkit-scrollbar{
	display:none;
}

.financeTable{
	font-size: 13px;
    text-align: center;
    border-top: 1px solid var(--disabledText);
    border-left: 1px solid var(--disabledText);
    border-right: 1px solid var(--disabledText);
    border-bottom: 1px solid var(--disabledText);
}

.financeTable thead tr th{
	min-width: 60px!important;
    width: 60px!important;
    font-size: 13px;
    padding: 8px;
    text-align: center;
    background-color: var(--bgBlue);
    border-top: 1px solid var(--disabledText);
    border-left: 1px solid var(--disabledText);
    border-right: 1px solid var(--disabledText);
    border-bottom: 1px solid var(--disabledText);
}

.financeTable tbody tr td{
    font-size: 13px;
    padding: 8px;
    text-align: center;
    border-top: 1px solid var(--disabledText);
    border-left: 1px solid var(--disabledText);
    border-right: 1px solid var(--disabledText);
    border-bottom: 1px solid var(--disabledText);
}

.financeTable .leftTab{
    background-color: var(--bgBlue);
    min-width: 50px!important;
    width: 50px!important;
	position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 11;
}

.financeTable .firstTab{
    background-color: var(--bgBlue);
    min-width: 64px!important;
    width: 64px!important;
    max-width: 60px!important;
	position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 11;
}

.financeTable .subTab{
	width: 100%;
    background-color: var(--bgBlue);
	position: sticky;
    position: -webkit-sticky;
    left: 64px;
    z-index: 11;
}

/* 등급 정의 팝업 */
.under_pop .pop_cont{display: inherit;}
.rating_info_pop .tabnav3{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border-bottom: 0;
}
.rating_info_pop .tabnav3 li{
    width: 50%;
    height: 62px;
    padding: 8px 10px;
    border: 1px solid var(--borderGrey);
    color: var(--mainBlue);
    font-size: 15px;
    line-height: 23px;
    text-align: center;
}
.rating_info_pop .tabnav3 li.current{
    font-weight: 500;
    color: #fff;
    background: var(--mainBlue);
    border-color: var(--mainBlue);
}
.tab-content .table_notice{
    display: flex;
    align-items: flex-start;
    gap: 4px;
}
.tab-content .table_notice img{
    width: 20px;
    height: 20px;
}
.tab-content .table_notice p{
    font-size: 15px;
    color: var(--textDarkGrey);
}