@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@media (min-width: 100px) and (max-width: 767px) {

    /* 헤더 */
    .headerWrap {
        width: 100%;
        border-bottom: 1px solid #cad6fd;
        box-sizing: border-box;
        z-index: 1000;
        position: sticky;
        top: 0;
        background-color: #fff;

    }

    .header img {
        width: auto !important;
    }

    .header img {
        vertical-align: middle;
    }

    .header {
        display: flex;
        justify-content: space-between;
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        height: 5rem;
        line-height: 5rem;
        position: relative;
        padding: 0 1.25em;
    }

    .header h1 {
        width: 11rem;
        margin-right: 4rem;
    }

    .header h1 img {
        width: 8rem !important;
    }

    .logoNavWrap {
        display: flex;
        width: 100%;
    }

    nav {
        display: none;
        font-size: 1.125rem;
        font-weight: 600;
        z-index: 9999999;
        position: absolute;
        top: 5rem;
        width: 0;
        opacity: 0;
        height: auto;
        right: 0;
        border-top: 1px solid #ddd;
        box-sizing: border-box;

    }

    nav.act {
        display: block;
        width: 100%;
        opacity: 1;
        transition: all 0.3s;
    }

    .navMainMenu {
        background-color: #fff;
        margin-bottom: 0.63em !important;
        max-height: 300px;
    }

    .navMainMenu {
        overflow-y: scroll;
    }

    /* 스크롤바의 폭 너비 */
    .navMainMenu::-webkit-scrollbar {
        width: 10px;
    }

    .navMainMenu::-webkit-scrollbar-thumb {
        background: #cad6fd;
        /* 스크롤바 색상 */
        border-radius: 10px;
        /* 스크롤바 둥근 테두리 */
    }

    .navMainMenu::-webkit-scrollbar-track {
        background: #fff;
        /*스크롤바 뒷 배경 색상*/
    }

    nav ul {
        background-color: #fff;
        margin-bottom: 1.88em;

    }

    .navMainMenu {
        border-bottom: 1px solid #ddd;
    }

    .navMainMenu>li {
        position: relative;
    }

    .navMainMenu>li>a {
        font-size: 1.125rem;
        cursor: pointer;
        padding: 0 3vw;
    }

    .navSubMenu>li>a {
        padding: 0 3vw;
        font-size: 1rem;
    }

    .navSubMenu_sub>li>a {
        padding: 0 3vw;
        font-size: 1rem;
    }

    nav .navMainMenu>li.active .navSubMenu {
        height: auto;
    }

    .navSubMenu {
        display: none;

    }

    .navSubMenu>li {
        line-height: 4rem;
        width: 100%;
        background-color: #F3F5F9;
    }

    .navSubMenu_sub {
        display: none;

    }

    .navSubMenu_sub>li {
        line-height: 4rem;
        width: 100%;
        background-color: #E2E6EF;
    }

    .navSubMenu>li:hover>a {
        color: #4D77FF;
    }

    .navSubMenu_sub>li:hover>a {
        color: #4D77FF;
    }

    /* 햄버거버튼 */

    .hamburger {
        margin-top: 1.5em;
    }

    .hamburger .line {
        width: 30px;
        height: 3px;
        border-radius: 3px;
        background-color: #707070;
        display: block;
        margin: 6px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .hamburger:hover {
        cursor: pointer;
    }

    .dim {
        position: fixed;
        right: 0;
        top: 5rem;
        z-index: 9999998;
        width: 0;
        height: 100%;
        background: #fff;
        opacity: 0;
    }

    .dim.act {
        width: 100%;
        opacity: 1;
        display: block;
    }

    /* ELEVEN */

    #hamburger-11 {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #hamburger-11.is-active {
        animation: smallbig 0.6s forwards;
    }

    @keyframes smallbig {

        0%,
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        50% {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }
    }

    #hamburger-11.is-active .line:nth-child(1),
    #hamburger-11.is-active .line:nth-child(2),
    #hamburger-11.is-active .line:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    #hamburger-11.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-11.is-active .line:nth-child(1) {
        -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }

    #hamburger-11.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-18px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }

    /* 아코디언 */

    .plusIcon::before {
        content: '\002B';
        color: #707070;
        font-weight: bold;
        float: right;
        width: 80px;
        height: 100%;
        text-align: right;
        overflow: hidden;
        box-sizing: border-box;
        padding-right: 20px;
    }

    .plusIcon.on_act::before {
        content: "\207B";
        color: #707070;
        font-weight: bold;
        float: right;
        width: 80px;
        height: 100%;
        text-align: right;
        overflow: hidden;
        box-sizing: border-box;
        padding-right: 20px;
    }

    /* 로그인 */

    .loginIconBox {
        display: none;
    }

    .loginIconBox_m {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 1.25em;
        box-sizing: border-box;
    }

    .loginIconBox_m ul {
        display: flex;
        justify-content: flex-end;
        font-size: 0.875rem;
        width: 100%;

    }

    .loginIconBox_m ul li {
        padding-left: 1rem;
        position: relative;
        box-sizing: border-box;
        height: 3.5rem;
        line-height: 3.5rem;
    }

    .loginIconBox_m ul li {
        margin-left: 0.63vw;
    }

    .loginIconBox_m .searchIcon1 {
        width: 1.88rem;
    }

    .loginIconBox_m .searchIcon1 a {
        background: url("/images/front/searchIcon.svg")no-repeat;
        width: 19px;
        height: 19.5px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .searchIcon1 a.on {
        background: url("/images/front/close.svg")no-repeat !important;
        width: 1.1rem !important;
        height: 1.1rem !important;
    }

    .loginIconBox_m ul li a {
        display: block;
    }

    .loginIconBox_m ul li:hover a {
        color: #4D77FF;
        font-weight: 600;
    }

    /* 로그아웃 */
    .logoutIconBox {
        display: none;
    }

    .person_sub_m {
        width: 100%;
        display: none;
    }

    .person_sub_m.act {
        display: block;
    }

    .person_sub_m li {
        background-color: #F3F5F9;
        width: 100%;
        height: 3rem;
        border-radius: 1.88rem;
        margin-top: 0.75em;
        transition: all 0.2s;
    }

    .person_sub_m>li a {
        padding: 0 1.25em;
        text-align: center;
        position: relative;
        top: -1rem;
    }

    .person_id span {
        background: url("/images/front/personIcon.svg")no-repeat left center;
        display: block;
        width: 6.5rem;
        position: relative;
        left: 52%;
        transform: translateX(-45%);
    }

    .person_sub_m li:hover {
        background-color: #4D77FF;
    }

    .person_sub_m li:hover a {
        color: #fff;
    }

    .person_sub_m .person_id a:hover span {
        background: url("/images/front/personIcon_over.svg")no-repeat left center/17%;
        display: block;
        width: 6.5rem;
        position: relative;
        left: 52%;
        transform: translateX(-45%);
    }

    .logoutIconBox_m {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 1em;
        box-sizing: border-box;
    }

    .logoutIconBox_m ul:nth-of-type(1) {
        display: flex;
        font-size: 0.875rem;
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 0.63em !important;

    }

    .logoutIconBox_m ul:first-child>li {
        padding-left: 1rem;
        position: relative;
        box-sizing: border-box;
        height: 3.5rem;
        line-height: 3.5rem;
    }

    .logoutIconBox_m>ul:first-child>li {
        margin-left: 1.5em;
    }

    .logoutIconBox_m .searchIcon1 a {
        background: url("/images/front/searchIcon.svg")no-repeat;
        width: 19px;
        height: 19.5px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .logoutIconBox_m .bellIcon a {
        background: url("/images/front/bellIcon.svg")no-repeat;
        width: 19px;
        height: 19.5px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .logoutIconBox_m .person a {
        background: url("/images/front/personIcon.svg")no-repeat;
        width: 19px;
        height: 19.5px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .logoutIconBox_m ul li:nth-of-type(1) button {
        width: 10%;
        position: relative;
        top: -4px;
        right: 10px;
    }

    input:focus {
        outline: none;
    }

    .logoutIconBox_m ul li a {
        display: block;
    }

    .backGradient {
        display: none;
        position: absolute;
        top: 78%;
        transform: translateY(-73%);
        vertical-align: middle;
        width: 100%;
        height: 453px;
        z-index: -1;
    }

    /* 컨테이너 */

    .marTop {
        margin-top: 3.75em;
    }

    .container {
        width: 100%;
        position: relative;

    }

    .indexBg {
        background-image: linear-gradient(to bottom, #fff, #eef2ff);

    }

    .sideNews {
        display: block;
        display: flex;
        flex-direction: column;
        margin-top: 3.75rem;
        padding: 0 1.5em;
    }

    .sideNews>div {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sideNews>div:last-child {
        margin-top: 3.75em;
    }

    .sideNews a {
        width: 100%;
    }

    .sideNews>div a img {
        object-fit: cover;
        border-radius: 0 2.5rem 2.5rem 2.5rem;
        height: 230px;
        width: 100%;
    }

    .sideNews span a {
        font-size: 0.85rem;
        line-height: 0.85rem;
    }

    .sideNews .subTitle_1::after,
    .sideNews .subTitle_2::after {
        height: 10px;
        bottom: 2px;
    }

    .sideNews .subTitle_2::after {
        height: 11px;
        left: -0.63em;
    }

    .sideNews div p:nth-of-type(2) {
        margin-top: 0.31em;
    }

    .sideNews div p:nth-of-type(2) a {
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.4;
    }

    .sideNews_text {
        margin-top: 1.25em;
    }

    .section_1 {
        margin-top: 1.88em;
        display: flex;
        flex-direction: column;
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1.5em;

    }

    .pcSideNews {
        display: none;
    }

    .section_1 div p {
        text-align: center;
    }

    .section_1 div p:nth-of-type(1) {
        margin-top: 1em;
    }

    .section_1 div p:nth-of-type(2) {
        margin-top: 0.4em;
    }

    .section_1 div p:nth-of-type(2) a {
        font-size: 1.38rem;
        font-weight: bold;
    }

    .section_1 .headNews p:nth-of-type(2) {
        margin-top: 0.4em;
    }

    .section_1 .headNews p:nth-of-type(2) a {
        font-size: 1.4rem;
    }

    .section_1 div:nth-of-type(2) {
        width: 100%;
    }

    .section_1 div:nth-of-type(2)>a>img {
        object-fit: cover;
        border-radius: 0 2.5rem 2.5rem 2.5rem;
        height: 17rem;
    }

    .subTitle_1 {
        font-size: 1rem;
        font-weight: bold;
        margin-right: 0.75em;
        background: linear-gradient(to top, rgba(77, 119, 255, .3) 40%, transparent 40%);
    }

    .subTitle_2 {
        font-size: 1rem;
        font-weight: bold;
        background: linear-gradient(to top, rgba(0, 208, 197, .3) 40%, transparent 40%);
    }

    .section_1 .headNews .subTitle_1 a,
    .section_1 .headNews .subTitle_2 a {
        font-size: 0.9rem;
    }

    .section_2 {
        margin-left: auto;
        margin-right: auto;
        overflow-x: scroll;
        -ms-overflow-style: none;
        background-size: 100% 17%;
    }

    .section_2::-webkit-scrollbar {
        width: 3px;
    }

    .section_2::-webkit-scrollbar-thumb {
        background: #cad6fd;
        /* 스크롤바 색상 */
        border-radius: 8px;
        /* 스크롤바 둥근 테두리 */
    }

    .section_2::-webkit-scrollbar-track {
        background: transparent;
        /*스크롤바 뒷 배경 색상*/
    }

    .section2Wrap {
        width: 100%;
        padding: 2.5em 0 6.25em;
    }

    .section2_wrap {
        display: flex;
        justify-content: space-between;
        width: 1290px;
        padding: 0 1.5em 1.88em;
    }

    .section_2 h2 {
        font-size: 1.6rem;
        font-weight: bold;
        color: #fff;
        padding-top: 2em;
        padding-left: 0.75em;
    }

    .rankingWrap {
        display: flex;
        justify-content: space-between;
        margin-right: 1em;
        width: 33%;
    }

    .rankingWrap:last-of-type {
        margin-right: 0;
    }

    .mainRankingBoxWrap {
        position: relative;
        margin-top: 2.5em;
    }

    .rankBadge {
        background: url("/images/front/rankBadge.svg")no-repeat;
        width: 82px;
        height: 90px;
        position: absolute;
        top: -0.75rem;
        right: 1.88em;
        color: #fff;
        padding: 1.1em 0.5em;
    }

    .rankBadgeFinance {
        background: url("/images/front/rankBadgeFinance.svg")no-repeat;
        width: 82px;
        height: 90px;
        position: absolute;
        top: -0.75rem;
        right: 1.88em;
        color: #fff;
        padding: 1.1em 0.5em;
    }

    .rankBadge div,
    .rankBadgeFinance div {
        width: auto;
        height: 2.19rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        box-sizing: border-box;
        margin-top: 5px;
    }

    .rankBadge span:nth-of-type(1),
    .rankBadgeFinance span:nth-of-type(1) {
        font-size: 1.63rem;
        font-weight: bold;
    }

    .rankBadge span:nth-of-type(2),
    .rankBadgeFinance span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    .mainRankingBox {
        padding: 1.88em;
        background-color: #fff;
        border-radius: 2.5rem;
        box-shadow: 0 0 30px rgb(0 0 0 / 15%);
    }

    .rankBox_t {
        font-size: 1.5rem;
        font-weight: bold;
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mainRankingBox small {
        font-size: 0.75rem;
        font-weight: 400;
    }

    .barGraph_bg {
        margin: 0.63em 0;
        width: 100%;
        background-color: #fff;
        border-radius: 2.5rem;
    }

    .barGraph {
        background-image: linear-gradient(to right, #00D0C5, #054FCB);
        height: 3.13rem;
        border-radius: 2.5rem;
        position: relative;
    }

    .barGraph small {
        font-size: 0.88rem;
        color: #fff;
        font-weight: 600;
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
    }

    .factorBar {
        background-color: #F3F5F9;
        padding: 0.88em 1em;
        margin-top: 1.25em;
        border-radius: 1.25rem;
    }

    .factorBar span {
        font-size: 0.75rem;
    }

    .factorBar span:nth-of-type(1) {
        position: relative;
    }

    .factorBar span:nth-of-type(2) {
        margin-left: 1em;
        position: relative;
    }

    .factorBar p:nth-of-type(1) {
        font-weight: bold;
        font-size: 0.88rem;
    }

    .grayLine12::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 0.75rem;
        background-color: #ccc;
        top: 55%;
        transform: translateY(-55%);
        left: -0.5em;
    }

    .factorBar div {
        margin: 0.63em 0;
        width: 100%;
    }

    .factorBar p:nth-of-type(2) {
        text-align: right;
    }

    .footer {

        color: #707070;
        font-size: 0.88rem;
    }

    .footer section {
        width: 100%;
        border-top: 1px solid #ddd;
    }

    .footer section div {
        padding: 0 1.5em;
    }

    .footer section:nth-of-type(1)>div {
        display: flex;
        justify-content: center;
    }

    .footer section div ul {
        display: flex;
        padding: 0 1.25em;
        justify-content: center;
        gap: 0.94rem 1.25rem;
        flex-wrap: wrap;

    }

    .footer section div ul li {
        display: flex;
        align-items: center;
        margin-right: 0.75em;
    }

    .footer section div ul li a {
        font-size: 0.75rem;
    }

    .footer section div ul li:last-child {
        margin-right: 0;
    }

    .footer section div ul li.color_b a {
        color: #4D77FF;
        font-weight: bold;
    }

    /* 
    .footer section div {
        max-width: 1260px;
        margin: 0 auto;
    } */
    .footer section:first-child>div {

        margin: 0 auto;
        padding: 1.25em 0;
    }

    .footer section h1 {
        display: none;
    }

    .footer section h1 img {
        width: auto;
    }

    .footer .footer_info {
        padding: 0 0 1.25em;
        line-height: 150%;
    }

    .footer .footer_info p {
        text-align: center;
    }

    .footer .footer_info p:nth-of-type(1) {
        display: none;
    }

    .footer .footer_info p:nth-of-type(2) {
        color: #aaa;
        font-size: 0.75rem;
    }

    .footer .footer_info p span {
        font-size: 0.75rem;
        position: relative;
        top: -1px;
        margin: 0 0.31em;
    }

    /* 네비바 */

    .nav_bar_warp {
        width: 100%;
        height: 2.5rem;
        background-color: #000;
    }

    .nav_bar {
        max-width: 1260px;
        height: 2.5rem;
        margin: 0 auto;
        line-height: 2.5rem;
        padding: 0 1.25em;
    }

    .nav_bar li {
        position: relative;
        display: inline-block;
        margin: auto 0.63em;
    }

    .nav_bar li:first-child {
        margin: auto 1em auto 0;
    }

    .nav_bar li:nth-of-type(2) {
        margin: auto 0.63em auto 0;
    }

    .nav_bar a {
        color: #fff !important;
        font-size: 0.75rem;
    }

    .nav_bar li img {
        width: 0.75rem;
        margin-top: 1em;
    }

    .nav_bar li a::after {
        content: '';
        background: url("/images/front/nav_right_arrow_white.svg") no-repeat;
        position: absolute;
        background-size: 5px;
        right: -1.5em;
        top: 40%;
        width: 10px;
        height: 10px;
    }

    .nav_bar li:last-child a::after {
        display: none;
    }

    /* 검색창 */
    .searchWrap {
        display: none;
    }

    .searchWrap1.on {
        display: block;
    }

    .searchWrap1 {
        display: none;
        background: #fff;
        margin: 0 1.25em;
    }

    .searchWrap1.on {
        display: block;
    }

    .searchWrap1 .clear {
        display: block;
        float: none;
        clear: both;
        overflow: hidden;
    }

    .searchWrap1 .searchSection {
        width: 100%;
    }

    .searchWrap1 .searchSection .searchBox {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 30px;
        padding-left: 10px;
        box-sizing: border-box;
        position: relative;

    }

    .searchWrap1 .searchSection .searchBox .ico {
        background-size: 23px 23px;
        top: 13px;
    }

    .searchWrap1 .searchSection .searchBox input {
        width: 55%;
        border: 0;
        height: 45px;
        line-height: 26px;
        padding: 0 10px;
        border-radius: 15px;
        background-color: transparent;
    }

    .searchWrap1 .searchSection .searchBox button {
        position: absolute;
        right: 5px;

    }

    .searchWrap1 .ico.search {
        background: url("/images/front/searchIcon.svg") no-repeat;
        height: 30px;
        width: 29px;
        cursor: pointer;
    }

    .searchWrap1 .ico {
        display: inline-block;
        font-size: 0 !important;
        border: none;
    }

    .searchWrap1 form {
        display: flex;
        align-items: center;
    }

    input:placeholder-shown {
        text-overflow: ellipsis;
    }

    .searchWrap1 .relationWordWrap p {
        line-height: 1.5;
        margin-top: 1.88em;
    }

    .searchWrap1 .relationWordWrap p a {
        font-size: 1.25rem;
    }

    .searchWrap1 .relationWordWrap img {
        width: 26px !important;
        transform: rotate(46deg);
        vertical-align: sub !important;
    }

    .searchWrap1 .relationWordWrap>ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 0 !important;
        margin-top: 1.25em;
        max-height: 100px;
    }


    .searchWrap1 select.select_search {
        width: 29vw;
        height: 2.5rem;
        margin-right: 1em;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        font-size: 0.88rem;
        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
    }

    .searchWrap1 .relationWordWrap ul li a {
        padding: 0.31em 0.63em;
        background-color: #F3F5F9;
        margin: 0.5em 1.25em 0.5em 0;
        border-radius: 1em;
        line-height: 1.5;
        display: block;
        font-size: 1rem;
        font-weight: 400;
    }




    /* 검색창2 */
    /* .searchWrap {
        display: none;
    }
    

    .searchWrap1 {
        display: none;
        position: fixed;       
        background: #fff;       
        width: 100%;
        height: 100%;
        z-index: 1000;
        top: 0;
        left: 0;
        padding: 0 1.25em;
    }
    .searchWrap1.on {
        display: block;
    }
    .searchWrap1 .clear {
        display: block;
        float: none;
        clear: both;
        overflow: hidden;
    }
    .searchWrap1 .searchSection {
        width: 100%;
    }
    .searchWrap1 .searchSection .searchBox {
        width: 100%;
        border: 1px solid #4D77FF;
        border-radius: 30px;
        padding-left: 10px;
        box-sizing: border-box;
        position: relative;

    }

    .searchWrap1 .searchSection .searchBox .ico {
        background-size: 23px 23px;
        top: 13px;
    }

    .searchWrap1 .searchSection .searchBox input {
        width: 70%;
        border: 0;
        height: 50px;
        line-height: 26px;
        padding: 0 10px;
        border-radius: 15px;
        background-color: transparent;
    }

    .searchWrap1 .searchSection .searchBox button {
        position: absolute;
        right: 10px;

    }
    .searchWrap1 .ico.search {
        background: url("/images/front/searchIcon.svg") no-repeat;
        height: 30px;
        width: 29px;
        cursor: pointer;
    }
    .searchWrap1 .ico {
        display: inline-block;
        font-size: 0 !important;
        border: none;
    }
    .searchWrap1 form {
        display: flex;
        align-items: center;
    }

    input:placeholder-shown {
        text-overflow: ellipsis;
    }
    .searchWrap1 .relationWordWrap p {
        line-height: 1.5;
        margin-top: 1.88em;
    }

    .searchWrap1 .relationWordWrap p a {
        font-size: 1.13rem;
    }
    .searchWrap1 .relationWordWrap img {
        width: 24px;
        transform: rotate(-90deg);
        vertical-align: top!important;
    }
    .searchWrap1 .relationWordWrap > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;        
        margin-bottom: 0 !important;
        margin-top: 1.25em;
        height: 350px;
    }
    .searchWrap1 .relationWordWrap > ul li {
        padding: 0.31em 0.63em;
        background-color: #F3F5F9;
        margin: 0.5em 1.25em 0.5em 0;
        border-radius: 1em;
        line-height: 1.5;
    }

    .searchWrap1 select.select_search {
        width: 9rem;
        height: 2.5rem;
        margin-right: 2.5em;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(/images/front/select_arrow.svg) no-repeat right 0.94rem center;
    }

    .searchWrap1 .scrollbar {
        overflow-y: scroll;
    }

    .closeBtn{display: flex;justify-content: right;max-width: 1260px;margin: 0 auto 3.75em auto;}
    .closeBtn a{width: 18px;height: 30px;display: block;}
.closeBtn a::before{content:"\2715";display: block;transform: scale(1.85);color: #4D77FF;font-weight: 600;} */

    .searchWrap1 .scrollbar {
        overflow-y: scroll;
    }

    /* 스크롤바의 폭 너비 */
    .searchWrap1 .scrollbar::-webkit-scrollbar {
        width: 10px;
    }

    .searchWrap1 .scrollbar::-webkit-scrollbar-thumb {
        background: #cad6fd;
        /* 스크롤바 색상 */
        border-radius: 10px;
        /* 스크롤바 둥근 테두리 */
    }

    .searchWrap1 .scrollbar::-webkit-scrollbar-track {
        background: #fff;
        /*스크롤바 뒷 배경 색상*/
    }

    /* 뉴스메인 */

    .section {
        max-width: 1260px;
        display: flex;
        flex-direction: column;
    }

    .news_section1 {
        margin: 1.88em auto 3.75em;
    }

    .section1_left,
    .section2_left {
        max-width: 1260px;
        padding: 0 1.25rem;
    }

    .main_news p:nth-of-type(1)>a>img {
        width: 100%;
        height: 17rem;
        object-fit: cover;
        border-radius: 0 2.5rem 2.5rem 2.5rem;
    }

    .main_news p:nth-of-type(2) {
        margin-top: 1.25em;
        text-align: center;
    }

    .main_news p:nth-of-type(2) a {
        font-size: 0.9rem !important;
        font-weight: bold;
        position: relative;
    }

    .main_news p:nth-of-type(3) {
        margin-top: 0.31em;
        overflow: hidden;
        text-align: left;
    }

    .main_news p:nth-of-type(4) {
        margin-top: 0.63em;
        overflow: hidden;
    }

    .main_news p:nth-of-type(3) a {
        font-size: 1.4rem;
        font-weight: bold;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
        text-align: center;
    }

    .main_news p:nth-of-type(4) a {
        line-height: 1.5;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 0.88rem;
    }

    .sub_news:nth-of-type(2) {
        margin-top: 1.88em;
    }

    .sub_news_wrap {
        display: flex;
        flex-direction: column;
        margin-top: 3.75em;
    }

    .sub_news {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .sub_news>div {
        width: 100%;
    }

    .sub_news a img {
        width: 100%;
        height: 13rem;
        object-fit: cover;
        border-radius: 0 2.5rem 2.5rem 2.5rem;
    }

    .sub_news .sub_news_text {
        margin-top: 1.25em;
        width: 100%;
    }

    .sub_news .sub_news_text p:nth-of-type(1)>a {
        position: relative;
        font-size: 0.85rem !important;
    }

    .sub_news .sub_news_text p:nth-of-type(2)>a {
        font-size: 1.25rem;
        font-weight: bold;
        margin-top: 0.31em;
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .section1_right>div {
        display: flex;
        flex-direction: column;
    }

    .section1_right>div .boardBox:last-child {
        margin-top: 1.88rem;
    }

    .section1_right>div:nth-of-type(1) {
        margin-bottom: 1.88rem;
    }

    .indexWrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 0.63em;
    }

    .bookmark {
        width: 1.38rem;
        height: auto;
    }

    .bookmark>a {
        background: url("/images/front/bookmark.svg")no-repeat;
        display: block;
        width: 1.38rem;
        height: 1.31rem;
        transition: all 0.2s;
    }

    .bookmarkOn>a {
        background: url("/images/front/bookmark_active.svg")no-repeat;
        display: block;
        width: 1.38rem;
        height: 1.31rem;
        transition: all 0.2s;
    }

    .bookmark>a:hover {
        background: url("/images/front/bookmark_over.svg")no-repeat;
        display: block;
        width: 1.38rem;
        height: 1.31rem;
        transform: scale(1.3);
    }

    .rankBadge_left {
        background: url("/images/front/rankBadge.svg") center / 100% 100% no-repeat;
        width: 90px;
        height: 95px;
        color: #fff;
        padding: 1.1em 0.5em;
        margin-top: -10px;
    }

    .rankBadge_left div {
        width: 100%;
        height: 2.19rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        box-sizing: border-box;
        margin-top: 7px;
    }

    .rankBadge_left span:nth-of-type(1) {
        font-size: 1.2rem;
        font-weight: bold;
    }

    .rankBadge_left span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    .boardBox {
        width: 100%;
        padding: 1em;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        border-radius: 1.88rem;
        background-color: #fff;
        overflow: hidden;
    }

    .section1_right {
        padding: 3.75em 1.25em 0;
    }

    .boardBox>h4 {
        display: flex;
        justify-content: space-between;
        margin: 0;
    }

    .boardBox h4 a {
        font-size: 1.25rem;
    }

    .indexBox {
        width: 100%;
        background-color: #F3F5F9;
        padding: 1em;
        border-radius: 0.63rem;
        margin-left: 0.31em;
    }

    .indexBox a {
        display: block;
    }

    .indexBox h5 {
        font-size: 0.75rem;
    }

    .indexBox div {
        margin-top: 0.31rem;
    }

    .indexBox_1 div {
        margin-top: 0.31rem;
        height: 3.31rem;
    }

    .indexBox_1 div img {
        width: auto !important;
    }

    .indexBox p {
        margin-top: 0.31rem;
        text-align: right;
        display: flex;
        justify-content: right;
    }

    .indexBox p a {
        font-size: 0.52rem;
    }

    .indexBox p a:nth-of-type(2) {
        margin-left: 0.63em;
    }

    .indexBox_1 .barGraph_bg {
        margin: 0.31em 0;
        width: 100%;
        background-color: #F3F5F9;
        border-radius: 2.5rem;
    }

    .indexBox_1 .barGraph {
        background-image: linear-gradient(to right, #00D0C5, #054FCB);
        width: 50%;
        height: 3.3rem;
        border-radius: 2.5rem;
        position: relative;
    }

    .indexBox_1 .barGraph small {
        font-size: 0.88rem;
        color: #fff;
        font-weight: 600;
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
    }

    .indexBox .barGraph_bg {
        margin: 0.31em 0;
        width: 100%;
        background-color: #fff;
        border-radius: 2.5rem;
    }

    .indexBox .barGraph {
        background-image: linear-gradient(to right, #00D0C5, #054FCB);
        width: 50%;
        height: 2.06rem;
        border-radius: 2.5rem;
        position: relative;
    }

    .indexBox .barGraph small {
        font-size: 0.75rem;
        color: #fff;
        font-weight: 600;
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
    }

    .companyLogo {
        display: flex;
        justify-content: flex-end;
        margin: 0.63em 0 0;
    }

    .companyLogo a {
        display: flex;
        height: 30px;
        justify-content: flex-end;
        overflow: hidden;
        width: 170px;

    }

    .companyLogo a img {
        object-fit: contain;
        max-height: -webkit-fill-available;
        max-width: 100%;
        width: auto;
    }

    .title_t {
        width: 100%;
        margin: 0 0 2.5em;
        position: relative;
    }

    .title_t span {
        position: absolute;
        left: 0;
        top: 4px;
        width: 8px;
        height: 1.13rem;
        background-color: #2e3548;
    }

    .title_t strong {
        margin-left: 0.75em;
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.5rem;
    }

    /* .news_section2 {
        background-color: rgba(77, 119, 255, 0.1);
        width: 100%;
    } */

    .news_section2 {
        padding-bottom: 2.5em;
        background: url("/images/front/newsMainBg1.jpg")no-repeat;
        background-size: 100% 100%;
    }

    .section2_left {
        padding-top: 3.75em;
    }

    .section2_left>div {
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5em;
    }

    .section2_left>div div:nth-of-type(1) {
        width: 100%;
    }

    .section2_left p a img {
        width: 100%;
        height: 14rem;
        object-fit: cover;
        border-radius: 1.88rem;
    }

    .section2_left_text p:last-child {
        margin-top: 0.63em;
    }

    .section2_left_text .subTitle_2::after {
        height: 0.75rem;
    }

    .section2_left_text {
        /* margin-top: 1.25em; */
        width: 100%;
    }

    .section2_left_text p:nth-of-type(1) a {
        font-size: 0.88rem;
    }

    .section2_left_text p:nth-of-type(2) a {
        font-size: 1.25rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
        font-weight: bold;
    }

    .section2_left_text p:nth-of-type(3) a {
        font-size: 1rem;
        margin-top: 0.31em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.6;
    }

    .section2_right {
        padding: 2.5em 1.25rem;
    }

    .section2_right>div {
        display: flex;
        flex-direction: column;
        padding-bottom: 1.25em;
        border-bottom: 1px solid #aaa;
    }

    .news_section3_text {
        padding-bottom: 2em;
        border-bottom: 1px solid #ddd;
    }

    .section2_right>div:last-child {
        border: 0;
    }

    .section2_right p a img {
        width: 100%;
        height: 14rem;
        object-fit: cover;
        border-radius: 1.88rem;
    }

    .news_section3 {
        margin: 3.75em auto 6.25em;
        width: 100%;
        padding: 0 1.25rem;
    }

    .news_section3 div {
        display: flex;
        flex-direction: column;
    }

    .news_section3>div:nth-of-type(2),
    .news_section3>div:nth-of-type(3) {
        margin-top: 1.88em;
    }

    .news_section3 div .news_section3_text p {
        margin-top: 1.88em;
    }

    .news_section3 div .news_section3_text:nth-of-type(1)>p:nth-of-type(1) {
        margin-top: 0;
    }

    .news_section3 div .news_section3_text p:nth-of-type(2) {
        margin-top: 0.31em;
    }

    .news_section3 div .news_section3_text p:nth-of-type(2) a {
        font-size: 1.25rem;
        font-weight: 600;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .section2_right_text {
        margin-top: 1.25em;
    }

    .section2_right div:nth-of-type(1)>div.section2_right_text {
        margin-top: 0 !important;
    }

    .section2_right_text p:nth-of-type(2) a {
        margin-top: 0.31em;
        font-weight: 600;
        font-size: 1.25rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .section2_right_text p:first-child a {
        font-size: 1rem;
    }

    .section2_right_text p:first-child a.subTitle_2::after {
        height: 0.75rem;
    }

    /* 더보드랭킹 */

    .kosText {
        font-size: 1.3rem;
        color: #4D77FF;
        font-weight: bold;
        margin-left: 0.63em;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    .ranking_section1_wrap {
        background-color: rgba(77, 119, 255, 0.1);
        width: 100%;
        padding: 1.88em 0 3.75em;
    }

    .ranking_section2_wrap {
        width: 100%;
        margin: 3.75em auto;
        padding: 0 1.25rem;
    }

    .ranking_section1 {
        max-width: 78.75rem;
        margin: 0 auto;
        padding: 0 1.25rem;
    }

    .ranking_section1 .title_t {
        display: flex;
        justify-content: space-between;
    }

    .title_t button {
        display: none;
    }

    .sel_button {
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5em;
    }

    .sel_button button:last-child {
        margin-right: 0;
    }

    .sel_button button {
        width: 100%;
        height: 2.5rem;
        background-color: #4D77FF;
        margin-right: 0.63em;
        border-radius: 1.25rem;
        margin-top: 1.25em;
        transition: all 0.2s;
        color: #fff;
    }

    .sel_button button:hover {
        transform: translateY(7%);
    }

    .sel_button button:last-child {
        margin-right: 0;
    }

    select.select_renewal_width_1 {
        width: 100% !important;
        height: 2.5rem;
        margin-right: 1.25em;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        /* 크롬 화살표 없애기 */
        -moz-appearance: none;
        /* 파이어폭스 화살표 없애기 */
        appearance: none;
        /* 화살표 없애기 */
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
        margin-top: -0.44em;
        background-color: #fff;
    }

    .ranking_section2 {
        max-width: 78.75rem;
        margin: 3.75em auto 0;
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
    }

    .ranking_section2>div {
        width: 100%;
        display: flex;
    }

    .ranking_wrap {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
    }

    .bottom_ranking5,
    .top_ranking5 {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
    }

    .bottom_ranking5>div:nth-of-type(2),
    .top_ranking5>div:nth-of-type(2) {
        width: 100%;
    }

    .bottom_ranking5,
    .top_ranking5 {
        width: 100%;
        background-color: #fff;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 1.88rem;
        overflow: hidden;
    }

    .bottom_ranking5 {
        margin-top: 3.75em;
    }

    .boarBox_ranking {
        overflow: hidden;
        padding: 2.3em 2.3vw;
        box-sizing: border-box;
    }

    .blackBg_title {
        min-width: 6rem;
        text-align: center;
        background-color: #000;
        color: #fff;
        padding: 1.25em 0;
        box-sizing: border-box;
    }

    .blackBg_title small {
        font-size: 0.63rem;
        letter-spacing: 0;
    }

    .blackBg_h {
        font-size: 1.1rem;
        font-weight: 600;
    }

    /* .ranking_wrap .bx-wrapper .bx-controls-direction a {
        display: none !important;
    } */

    .bx-wrapper .bx-controls-direction a:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    select.select_renewal {
        width: 100%;
        height: 2.5rem;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        /* 크롬 화살표 없애기 */
        -moz-appearance: none;
        /* 파이어폭스 화살표 없애기 */
        appearance: none;
        /* 화살표 없애기 */
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
    }

    .bx-prev {
        left: -95px !important;
        transform: none !important;
    }

    .bx-next {
        left: -55px !important;
        transform: none !important;
    }

    select.select_renewal {
        width: 100%;
        height: 2.5rem;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        margin-top: 1.25em;
        -webkit-appearance: none;
        /* 크롬 화살표 없애기 */
        -moz-appearance: none;
        /* 파이어폭스 화살표 없애기 */
        appearance: none;
        /* 화살표 없애기 */
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
    }

    select.select_renewal:first-child {
        margin: 0;
    }

    .ranking_section2>div:nth-of-type(2) select.select_renewal:last-child {
        min-width: 12.08rem;
    }

    select.notice_sel {
        width: 30%;
    }

    .sea {
        margin-top: 1.25em;
        display: flex;
        height: 2.5rem;
    }

    .sea>div {
        display: flex;
        width: 100%;
        position: relative;
    }

    .sea input {
        height: 2.5rem;
        padding: 0 0.63em;
        width: 100%;
        border-bottom: 1px solid #dedee5;
    }

    .sea button {
        width: 1.1rem;
        height: 1.1rem;
        background: url("/images/front/search_icon.svg") no-repeat;
        border: none;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }

    .rankingBoxWide_wrap {
        max-width: 78.75rem;
        margin: 3.75em auto;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-radius: 1.88rem;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    }

    .rankingBoxWide {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .rankingBoxWide div.rankingBoxWide_1box {
        padding: 1.88em;
    }

    .rankingBoxWide div.rankingBoxWide_2box {
        padding: 0 1.88em;
    }

    .radial_graph {
        margin: 0 auto;
    }


    .rankingBoxWide .rankBox_t a {
        display: block;
        width: 100%;
        font-size: 1.5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1.4;
    }

    .rankingBoxWide .rankBox_t a:hover {
        color: #4D77FF;
        transition: all 0.2s;
    }

    .rankingBoxWide .rankBadge {
        background: url("/images/front/rankBadge.svg")no-repeat;
        width: 82px;
        height: 90px;
        position: absolute;
        top: -0.75rem;
        left: 1.88em;
        color: #fff;
        padding: 1.1em 0.5em;
    }

    .rankingBoxWide .rankBadge div {
        width: 100%;
        height: 2.19rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        box-sizing: border-box;
        margin-top: 5px;
    }

    .rankingBoxWide .rankBadge span:nth-of-type(1) {
        font-size: 1.3rem;
        font-weight: bold;
    }

    .rankingBoxWide .rankBadge span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    .rankingBoxWide .rankBox_t {
        display: flex;
        flex-direction: column;
        margin-left: 3.63em;
    }

    .rankingBoxWide .rankBox_t small {
        font-size: 0.88rem;
        line-height: 0.88rem;
    }

    .rankingBoxWide .rankBox_t p:nth-of-type(1) {
        line-height: 0.88rem;
    }

    .rankingBoxWide_2box {
        position: relative;
    }

    .rankingBoxWide_2box>div {
        width: 100%;
    }

    .rankingBoxWide_2box>div:first-child {
        border-bottom: 1px solid #ddd;
        padding-bottom: 1.88em;
    }

    .rankingBoxWide_2box .indexBox_1 {
        width: 100%;
        background-color: #fff;
        padding: 0;
    }

    .rankingBoxWide_2box li h5 {
        font-size: 1.13rem;
    }

    .rankingBoxWide_2box .companyInfo {
        width: 100%;
        margin-top: 1.25em;
    }

    .rankingBoxWide_2box .companyInfo p {
        margin-top: 0.63em;
        background-color: #F3F5F9;
        padding: 1em 1.25em;
        border-radius: 1.88rem;
        text-align: center;
        display: flex;
    }

    .rankingBoxWide_2box .companyInfo p span {
        margin-right: 1.25em;
    }

    .rankingBoxWide_2box .companyInfo p span:last-child {
        margin-right: 0;
    }

    .rankingBoxWide_2box>div:first-child>ul {
        display: flex;
        flex-direction: column;
    }

    .rankingBoxWide_3box {
        display: flex;
        border-top: 1px solid #ddd;
        width: 100%;
        padding: 1.25em 1.88em;
        justify-content: space-between;

    }

    .rankingBoxWide_2box>div:nth-of-type(2) {
        padding: 1.88em 0;
        display: flex;
        flex-direction: column;
    }

    .newsList h5 {
        display: flex;
        font-size: 1.13rem;
    }

    .newsList h5 a {
        width: 3.94rem;
        display: block;
        margin-left: 0.63em;
        font-size: 1.13rem;
        object-fit: cover;
    }

    .newsList ul {
        margin-top: 1em;
    }

    .newsList ul li {
        margin-top: 0.75em;
        padding-left: 10px;
        text-indent: -10px;
    }

    .newsList a {
        font-size: 1rem;
        line-height: 1.6;
    }

    .newsList h5>a {
        background: url("/images/front/link_icon.svg")no-repeat right center /3.94rem;
    }

    .newsList h5>a:hover {
        background: url("/images/front/link_icon_over.svg")no-repeat right center /3.94rem;
        transition: all 0.2s;
    }

    .companyLogo_r {
        margin-top: 1.88em;
        display: flex;
        justify-content: center;
    }

    .companyLogo_r a {
        display: flex;
        height: 60px;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        width: auto;
    }

    .companyLogo_r img {
        object-fit: contain;
        max-height: -webkit-fill-available;
        max-width: 70%;
        width: auto;
    }

    .rankingBoxWide_3box p {
        height: 1.44rem;
    }

    .rankingBoxWide_3box .companyPlus>a.plus_icon {
        display: block;
        background: url("/images/front/plus.svg")left center /1.44rem no-repeat;
        height: 1.44rem;
    }

    .rankingBoxWide_3box .companyPlus>a.plus_icon:hover {
        display: block;
        background: url("/images/front/plus_over.svg")left center /1.44rem no-repeat;
        height: 1.44rem;
        color: #4D77FF;
        font-weight: 600;
    }

    .rankingBoxWide_3box .companyPlus span {
        margin-left: 1.7em;
        font-size: 1.13rem;
        vertical-align: text-bottom;
    }

    a.plus_active {
        display: none;
        background: url("/images/front/plus_active_check.svg")left center /1.44rem no-repeat;
        height: 1.44rem;
        color: #4D77FF;
        font-weight: 600;
    }

    .plus_active img {
        width: 0.63rem;
        margin: 0.45em 0 0 0.2em;
    }

    .moreBtn {
        display: none;
        width: 100%;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .moreBtn a {
        display: block;
        text-align: center;
        padding: 1.88em 0;
    }

    .moreBtn p {
        width: 6.5rem;
        background: url("/images/front/moreBtn_icon.svg")no-repeat top -2px right/30%;
        display: block;
        font-size: 1.13rem;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .moreBtn p:active {
        width: 6.5rem;
        background: url("/images/front/moreBtn_icon_over1.svg")no-repeat top -2px right/30%;
        display: block;
        font-size: 1.25rem;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        color: #4D77FF;
        font-weight: 600;
    }

    .bx-wrapper .bx-controls-auto,
    .ranking_wrap .bx-wrapper .bx-pager {
        position: absolute;
        top: -7rem !important;
        width: 100%;
        left: 40% !important;
    }

    .ranking_wrap .bx-wrapper .bx-pager.bx-default-pager a {
        background: #fff;
        text-indent: -9999px;
        display: block;
        width: 4px;
        height: 4px;
        margin: 0 3px;
        outline: 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .ranking_wrap .bx-wrapper .bx-pager {
        margin-top: 38px;
    }

    /* 더보드레이더 회사 상세(이사회평가) */

    .container_b {
        background-color: rgba(77, 119, 255, 0.1);
        width: 100%;
        padding: 1.88em 0 3.75em;
        scroll-margin-top: 11rem;
    }

    .companyWrap {
        max-width: 1260px;
        margin: 0 auto;
        padding: 0 1.25em;
    }

    select.select_renewal_width_2 {
        width: 7rem;
        height: 2.5rem;
        margin-left: 1.25em;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 1em;
        -webkit-appearance: none;
        /* 크롬 화살표 없애기 */
        -moz-appearance: none;
        /* 파이어폭스 화살표 없애기 */
        appearance: none;
        /* 화살표 없애기 */
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
        margin-top: -0.44em;
        background-color: #fff;
    }

    .top_btn {
        display: flex;
        justify-content: right;
    }

    .top_btn button {
        padding: 0.63em 1.88em;
        background-color: #4D77FF;
        border-radius: 1.25rem;
        margin-top: -0.44em;
        transition: all 0.2s;
        color: #fff;
    }

    .top_btn button:hover {
        padding: 0.63em 1.88em;
        background-color: #4D77FF;
        border-radius: 1.25rem;
        margin-top: -0.44em;
        color: #fff;
    }

    .companyPageWrap {
        display: flex;
        flex-direction: column;
        margin-top: 1.25em;
    }

    .companyLnb {
        position: relative;
    }

    .companyLnb .rankBadge {
        background: url("/images/front/rankBadge.svg")no-repeat;
        width: 82px;
        height: 90px;
        position: absolute;
        top: -0.75rem;
        left: 1em;
        color: #fff;
        padding: 1.1em 0.5em;
    }

    .companyLnb .rankBadge div {
        width: auto;
        height: 2.19rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        box-sizing: border-box;
        margin-top: 5px;
    }

    .companyLnb .rankBadge span:nth-of-type(1) {
        font-size: 1.63rem;
        font-weight: bold;
    }

    .companyLnb .rankBadge span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    .companyLnbBox {
        background-color: #fff;
        padding: 1.88em 0;
        width: 100%;
        border-radius: 1.25rem;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }

    .companyLnbBox div:nth-of-type(1) p {
        display: flex;
        justify-content: right;
        margin-right: 1.25em;
    }

    .companyLnbBox>div:nth-of-type(1)>p>small {
        padding: 0.31em 0.63em;
        background-color: #F3F5F9;
        border-radius: 0.63rem;
    }

    .companyLnbBox>div:nth-of-type(1)>p>small:last-child {
        margin-left: 1em;
    }

    .companyLnbBox h2 {
        font-size: 1.63rem;
        margin: 1em 1.25em 0;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;

    }

    .factorBar_lnb {
        width: 100%;
        padding: 1em 0;
        background-color: rgba(0, 208, 197, 0.1);
        padding: 1em 1.25em;
        margin: 1.25em 0;
    }

    .factorBar_lnb div {
        margin: 0.31em 0;
    }

    .factorBar_lnb p {
        position: relative;
    }

    .factorBar_lnb p:nth-of-type(1) {
        position: relative;
        font-weight: bold;
    }

    .factorBar_lnb p:nth-of-type(2) {
        text-align: right;
    }

    .factorBar_lnb p:nth-of-type(2) span:nth-of-type(1) {
        font-weight: bold;
        color: #4D77FF;
    }

    .companyLnbBox ul {
        padding: 0 1.25em;
    }

    .total {
        margin-left: 0.31em;
        line-height: 1.5rem;
        font-size: 0.75rem;
    }

    .grayLine13::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 0.75rem;
        background-color: #333;
        top: 55%;
        transform: translateY(-55%);
        right: 2.88em;
    }

    .lnbMenu ul {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .lnbMenu ul li {
        padding: 0.63em 1em;
        background-color: #F3F5F9;
        border-radius: 1.25rem;
        font-weight: 500;
        cursor: pointer;
    }

    .lnbMenu ul li a {
        font-weight: 500;
    }

    .lnbMenu ul li.act {
        background-color: #4D77FF;
    }

    .lnbMenu ul li.act a {
        color: #fff;
        font-size: 1.13rem;
        font-weight: bold;
    }

    .generalActive {
        background-color: #4D77FF !important;
    }

    .generalActive span {
        color: #fff;
        font-weight: bold;
    }

    /* .lnbMenu ul li:hover {background: url("/images/front/lnbMenu_arrow.svg")no-repeat right;} */

    .companyLogo1 img {
        object-fit: contain;
        max-height: -webkit-fill-available;
        max-width: 100%;
        width: auto;

    }

    .companyLogo1 {
        margin-top: 2.5em !important;
        width: 170px;
        margin: 1.5em auto 0;
        height: 40px;
        display: flex;
        justify-content: center;
    }

    .companyDetail {
        width: 100%;
        background-color: #fff;
        border-radius: 1.25rem;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
        position: relative;
        padding: 1.88em 1.25em;
        margin-top: 3.75em;
    }

    /* 20260305 추가 */
    .companyDetail h3.title_t:nth-of-type(2) {
        margin-top: 3.75em;
    }

    .generalHeadTitle {
        width: 100%;
        height: 4rem;
        background-color: rgb(77 119 255 / 8%);
        padding-left: 20px;
        font-size: 1.4rem;
        line-height: 4rem;
        font-weight: bold;
        border-radius: 1.25rem;
        margin-bottom: 1.88em;
    }

    .companyDetail>div {
        scroll-margin-top: 11rem;
    }

    .generalReview {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ddd;
        padding: 0 0 1.88em;
    }

    .generalReview_box1 {
        width: 100%;
    }

    .generalReview_box1>div {
        display: flex;
        flex-direction: column;
        margin-top: 1.88em;
    }

    .generalReview_box1>div>ul {
        width: 100%;
        margin-top: 3.75em;
    }

    .generalReview_box1>div>ul li {
        display: flex;
        justify-content: space-between;
        margin-top: 1.25em;
        align-items: center;
    }

    .generalReview_box1>div>ul>li p:nth-of-type(1) {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .generalReview_box1>div>ul li:first-child {
        margin-top: 0;
    }

    .generalReview_box1>div>ul>li p:nth-of-type(1)::after {
        content: "";
        flex-grow: 1;
        margin: 0 16px;
        border-bottom: 2px dotted #ddd;
        height: 1px;
        font-size: 0;
        line-height: 0;
    }

    .generalReview_box2 {
        width: 100%;
        margin-top: 3.75em;
    }

    .generalReview_box2 ul {
        margin-top: 1.88em;
    }

    .generalReview_box2 ul li {
        margin-top: 0.63em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .generalReview_box2 ul li:first-child {
        margin-top: 0;
    }

    .detailTitle {
        font-size: 1.25rem;
        font-weight: bold;
        position: relative;
        z-index: 1;
    }

    .detailTitle::before {
        content: "";
        width: 100%;
        height: 1rem;
        background: rgba(77, 119, 255, .3);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .detailTitle strong {
        color: #4D77FF;
    }

    .generalGraph {
        margin: 0 auto;
    }

    .fileDownBtn {
        display: flex;
        justify-content: center;
        margin-top: 1.88em;
    }

    .fileDownBtn button {
        padding: 0.63em 2.1em 0.63em 1em;
        border-radius: 0.63rem;
        background: url("/images/front/fileDownIcon.svg")no-repeat right 0.88em top 0.88em #F3F5F9;
        transition: all 0.2s;
    }

    .fileDownBtn button:hover {
        padding: 0.63em 2.1em 0.63em 1em;
        border-radius: 0.63rem;
        background: url("/images/front/fileDownIcon_w.svg")no-repeat right 0.88em top 0.88em #4D77FF;
        color: #fff;
    }

    .fileDownBtn button:last-child {
        margin-left: 1em;
    }

    .lnbMenu_detail {
        margin-top: 3.75em;
    }

    .lnbMenu_detail>div {
        display: flex;
        justify-content: space-between;
    }

    .lnbMenu_detail div p {
        padding: 0.2em 0.75em;
        background-color: #F3F5F9;
        border-radius: 1rem;
    }

    .score {
        font-size: 0.88rem;
        color: #4D77FF;
        font-weight: bold;
    }

    .total_1 {
        margin-left: 0.31em;
        line-height: 1.25rem;
        font-size: 0.63rem;
    }

    .lnbMenu_detail ul>li {
        display: flex;
        justify-content: space-between;
        padding: 0.88em 0;
        border-bottom: 1px solid #ddd;
    }

    .lnbMenu_detail ul>li p {
        word-break: normal !important;
        padding-left: 10px;
        text-indent: -10px;
    }

    .lnbMenu_detail ul>li:nth-of-type(1) {
        padding: 0 0 0.88em;
    }

    .lnbMenu_detail ol {
        display: flex;
        align-items: center;
        margin-left: 1.25em;
    }

    .lnbMenu_detail ol li {
        width: 0.5rem;
        height: 0.5rem;
        background-color: #4D77FF;
        border-radius: 0.5rem;
        margin-right: 0.5em;
    }

    .title_d {
        position: relative;
        margin: 1.88em 0;
    }

    .title_d span {
        position: absolute;
        left: 0;
        top: 0.35rem;
        width: 0.5rem;
        height: 1rem;
        background-color: #000;
    }

    .title_d strong {
        margin-left: 0.75em;
        font-size: 1.13rem;
        font-weight: 600;
        line-height: 1.5rem;
    }

    .title_d small {
        font-size: 0.75rem;
        line-height: 2.3em;
        font-weight: 400;
    }

    .BSM_table {
        margin-top: 2.5em;
        flex-direction: column;
    }

    .BSM_table>h3 {
        margin: 1.88em 0 0.63em;
    }

    .BSM_table>span {
        display: flex;
        justify-content: right;
        margin-bottom: 0.63em;
        font-size: 0.75rem;
    }

    .BSM_table>table {
        width: 100%;
    }

    .BSM_table>table th {
        padding: 0.63em 0.31em;
        text-align: center;
        background-color: #4D77FF;
        border-bottom: 1px solid #F3F5F9;
        border-right: 1px solid #F3F5F9;
        font-weight: 600;
        font-size: 0.88rem;
        display: block;
        color: #fff;
    }

    .BSM_table>table td {
        padding: 0.63em 1.25em;
        text-align: right;
        border: 1px solid #F3F5F9;
        font-size: 0.88rem;
        display: block;
        height: 2.5rem;
        border-bottom: 0;
    }

    .BSM_table>table td:last-child {
        border-bottom: 1px solid #F3F5F9;
    }

    .BSM_table>table td img {
        width: 0.88rem;
        vertical-align: middle;
    }

    .BSM_table>table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .BSM_table>table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }

    button.s_btn {
        width: 2rem;
        position: fixed;
        z-index: 1000;
        bottom: 4rem;
        right: 1.88rem;
        opacity: 0.3;
    }

    button.s_btn:active {
        opacity: 1;
    }

    /* 로그인페이지 */

    .loginSection {
        background-color: rgba(77, 119, 255, 0.1);
        height: 100%;
        padding: 3.75em 1.25rem;
    }

    .loginSection .loginBox {
        width: 100%;
        margin: 0 auto;
    }

    .loginSection .loginForm {
        margin: 0 auto 10px;
        background: #fff;
        padding: 40px 30px;
        border: 1px solid #e8e9eb;
        border-radius: 30px;
    }

    .loginSection .loginForm .inputBox {
        position: relative;
        margin: 3px 0 7px;
    }

    .loginSection .loginForm .inputBox:nth-of-type(2) {
        margin-top: 20px;
    }

    .loginSection .loginForm .inputBox input {
        height: 50px;
        width: 100%;
        border: 1px solid #ebebeb;
        box-sizing: border-box;
        border-radius: 10px;
        cursor: text;
        margin-top: 30px;
        line-height: 26px;
        padding: 10px 7px;
        font-size: 14px;
    }

    .loginSection .loginForm .inputBox label {
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 500;
        color: #333;
    }

    .loginSection .loginForm .keepCheck {
        margin-top: 20px;
        position: relative;
    }

    .checkBasic label {
        padding-left: 25px;
        position: relative;

    }

    .loginSection .loginForm .loginBtn {
        display: flex;
        margin: 25px 0 0;
    }

    .loginSection .loginForm .loginBtn a {
        display: flex;
        width: 100%;
        min-height: 52px;
        border-radius: 30px;
        text-align: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .loginSection .loginForm .loginTxt {
        display: flex;
        justify-content: center;
        font-size: 1.4rem;
        margin: 20px 0 0;
    }

    .loginSection .loginForm .loginTxt li {
        display: flex;
        align-items: center;
    }

    .loginForm h4 {
        margin-bottom: 20px;
    }

    .loginSection .botTxt {
        padding: 15px 0 0;
        text-align: right;
    }

    .tPoint {
        color: #4D77FF !important;
    }

    /* 회원가입 */

    .checkBasic input+label::before {
        position: absolute;
        left: 0;
        top: 2px;
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        border: 1px solid #d7d7d7;
        background: #fff;
        box-sizing: border-box;
    }

    .loginSection .loginForm .loginTxt li:before {
        content: '';
        display: block;
        width: 1px;
        height: 13px;
        background: #ddd;
        display: inline-block;
        margin: 0 10px;
    }

    .loginSection .loginForm .loginTxt li:first-child:before {
        display: none;
    }

    .btBl {
        background: #4D77FF;
        color: #fff !important;
    }

    .btBgG {
        background: #F3F5F9;
        color: #333 !important;
    }

    .loginSection .loginForm .loginFormTit {
        padding-bottom: 20px;
        color: #333;
        border-bottom: 1px solid #ddd;
        font-weight: 500;
        line-height: 1.6;
    }

    .loginSection .loginForm .loginBtn {
        display: flex;
        margin: 25px 0 0;
    }

    .loginSection .loginForm .loginBtn a {
        display: flex;
        width: 100%;
        min-height: 52px;
        color: #fff;
        border-radius: 30px;
        text-align: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .loginSection .loginForm .loginBtn a:nth-child(2) {
        margin-left: 10px;
    }

    .btBB {
        padding: 40px 20px;
        box-sizing: border-box;
    }

    .btlineBl {
        background: #fff;
        color: #4D77FF !important;
        border: 1px solid #4D77FF;
    }

    /* 개인 회원가입 */

    .loginAccount {
        display: flex;
        margin-bottom: 15px;
    }

    .loginAccount ul {
        display: flex;
        margin-left: auto;
        position: relative;
    }

    .loginAccount li.on {
        background: #4D77FF;
        color: #fff;
    }

    .loginSection .loginForm h4 {
        font-size: 1.5rem;
    }

    .loginAccount li {
        height: 32px;
        width: 32px;
        line-height: 30px;
        display: block;
        background: #F3F5F9;
        color: #333;
        border-radius: 16px;
        justify-content: center;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        margin-left: 15px;
    }

    .loginAccount li:before {
        height: 1px;
        width: 10px;
        display: block;
        content: '';
        background: #ddd;
        position: absolute;
        top: 15px;
        margin-left: -12px;
    }

    .loginAccount li:first-child:before {
        display: none;
    }

    .loginSection .loginForm h5 {
        display: block;
        border-top: 1px solid #e5e5e5;
        padding-top: 20px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 1.13rem;
    }

    .loginSection .loginForm .inputBox ul {
        display: flex;
        justify-content: left;
        align-items: center;
        position: relative;
        margin-top: 20px;
    }

    .loginSection .loginForm .inputBox select {
        height: 50px;
        width: 100%;
        min-width: 70px;
        border: 1px solid #ebebeb;
        box-sizing: border-box;
        border-radius: 10px;
        margin-top: 30px;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.45rem center;
        text-align: left;
        padding: 0 0.63em;
    }

    .loginSection .loginForm .inputBox.email ul li:nth-of-type(2) {
        margin-top: 25px;
        text-align: center;
    }

    .loginSection .loginForm .inputBox ul li:first-child {
        margin-left: 0 !important;
    }

    .loginSection .loginForm .inputBox.email select {
        min-width: 100px;
    }

    .loginSection .loginForm .inputBox ul li {
        margin-left: 10px;
        flex-grow: 1;
    }

    .loginForm .captchaImage li img {
        width: 100px;
        height: 50px;
        margin-top: 30px;
        margin-right: 5px;
    }

    .loginForm .captchaImage li {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .loginForm .captchaImage li input.btB {
        width: 80px !important;
        margin-left: 5px;
    }

    .loginSection .loginForm .keepCheck {
        margin-top: 15px;
        position: relative;
    }

    .loginSection .loginForm .keepCheck .cautions {
        font-size: 0.88rem;
        margin: 10px 0 0 26px;
    }

    .loginSection .loginForm .scrollBox {
        margin-top: 10px;
        background: #f8f8f8;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 20px;
        overflow-y: scroll;
        height: 150px;
        color: #777;
    }

    .checkBasic.on input+label::before {
        background: url("/images/front/icoChk.png") no-repeat;
        background-position: center;
        background-size: 13px auto;
        border-color: #4D77FF;
        border-radius: 2px;
    }

    .checkBasic input+label::before {
        position: absolute;
        left: 0;
        top: 2px;
        content: '';
        display: block;
        width: 18px;
        height: 18px;
    }

    .checkBasic input+label::before {
        border: 1px solid #d7d7d7;
        background: #fff;
        box-sizing: border-box;
    }

    .footerInfoWrap {
        line-height: 1.6;
    }

    .txt_area2>h4 {
        font-size: 1rem !important;
        margin-top: 15px;
    }

    .footerInfoWrap>h4 {
        font-size: 1rem !important;
        margin-top: 15px;
    }

    .footerInfoWrap p {
        margin-top: 15px;
        font-size: 14px;
    }

    .txt_area2 p {
        margin: 15px 0;
        font-size: 14px;
    }

    .txt_area2 {
        font-size: 12px;
    }

    .tRed {
        color: #e41111 !important;
    }

    .loginSection .loginForm .loginBtn a.btLgrey {
        background: #F3F5F9;
        color: #333;
    }

    /* 법인 회원가입 */

    .corporateNum>ul li:before {
        height: 1px;
        width: 8px;
        display: block;
        content: '';
        background: #ddd;
        position: absolute;
        top: 55px;
        margin-left: -9px;

    }

    .corporateNum>ul li:first-child:before {
        display: none;
    }

    /* 사이트 맵 */

    .mapSection {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 110px;

    }

    .sideMargin {
        margin: 0 1.25em;
    }

    .mapSection h2 {
        font-size: 2rem;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
    }

    .mapSection .liBox {
        text-align: left;
        border-bottom: 1px solid #eee;
        padding: 30px 20px;
    }

    .mapSection .liBox p {
        font-weight: 700;
        width: 300px;
    }

    .mapSection .liBox p a {
        font-size: 1.25rem;
    }

    .mapSection .liBox ul {
        margin-top: 20px;
        width: 100%;
    }

    .mapSection .liBox li {
        padding-top: 6px;
        position: relative;
    }

    .mapSection .liBox li a {
        height: 30px;
        display: block;
        font-weight: 500;

    }

    .menu3 {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0 !important;
    }

    .menu3 li a {
        margin-right: 15px;
        font-weight: 400 !important;
        font-size: 0.9rem !important;
    }

    .menu3Wrap ul:nth-of-type(2) {
        margin-top: 36px;
    }

    /* 서비스이용약관 */

    .legalSection {
        width: 100%;
        margin: 1.88em auto 3.75em;
    }

    .legalTab ul {
        display: flex;
        justify-content: space-around;
        height: 50px;
        margin-top: 30px;
        width: 100%;
    }

    .legalTab ul li a {
        border-radius: 20px;
        font-size: 0.88rem;
    }

    .legalTab ul li a.btlineGrey.on {
        color: #fff;
        background-color: #4D77FF;
        border-color: #4D77FF;
    }

    .btlineGrey {
        background-color: #F3F5F9;
    }

    .btM {
        padding: 8px 20px;
        font-size: 1.5rem;
        box-sizing: border-box;
    }

    .legalSection .contentBox h3 {
        text-align: center;
        font-size: 2rem;
        border-bottom: 1px solid #000;
        padding: 0 0 30px;
        margin-bottom: 30px;
    }

    .legalSection .contentBox h4 {
        font-size: 1.7rem;
        margin-bottom: 20px;
    }

    .legalSection .contentBox .footerInfoWrap p,
    .legalSection .contentBox ul {
        line-height: 1.6;
        margin-bottom: 20px;
    }

    /* 개인정보처리방침 */

    .dfTable {
        overflow: hidden;
        padding: 0 1px;
        background-color: #fff;
        clear: both;
    }

    .txt_area2 .t3 {
        width: 100%;
        text-align: center;
        border: 1px solid #d9d9d9;
    }

    .txt_area2 .t3 th {
        height: 48px;
        font-weight: 300;
        color: #222;
        background: #f3f3f3;
        border: 1px solid #d9d9d9;
    }

    .dfTable table thead th {
        font-size: 14px;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        height: 40px;
        vertical-align: middle;
        background-color: #fdf5f5;
        text-align: center;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .dfTable table td:first-child {
        border-left: 0;
    }

    .txt_area2 .t3 td {
        height: 38px;
        padding: 10px;
        color: #333;
        border: 1px solid #d9d9d9;
    }

    .dfTable table tbody td {
        font-size: 14px;
        border: 1px solid #e6e6e6;
        height: 40px;
        vertical-align: middle;

        padding: 5px 15px;
        box-sizing: border-box;
    }

    .legalSection .contentBox h5 {
        font-weight: 400;
        margin-bottom: 15px;
    }

    .contentBox {
        margin-top: 40px;
    }

    .txt_area2 .t1 {
        text-align: center;
        border: 1px solid #c9d7ea;
    }

    .dfTable table {
        border-collapse: collapse;
        width: 100%;
    }

    .txt_area2 .t2 {
        text-align: center;
        border: 1px solid #c9d7ea;
    }

    .txt_area2 .t1 td {
        color: #2470d8;
        border: 1px solid #c9d7ea;
    }

    center a {
        font-size: 0.88rem !important;
        width: 100%;
    }

    /* 청소년보호정책 */

    .footerInfoMan {
        background: #f5f5f5;
        font-size: 0.88rem;
        padding: 20px;
    }

    .footerInfoMan dd {
        display: list-item;
        list-style: inside;
        padding: 3px 0;
    }

    .footerInfoMan dt {
        font-weight: bold;
        margin-bottom: 5px;
    }

    /* 더보드레이더 메인페이지 */

    .radarWrap {
        max-width: 1260px;
        margin: 1.88em 1.25em;
    }

    .radarWrap table {
        width: 100%;
    }

    .radarWrap table tr {
        display: flex;
        justify-content: space-between;
    }

    .radarWrap table tr th {
        width: 100%;
    }

    .radarWrap table tr:first-child>th:first-child {
        border-top-left-radius: 0.75rem;
    }

    .radarWrap table tr:first-child>th:last-child {
        border-top-right-radius: 0.75rem;
    }

    .radarWrap table td {
        display: block;
        width: 100%;
    }

    .radarWrap table tr:last-child>th {
        border-bottom-left-radius: 0.75rem;
    }

    .radarWrap table tr:last-child>td:last-child {
        border-bottom-right-radius: 0.75rem;
    }

    .radarWrap .tableWrap {
        display: flex;
        flex-direction: column;
    }

    .radarWrap .tableWrap>div {
        width: 100%;
        margin-bottom: 1.88em;
    }

    .tableWrap>div>h4 {
        margin: 0 0 1.88em;
    }

    .detailTitle_s {
        font-size: 1.25rem;
        font-weight: bold;
        position: relative;
        z-index: 1;
    }

    .detailTitle_s::before {
        content: "";
        width: 100%;
        height: 1rem;
        background: rgba(77, 119, 255, .3);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .detailTitle_s strong {
        color: #4D77FF;
    }

    .tableWrap {
        border-radius: 0.63rem;
    }

    .radarMoreBtn {
        display: block;
        width: 100%;
    }

    .radarMoreBtn a {
        display: block;
        text-align: center;
        padding: 1.25em 0;
    }

    .radarMoreBtn p {
        width: 7rem;
        background: url("/images/front/moreBtn_icon.svg")no-repeat top -4px right -6px/25%;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .radarMoreBtn p:active {
        width: 7rem;
        background: url("/images/front/moreBtn_icon_over1.svg")no-repeat top -4px right -6px/25%;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        color: #4D77FF;
        font-weight: 600;
    }

    .tableWrap h3 {
        margin: 1.88em 0 0.63em;
    }

    .tableWrap table th {
        padding: 0.63em 0;
        text-align: center;
        background-color: #EAEDF5;
        border-bottom: 1px solid #F3F5F9;
        border-right: 1px solid #F3F5F9;
        font-weight: 400;
    }

    .tableWrap table tr:first-child>th {
        padding: 0.63em 0;
        text-align: center;
        background-color: #4D77FF;
        color: #fff;
        border-right: 1px solid #F3F5F9;
    }

    .tableWrap table td {
        padding: 0.63em 0;
        text-align: center;
        border-bottom: 1px solid #F3F5F9;
        border-right: 1px solid #F3F5F9;
    }

    .radarWrap .tableWrap table td:active a {
        color: #4D77FF;
        font-weight: 500;
    }

    .tableWrap table tr td:nth-of-type(1) {
        width: 200%;
    }

    .tableWrap table tr:first-child th:nth-of-type(2) {
        width: 200%;
    }

    .radarSelect {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.88em;
    }

    .radarWrap_sub .radarSelect select {
        width: 100% !important;
        padding: 0.63em 0.94em !important;
        margin: 0 !important;
        margin-bottom: 1em !important;
    }

    select.select_renewal_2 {
        width: 12.08rem;
        height: 2.5rem;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        /* 크롬 화살표 없애기 */
        -moz-appearance: none;
        /* 파이어폭스 화살표 없애기 */
        appearance: none;
        /* 화살표 없애기 */
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
    }

    .radarWrap .select_renewal_width {
        width: 100%;
        margin-top: 0;
        margin-bottom: 1.25em;
        font-size: 1rem;
        margin-right: 1.25em;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .radarWrap .select_renewal_2 {
        width: 100%;
    }

    /* 더보드레이더 서브(구성) */

    .slideBoxWrap {
        width: 100%;
        position: relative;
    }

    .slideBox li {
        padding: 1.88em 0;
    }

    .slideBoxWrap:hover .bx-prev::after {
        opacity: 1;
    }

    .slideBoxWrap:hover .bx-next::after {
        opacity: 1;
    }

    .radarWrap_sub {
        width: 100%;
        margin: 1.88em auto 3.75em;
        padding: 0 1.25em;
    }

    .radarRankingAll>h4 {
        margin-bottom: 1.88em;
    }

    .radarRankingAll {
        display: block !important;
        margin-top: 2em;
    }

    .radarRankingAll>h3 {
        margin: 1.88em 0 0.63em;
    }

    .radarRankingAll>span {
        display: flex;
        justify-content: right;
        margin-bottom: 0.63em;
        font-size: 0.88rem;
    }

    .radarRankingAll>table {
        width: 100%;
    }

    .radarRankingAll>table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .radarRankingAll>table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }

    .radarRankingAll>table td:active a {
        color: #4D77FF;
        font-weight: 500;
    }

    .radarRankingAll>table td,
    .radarRankingAll>table th {
        font-size: 0.88rem;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1.4;
        display: block;
    }

    .radarRankingAll>table td {
        text-align: right;
    }

    .radarRankingAll>table td {
        padding: 0.63em 0.31em;
        border: 1px solid #F3F5F9;
        padding: 0.63em 1.25em;
        border-bottom: 0;
    }

    .radarRankingAll>table td:last-child {
        border: 1px solid #F3F5F9;
        border-bottom: 1px solid #F3F5F9;
    }

    .radarRankingAll>table tr>th:first-child {
        padding: 0.63em 0.31em;
        text-align: center;
        background-color: #4D77FF;
        border-right: 1px solid #F3F5F9;
        border-bottom: 1px solid #F3F5F9;
        font-weight: 600;
        color: #fff;
    }

    .radarRanking_Wrap:nth-of-type(2) {
        margin-top: 2em;
    }

    .radarMoreBtn1 {
        display: none;
        width: 100%;
    }

    .radarMoreBtn1 a {
        display: block;
        text-align: center;
        padding: 1.25em 0;
    }

    .radarMoreBtn1 p {
        width: 7rem;
        background: url("/images/front/moreBtn_icon.svg")no-repeat top -2px right -6px/25%;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .radarMoreBtn1 p:hover {
        width: 7rem;
        background: url("/images/front/moreBtn_icon_over1.svg")no-repeat top -2px right -6px/25%;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        color: #4D77FF;
        font-weight: 600;
    }

    .radarRankingAll>h4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    select.select_renewal_1 {
        width: 12.08rem;
        height: 2.5rem;
        margin-left: 1.25em;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        /* 크롬 화살표 없애기 */
        -moz-appearance: none;
        /* 파이어폭스 화살표 없애기 */
        appearance: none;
        /* 화살표 없애기 */
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
    }

    .radarWrap_sub .select_renewal_width {
        margin-top: 0;
        margin-left: 1.25em;
        font-size: 1rem;
        width: 6rem;
        margin-right: 1.25em;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.31em 0.94em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    /* 뉴스컴퍼니 */

    .board_news {
        margin-bottom: 2.5em;
    }

    .board_news:last-child {
        margin-bottom: 0;
    }

    .board_news_wrap {
        display: flex;
        flex-direction: column;
        border-top: 1px solid #ddd;
        padding-top: 2.5em;
        margin-top: 1.88em;
    }

    .board_news {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .board_news>div {
        width: 100%;
    }

    .board_news a img {
        width: 100%;
        height: 12rem;
        object-fit: cover;
        border-radius: 0 1.5rem 1.5rem 1.5rem;
        border: 1px solid #ddd;
    }

    .board_news .board_news_text {
        margin-top: 1.25em;
        width: 100%;
    }

    .board_news .board_news_text p:nth-of-type(1)>a {
        position: relative;
        font-size: 0.88rem;
    }

    .board_news .board_news_text p:nth-of-type(2)>a {
        font-size: 1.13rem;
        font-weight: bold;
        margin-top: 0.31em;
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .newNews .board_news_text {
        margin-left: 1.25em;
        width: 100%;
    }

    .board_news_text p:nth-of-type(3) a {
        font-size: 0.88rem;
        margin-top: 0.63em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    .newNews {
        display: flex;
        flex-direction: column;
        margin-top: 1.88em;
        border-top: 1px solid #ddd;
        padding-top: 2.5em;
    }



    .newNews .board_news_text {
        margin-left: 0;
        margin-top: 0;
    }

    .newNews .board_news_text p:nth-of-type(1)>a {
        position: relative;
    }

    .newNews .board_news_text p:nth-of-type(2)>a {
        font-size: 1.13rem;
        font-weight: bold;
        margin-top: 0.31em;
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .newNews .board_news_text p:nth-of-type(3) a {
        font-size: 0.88rem;
        margin-top: 1em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    .newNews .page_b_wrap {
        margin: 1.88em 0;
    }

    .dateWrap {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.63em;
        align-items: center;
        gap: 0 0.63em;
    }

    .dateWrap span {
        font-size: 0.75rem;
    }

    .companyRightNews {
        padding: 2.5em;
        background-color: rgba(77, 119, 255, .1);
        border-radius: 1.88rem;
        margin-top: 3.75em;
    }

    .companyRightNews_r {
        padding: 2.5em;
        border: 2px solid #707070;
        border-radius: 1.88rem;
        margin-top: 3.75em;
    }

    .companyRightNews.bgColor1 {
        background-color: rgba(77, 119, 255, .1);
    }

    .companyRightNews.bgColor2 {
        background-color: rgba(0, 208, 197, .1);
    }

    .companyRightNews.bgColor3 {
        background-color: #F3F5F9;
    }

    .companyRightNews:first-child {
        margin-top: 0 !important;
    }

    .companyRightNews,
    .companyRightNews_r {
        display: flex;
        flex-direction: column;
    }

    .companyRightNews>.title_t .barBgColor1 {
        background-color: #4D77FF !important;
    }

    .companyRightNews>.title_t .barBgColor2 {
        background-color: #00D0C5 !important;
    }

    .companyRightNews>.title_t .barBgColor {
        background-color: #4b4c51 !important;
    }

    .companyRightNews .title_t,
    .companyRightNews_r .title_t {
        line-height: 1.8 !important;
        margin-bottom: 1.25em !important;
        padding-left: 1.2em;
        text-indent: -1.1em;
    }

    .companyRightNews .title_t strong,
    .companyRightNews_r .title_t strong {
        font-size: 1.3rem;
    }

    .companyRightNews .title_t small {
        font-size: 1rem;
        vertical-align: bottom;
        margin-left: 0.63em;
    }

    .section1_right_text,
    .section1_right_text_r {
        margin-top: 1.25em;
    }

    .companyRightNews div:nth-of-type(1),
    .companyRightNews_r div:nth-of-type(1) {
        margin-top: 0 !important;
    }

    .section1_right_text p>a {
        font-size: 1.13rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
        font-weight: 500;
        padding-left: 1.2em;
        text-indent: -1.1em;
    }

    .section1_right_text_r {
        display: flex;
    }

    .section1_right_text_r p>a {
        font-size: 1.13rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
        font-weight: 500;
    }

    .section1_right_text a img {
        width: 0.63rem;
        margin-right: 0.31em;
        vertical-align: middle;
    }

    .section1_right_text_r .title_s a {
        display: inline;
        padding-left: 0;
        text-indent: 0;
        font-weight: bold;
        font-size: 0.88rem;
    }

    .section1_right_text_r span {
        font-size: 2.5rem;
        font-weight: 500;
        margin-right: 0.31em;
        transform: skewX(-10deg);
        margin-top: 0.31em;
    }

    /* 검색결과(전체검색) */

    .searchBoardBoxWrap .boardBox {
        width: 20rem;
        padding: 1.25em;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        border-radius: 1.88rem;
        background-color: #fff;
        overflow: hidden;
    }

    .searchBoardBoxWrap .indexBox {
        width: 100%;
        height: 5.75rem;
        background-color: #F3F5F9;
        padding: 0.63em;
        border-radius: 0.63rem;
        margin-left: 1.25rem;
    }

    .searchTitle {
        background-color: rgba(77, 119, 255, 0.1);
        width: 100%;
        padding: 1.88em 0;
    }

    .searchTitle h2 {
        max-width: 1260px;
        margin: 0 auto;
        font-size: 1.6rem;
        font-weight: bold;
        padding: 0 1.25em;
    }

    .searchSection1 {
        max-width: 1260px;
        margin: 1.88em auto;
        border-bottom: 1px solid #ddd;
        padding: 0 1.25em 3.75em;
    }

    .searchSection1:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .searchBoardBoxWrap .boardBoxWrap {
        display: flex;
        flex-direction: column;
        gap: 1.88em;
        margin-bottom: 2.5em;
    }

    .searchSection1 button {
        background-color: rgba(77, 119, 255, 0.1);
        padding: 0.75em 1.25em;
        border-radius: 1.88rem;
        text-align: center;
        display: flex;
        margin: 0 auto;
    }

    .searchGoverWrap .governanceBoxWrap {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 1.88rem;
        margin-bottom: 2.5em;
    }

    .searchGoverWrap .governanceBox {
        margin-top: 0 !important;
    }

    /* 검색결과(이사회평가) */

    .searchNumber {
        width: 100%;
        padding: 0 0 1.88em;
        border-bottom: 1px solid #ddd;
        display: flex;
        flex-direction: column;
    }

    .searchNumber strong {

        font-size: 1.38rem;
        font-weight: bold;
        line-height: 1.5rem;
    }

    /* 검색결과(뉴스) */
    .searchNewsWrap1 {
        margin-top: 1.88em;
    }

    .searchNewsWrap1 .moreBtn,
    .searchNewsWrap1 .page_b_wrap {
        margin-top: 3.75em;
    }

    /* 거버넌스 */

    .searchSection2 {
        max-width: 1260px;
        margin: 1.88em auto 0;
        padding: 0 1.25em 3.75em;
    }

    .searchBox {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 1.88rem;
        margin: 0 auto;
    }

    .searchBox input {
        width: 85%;
        border: none;
        appearance: none;
        padding: 0.88em 1.25em;
    }

    .searchBox button {
        width: 1.56rem;
        height: 1.56rem;
        background: url("/images/front/searchIcon.svg") no-repeat;
        background-size: cover;
        border: none;
        cursor: pointer;
        margin: 0 1.25vw 0 0;
    }

    .governanceWrap {
        max-width: 1260px;
        margin: 0 1.25em 3.75em;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-top: 1px solid #ddd;
        gap: 0 20px;
    }

    .governanceWrap .page_b_wrap {
        margin-top: 3.75em;
    }

    .governanceBox {
        width: 18.13rem;
        padding: 1.25em;
        border-radius: 1.25rem;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        margin: 3.75em auto 0;
    }

    .governanceBox h4 {
        display: flex;
        justify-content: space-between;
        height: 34px;
    }

    .governanceBox h4 a {
        font-size: 1.25rem;
    }

    .goverContent {
        margin-top: 0.63em;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .goverContent p {
        width: 80px;
    }

    .goverContent img {
        object-fit: cover;
        border-radius: 15px;
        height: 96px;
    }

    .goverContent ul {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .goverContent ul li {
        font-weight: 500;
        font-size: 0.8rem;
        width: 160px;
        text-indent: -52px;
        padding-left: 52px;
        padding-bottom: 0.1em;
    }

    .goverContent ul li:first-child {
        margin-top: 0;
        padding-bottom: 0.31em;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0.31em;
        font-size: 1rem;
    }

    .goverContent ul li:first-child span {
        color: #054FCB;
        font-weight: 600;
        font-size: 1rem !important;
    }

    .goverContent ul li span {
        font-size: 0.8rem;
    }

    .goverSelect {
        width: 100%;
        margin: 0 auto 0.31em;
        display: flex;
        flex-direction: column;
        padding: 0 1.25em 3.75em;
    }

    .goverSelect>.select_renewal_width_1 {
        width: 9rem !important;
    }

    .goverSelect>.select_renewal_width_1:last-child {
        margin-right: 0;
    }

    /* 뉴스(오피니언) */

    .opinionWrap {
        margin: 1.88em auto 3.75em;
    }

    .opinionLeft {
        width: 100%;
        margin-right: 1.88em;
        padding: 0 1.25em;
    }

    .opinionRight {
        width: 100%;
        margin-top: 3.75em;
        padding: 0 1.25em;

    }

    .opinionNewsBox {
        display: flex;
        flex-direction: column;
        padding: 1.88em;
        background-color: rgba(77, 119, 255, .1);
        margin-top: 3.75em;
        border-radius: 1.88rem;
        background: url("/images/front/opinion_bg1.png") center no-repeat;
        background-size: cover;
        position: relative;
        isolation: isolate;
    }

    .interview {
        display: flex;
        flex-direction: column;
        padding: 1.88em;
        margin-top: 1.88em;
        border-radius: 1.88rem;
        background: url("/images/front/opinion_bg.png") no-repeat;
        background-size: cover;
        position: relative;
        isolation: isolate;
    }

    .interview::after {
        content: '';
        position: absolute;
        background: #efecfe;
        z-index: -1;
        inset: 0;
        opacity: 0.55;
        border-radius: 1.88rem;
    }

    .opinionNewsBox::after {
        content: '';
        position: absolute;
        background: #ecf3fc;
        z-index: -1;
        inset: 0;
        opacity: 0.65;
        border-radius: 1.88rem;
    }

    .interview::after {
        content: '';
        position: absolute;
        background: #efecfe;
        z-index: -1;
        inset: 0;
        opacity: 0.55;
        border-radius: 1.88rem;
    }

    .interview:first-child {
        margin-top: 0;
    }

    .interview>p img {
        object-fit: cover;
        border-radius: 1.25rem;
        height: 12rem;
    }

    .interview .dateWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1.25em;
    }

    .interview .dateWrap span:nth-of-type(2) {
        margin-left: 0;
        margin-top: 0.31em;
    }

    .interview .dateWrap span {
        font-size: 0.7rem;
    }

    .opinionNewsBox:first-child {
        margin-top: 0;
    }

    .opinionNewsBox>p {
        width: 100%;
    }

    .opinionNewsBox>p img {
        width: 100%;
        object-fit: cover;
        border-radius: 1.25rem;
        height: 12rem;
    }

    .opinionNewsBox .dateWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1.25em;
    }

    .opinionNewsBox .dateWrap span:nth-of-type(2) {
        margin-left: 0;
        margin-top: 0.31em;
    }

    .opinionNewsBox .dateWrap span {
        font-size: 0.7rem;
    }

    .opinion_news_text {
        margin-top: 1.25em;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .opinion_news_text>p {
        margin-left: auto;
    }

    .opinion_news_text h5 {
        color: #4D77FF;
        font-size: 0.88rem;
        font-weight: bold;
        padding-bottom: 0.31em;
    }

    .newsHead>p:nth-of-type(1) {
        margin-top: 0.31em;
    }

    .newsHead>p:nth-of-type(1)>a {
        font-size: 1.25rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
        font-weight: 600;
    }

    .opinionRightNews {
        min-width: 330px;
        padding: 1.85em;
        border-radius: 1.25rem;
        margin-top: 1.88em;
    }

    .opinionRightNews:first-child {
        margin-top: 0;
    }

    .opinionRightNews.bgColor2 {
        background-color: rgba(0, 208, 197, .1);
    }

    .opinionRightNews.bgColor1 {
        background-color: rgba(77, 119, 255, .1);
    }

    .opinionRightNews .title_t {
        margin-bottom: 0 !important;
    }

    .opinionRightNews .section1_right_text {
        margin-top: 0.5em !important;
    }

    .opinionRightNews .section1_right_text p>a {
        font-size: 1.25rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
        font-weight: 500;
        padding-left: 0;
        text-indent: 0;
    }

    .opinionRightNews .dateWrap {
        margin-top: 0.63em;
    }

    .newsHead_st a {
        font-weight: 600;
        font-size: 0.88rem !important;
    }

    .opinionLeft_section2 {
        margin: 3.75em 0;
        border-top: 1px solid #555;
        padding-top: 3.75em;
    }

    .newInterviewText>p:nth-of-type(2) {
        margin-top: 0.31em;
    }

    .newInterviewText>p:nth-of-type(2)>a {
        font-size: 1.25rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
        font-weight: 600;
    }

    .newInterview {
        margin-top: 1.88em;
        padding-top: 1.88em;
        border-top: 1px solid #ddd;
    }

    .newInterview:nth-of-type(1) {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .newInterview .dateWrap {
        display: flex;
        margin-top: 1.25em;
    }

    .newInterview .dateWrap span:nth-of-type(2) {
        margin-left: 0.63em;
    }

    .newInterviewText p:nth-of-type(3) a {
        font-size: 0.75rem;
        margin-top: 1em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    /* 뉴스상세페이지 */
    .newsContentText figure {
        text-align: center;
        outline: solid 1px #ccc;
        background: #FFFFFF;
        padding: 5px;
        margin: 20px 10px 20px 0;
        /* display: inline-block; */
    }

    .newsContentText .image figure>figcaption {
        text-align: left;
        display: block;
        font-size: 13px !important;
        color: #707070 !important;
        line-height: 17px;
    }

    .newsContentText img {
        padding: 5px;
        box-sizing: border-box;
        object-fit: contain;
        width: 100%;
    }

    .newsNone {
        text-align: center;
        line-height: 1.6;
        margin: 6.25em 0;
    }

    .newsNone strong {
        font-size: 1.5rem;
        margin-bottom: 0.63em;
        display: block;
    }

    .newsContentWrap {
        max-width: 1260px;
        margin: 1.88em auto 3.75em;
        display: flex;
        flex-direction: column;
        padding: 0 1.25em;
    }

    .newsContentHead {
        padding-bottom: 1.25em;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }

    .newsContentHead .subTitle_1,
    .newsContentHead .subTitle_2 {
        font-size: 1.13rem;
    }

    .contentHead {
        font-size: 2rem !important;
        font-weight: bold;
        margin-top: 0.5em;
        line-height: 1.4;
        word-break: normal;
    }

    .newsContentLeft {
        width: 100%;
    }

    .newsContentRight {
        width: 100%;
    }

    .newsContentHead p:nth-of-type(3) {
        margin-top: 1.25em;
        line-height: 1.6;
    }

    .dateWrap span:nth-of-type(3) {
        margin-left: 0.75em;
    }

    .viewUserWrap {
        display: flex;
        justify-content: space-between;
        margin-top: 3.75em;
    }

    .viewUserWrap ul {
        width: 105px;
        display: flex;
        justify-content: space-between;
        height: 25px;
        margin-top: 1.25em;
    }

    .viewUserWrap ul li a {
        line-height: 1;
        transition: all 0.2s;
    }

    .viewUserWrap ul li:hover a {
        color: #4D77FF;
    }

    .changeFontSize16>a {
        font-size: 1rem !important;
    }

    .changeFontSize20>a {
        font-size: 1.25rem !important;
    }

    .printIcon>a {
        background: url("/images/front/printIcon.svg") center no-repeat;
        display: block;
        width: 1.38rem;
        height: 1.31rem;
    }

    .printIcon>a:hover {
        background: url("/images/front/printIcon_over.svg") center no-repeat;
        display: block;
        width: 1.38rem;
        height: 1.31rem;
    }

    .newsContentText {
        max-width: 630px;
        margin: 3.75em auto;
    }

    .editorNote {
        padding: 1.25em 1.6em;
        width: 100%;
        border: 1px solid #4D77FF;
        border-radius: 1.25rem;
        position: relative;
        line-height: 1.6;
        font-size: 1rem;
        word-break: normal;
    }

    .editorNote>p {
        content: "";
        background: url("/images/front/editorIcon.svg") center left 10px no-repeat #fff;
        top: -1.13rem;
        left: 1.25rem;
        position: relative;
        width: 100px;
        text-align: right;
        position: absolute;
        font-size: 1rem;
        padding: 0.31em 0.63em;
        text-align: right;
        font-weight: bold;
    }

    .runningText {
        font-size: 1.13rem;
        line-height: 1.85;
        margin-top: 1.88em;
        font-weight: 500;
        word-break: normal;
    }

    /* .runningText figure {
        overflow-x: scroll;
        width: 350px;
    } */

    .runningText figcaption {
        font-size: 1rem;
    }

    .runningText figcaption img {
        font-size: 1rem;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    .collectBox {
        padding: 1.6em 1.88em;
        width: 100%;
        border: 1px solid #4D77FF;
        border-radius: 1.25rem;
        position: relative;
        line-height: 1.6;
        font-size: 0.88rem;
        margin-top: 3.75em;
    }

    span.subIcon a {
        background: url("/images/front/sub.svg")no-repeat right;
        width: 40px;
        height: 24px;
        display: block;
        float: right;
    }

    span.on a {
        background: url("/images/front/sub_act.svg")no-repeat right;
        width: 54px;
        height: 24px;
        display: block;
        float: right;
    }

    h2 span.subIcon a {
        background: url("/images/front/sub.svg")no-repeat right / 80%;
        width: 60px;
        height: 30px;
        display: block;
        float: right;
        margin-top: 5px;
    }

    h2 span.on a {
        background: url("/images/front/sub_act.svg")no-repeat right / 80%;
        width: 80px;
        height: 30px;
        display: block;
        float: right;
        margin-top: 5px;
    }

    .collectBox>p {
        background: url("/images/front/collectIcon.svg") top 70% left 10px no-repeat #fff;
        top: -1.13rem;
        left: 1.25rem;
        position: relative;
        text-align: right;
        position: absolute;
        font-size: 1rem;
        padding: 0.31em 0.63em 0 2.1rem;
        text-align: right;
        font-weight: bold;
    }

    .collectBox>h5 {
        font-size: 1.13rem;
        border-bottom: 1px solid #4D77FF;
        padding-bottom: 0.63em;
        margin-bottom: 1em;
    }

    .collectBox>h5 a {
        font-size: 1.13rem;
        font-weight: 600;
    }

    .collectBoxList {
        display: flex;
        margin-top: 0.63em;
    }

    .collectBoxList p>a {
        font-size: 1rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.6;
        font-weight: 600;

    }

    .collectBoxList span {
        font-size: 1.5rem;
        font-weight: bold;
        margin-right: 0.31em;
        transform: skewX(-10deg);
        margin-top: -0.35em;
    }

    .tagList {
        display: flex;
        margin-top: 3.75em;
        gap: 1.13rem;
        flex-wrap: wrap;
    }

    .tagList>li {
        padding: 0.31em 1em;
        background-color: #EEF2FF;
        border-radius: 1.13rem;
    }

    .tagList>li a {
        font-weight: 500;
    }

    .newsContentBox {
        padding: 2.5em 2.5em 0.88em;
        border: 1px solid #4D77FF;
        border-radius: 1.88rem;
    }

    .newsContentBox h5 {
        padding: 1.88em 0 1.25em;
        border-top: 1px solid #ddd;
    }

    .newsContentBox h5 a {
        font-size: 1.25rem;
    }

    .newsContentBox h5 a {
        font-size: 1.25rem;
    }

    .newsContentBox>div:last-child {
        margin-top: 1.88em;
    }

    .newsContentBox_text {
        margin-top: 1em;
    }

    .newsContentBox_text:nth-of-type(1) {
        margin-top: 0 !important;
        margin-bottom: 1.88em;
    }

    .newsContentBox_text p>a {
        font-size: 1.13rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.9;
        font-weight: 500;
        padding-left: 1.2em;
        text-indent: -1.1em;
    }

    .newsContentBox_text a img {
        width: 0.63rem;
        margin-right: 0.31em;
        vertical-align: middle;
    }

    .newsContentRight .boardBoxWrap {
        display: flex;
        flex-wrap: wrap;
        gap: 2.5em 1.25em;
        margin-top: 3.75em;
    }

    .newsContentHead .subTitle_1,
    .newsContentHead .subTitle_2 {
        font-size: 1rem !important;
    }

    .dateWrap p {
        font-size: 0.88rem;
    }

    .dateWrap p:nth-of-type(2) {
        margin-top: 0.1em;
    }

    .underline {
        border-bottom: 2px solid #01D0C6;
        font-size: 1.13rem !important;
        font-weight: bold;
    }

    /* 문패페이지 */

    .subTitleWrap {
        background-color: rgba(77, 119, 255, 0.1);
        width: 100%;
        padding: 1.88em 1.25em;
    }

    .subTitle {
        max-width: 46.25rem;
        margin: 0 auto;
    }

    .subTitle h2 {
        font-size: 1.7rem;
        font-weight: bold;
    }

    .subTitle p {
        margin-top: 1.25em;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.6;
    }

    .subTitleSection1 {
        max-width: 46.25rem;
        margin: 3.75em auto;
        padding: 0 1.25em;
    }

    .subTitleNumber {
        width: 100%;
        padding: 0 0 1.88em;
        border-bottom: 1px solid #ddd;
        display: flex;
        flex-direction: column;
    }

    .subTitleNumber strong {
        font-size: 1.38rem;
        font-weight: bold;
    }

    .subTitleNumber select {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.88rem;
        margin-top: 1.25em;
    }

    .subTitleNewsWrap1 {
        margin: 2.5em 0 3.75em;
    }

    .subTitle_news_text {
        margin-left: 1.25em;
    }

    .subTitleNewsWrap1 .subTitle_news_text p:nth-of-type(3) a {
        margin-top: 0.63em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    .subTitle_news {
        width: 100%;
        display: flex;
        margin-bottom: 1.88em;
    }

    .subTitle_news_text p:nth-of-type(2)>a {
        font-size: 1.2rem;
        font-weight: bold;
        margin-top: 0.31em;
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .subTitle_news_text .dateWrap {
        margin-top: 0.63em;
    }

    .subTitle_news_text .subTitle_1,
    .subTitle_news_text .subTitle_2 {
        font-size: 0.88rem;
    }

    .subTitle_news p a img {
        width: 8.13rem;
        height: 7.19rem;
        object-fit: contain;
        border-radius: 1.25rem;
        border: 1px solid #ddd;
    }

    /* 거버넌스상세 */

    .companyDetail .select_renewal_width {
        width: 7rem;
        margin-right: 0.63em;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.31em 0.94em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
        margin-top: -0.44em;
        background-color: #fff;
        border: 1px solid #ddd;
        font-size: 0.88rem;
    }

    .companyDetail .select_renewal_width:last-child {
        margin-right: 0;
    }

    .dFlex {
        display: flex;
        flex-direction: column;
    }

    .dFlex .sel_button {
        margin-bottom: 0;
        flex-direction: row;
        margin-top: 1.88em;
        justify-content: center;
    }

    .detailTitle_1 {
        font-size: 1.25rem;
        font-weight: bold;
        position: relative;
        z-index: 1;
    }

    .detailTitle_1::before {
        content: "";
        width: 100%;
        height: 0.88rem;
        background: rgba(77, 119, 255, .3);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .goverSection1 {
        display: flex;
        flex-wrap: wrap;
        margin: 1.88em 0 3.75em;
        gap: 1.88em 1.25em;
    }

    .goverSection1>div {
        background-color: rgb(77 119 255 / 8%);
        width: 100%;
        padding: 1.5em 1.25em;
        border-radius: 1rem;
    }

    .goverSec1Box1 {
        display: flex;
        flex-direction: column;
    }

    .goverSec1Box1>div:nth-of-type(2) {
        width: 100%;
    }

    .goverSec1Box1>div a {
        width: 88px;
        height: 110px;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .goverSec1Box1>div a img {
        object-fit: cover;
        border-radius: 0.63rem;
    }

    .goverSec1Box1>div h4 {
        font-size: 1.25rem;
        font-weight: bold;
        margin-top: 0.88em;
        text-align: center;
    }

    .goverSec1Box1>div h4 p {
        font-size: 1rem;
        font-weight: 500;
        margin-top: 0.63em;
    }

    .goverSec1Box1>div table {
        width: 100%;
        margin-top: 0.88em;
        border-top: 1px solid #ddd;
    }

    .goverSec1Box1>div table td {
        padding-top: 0.75em;
        font-size: 0.88rem;
    }

    .goverSec1Box1>div table td:first-child {
        padding-right: 1.25em;
        font-weight: 600;
    }

    .goverSec1Box2 table {
        width: 100%;
    }

    .goverSec1Box2 table tr td {
        font-size: 0.88rem;
        padding-top: 0.75em;
    }

    .goverSec1Box2 table tr td:first-child {
        font-weight: 600;
        padding-right: 1.25em;
    }

    .goverSec1Box2 table tr:first-child>td {
        font-size: 1rem;
        padding-top: 0;
    }

    .goverSection2 {
        margin: 1.88em 0 3.75em;
    }

    .goverSection2 dl {
        width: 100%;
        padding: 1.25em;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        display: inline-block;
        margin-bottom: 1.88em;
    }

    .goverSection2 dl dt {
        font-size: 1.25rem;
        font-weight: bold;
        padding: 0 0 0.31em;
        text-align: center;
    }

    .goverSection2 dl dd {
        margin-top: 0.31em;
        border-top: 1px solid #ddd;
        padding: 0.63em 0;
        font-size: 0.88rem;
    }

    .goverSection2 dl dd:nth-of-type(1) {
        border: none;
    }

    .goverSection2 dl dd p {
        font-weight: 600;
    }

    .goverSection2 .goverMoreBtn {
        margin-top: 0.31em !important;
    }

    .goverSection3Title {
        display: flex;
        justify-content: space-between;
    }

    .goverSection3Title .sel_button {
        margin-bottom: 0;
        flex-direction: row;
    }

    .noData {
        margin-top: 1.88em;
        text-align: center;
        min-height: 110px;
        color: #707070;
        background: url("/images/front/bgPt.png") 100% 100% repeat;
        font-size: 1rem;
        position: relative;
        border-radius: 1.25rem;
    }

    .noData p {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .goverSection3 {
        display: flex;
        gap: 1.88em 1.25em;
        flex-wrap: wrap;
        margin: 1.88em 0 0;
    }

    .goverSection3>div {
        width: 100%;
    }

    .goverSection3 h5 {
        font-size: 1.13rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.63em;
    }

    .goverSection3 h5 span {
        font-size: 0.75rem;
        font-weight: 400;
    }

    .goverSection3Box1 table {
        width: 100%;
    }

    .goverSection3Box1 table td,
    .goverSection3Box1 table th {
        width: 50%;
        padding: 1em;
        text-align: center;
        border: 1px solid #ddd;
    }

    .goverSection3Box1 table th {
        background-color: #F3F5F9;
    }

    .goverSection3Box2 div {
        border: 1px solid #ddd;
        text-indent: -10000px;
        height: auto;
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
        overflow: hidden;
    }

    .goverSection3Box2 small {
        font-size: 0.75rem;
        margin-top: 0.63em;
        display: block;
    }

    .goverSection4Title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 3.75em;
    }

    .goverSection4 {
        margin: 1.88em 0 3.75em;
        display: flex;
        justify-content: space-between;
        gap: 1.88em 1.25em;
        flex-wrap: wrap;
    }

    .goverSection4 dl {
        width: 100%;
        padding: 1.25em;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
    }

    .goverSection4 dl dt {
        font-size: 1.13rem;
        font-weight: bold;
        padding: 0 0 0.31em;
    }

    .goverSection4 dl dd {
        margin-top: 0.31em;
        border-top: 1px solid #ddd;
        padding: 0.63em 0;
        font-size: 0.88rem;
    }

    .goverSection4 dl dd:nth-of-type(1) {
        border: none;
    }

    .goverSection4 dl dd:last-child {
        padding-bottom: 0;
    }

    .goverSection5_text p:nth-of-type(2)>a {
        font-size: 1.25rem;
        font-weight: bold;
        margin-top: 0.31em;
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .goverSection5_text p:nth-of-type(3) a {
        margin-top: 0.63em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    .goverSection5_text .dateWrap {
        margin-top: 0.63em;
    }

    .goverSection5_text p:nth-of-type(1) a {
        position: relative;
        font-size: 0.88rem;
    }

    .goverSection5_text .subTitle_1::after,
    .goverSection5_text .subTitle_2::after {
        z-index: 1;
        height: 0.63em;
    }

    .goverPlusBox {
        display: none;
    }

    .goverPlusBox.act {
        display: block;
    }

    .goverPlusBox>li {
        font-size: 0.88rem;
        border-top: 1px solid #ddd;
        padding: 0.63em 0;
        line-height: 1.6;
    }

    .goverPlusBox li p {
        font-weight: 600;
    }

    .goverPlusBox>ul li span::before {
        content: "·";
    }

    .goverPlusBox ul>span {
        font-weight: 600;
    }

    .goverPlusBox ul>li::before {
        content: "·";
    }

    .goverPlusBox ul>li {
        padding-left: 0.6em;
        text-indent: -0.6em;
    }

    /* 거버넌스상세(주주총회) */

    .companyDetail div.goverGeneralTitle {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 3.75em;
        gap: 0.63em;
    }

    .smallText {
        font-size: 0.75rem;
        margin-top: 0.63em;
    }

    .companyDetail div.goverGeneralTitle:nth-of-type(1) {
        margin-top: 0;
    }

    .goverGeneral table {
        width: 100%;
        margin-top: 1.25em;
    }

    .goverGeneral table td {
        padding: 1em 0.63em;
        border: 1px solid #ddd;
        font-size: 0.88rem;
        border-bottom: 0;
    }

    .goverGeneral table td.thNum,
    .goverGeneral table td.tl {
        border-bottom: 1px solid #ddd;
    }

    .goverGeneral table td:last-child {
        border-bottom: 1px solid #ddd;
    }

    .goverGeneral table th {
        background-color: #F3F5F9;
        text-align: center;
        padding: 1em 0.63em;
        border: 1px solid #ddd;
        font-size: 0.88rem;
        border-bottom: 0;
    }

    .reactionTable td {
        padding: 1em 0.63em;
        border: 1px solid #ddd;
        font-size: 0.88rem;
        display: block;
        text-align: right;
    }

    .reactionTable th {
        background-color: #F3F5F9;
        text-align: center;
        padding: 1em 0.63em;
        border: 1px solid #ddd;
        font-size: 0.88rem;
        display: block;
    }

    .reactionTable thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .reactionTable td::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }

    .relation {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .relation li {
        width: 220px;
        padding: 5px 0 10px;
        font-size: 1.1rem;
    }

    .relation li:nth-child(1) span {
        background: #fff;
        color: #111;
        box-shadow: rgb(0 0 0 / 10%) 1px 5px 10px -3px, rgb(0 0 0 / 5%) 1px 4px 6px -2px;
        border: 1px solid #eee;
    }

    .relation li.per p {
        text-align: right;
        margin-right: 40px;
        font-weight: 600;
    }

    .relation li:nth-child(3) span {
        background: #d9eaff;
        color: #3d78c2;
    }

    .relation li span {
        height: 45px;
        display: block;
        text-align: center;
        background: #1864d7;
        color: #fff;
        border-radius: 25px;
        line-height: 45px;
        font-weight: 600;
        font-size: 0.75rem;
    }

    .relation li.per {
        background: url("/images/front/arrow.png") 50% 50% no-repeat;
    }

    .relation li {
        width: 220px;
        padding: 5px 0 10px;
        font-size: 0.75rem;
    }

    .relation li.per p {
        text-align: right;
        margin-right: 40px;
        font-weight: 600;
    }

    .goverSection3Box2 table {
        width: 100%;
    }

    .goverSection3Box2 table th {
        background-color: #F3F5F9;
    }

    .goverSection3Box2 table td,
    .goverSection3Box2 table th {
        width: 50%;
        padding: 0.63em;
        text-align: center;
        border: 1px solid #ddd;
        font-size: 0.88rem;
    }

    .goverLnbMenu ul {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .goverLnbMenu ul li {
        width: 100%;
    }

    .goverLnbMenu ul li a {
        display: block;
        width: 100%;
        font-weight: 500;
        transition: all 0.2s;
        padding: 0.63em 1em;
        background-color: #F3F5F9;
        border-radius: 1.25rem;
    }

    .goverLnbMenu ul li a {
        transition: all 0.2s;
    }

    .cFlex {
        display: flex;
        flex-direction: column;
        gap: 1.25em;
        align-items: center;
    }

    .goverSection6Title select {
        width: 6rem;
        padding: 0.31em 0.94em;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        font-size: 0.88rem;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.7rem center;
        text-align: left;
    }

    .goverSection6Title button {
        padding: 0.31em 0.63em;
        border: 1px solid #ddd;
        border-radius: 0.63rem;
        font-size: 0.88rem;
        height: 1.88rem;
        box-sizing: border-box;
        margin-left: 0.31em;
    }

    .goverGeneral h5 {
        padding: 0.63em;
        background-color: #F3F5F9;
        border: 1px solid #ddd;
        text-align: center;
        margin-top: 1.25em;
        font-size: 1.13rem;
        position: relative;
        border-radius: 1.88rem;
    }

    .accSection button .ico {
        float: right;
        margin-top: -2px;
    }

    .rUp {
        background: url("/images/front/icoUr.png") 0 bottom no-repeat;
        background-size: 22px;
        width: 23px;
        height: 22px;
        position: absolute;
        right: 1rem;
    }

    .rDown {
        background: url("/images/front/icoD.png") 0 bottom no-repeat;
        background-size: 22px;
        width: 23px;
        height: 22px;
        position: absolute;
        right: 1rem;
    }

    /* 거버넌스상세(거버넌스평가) */

    .cTxtBox {
        background: #F3F5F9;
        padding: 10px 15px;
        font-size: 0.88rem;
        border-radius: 10px;
        margin-bottom: 15px;
        font-weight: 500;
        margin-top: 1.88em;
    }

    .goverGeneral .leftBox,
    .goverGeneral .rightBox {
        width: 100%;
    }

    .chartBox {
        width: 100%;
        overflow: hidden;
        border: 1px solid #ddd;
        box-sizing: border-box;
        padding: 10px;
        margin: 1.88em 0;
    }

    #esgBox {
        margin-top: 1.88em;
    }

    .infoTxtBox {
        background: #f4f4f4;
        padding: 10px 15px;
        font-size: 0.88rem;
        margin-bottom: 30px;
        border-radius: 5px;
    }

    .btn_style {
        padding: 0.2em 0.63em;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        font-size: 0.8rem !important;
        display: block;
        background-color: #F3F5F9;
        float: left;
        margin-left: 5px;
    }

    /* 더보드레이더(피어) */

    .radarHeadWrap {
        width: 100%;
        position: sticky;
        top: 121px;
        z-index: 500;
        background-color: #EEF2FF;
        padding: 1.88em 0;

    }

    .radarHead {
        max-width: 1260px;
        margin: 0 auto;
    }

    .radarContentWrap {
        max-width: 1260px;
        margin: 1.88em auto 3.75em;
        scroll-margin-top: 23.75rem;
        padding: 0 1.25em;
    }

    .radarHeadTebBtn {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        height: 90px;
        overflow-y: scroll;
    }

    .radarHeadTebBtn::-webkit-scrollbar {
        width: 10px;
    }

    .radarHeadTebBtn::-webkit-scrollbar-thumb {
        background: #cad6fd;
        /* 스크롤바 색상 */
        border-radius: 10px;
        /* 스크롤바 둥근 테두리 */
    }

    .radarHeadTebBtn::-webkit-scrollbar-track {
        background: transparent;
        /*스크롤바 뒷 배경 색상*/
    }

    .radarHeadTebBtn li {
        width: 100px;
        padding: 0.4em 0.88em;
        text-align: center;
        background-color: #fff;
        border-radius: 1.88rem;
        transition: all 0.2s;
    }

    .radarHeadTebBtn li a {
        font-weight: 500;
        vertical-align: middle;
        display: block;
        font-size: 0.88rem;
    }

    .radarHeadTebBtn li.tbAct {
        background-color: #4D77FF;
    }

    .radarHeadTebBtn li.tbAct a {
        color: #fff;
        font-weight: bold;
    }

    .radarHeadTebBtn li:hover {
        background-color: #4D77FF;
    }

    .radarHeadTebBtn li:hover a {
        color: #fff;
        font-weight: bold;
    }

    .boardBoxWrap1 {
        display: flex;
        flex-wrap: wrap;
        gap: 1.88em;
        padding-top: 1.88em;
    }

    .width1260 {
        max-width: 1260px;
        margin: 2.5rem auto 3.75em;
    }

    .tebBtnTitle {
        width: 140px;
        padding: 0.31em 0.88em;
        height: 37px;
        color: #fff;
        text-align: center;
        background-color: #4D77FF;
        border-radius: 1.88rem;
        margin-bottom: 1.88em;
    }

    .tebBtnTitle a {
        font-weight: 500;
        vertical-align: middle;
        color: #fff;
        font-size: 1.13rem;
        display: block;
    }

    .sidePadding {
        padding: 0 1.25em;
    }

    .radarHeadWrap .sel_button {
        margin-bottom: 1.88em;
    }

    .radarHeadWrap .select_renewal_width_1 {
        margin-right: 0;
    }

    /* 개인정보관리 */

    .btOpt li {
        width: 100%;
        padding: 1em 1.25em;
        margin-top: 0.63em;
        border-radius: 1.88rem;
        text-align: center;
        background-color: #F3F5F9;
    }

    .btOpt li:active {
        background-color: #cad6fd;
    }

    .actBorder {
        border: 2px solid #4D77FF;
    }

    .joinFlex li a {
        display: flex;
        justify-content: space-between;
    }

    .joinFlex li:first-child a img {
        object-fit: cover;
        height: auto;
        width: 70px;
        margin-top: 3px;
    }

    .joinFlex li:last-child a img {
        object-fit: cover;
        height: 20px;
        margin-top: 3px;
    }

    .loginBox .bgN ul {
        margin-top: 20px;
    }

    .btOpt .bgColor_b {
        background-color: #4D77FF;
    }

    .btOpt .bgColor_b a {
        color: #fff;
    }

    .btOpt .bgColor_b:active {
        background-color: #4D77FF !important;
    }

    .loginBox .btOpt li:last-child>a {
        margin-right: 10px;
    }

    /* 회원탈퇴 */

    .loginSection .loginForm .loginFormCont.bgRwh li {
        background: url("/images/front/icoBulR.png") 0 10px no-repeat;
        padding-left: 5px;
        margin-bottom: 4px;
        font-size: 0.88rem;
        flex-grow: 1;
    }

    /* 페이지버튼 */

    .page_b_wrap {
        width: 100%;
        text-align: center;
        margin: 3.75em auto;
        display: flex;
        justify-content: center;
    }

    .page_b_wrap>button {
        background-color: #fff;
        border: none;
        text-align: center;
        color: #333;
        font-size: 1rem;
        transition: all 0.1s;
        cursor: pointer;
        width: 26px;
        height: 26px;
        padding: 0;
        display: inline;
        padding-top: 0.2em;
        border-radius: 1.88rem;
    }

    .page_b_wrap>button:hover {
        background-color: #4D77FF;
        color: #fff;
    }

    .page_b_wrap>button.act {
        background-color: #4D77FF;
        color: #fff;
    }

    .page_b_wrap>button.left_arrow {
        background: url("/images/front/left_arrow_b_gray.svg")no-repeat;
        text-indent: -10000px;
    }

    .page_b_wrap>button.right_arrow {
        background: url("/images/front/right_arrow_b_gray.svg")no-repeat;
        text-indent: -10000px;
    }

    .page_b_wrap>button.left_arrow:hover {
        background: url("/images/front/left_arrow_b_gray_over.svg")no-repeat;
    }

    .page_b_wrap>button.right_arrow:hover {
        background: url("/images/front/right_arrow_b_gray_over.svg")no-repeat;
    }

    .page_b_wrap>button.left_arrow.off {
        background: url("/images/front/left_arrow_b_gray.svg")no-repeat;
        text-indent: -10000px;
        opacity: 0.5;
        cursor: none;
    }

    .page_b_wrap>button.right_arrow.off {
        background: url("/images/front/right_arrow_b_gray.svg")no-repeat;
        text-indent: -10000px;
        opacity: 0.5;
        cursor: none;
    }

    /* 거버넌스더보기버튼 */

    .goverMoreBtn {
        width: 100%;
        border-top: 1px solid #ddd;
        margin-top: 1em;
    }

    .goverMoreBtn a {
        display: block;
        text-align: center;
        padding: 0.63em 0 0;
    }

    .goverMoreBtn p {
        width: 2rem;
        background: url("/images/front/select_arrow.svg") no-repeat center / 60%;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        height: 1.25rem;
        text-indent: -10000px;
    }

    .goverMoreBtn.on p {
        width: 2rem;
        background: url("/images/front/select_arrow_on.svg") no-repeat center / 60%;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        height: 1.25rem;
        text-indent: -10000px;
    }

    .goverSection5 {
        margin-top: 1.88em;
    }

    .goverSection5>div {
        display: flex;
        flex-direction: column;
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: 1px solid #ddd;
    }

    .goverSection5 p a img {
        width: 100%;
        height: 10rem;
        object-fit: cover;
        border-radius: 1.25rem;
    }

    .goverSection5_text {
        margin-top: 1.25em;
    }

    .goverSection5_text p:nth-of-type(2)>a {
        font-size: 1.25rem;
        font-weight: bold;
        margin-top: 0.31em;
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .goverSection5_text p:nth-of-type(3) a {
        margin-top: 0.63em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    .goverSection5_text .dateWrap {
        margin-top: 0.63em;
    }

    .goverSection5_text p:nth-of-type(1) a {
        position: relative;
        font-size: 0.88rem;
    }

    .goverSection5_text .subTitle_1::after,
    .goverSection5_text .subTitle_2::after {
        z-index: 1;
        height: 0.63em;
    }

    /* 디렉터프로파일 */

    .directorWrap {
        gap: 0;
        border: 0;
    }

    .directorBox {
        width: 25rem;
        margin: 1.88em 0 0;
    }

    .textIcon {
        display: inline-flex;
        background-color: #eee;
        font-size: 0.75rem;
        border-radius: 10px;
        justify-content: center;
        width: 20px;
        height: 19px;
        padding-right: 1px;
        margin-top: 2px;
    }

    .textIcon_B {
        display: inline-flex;
        background-color: #4D77FF;
        color: #fff;
        font-size: 0.75rem;
        border-radius: 10px;
        justify-content: center;
        width: 20px;
        height: 19px;
        padding-top: 1px;
        padding-right: 1px;
        margin-top: 4px;
    }

    .directorContent {
        margin-top: 0;
    }

    .directorContent .companyLogo img {
        border-radius: 0;
    }

    .directorContent ul {
        width: 68%;
    }

    .directorContent ul li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        text-indent: 0;
        padding-left: 0;
    }

    .directorContent ul li:first-child {
        padding: 0;
        margin-bottom: 0.63em;

    }

    .directorContent ul li:nth-of-type(2) p {
        font-size: 0.75rem;
        line-height: 1.4;
    }

    .directorContent ul li:nth-of-type(3) {
        justify-content: right;
    }

    .directorContent .companyLogo {
        margin-top: 0.31em;
        align-items: flex-end;
    }

    .directorContent .companyLogo a {
        max-width: 80px;
        height: 40px !important;
        display: flex;
        justify-content: right;
    }

    .directorContent .companyLogo img {
        width: auto;
        height: auto;
    }

    .directorName a {
        font-size: 1.25rem !important;
        padding-bottom: 0.33em;
        display: block;
    }

    .directorSelect {
        justify-content: space-between;
        padding-bottom: 1.25em;
    }

    .directorSelect div {
        display: flex;
        align-items: center;
    }

    .directorSelect div:last-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1em;
        margin-top: 1.25em;
    }

    .directorSelect div p {
        margin-right: 0.63em;
        font-weight: 500;
    }

    .directorSelect div p:first-child {
        margin-right: 1.25em;

    }

    .directorSelect select {
        width: 100%;
        margin-top: 0;
    }

    .directorSelect .textIcon,
    .directorSelect .textIcon_B {
        margin-top: 2px;
    }

    .directorSelect button {
        width: 100%;
        height: 2.5rem;
        border-radius: 1.25rem;
        transition: all 0.2s;
        background: url("/images/front/bookmark_active.svg") no-repeat center right 0.63em / 18px #F3F5F9;
        padding: 0.63em 0.94em;
        text-align: left;

    }

    .detailSearch {
        width: 100px;
        height: 2.5rem;
        padding: 0.31em 0.75em;
        background-color: #4D77FF;
        color: #fff;
        border-radius: 50px;
        transition: all 0.2s;
        margin-left: 0.75em;
    }

    .detailSearch>a {
        color: #fff !important;
        display: block;
        text-align: center;
        line-height: 28px;
    }

    .detailSearch:hover {
        transform: scale(0.95);
    }

    .directorSearch {
        display: flex;
        align-items: center;
        margin: 3.75em auto 0;
    }

    .directorSearch .searchBox input {
        width: 85%;
    }

    /* 상세검색모달창 */

    .close-modal {
        width: 35px !important;
        height: 35px !important;
        background: url("/images/front/modal_close.svg") no-repeat !important;
        transition: all 0.2s;
    }

    .modal-section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 10%;
        max-height: 400px;
        overflow-y: scroll;
    }

    .modal-section ul {
        width: 100%;
    }

    .modal-section ul li {
        padding: 0.31em 0;
    }

    .modal-section input {
        width: 100%;
        border: 1px solid #ddd;
        padding: 5px 15px;
        border-radius: 1.25rem;
        height: 2.5rem;
    }

    .modal-section span {
        display: block;
        margin-bottom: 0.31em;
        font-weight: 600;
    }

    .modalSelect {
        width: 100%;
        height: 2.5rem;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
    }

    .modal_bottom {
        margin-top: 1.88em;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        border-top: 1px solid #ddd;
        padding-top: 1.25em;
    }

    .modal_bottom button {
        width: 100%;
        height: 2.5rem;
        margin-right: 1em;
        border-radius: 1.25rem;
        transition: all 0.2s;
        margin-top: 0.63em;
        padding: 0.63em 1em;
        text-align: center;
        transition: all 0.2s;
    }

    .modal_bottom button:first-child {
        background-color: #F3F5F9;
        margin-left: 0;
    }

    .modal_bottom button:last-child {
        background-color: #4D77FF;
        color: #fff;
    }

    .modal_bottom button:hover {
        transform: scale(0.95);
    }

    /* 디렉터프로파일상세*/

    .directorPageWrap .textIcon1 {
        width: 32px;
        height: 18px;
        background-color: #4D77FF;
        font-size: 0.63rem;
        border-radius: 5px;
        padding: 0.2em 0.5em;
        margin-top: 2px;
        color: #fff;
        text-align: center;
        margin-left: 5px;
    }

    .directorPageWrap .textIcon.bg_B {
        background-color: #000;
        width: 32px;
        height: 18px;
        font-size: 0.63rem;
        border-radius: 5px;
        padding: 0.2em 0.5em;
        margin-top: 2px;
        color: #fff;
        text-align: center;
        margin-left: 5px;
    }

    .directorPageWrap .goverLnbMenu li a {
        margin-right: 0.31em;
    }

    .directorPageWrap .goverSec1Box1 {
        flex-direction: column;

    }

    .directorPageWrap .goverSec1Box1:first-child {
        align-items: center;
    }

    .directorPageWrap .goverSec1Box1 div a {
        width: 98px;
        height: 125px;
        overflow: hidden;
        border-radius: 0.63rem;
    }

    .directorPageWrap .goverSec1Box2 table {
        margin-top: 1.25em;
        display: block;
    }

    .directorPageWrap .goverSec1Box2 table:first-child {
        margin-top: 0;
    }

    .directorPageWrap .tagList {
        gap: 0.75em;
        margin-top: 1.88em;
    }

    .directorPageWrap .tagList>li {
        background-color: rgba(77, 119, 255, .2);
    }

    .directorPageWrap .tagList>li a {
        font-size: 0.88rem;
    }

    .directorPageWrap h3 {
        padding: 0.63em 0;
        font-size: 1.13rem;
        margin: 1.25em 0 0;
        border-bottom: 1px solid #ddd;
    }

    .directorDetailBox {
        margin-top: 3.75em;
    }

    .directorDetailBox:first-child {
        margin-top: 0;
    }

    .directorDetailBox div {
        background-color: rgb(77 119 255 / 8%);
        padding: 1.25em;
        border-radius: 20px;
        margin-top: 1.88em;
        line-height: 1.6;
        font-size: 1rem;
    }

    .directorDetailBox .dateWrap {
        font-size: 0.75rem;
        justify-content: right;
    }

    .directorDetailBox .dateWrap span:nth-of-type(3) {
        margin-left: 0;
    }

    .directorPageWrap {
        margin-top: 2.5em;
    }

    .directorPageWrap .generalHeadTitle span {
        color: #4D77FF;
        margin-left: 0.31em;
    }

    .directorPageWrap .goverLnbMenu ul li a {
        margin: 0 0.63em 0 0;
    }

    .directorPageWrap .goverLnbMenu ul {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-top: 1.25em;
    }

    .directorPageWrap .goverLnbMenu ul:first-child {
        margin-top: 0.63em;
    }

    .directorPageWrap .goverLnbMenu {
        max-height: 300px;
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
    }

    .director_top_btn {
        flex-direction: column;
    }

    .director_top_btn p {
        margin-top: 1.25em;
        height: 41px;
    }

    .director_top_btn button {
        width: 100%;
    }

    .director_top_btn select {
        width: 100%;
        margin-left: 0;
    }

    .directorPageWrap .goverLnbMenu ul li {
        padding: 0.63em 1.5em;
        background-color: #F3F5F9;
        margin: 0;
        border-radius: 1.25rem;
        font-weight: 500;
        cursor: pointer;
        display: flex;
    }

    /* 20250211 */
    .directorDetail_1 {
        margin-top: 3.75em;
    }

    .directorDetail_1 ul {
        display: flex;
        flex-direction: column;
        margin: 0 0 3.75em;
    }

    .directorDetail_1 .factorBar_lnb {
        background-color: #fff;
        padding: 1.15em 0;
        margin: 0 1.25em 0 0;
    }

    .directorDetail_1 .barGraph {
        background-color: #00d0c5;
        background-image: none;
        height: 100%;
    }

    .directorDetail_1 .barGraph_bg {
        background-color: #F3F5F9;
        height: 60px;
    }

    .directorDetail_1 ul li table {
        width: 100%;
    }

    .directorDetail_1 table th {
        width: 50%;
        background-color: rgb(77 119 255 / 8%);
    }

    .directorDetail_1 table td,
    .directorDetail_1 table th {
        padding: 1em;
        text-align: center;
        border: 1px solid #ddd;
    }

    .directorDetail_1 .title_d {
        margin: 1.88em 0 0;
    }

    .directorDetail_2 table {
        width: 100%;
        margin: 1.88em 0 3.75em;
    }

    .directorDetail_2 table th {
        background-color: rgb(77 119 255 / 8%);
    }

    .directorDetail_2 table th:first-child {
        width: 10%;
    }

    .directorDetail_2 table th:nth-of-type(2) {
        width: 15%;
    }



    .directorDetail_2 table td,
    .directorDetail_2 table th {
        padding: 1em;
        text-align: right;
        border: 1px solid #ddd;
        border-bottom: 0;
        display: block;
    }

    .directorDetail_2 table td:last-child,
    .directorDetail_2 table th:last-child {
        border: 1px solid #ddd;
    }

    .directorDetail_2 table td:nth-of-type(2) p {
        padding-left: 4em;
    }

    .directorDetail_2>table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .directorDetail_2>table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }

    .affiliationStyle {
        border: 1px solid #4D77FF !important;
    }

    .affiliation_B {
        color: #4D77FF;
        font-weight: bold;
    }

    .directorDetail_3-1 {
        margin-top: 3.75em;
    }

    .directorDetail_3-1 table {
        width: 100%;
        margin: 1.88em 0 3.75em;
    }

    .directorDetail_3-1 table th {
        background-color: rgb(77 119 255 / 8%);
    }

    .directorDetail_3-1 table td.circle {
        color: #4D77FF;
    }

    .directorDetail_3-1 table td,
    .directorDetail_3-1 table th {
        padding: 1em;
        text-align: right;
        border: 1px solid #ddd;
        display: block;
        border-bottom: 0;
    }

    .directorDetail_3-1 table td:last-child,
    .directorDetail_3-1 table th:last-child {
        border: 1px solid #ddd;
    }

    .directorDetail_3-1>table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .directorDetail_3-1>table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }

    .directorDetail_4>div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 3.75em 0 1.88em;
    }

    .directorDetail_4 ul li {
        padding: 1.25em 1.25em 1.25em 0;
        border-radius: 1.25rem;
        background-color: #fff;
        margin: 0 1.25em 1.25em 0;

    }

    .directorDetail_4 ul li>div {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin: 0;
    }

    .directorDetail_4 ul li>div p {
        width: 20%;
        margin: 0 0 0 1.25em;
    }

    .directorDetail_4 div .sel_button {
        margin: 0;
    }

    .directorDetail_4 div .sel_button select {
        height: 30px;
    }

    .directorDetail_4 .factorBar_lnb p {
        font-size: 1.13rem;
        font-weight: bold;
        margin-bottom: 0.63em;
    }

    .directorDetail_4 .factorBar_lnb div p {
        font-size: 1rem;
        font-weight: bold;
        margin-right: 1.25em;
    }

    .directorDetail_4 .factorBar_lnb p span {
        font-size: 0.88rem;
        font-weight: 400;
        vertical-align: bottom;
    }

    .directorDetail_4 .factorBar_lnb small {
        font-size: 1rem;
        font-weight: 400;
    }

    .directorDetail_4 .barGraph {
        background-color: #00d0c5;
        background-image: none;
        height: 100%;
        margin: 0;
    }

    .directorDetail_4 .barGraph_bg {
        background-color: #F6F8FF;
        height: 50px;
    }

    .directorDetail_5 {
        margin: 3.75em 0;
    }

    .directorDetail_5 table {
        width: 100%;
        margin: 1.88em 0 3.75em;
    }

    .directorDetail_5 table th {
        background-color: rgb(77 119 255 / 8%);
    }

    .directorDetail_5 table td,
    .directorDetail_5 table th {
        padding: 1em;
        text-align: right;
        border: 1px solid #ddd;
        border-bottom: 0;
        display: block;
    }

    .directorDetail_5 table td:last-child,
    .directorDetail_5 table th:last-child {
        border-bottom: 1px solid #ddd;
    }

    .directorDetail_5>table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .directorDetail_5>table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }

    .directorDetail_6 .board_news_text {
        margin: 0;
    }

    .directorDetail_6 .board_news {
        margin-top: 1.88em;
        padding-bottom: 1.25em;
        border-bottom: 1px solid #ddd;
    }

    .directorDetail_6 .board_news_text p:nth-of-type(3) a {
        -webkit-line-clamp: 1;
    }

    /* 스크롤바의 폭 너비 */
    .directorPageWrap .goverLnbMenu::-webkit-scrollbar {
        width: 10px;
    }

    .directorPageWrap .goverLnbMenu::-webkit-scrollbar-thumb {
        background: #cad6fd;
        /* 스크롤바 색상 */
        border-radius: 5px;
        /* 스크롤바 둥근 테두리 */
    }

    .directorPageWrap .goverLnbMenu::-webkit-scrollbar-track {
        background: #fff;
        /*스크롤바 뒷 배경 색상*/
    }

    /* 내보관함 */

    .memberLnbBox {
        background-color: #fff;
        padding: 2.5em 1.25em;
        border-radius: 1.25rem;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }

    .memberInfo {
        padding-bottom: 1.25em;
    }

    .memberLnbMenu {
        padding-top: 1.25em;
        border-top: 1px solid #ddd;
    }

    .memberLnbMenu ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1.25em;
    }

    .memberLnbMenu ul li {
        width: 45%;
        padding: 0.63em;
        background-color: #F3F5F9;
        border-radius: 1.25rem;
        font-weight: 500;
    }

    .memberLnbMenu ul li>a {
        display: block;
        text-align: center;
    }

    .memberLnbBox h2 {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.38em;
    }

    .memberLnbBox h2 span {
        font-size: 1.63rem;
        text-align: center;
        margin-right: 0.31em;
    }

    .memberInfo p {
        font-size: 0.75rem;
        line-height: 1.7;
        padding: 0.31em 1em;
        background-color: #F3F5F9;
        border-radius: 1rem;
        text-align: center;
    }

    .memberInfo p:first-child {
        margin-bottom: 0.88em;
    }

    .memberLnbMenu li.generalActive {
        background-color: #4D77FF;
    }

    .memberLnbMenu li.generalActive a {
        color: #fff;
        font-weight: bold;
    }

    .memberMenuPage {
        background-color: #fff;
        border-radius: 1.25rem;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
        padding: 2.5em 1.25em;
    }

    .bookmarkTabBtn {
        display: flex;
        gap: 1.25em;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 1.88em;
        margin-bottom: 1.88em;
        border-bottom: 1px solid #ddd;
    }

    .bookmarkTabBtn li {
        padding: 0.31em 1em;
        background-color: #F3F5F9;
        border-radius: 1rem;
        width: 46%;
    }

    .bookmarkTabBtn li>a {
        text-align: center;
        display: block;
        font-size: 0.88rem;
    }

    select.member_select_renewal {
        width: 100%;
        height: 2.5rem;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        text-align: left;
        padding: 0.63em 0.94em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/front/select_arrow.svg") no-repeat right 0.94rem center;
        font-size: 0.88rem;
    }

    li.tabBtnActive {
        background-color: #4D77FF;
    }

    li.tabBtnActive a {
        font-weight: 500;
        color: #fff;
    }

    .memberNewsWrap {
        margin-top: 1.88em;
    }

    .memberNews>div>p>a img {
        width: 100%;
        height: 11rem;
        object-fit: cover;
        border-radius: 1.25rem;
    }

    .memberNews>div:nth-of-type(2) {
        margin-top: 1em;
    }

    .bookmarkDate {
        margin-top: 1em;
    }

    .bookmarkDate span {
        padding: 0.31em 1em 0.5em;
        background-color: #F3F5F9;
        font-size: 0.63rem;
        border-radius: 1rem;
    }

    .bookmarkSel {
        display: flex;
        flex-direction: column;
    }

    .bookmarkSel>div {
        display: flex;
        align-items: center;
    }

    .bookmarkSel>div:nth-of-type(2) {
        justify-content: flex-end;
        margin-top: 1em;
    }

    .editIcon {
        width: 20px;
        height: 20px;
        background: url("/images/front/edit_icon.svg")top center no-repeat;
        display: inline-block;
        margin-left: 0.63em;
    }

    .editIcon:hover {
        width: 20px;
        height: 20px;
        background: url("/images/front/edit_icon_over.svg")no-repeat;
        display: inline-block;
        margin-left: 0.63em;
    }

    .editIcon.on {
        width: 20px;
        height: 20px;
        background: url("/images/front/close_on.svg")no-repeat;
        display: inline-block;
        margin-left: 0.63em;
    }

    .memberNews {
        align-items: center;
    }

    .memberNews p:nth-of-type(3) a {
        font-size: 0.88rem;
        margin-top: 0.5em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.2;
    }

    .memberNews .subTitle_2 {
        font-size: 0.88rem;
        font-weight: bold;
        background: linear-gradient(to top, rgba(0, 208, 197, .3) 40%, transparent 40%);
    }

    .memberNews>.board_news_text p:nth-of-type(2)>a {
        font-size: 1.13rem;
        font-weight: bold;
        margin-top: 0.31em;
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .memberCheckbox {
        position: relative;
    }

    .memberSelect {
        width: 100%;
    }

    .memberSelect {
        width: 100%;
    }

    .bookmarkSel button {
        padding: 0.31em 1em 0.2em;
        margin-left: 0.63em;
        border-radius: 1rem;
        background-color: #4D77FF;
        color: #fff;
        font-size: 0.88rem;
    }

    .memberCheckbox .checkBasic {
        position: relative;
    }

    .memberCheckbox .checkBasic label {
        padding-left: 1.25em !important;
        position: relative;

    }

    .delIcon {
        display: block;
        width: 20px;
        height: 20px;
        font-size: 1.88rem;
        color: #4D77FF;
    }

    .memberBoardWrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1.88em;
        margin-top: 1.88em;
    }

    .memberBoardWrap .boardBox {
        zoom: 96.5%;
    }

    .memberBoardWrap .boardBox .checkBasic {
        margin-bottom: 0.31em;
    }

    .memberGoverWrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.63em;
        gap: 1.25em;
    }

    .memberGoverWrap .governanceBox {
        margin-top: 1.88em;
        padding: 1.25em;
    }

    .memberGoverWrap .governanceBox .goverContent img {
        object-fit: cover;
        border-radius: 10px;
        height: 90px;
    }

    .example {
        display: flex;
        justify-content: right;
        margin-top: 1em;
    }

    .example button {
        padding: 0.31em 1em 0.2em;
        border: 1px solid #ddd;
        margin-left: 0.63em;
        border-radius: 1rem;
        transition: all 0.2s;
        font-size: 0.88rem;
    }

    .example button:hover {
        padding: 0.31em 1em 0.2em;
        border: 1px solid #4D77FF;
        margin-left: 0.63em;
        border-radius: 1rem;
        color: #4D77FF;
        font-weight: 500;
    }

    .example button.on {
        padding: 0.31em 1em 0.2em;
        border: 1px solid #4D77FF;
        margin-left: 0.63em;
        border-radius: 1rem;
        color: #4D77FF;
        font-weight: 500;
    }

    .memberSeriesWrap ul {
        display: flex;
        margin-top: 1.88em;
        flex-wrap: wrap;
        gap: 1.25em;
    }

    .memberSeriesWrap ul li {
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.25em;
        padding: 1.25em;
        border: 2px solid rgba(77, 119, 255, 0.2);
        border-radius: 1.25rem;
        background-color: #f6f7fa;
        position: relative;
    }

    .memberSeriesWrap ul li a {
        display: block;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.6;
        text-align: center;
        font-weight: 500;
    }

    .memberSeriesWrap ul li:hover {
        border: 2px solid #4D77FF;
        color: #4D77FF;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    }

    .memberSeriesWrap ul li:hover a {
        color: #4D77FF;
        font-weight: 600;
    }

    .memberSeriesWrap .checkBasic {
        position: absolute;
        left: 0.63em;
        top: 0.63em;
    }

    .memberNewsWrap .dateWrap {
        margin-top: 0.75em;
    }

    .memberNews .board_news_text span a {
        margin-top: -4px;
    }

    .memberMenuPage .companyLogo a {
        max-width: 60px;
    }

    .memberMenuPage .directorContent p {
        width: 65px;
    }

    .memberMenuPage .directorContent p img {
        object-fit: cover;
        border-radius: 15px;
        height: 85px;
    }

    .memberMenuPage .directorWrap {
        gap: 0;
        border: 0;
        margin: 0;
    }

    .directorContent .memberCheckbox p.checkBasic {
        width: auto;
        margin-right: 0;
    }

    .directorContent .icon_m {
        margin-left: -5px;
    }


    /* 기업비교 */

    .compareWrap {
        margin: 3.75em auto;
        max-width: 1260px;
    }

    .comPlusIcon {
        font-size: 1.88rem;
        background: none !important;
        font-size: 1.6rem;
        line-height: 1.7rem;
    }

    .compareBox {
        margin: 1.88em auto;
    }

    .compareBox>ul {
        display: flex;
        flex-wrap: wrap;
        gap: 1.86em;
        clear: both;
    }

    .compareBox button {
        padding: 0.63em 1.88em;
        background-color: #4D77FF;
        border-radius: 1.25rem;
        margin-top: -0.44em;
        transition: all 0.2s;
        color: #fff;
        float: right;
        transition: all 0.2s;
    }

    .compareBox button:hover {
        transform: translateY(7%);
    }

    .compareBox .comparePlus {
        max-width: 400px;
        height: 799px;
        position: relative;

    }

    .compareBox .comparePlus a img {
        width: 100%;
        height: 100%;
    }

    .compareBox .comparePlus:hover img {
        width: 100%;
        height: 100%;
        filter: invert(0%) sepia(0%) saturate(3000%) hue-rotate(30deg) brightness(100%) contrast(100%);
    }

    .mainRankingBox ul li {
        display: flex;
        justify-content: space-between;
        margin-top: 1.13em;
        align-items: center;
    }

    .mainRankingBox ul>li p:nth-of-type(1) {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .mainRankingBox ul>li p:nth-of-type(1)::after {
        content: "";
        flex-grow: 1;
        margin: 0 16px;
        border-bottom: 2px dotted #ddd;
        height: 1px;
        font-size: 0;
        line-height: 0;
    }

    .compareWrap .bookmark {
        width: 100%;
        display: flex;
        justify-content: right;
    }

    .compareWrap .bookmark>a {
        background: url("/images/front/bookmark_over.svg") no-repeat;
        display: block;
        width: auto;
        height: auto;
        padding-left: 1.88em;

    }

    .compareWrap .bookmark>a:hover {
        transform: scale(1);
        color: #4D77FF;
        font-weight: 600;
    }

    .compareModal {
        max-width: 450px;
    }

    .compareModal .title_d {
        margin: 0 0 1.25em;
    }

    .compareModal .modal-header {
        display: flex;
        justify-content: space-between;
    }

    .compareModal .modal-section input {
        display: none;
    }

    .compareModal .modal_bottom {
        flex-direction: column;
        margin-top: 1.88em;
    }

    .compareModal .modal_bottom img {
        width: 18px;
        margin-right: 0.31em;
        vertical-align: middle;
    }

    .compareModal .modal-section ul {
        width: auto;
    }

    .compareModal .modal-section ul li {
        display: flex;
        padding: 0.63em 1em;
        margin-bottom: 0.63em;
        background-color: #4D77FF;
        border-radius: 1.88rem;
        transition: all 0.2s;
        position: relative;
    }

    .compareModal .modal-section ul li:first-child {
        background-color: #afc5e3;
    }

    .compareModal .modal-section ul li:last-child {
        margin-bottom: 0;
    }

    .compareModal .modal-section ul li a {
        color: #fff;
    }

    .compareModal .modal-section ul li .delIcon {
        position: absolute;
        top: 0.63em;
        right: -1.7em;
        width: 20px;
        height: 20px;
        margin-top: 0;
    }

    .compareModal .modal-section ul li:first-child a {
        color: #fff;
    }

    .compareModal .modal_bottom .title_d strong {
        margin-left: 0;
    }

    .compareModal .modal_bottom div {
        display: flex;
        align-items: center;
    }

    .compareModal .modal_bottom div input {
        border: 1px solid #ddd;
        padding: 0.63em 1em;
        border-radius: 1.88rem;
        width: 100%;
    }

    .compareModal .modal_bottom button {
        width: auto;
        margin-left: 0.63em;
        margin-right: 0;
        margin-top: 0;
    }

    .compareModal .checkBasic input+label::before {
        background-color: #fff;
        border-radius: 5px;
        border: 0;
    }

    .compareModal .checkBasic.on input+label::before {
        background: url("/images/front/icoChk.png") no-repeat;
        background-color: #fff;
        background-position: center;
        background-size: 13px auto;
        border-radius: 5px;
    }

    .compareModal .bookmarkSel {
        display: flex;
        align-items: center;
        margin-bottom: 1.25em;
        margin-left: 1.88em;
    }

    .compareModal .bookmarkSel button {
        height: 30px;
        font-size: 0.75rem;
    }

    /* 기업비교 기업필터모달 */

    .filterModal>div {
        max-width: 754px;
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .filterModal>div:-webkit-scrollbar {
        display: none;
    }

    .filterModal>div {
        -ms-overflow-style: none;
        /* 인터넷 익스플로러 */
        scrollbar-width: none;
        /* 파이어폭스 */
    }

    .filterModal .modal-header h5 {
        margin-top: 0;
    }

    .filterModal .modal-content h5 {
        margin-left: 0;
        border-bottom: 1px solid #4D77FF;
        padding-bottom: 1em;
        margin-bottom: 1.25em;
    }

    .filterModal .modal-content strong {
        margin-left: 0;
    }

    .filterModal .modal-section {
        display: block;
    }

    .filterModal .modal-section ul {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        gap: 10px;
    }

    .filterModal .modal-section ul li {
        width: 107px;
        height: 36px;
        background-color: #F3F5F9;
        line-height: 36px;
        padding: 0;
        text-align: center;
        border-radius: 30px;
    }

    .filterModal .modal_bottom {
        display: block;
    }

    .filterModal .modal_bottom .choose_box {
        padding: 1.25em;
        max-height: 134px;
        overflow-y: scroll;
        display: flex;
        flex-wrap: wrap;
        gap: 0.75em 1em;
        background-color: #4D77FF;
        color: #fff;
        border-radius: 1em;
    }

    .filterModal .modal-section .choose_filter {
        background-color: #4D77FF;
        color: #fff;
    }

    .filterModal .modal-section .choose_filter a {
        color: #fff;
    }

    .compareWrap {
        padding: 0 1.25em;
    }

    .compareWrap .rankingWrap {
        width: 100%;
    }

    .compareWrap .radial_graph_index {
        width: 100% !important;
    }

    .compareWrap #highcharts-xu6mxkq-0 {
        width: 100% !important;
    }

    .compareWrap #highcharts-xu6mxkq-0 .highcharts-root {
        width: 100% !important;
    }

    /* 메인인터뷰추가 */

    .interviewWrap {
        width: 100%;
        background: url("/images/front/theboardLogo_grd.svg") no-repeat top center;
        margin-top: 3.75em;
        padding: 1em 1em 0.63em;
    }

    .interviewSlide {
        margin: 0;
        flex-direction: column;
        height: auto;
        padding: 15px;
        width: 100% !important;
    }

    .interviewSlide>div {
        max-width: 660px;
        height: 260px;
        border-radius: 40px;
        background-color: #fff;
        overflow: hidden;
        box-shadow: 0 0 15px rgb(0 0 0 / 20%);

    }

    .interviewSlide div:nth-of-type(2) {
        position: relative;
        padding: 20px;
        background: url("/images/front/interviewBg.svg") left bottom / 100% no-repeat #f3f5f9;
        margin-top: -1.88em;
        z-index: 1000;
    }

    .interviewSlide .board_news_text p:nth-of-type(1) {
        font-size: 1rem;
        font-weight: bold;
        color: #000;

    }

    .interviewSlide .board_news_text p:nth-of-type(1) strong {
        color: #4D77FF;
    }

    .interviewSlide .board_news_text p:nth-of-type(2) a {
        margin-top: 20px;
        font-size: 1.4rem;
        -webkit-line-clamp: 2;
    }

    .interviewSlide .board_news_text p:nth-of-type(3) a {
        -webkit-line-clamp: 2;
    }

    .interviewSlide .board_news_text p:nth-of-type(4) a {
        display: block;
        width: 54px;
        background: url("/images/front/rightNews_arrow.svg") no-repeat right / 20%;
        transition: all 0.2s;
        font-size: 0.88rem;
    }

    .interviewSlide .board_news_text p:nth-of-type(4):hover a {
        background: url("/images/front/rightNews_arrow_over.svg") no-repeat right center / 22%;
    }

    .interviewSlide .board_news_text p:nth-of-type(4) {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

    .interviewWrap .bx-wrapper {
        margin: 0 auto;
        background: transparent;
    }

    .interviewWrap .bx-next::after,
    .interviewWrap .bx-prev::after {
        opacity: 1;

    }

    .interviewWrap .bx-prev::after {
        background: url("/images/front/left_arrow_b_gray_over.svg") no-repeat;
    }

    .interviewWrap .bx-next::after {
        background: url("/images/front/right_arrow_b_gray_over.svg") no-repeat;
    }

    .interviewWrap .bx-prev {
        left: -130px !important;
    }

    .interviewWrap .bx-controls-direction {
        position: absolute;
        bottom: 20px;
        right: 0;
    }

    .interviewWrap .bx-controls-direction a {
        z-index: 999 !important;
    }

    .interviewWrap .bx-wrapper .bx-pager {
        top: 93%;
        min-width: 100px;
        right: 110px;
        margin-left: 30px;
    }

    .interviewWrap .bx-wrapper .bx-pager.bx-default-pager a {
        transition: all 0.6s;
    }

    .interviewWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
        width: 18px;
        transition: all 0.6s;
    }

    .interviewWrap .bx-wrapper .bx-loading {
        display: none;
    }

    .interviewWrap .bx-viewport {
        margin: 0 auto;
        padding-bottom: 30px;
    }


    .interviewSlide img {
        height: 100% !important;
    }

    .interviewWrap .board_news a img {
        border: 0;
    }

    /* 금융추가 */

    /* 금융인덱스더보드랭킹 */
    .rankingFinanceWrap .textIcon {
        width: 34px;
        height: 22px;
        background-color: #B771E5;
        font-size: 0.75rem !important;
        font-weight: bold;
        border-radius: 5px;
        margin-top: 7px;
        color: #fff;
        padding-top: 2px;
        margin-left: 0.31em;
    }

    .rankingBoxWide_wrap .rankingBoxWide .textIcon {
        width: 34px;
        height: 22px;
        background-color: #B771E5;
        font-size: 0.75rem !important;
        font-weight: bold;
        border-radius: 5px;
        margin-top: 7px;
        color: #fff;
        padding-top: 3px;
        margin-left: 0.31em;
    }

    .rankingFinanceWrap .barGraph {
        background-image: linear-gradient(to right, #B771E5, #4635B1);
        height: 3.13rem;
        border-radius: 2.5rem;
        position: relative;
    }

    .rankingFinanceWrap .factorBar {
        background-color: #F9F7FB;
        padding: 0.88em 1em;
        margin-top: 1.25em;
        border-radius: 1.25rem;
    }

    .rankingFinanceWrap .rankBadge span:nth-of-type(1) {
        font-size: 1.63rem;
        font-weight: bold;
    }

    .rankingFinanceWrap .rankBadge span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    .rankingFinanceWrap .highcharts-series-0>path {
        fill: #B771E5 !important;
        stroke: #B771E5 !important;
        stroke-width: 15;
    }

    .rankingFinanceWrap .rankBadge {
        background: url("/images/front/rankBadgeFinance.svg")no-repeat;
        width: 82px;
        height: 90px;
        color: #fff;
        padding: 1.1em 0.5em;

    }

    .rankingFinanceWrap .rankBadge div {
        width: auto;
        height: 2.19rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        box-sizing: border-box;
        margin-top: 5px;
    }

    .rankingFinanceWrap .rankBadge span:nth-of-type(1) {
        font-size: 1.63rem;
        font-weight: bold;
    }

    .rankingFinanceWrap .rankBadge span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    /* 금융작은보드박스 */

    .boardBoxFinance .rankBadge_left {
        background: url("/images/front/rankBadgeFinance.svg")center / 100% 100% no-repeat;
        width: 90px;
        height: 95px;
        color: #fff;
        padding: 1.1em 0.5em;
        margin-top: -10px;
    }

    .boardBoxFinance .rankBadge_left div {
        width: 100%;
        height: 2.19rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        box-sizing: border-box;
        margin-top: 5px;
    }

    .boardBoxFinance .rankBadge_left span:nth-of-type(1) {
        font-size: 1.2rem;
        font-weight: bold;
    }

    .boardBoxFinance .rankBadge_left span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    .boardBoxFinance .indexBox {
        width: 100%;
        height: 5.75rem;
        background-color: #F9F7FB;
        padding: 0.63em;
        border-radius: 0.63rem;
        margin-left: 0.31em;
    }

    .boardBoxFinance .indexBox .barGraph {
        background-image: linear-gradient(to right, #B771E5, #4635B1);
        border-radius: 2.5rem;
        height: 2.06rem;
        position: relative;
    }

    .boardBoxFinance .textIcon {
        width: 29px;
        height: 18px;
        background-color: #B771E5;
        font-size: 0.63rem;
        border-radius: 5px;
        margin-top: 4px;
        color: #fff;
        padding-top: 1px;
        margin-left: 0.3em;
    }

    .top_ranking5 .textIcon {
        margin-left: 0;
    }

    /* 금융lnb */

    .companyLnbFinance .rankBadge {
        background: url("/images/front/rankBadgeFinance.svg")no-repeat;
        width: 82px;
        height: 90px;
        position: absolute;
        top: -0.75rem;
        left: 1em;
        color: #fff;
        padding: 1.1em 0.5em;
    }

    .companyLnbFinance .rankBadge div {
        width: auto;
        height: 2.19rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        box-sizing: border-box;
        margin-top: 5px;
    }

    .companyLnbFinance .rankBadge span:nth-of-type(1) {
        font-size: 1.63rem;
        font-weight: bold;
    }

    .companyLnbFinance .rankBadge span:nth-of-type(2) {
        font-size: 0.75rem;
        margin-top: 0.75rem;
    }

    .companyLnbFinance .factorBar_lnb {
        width: 100%;
        background-color: #F9F7FB;
        padding: 1em 1.25em;
        margin: 1.25em 0;
    }

    .companyLnbFinance .barGraph {
        background-image: linear-gradient(to right, #B771E5, #4635B1);
        height: 3.13rem;
        border-radius: 2.5rem;
        position: relative;
    }

    .companyLnbFinance .textIcon {
        width: 34px;
        height: 22px;
        background-color: #B771E5;
        font-size: 0.75rem;
        font-weight: bold;
        border-radius: 5px;
        padding: 0.2em 0.5em;
        margin-top: 8px;
        color: #fff;
        margin-left: 0.63em;
    }

    .sel_button .financeBtn {
        background-color: #B771E5;
    }


    /* 공지사항 */

    .noticeSection>div {
        width: 100%;
        margin: 0 auto;
        padding: 1.88em 0 1.88em;
    }

    .noticeHead {
        border-bottom: 1px solid #000;
        margin-bottom: 1.88em;
    }

    .noticeHead h2 {
        font-size: 2rem;
        padding-bottom: 20px;
    }

    .noticeSection .sea {
        display: flex;
        flex-direction: column;
        width: auto;
        margin-left: 0;
        margin-top: 2.5em;
        height: auto;
    }

    .noticeSection .sea div {
        width: 100%;
        margin-top: 1.25em;
    }

    .noticeSection .sea input {
        height: 2.5rem;
        padding: 0 0.63em;
        width: 100%;
        border-bottom: 1px solid #ddd;

    }

    .noticeDetail_wrap {
        width: 100%;
        margin: 1.88em auto;
    }

    .noticeDetail_wrap>div {
        box-sizing: border-box;
        width: 100%;

    }

    .noticeDetail_wrap>div>a {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 40px 0;
        transition: all 0.2s;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        overflow: hidden;
    }

    .noticeDetail_wrap>div a>.title {
        width: 100%;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-word;
        font-size: 1.38rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5 !important;
        transition: all 0.2s;
    }


    .noticeDetail_wrap small {
        line-height: 25px;
        display: block;
        font-size: 0.88rem;
        margin-top: 1.25em;
    }

    .noticeDetail_wrap>div>a>.date span {
        background: url("/images/front/right_arrow_b_gray.svg") no-repeat;
        width: 30px;
        height: 30px;
    }

    .noticeSection select.notice_sel {
        width: 100%;
    }

    /* 공지사항 내용(상세) */

    .noticeDetail {
        padding: 40px 0;
        font-size: 1.13rem;
        line-height: 1.85;
    }

    .noticeDetailText_wrap>div>a {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 40px 0;
        transition: all 0.2s;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        overflow: hidden;
        pointer-events: none;
    }

    .noticeDetailText_wrap>div a>.title {
        width: 100%;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-word;
        font-size: 1.38rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5 !important;

    }

    .noticeDetailText_wrap .sel_button {
        border-top: 1px solid #ddd;
        padding: 2.5em 0 0;

    }

    .noticeDetailText_wrap .sel_button button {
        width: auto;
        height: 2.5rem;
        border-radius: 1.25rem;
        transition: all 0.2s;
        padding: 0.63em 2em;
        text-align: center;
        transition: all 0.2s;
        background-color: #4D77FF;
        color: #fff;
        margin-top: 0;
    }

    .noticeDetailText_wrap small {
        line-height: 25px;
        display: block;
        font-size: 0.88rem;
        margin-top: 1.25em;
    }

    .noticeHead {
        margin-bottom: 0;
    }


    /* layerpopup */
    .layerWrap {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10000;
        width: 100%;
        height: 100%;
    }

    .layerWrap>.row {
        position: relative;
        z-index: 2;
        height: 100%;
    }

    .layerWrap>.row>.col {
        text-align: center;
        vertical-align: middle;
    }

    .layerIn .ly-close {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
    }

    .layerIn {
        vertical-align: middle;
        overflow: hidden;
        display: inline-block;
        position: relative;
        z-index: 1001;
        min-width: 300px;
    }

    .layerIn .lyCnt {
        text-align: left;
    }

    .layerIn .lyBtmArea button {
        width: 100%;
        font-weight: 600;
    }

    .layerWrap #dim {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        font-family: inherit;
        overflow: hidden;
    }




    /* 팝업 */
    .popTable {
        background: #fff;
        border-radius: 20px;
        padding-bottom: 30px;
    }

    .popTable .h2Tit {
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
        padding: 10px 20px 0 30px;
        overflow: hidden;
        text-align: left;
    }

    .popTable .h3Tit {
        margin-bottom: 10px;
        padding: 0 10px 5px 0;
        text-align: left;
    }

    .popTable.bigonotice .h3Tit {
        padding: 0px 20px 5px 30px;
        border-bottom: 1px solid #eee;
        font-size: 1.8rem;
    }

    .popTable a.close {
        background: url("/images/front/ico_layer_close.png") 0 0 no-repeat;
        display: block;
        width: 35px;
        height: 35px;
        float: right;
    }

    .popTable .popBox {
        margin: 20px 30px 20px 30px;
    }

    .popTable .popBox .popTxtBox {
        font-size: 1.25rem;
    }

    .popTable .popBox .popTxtCont {
        font-size: 1.25rem;
        padding: 40px 0 30px;
        border-bottom: 1px solid #ddd;
    }

    .popTable .popBox .textArea {
        width: 100%;
        box-sizing: border-box;
    }

    .popTable .popBox .explain {
        font-size: 1.3rem;
        display: block;
        color: #4D77FF;
        margin-top: 3px;
    }

    .popTable .popBox .delBox {
        float: right;
        font-weight: 400;
        font-size: 0.9rem;
        margin-top: 5px;
    }

    .popTable .popBox .bgImg {
        background: #f3f4f8;
        border: 1px solid #e4e5e9;
        padding: 10px;
        box-sizing: border-box;
        height: 120px;
        text-align: center;
        margin-top: 5px;
    }

    .popTable .popBox .bgImg img {
        height: 100%;
    }

    .popTable .btOptSection {
        display: flex;
        justify-content: space-between;
        margin: 0 30px;
    }

    .popTable .btOptSection a {
        width: 32%;
        display: flex;
        gap: 10px;
        border-radius: 5px;
        box-sizing: border-box;
        justify-content: center;
    }

    .popTable .btOptSection a:nth-of-type(1) {
        background-color: #4D77FF !important;
        color: #fff !important;
    }

    .popTable .btOptSection a:nth-of-type(2) {
        background-color: #00D0C5 !important;
        color: #fff !important;
    }

    .popTable .btOptSection a:nth-of-type(3) {
        background-color: #ccc !important;
        color: #fff !important;
    }



    .popTable.mainpop {
        background: #f1f2f8;
    }

    .popTable.mainpop .popBox .popTxtCont {
        border-bottom: none;
        padding: 40px 0 10px;
    }

    .popTable.mainpop .popBox .popTxtCont dt {
        font-size: 1.5rem;
        letter-spacing: -1px;
        line-height: 1.5;
        font-weight: 600;
    }

    .popTable.mainpop .popBox .popTxtCont dd {
        margin-top: 10px;
        font-size: 1.5rem;
        letter-spacing: -0.5px;
    }

    .popTable.mainpop .popBox .popTxtCont dd.bgWh {
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        font-size: 1rem;
        color: #626673;
        margin-top: 20px;
        line-height: 1.6;
    }

    .popTable.mainpop .popBox .popTxtCont dd.bgWh li {
        display: flex;
        justify-content: flex-start;
        text-align: left;
        margin: 5px 5px 10px 10px;
    }

    .popTable.mainpop .popBox .popTxtCont dd.bgWh li.bdb {
        padding-bottom: 10px;
    }

    .popTable.mainpop .popBox .popTxtCont dd.bgWh li b {
        width: 140px;
    }

    .popTable.mainpop .popBox .popTxtCont dd.bgWh li .tRed {
        font-size: 1.1rem;
    }

    .popTable.mainpop .popBox .popTxtCont dd.bgWh li div {
        width: 62%;
    }

    .popTable.mainpop .popBox .popTxtCont dd.bgWh .tPoint {
        font-weight: 500;
    }


    /* 더보드랭킹박스 관련기사 탭 */

    .newsList h5 button {
        position: relative;
        margin-right: 10px;
        font-size: 1.13rem;
        font-weight: 400;
        padding: 0 3px;
    }

    .newsList h5 button.news::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 0.7rem;
        background-color: #ccc;
        top: 50%;
        transform: translateY(-50%);
        right: -0.4em;
    }

    .newsList h5 button.on {
        font-weight: bold;
    }

    .newsList h5 button:hover {
        font-weight: bold;
    }

    .newsList h5 button:nth-of-type(2) {
        margin-right: 0;
    }

    /* 더보드랭킹박스 더보기페이지 */

    .headTapBtn h2 {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 1.88em;
    }

    .headTapBtn h2 button {
        font-size: 1.5rem;
        font-weight: 400;
        color: #000;
    }

    .headTapBtn h2 button.on {
        font-weight: 500;
        color: #4D77FF;
    }

    .headTapBtn h2 button:hover {
        font-weight: 500;
        color: #4D77FF;
    }

    .headTapBtn {
        max-width: 1260px;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        margin: 0 auto;

    }

    .headTapBtn h2 button.newsPage {
        position: relative;
    }

    .headTapBtn h2 button.newsPage::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 1rem;
        background-color: #ccc;
        top: 50%;
        transform: translateY(-50%);
        right: -0.4em;
    }

    /* 2602 추가 */

    .section3Wrap {
        width: 100%;
        padding: 3.75em 1.5em 6.25em;
        background-color: #d4f0f5;
    }

    .section3Wrap .section3 {
        max-width: 78.75rem;
        margin-left: auto;
        margin-right: auto;

    }

    .section3Wrap ul {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .section3Wrap ul li {
        background-color: #fff;
        border-radius: 1.5rem;
        overflow: hidden;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }


    .section3Wrap ul li div.section2_left_text {
        padding: 30px;
    }

    .section3Wrap ul li div.section2_left_text p:nth-of-type(2) {
        margin-top: 0.31em;
    }

    .section3Wrap ul li a img {
        height: 15.63rem;
        object-fit: cover;
        border-radius: 1.5rem 1.5rem 0 0;

    }

    .section3Wrap .section2_left_text p:nth-of-type(3) a {
        margin-top: 1em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    .section3Wrap div.dateWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.25em;
    }

    .dateWrap span:nth-of-type(2) {
        margin-left: 0.63em;
    }

    .section3Wrap .section2_left_text p:nth-of-type(2) a {
        font-size: 1.38rem;
        margin-top: 0 !important;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.3;
        font-weight: bold;
    }

    span.freeIcon {
        color: #4D77FE;
        border: 1.5px solid #4D77FE;
        font-size: 11px;
        font-weight: bold;
        padding: 0 7px 2px;
        border-radius: 12px;
        vertical-align: middle;
        margin-right: 5px;
        line-height: 1.4;
    }

    .section3Wrap span.free {
        color: #4D77FE;
        border: 1.5px solid #4D77FE;
        font-size: 12px;
        font-weight: bold;
        padding: 0 7px 2px;
        border-radius: 12px;
    }

    .section3Wrap .section3 ul li div:first-child p {
        overflow: hidden;

    }

    .section3Wrap .section3 ul li div:first-child p img {
        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }


    /* 기사상세 */

    .paid_view {
        position: relative;
        min-height: 200px;
    }

    .paid_view .gd {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 200px;
        background-image: linear-gradient(transparent, hsla(0, 0%, 100%, .8), #fff);
    }

    /* 1. 하늘색 유리 배경 */
    .paywall-fixed-notice {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(240, 243, 254, 0.8);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 1);
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        padding: 30px 20px;
        text-align: center;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.1);
        z-index: 99999;
        font-family: 'Apple SD Gothic Neo', 'AppleGothic', '애플고딕', sans-serif;
        box-sizing: border-box;
        /* 창이 펼치고 접기 스무스 애니메이션 */
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .paywall-inner {
        max-width: 650px;
        margin: 0 auto;
        position: relative;
    }

    /* 화살표 아이콘 */
    .paywall-fixed-notice .btn-toggle-icon {
        position: absolute;
        top: 3px;
        right: 0;
        background: none;
        border: none;
        cursor: pointer;
        /* 아이콘 중앙 정렬 */
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s;
    }

    .paywall-fixed-notice .btn-toggle-icon svg {
        width: 24px;
        height: 24px;
        /* 화살표 회전 애니메이션 */
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .paywall-fixed-notice .btn-toggle-icon:hover {
        color: #111111;
    }

    /* 창이 펼쳐진 상태로 화살 회전*/
    .paywall-fixed-notice:not(.collapsed) .btn-toggle-icon svg {
        transform: rotate(180deg);
    }

    /* 제목 스타일 */
    .paywall-fixed-notice .notice-title {
        font-size: 24px;
        color: #111111;
        margin: 0 0 15px 0;
        font-weight: 800;
        transition: margin 0.5s ease, font-size 0.5s ease;
    }

    .paywall-fixed-notice .notice-title .highlight {
        color: #4D77FF;
    }

    /* 3. 하단 내용물 래퍼 */
    .paywall-body {
        max-height: 400px;
        opacity: 1;
        overflow: hidden;
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    /* 텍스트 영역 */
    .paywall-fixed-notice .notice-text-area {
        margin-bottom: 30px;
    }

    .paywall-fixed-notice .notice-desc {
        font-size: 16px;
        color: #333333;
        margin: 0 0 8px 0;
        line-height: 1.6;
        word-break: keep-all;
        font-weight: 500;
    }

    .paywall-fixed-notice .notice-contact {
        font-size: 14px;
        margin: 0;
        font-weight: 400;
    }

    /* 액션 버튼 */
    .paywall-fixed-notice .paywall-btn-group {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .paywall-fixed-notice .paywall-btn-group button {
        padding: 10px 0;
        width: 160px;
        font-size: 16px;
        font-weight: 700;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease;
        border: none;
    }

    .paywall-fixed-notice .btn-join {
        background-color: #4D77FF;
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(77, 119, 255, 0.2);
    }

    .paywall-fixed-notice .btn-join:hover {
        background-color: #3b5bdb;
        transform: translateY(-2px);
    }

    .paywall-fixed-notice .btn-login {
        background-color: rgba(0, 0, 0, 0.06);
        color: #333333;
    }

    .paywall-fixed-notice .btn-login:hover {
        background-color: rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

    /* =========================================
       4. 접힌 상태 스타일  
       ========================================= */
    .paywall-fixed-notice.collapsed {
        padding: 20px 20px;
    }

    .paywall-fixed-notice.collapsed .paywall-body {
        max-height: 0;
        opacity: 0;
        margin: 0;
        pointer-events: none;
    }

    .paywall-fixed-notice.collapsed .notice-title {
        margin: 0;
        font-size: 22px;
        cursor: pointer;
    }

    .paywall-fixed-notice.collapsed .btn-toggle-icon {
        top: 3px;
    }


    /* 1. 모달 배경  */
    .premium-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        /* 하얗고 투명한 배경 */
        backdrop-filter: blur(12px);
        /* 뒤쪽 화면을 뽀얗게 뭉갬 */
        -webkit-backdrop-filter: blur(12px);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100000;
        /* 화면 최상단에 배치 */

        /* 나타나고 사라질 때 부드러운 페이드 효과 */
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    /* 모달 활성화 */
    .premium-modal-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    /* 2. 모달창 본체 */
    .premium-modal-content {
        background-color: rgba(240, 243, 254, 0.85);
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
        border: 1px solid rgba(255, 255, 255, 1);
        border-radius: 24px;
        width: 90%;
        max-width: 420px;
        /* 팝업창 최대 너비 */
        padding: 40px 30px;
        text-align: center;

        /* 그림자 및 유리 테두리*/
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), inset 0 2px 2px rgba(255, 255, 255, 0.5);
        position: relative;

        /* 모달이 뜰 때 아래에서 올라오는 애니메이션 */
        transform: translateY(20px);
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .premium-modal-overlay.active .premium-modal-content {
        transform: translateY(0);
    }

    /* 3. SVG 닫기 버튼 */
    .premium-modal-close {
        position: absolute;
        top: 20px;
        right: 20px;
        background: none;
        border: none;
        color: #888;
        cursor: pointer;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.2s;
    }

    .premium-modal-close:hover {
        color: #111;
    }

    .premium-modal-close svg {
        width: 22px;
        height: 22px;
    }

    /* 4. 텍스트 스타일 */
    .premium-modal-title {
        font-size: 22px;
        font-weight: 800;
        margin: 15px 0 15px 0;
        letter-spacing: -0.5px;
    }

    .premium-modal-title .highlight {
        color: #4D77FF;
    }

    .premium-modal-desc {
        line-height: 1.6;
        word-break: keep-all;
        margin-bottom: 10px;
    }

    /* 5. 하단 버튼 그룹 */
    .premium-btn-group {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .premium-btn-group button {
        flex: 1;
        padding: 15px 0;
        font-size: 15px;
        font-weight: 700;
        border-radius: 10px;
        border: none;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .premium-btn-join {
        background-color: #4D77FF;
        color: #fff;
        box-shadow: 0 4px 12px rgba(77, 119, 255, 0.2);
    }

    .premium-btn-join:hover {
        transform: translateY(-2px);
    }

    .premium-btn-login {
        background-color: #00D0C5;
        color: #fff;
    }

    .premium-btn-login:hover {
        transform: translateY(-2px);
    }

    .premium-modal-content .notice-contact {
        margin-bottom: 20px;
    }


    /* 로그인 모달창 */
    .login-form-wrap {
        margin-top: 25px;
        text-align: left;
    }

    .login-input {
        width: 100%;
        padding: 16px;
        margin-bottom: 12px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        background-color: rgba(255, 255, 255, 0.8);
        font-size: 15px;
        font-family: inherit;
        color: #333;
        box-sizing: border-box;
        transition: all 0.2s ease;
    }

    .login-input::placeholder {
        color: #707070;
    }

    .login-input:focus {
        outline: none;
        border-color: #4D77FF;
        box-shadow: 0 0 0 3px rgba(77, 119, 255, 0.15);
        background-color: #ffffff;
    }

    /* 아이디 저장 커스텀 체크박스 */
    .login-save-id-wrap {
        margin-bottom: 20px;
        padding: 0 4px;
    }

    .login-save-id {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        font-size: 14px;
        color: #555;
        letter-spacing: -0.3px;
        position: relative;
        user-select: none;
    }

    .login-save-id input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .login-save-id .checkmark {
        display: inline-block;
        width: 18px;
        height: 18px;
        background-color: #fff;
        border: 1.5px solid #ccc;
        border-radius: 4px;
        position: relative;
        transition: all 0.2s ease;
    }

    .login-save-id input[type="checkbox"]:checked~.checkmark {
        background-color: #4D77FF;
        border-color: #4D77FF;
    }

    .login-save-id .checkmark::after {
        content: "";
        position: absolute;
        display: none;
        left: 5px;
        top: 2px;
        width: 4px;
        height: 8px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .login-save-id input[type="checkbox"]:checked~.checkmark::after {
        display: block;
    }

    /* 2번 모달 풀사이즈 로그인 버튼 (파란색) */
    .btn-login-submit {
        width: 100%;
        padding: 16px 0;
        font-size: 16px;
        font-weight: 700;
        border-radius: 12px;
        border: none;
        background-color: #4D77FF;
        color: #ffffff;
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(77, 119, 255, 0.2);
        transition: all 0.2s ease;
    }

    .btn-login-submit:hover {
        transform: translateY(-2px);
    }

    /* 하단 링크 3종 */
    .login-bottom-links {
        margin-top: 20px;
        text-align: center;
        font-size: 12px;
    }

    .login-bottom-links a {
        color: #666;
        text-decoration: none;
        letter-spacing: -1px;
        transition: color 0.2s;
    }

    .login-bottom-links a:hover {
        color: #111;
        text-decoration: underline;
    }

    .login-bottom-links .divider {
        color: #ccc;
        margin: 0 5px;
        vertical-align: middle;
    }


    /* 홈페이지개편 공지 모달창 */


    /* 2. 오버레이 */
    .tb-overlay {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background-color: rgba(255, 255, 255, 0.42);
        backdrop-filter: blur(16px) saturate(1.2);
        -webkit-backdrop-filter: blur(16px) saturate(1.2);
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Pretendard', sans-serif;
    }

    /* 3. 모달 */
    .tb-modal {
        background: rgba(255, 255, 255, 0.78);
        backdrop-filter: blur(20px) saturate(1.3);
        -webkit-backdrop-filter: blur(20px) saturate(1.3);
        border: 1px solid rgba(255, 255, 255, 0.9);
        box-shadow:
            0 4px 8px rgba(0, 0, 0, 0.06),
            0 12px 28px rgba(77, 119, 255, 0.15),
            0 32px 64px rgba(77, 119, 255, 0.2),
            0 0 80px rgba(77, 119, 255, 0.08);
        border-radius: 20px;

        width: 90%;
        max-width: 400px;
        position: relative;
        overflow: hidden;
        animation: popupFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    @keyframes popupFade {
        from {
            opacity: 0;
            transform: translateY(24px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* 상단 액센트 바 */
    .tb-top-bar {
        height: 3px;
        background: linear-gradient(90deg, #4D77FF, #00D0C5);
    }

    .tb-inner {
        position: relative;
        z-index: 1;
        padding: 30px 26px 24px;
    }

    /* 닫기 버튼 */
    .tb-close-btn {
        position: absolute;
        top: 14px;
        right: 18px;
        background: none;
        border: none;
        font-size: 22px;
        font-weight: 300;
        cursor: pointer;
        z-index: 5;
        transition: transform 0.2s;
    }

    .tb-close-btn:hover {
        color: #475569;
        transform: rotate(90deg);
    }

    /* 그라데이션 로고 */
    .tb-logo-wrap {
        text-align: center;
        margin-bottom: 10px;
    }

    .tb-logo {
        font-family: 'Montserrat', sans-serif;
        font-size: 26px;
        font-weight: 900;
        letter-spacing: -0.5px;
        background: linear-gradient(135deg, #00D0C5 0%, #a0adff 65%, #b5b8ef 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        display: inline-block;
        filter: drop-shadow(0 1px 2px rgba(77, 119, 255, 0.15));
    }

    /* 타이틀 */
    .tb-title {
        font-size: 26px;
        color: #0f172a;
        font-weight: 800;
        text-align: center;
        margin: 0 0 6px 0;
        letter-spacing: -0.5px;
    }

    /* 본문 */
    .tb-desc {
        font-size: 14px;
        color: #475569;
        font-weight: 400;
        text-align: center;
        margin: 0 0 22px 0;
        line-height: 1.5;
        letter-spacing: -0.3px;
        word-break: keep-all;
    }

    /* 날짜 강조 */
    .tb-desc strong {
        font-weight: 800;
        color: #4D77FF;
    }

    /* 카드 컨테이너 */
    .tb-cards {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 15px;
    }

    .tb-cards-row {
        display: flex;
        gap: 8px;
    }

    /* 카드 */
    .tb-card {
        background: rgba(255, 255, 255, 0.75);
        border-radius: 12px;
        border: 1px solid #dde2eb;
        padding: 10px;
        flex: 1;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
        transition: all 0.25s;
    }



    .tb-card h3 {
        color: #0f172a;
        font-weight: 700;
        margin: 0 0 4px 0;
        letter-spacing: -0.5px;
    }

    .tb-card p {
        font-size: 12px;
        font-weight: 400;
        margin: 0;
        line-height: 1.45;
        letter-spacing: -0.5px;
        word-break: keep-all;
    }

    /* 뱃지 */
    .tb-badge {
        display: inline-block;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 8px;
        margin-bottom: 7px;
        letter-spacing: 0.3px;
    }

    .tb-badge.free {
        background: #4D77FF;
    }

    .tb-badge.premium {
        background: #1e293b;
    }

    /* 아웃트로 */
    .tb-outro {
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        margin: 0 0 15px 0;
        line-height: 1.4;
        letter-spacing: -0.3px;
    }

    /* 버튼 */
    .tb-btn-group {
        display: flex;
        gap: 8px;
    }

    .tb-btn {
        flex: 1;
        text-align: center;
        padding: 12px 0;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.25s;
        letter-spacing: -0.3px;
        font-family: 'Pretendard', sans-serif;
    }

    /* 둘러보기 */
    .tb-btn-primary {
        background: #4D77FF;
        color: #fff;
        border: none;
        box-shadow: 0 4px 16px rgba(77, 119, 255, 0.25);
    }

    .tb-btn-primary:active {
        transform: scale(0.98);
    }

    /* 회원가입 */
    .tb-btn-secondary {
        background: #00D0C5;
        color: #fff;
        border: none;
        box-shadow: 0 4px 12px rgba(0, 208, 197, 0.25);
    }

    .tb-btn-secondary:active {
        transform: scale(0.98);
    }

    /* 하단 */
    .tb-footer-opt {
        display: flex;
        justify-content: center;
        margin-top: 13px;
        font-size: 12px;
    }

    .tb-footer-opt label {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .tb-footer-opt input {
        margin-right: 6px;
        accent-color: #4D77FF;
        width: 13px;
        height: 13px;
        appearance: auto !important;
    }

    .tb-inner {
        padding: 24px 18px 20px;
    }

    .tb-cards-row {
        flex-direction: column;
    }

    .tb-logo {
        font-size: 22px;
    }

    .tb-title {
        font-size: 22px;
    }



    /* 이사회평가 색상코드 클래스 추가 */

    /* 산업일반 0 */
    .industryColor .highcharts-series-0>path {
        fill: #00D0C5 !important;
        stroke: #00D0C5 !important;
        stroke-width: 10 !important;
    }

    /* 산업일반 1 */
    .industryColor_1 .highcharts-series-0>path {
        fill: #4D95FF !important;
        stroke: #4D95FF !important;
        stroke-width: 10 !important;
    }

    /* 산업일반 2 */
    .industryColor_2 .highcharts-series-0>path {
        fill: #52d0f0 !important;
        stroke: #52d0f0 !important;
        stroke-width: 10 !important;
    }


}