@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: 1023px) {
    /* 메인페이지 */
    /* 헤더 */

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

    .header h1>a>img {
        width: auto !important;
        vertical-align: middle;
    }

    .header {
        display: flex;
        justify-content: space-between;
        max-width: 78.75rem;
        margin-left: auto;
        margin-right: auto;
        height: 5rem;
        line-height: 5rem;
    }

    .header h1 {
        width: 11rem;
    }

    .logoNavWrap {
        display: flex;
        width: 53rem;
    }

    nav {
        font-size: 1.125rem;
        font-weight: 600;
    }

    nav ul {
        display: flex;
        background-color: #fff;
        position: relative;
        z-index: 2000;
    }

    nav .navMainMenu>li {
        position: relative;
        padding: 0 3vw;
        cursor: pointer;
    }

    nav .navMainMenu>li>a {
        font-size: 1.125rem;

    }

    nav .navSubMenu>li {
        text-align: left;
        transition: all 0.3s;
    }

    nav .navMainMenu>li:hover {
        font-weight: bold;
    }

    nav .navMainMenu>li:hover::after {
        content: "";
        position: absolute;
        width: 0.75rem;
        height: 0.1875rem;
        background-color: #000;
        top: 30%;
        left: 50%;
        transform: translate(-50%, 0);
    }

    nav ul li:last-child {
        margin-right: 0;
    }

    .navSubMenu {
        display: none;
        position: absolute;
        top: 90%;
        left: 50%;
        width: 11rem;
        border: 1px solid #ddd;
        flex-direction: column;
        border-radius: 0.94rem;
        box-shadow: 0 3px 13px rgba(0, 0, 0, .1);
        opacity: 0;
        transform: translate(0, 16px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        padding: 0.8rem 1.3rem;
        pointer-events: all;
    }

    .navSubMenu>li {
        height: 2.5rem;
        line-height: 2.5rem;
        width: 100%;
        position: relative;
    }

    .navSubMenu li a span.plusIcon::after {
        content: '';
        opacity: 0;
        width: 0.94rem;
        height: 0.75rem;
        vertical-align: top;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1em;
        background: url("/images/front/arrowRight_b.svg")no-repeat;
        transition: 0.2s linear;
    }

    .navSubMenu li:hover .plusIcon::after {
        opacity: 1;
    }

    .navSubMenu li a,
    .navSubMenu_sub li a {
        display: block;
    }

    .navSubMenu_sub {
        display: none;
        position: absolute;
        left: 100%;
        top: -14px;
        min-width: 11.75rem;
        border: 1px solid #ddd;
        flex-direction: column;
        border-radius: 0.94rem;
        box-shadow: 0 3px 13px #ddd;
        opacity: 0;
        transform: translate(16px, 16px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        z-index: -1;
        padding: 0.8rem 1.3rem;
        pointer-events: all;
    }

    .navSubMenu_sub>li {
        height: 2.5rem;
        line-height: 2.5rem;
        width: 100%;
    }

    nav .navSubMenu_sub>li a {
        color: #333;
    }

    nav .navMainMenu>li:hover .highlight::before {
        width: 100%;
    }

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

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

    .dim {
        display: none;
    }

    .hamburger {
        display: none;
    }

    .highlight {
        position: relative;
        z-index: 1;
    }

    .highlight::before {
        content: "";
        width: 0;
        height: 55%;
        background: rgba(77, 119, 255, .3);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        transition: 0.2s all;

    }

    .navSubMenu li:hover .navSubMenu_sub {
        opacity: 1;
    }

    /* 로그인 */

    .loginIconBox_m,
    .logoutIconBox_m {
        display: none;
    }

    .loginIconBox {
        position: relative;
    }

    .loginIconBox ul {
        display: flex;
        font-size: 0.875rem;
    }

    .loginIconBox ul li {
        margin-left: 1rem;
        position: relative;
        box-sizing: border-box;
        width: 100%;
    }

    .loginIconBox ul li:nth-of-type(2) {
        margin-left: 3.13em;
    }

    .loginIconBox ul li:nth-of-type(1) {
        position: relative;
        left: 0;
    }

    .grayLine::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 1em;
        background-color: #ccc;
        top: 50%;
        transform: translateY(-50%);
        right: -1.75rem;
    }

    .search {
        width: 1rem;
    }

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

    .loginIconBox .search a {
        background: url("/images/front/searchIcon.svg")no-repeat;
        width: 1.19rem;
        height: 1.22rem;
        position: absolute;
        top: 50%;
        transform: translateY(-45%);
        transition: all 0.2s;
    }

    .loginIconBox .search:hover a {
        transform: translateY(-30%);
    }

    .search a.on {
        background: url("/images/front/close.svg")no-repeat !important;
        width: 1.1rem !important;
        height: 1.1rem !important;
        position: absolute;
        top: 50%;
        transform: translateY(-45%) !important;
    }

    /* 로그아웃 */

    .logoutIconBox {
        position: relative;
        width: 10.94rem;
    }

    .logoutIconBox ul {
        display: flex;
        font-size: 0.875rem;
        background-color: #fff;
    }

    .logoutIconBox>ul>li {
        margin-left: 1rem;
        position: relative;
        box-sizing: border-box;
        width: 100%;
    }

    .logoutIconBox>ul>li:nth-of-type(4) {
        margin-left: 2rem;
    }

    .logoutIconBox ul li:nth-of-type(1) {
        position: relative;
    }

    .logoutIconBox ul>li.search::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 1rem;
        background-color: #ccc;
        top: 50%;
        transform: translateY(-50%);
        right: -1rem;
    }

    .logoutIconBox ul li:first-child {
        margin-left: 0;
    }

    .search {
        width: 1rem;
    }

    .loginIconBox a,
    .logoutIconBox a {
        display: block;
    }

    .logoutIconBox .bellIcon a {
        background: url("/images/front/bellIcon.svg")no-repeat;
        width: 1.19rem;
        height: 1.22rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.2s;
    }

    .logoutIconBox>ul>li:hover>a {
        transform: translateY(-35%);
    }

    .logoutIconBox>ul>li:last-child:hover>a {
        transform: none;
        color: #4D77FF;
        font-weight: 600;
    }

    .logoutIconBox .person {
        position: relative;
    }

    .logoutIconBox .person>a {
        background: url("/images/front/personIcon.svg")no-repeat;
        width: 1.19rem;
        height: 1.22rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.2s;
    }

    .person_sub {
        position: absolute;
        left: 50%;
        top: 4.375rem;
        display: block;
        width: 11.75rem;
        border: 1px solid #ddd;
        flex-direction: column;
        border-radius: 0.94rem;
        box-shadow: 0 3px 13px #ddd;
        opacity: 0;
        transform: translate3d(2.5rem, 2.5rem, 0);
        transition: transform 0.5s cubic-bezier(.19, 1, .22, 1), all 0.35s ease-out;
        z-index: -1;
        padding: 0.8rem 1.3rem 0.5rem;
        visibility: hidden;
    }

    .person_sub>li {
        height: 2.2rem;
        line-height: 1.7rem;
        width: 100%;
    }

    .person_sub>li>a {
        background: none;
        display: block;
    }

    .person_sub>li>a>img {
        width: 0.75rem;
        vertical-align: middle;
        margin-right: 0.31rem;
    }

    .person:hover .person_sub {
        opacity: 1;
        transition: all 0.5s;
        transform: translate3d(-50%, 0, 0);
        z-index: 2000;
        visibility: visible;
        touch-action: auto;
        pointer-events: auto;
    }

    .person_sub>li:nth-child(1) {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0.5em;
    }

    .person_sub>li:nth-child(3) {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0.5em;
    }

    .logoutIconBox .search a {
        background: url("/images/front/searchIcon.svg")no-repeat;
        width: 1.19rem;
        height: 1.22rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.2s;
    }

    .logoutIconBox .search:hover a {
        transform: translateY(-30%);
    }

    /* 컨테이너 */

    .backGradient {
        display: none;
        position: absolute;
        top: 65%;
        transform: translateY(-65%);
        vertical-align: middle;
        width: 100%;
        height: 28.31rem;
        background-image: linear-gradient(to right, #00D0C5, #054FCB);
        z-index: -1;
    }

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

    }

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

    .sideNews {
        display: none;
    }

    .section_1 {
        display: flex;
        justify-content: space-between;
        max-width: 78.75rem;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3.75em;
    }

    .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.88rem;
    }

    .section_1 div:nth-of-type(1) {
        width: 22rem;
        margin-top: 2.5em;
    }

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

    .section_1 div:nth-of-type(2) {
        width: 34rem;
        margin: 0 1.88em;
    }

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

    .section_1 div:nth-of-type(3) {
        width: 22rem;
        margin-top: 2.5em;
    }

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

    .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%);
        margin-right: 10px;
    }

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

    .section_2 {
        max-width: 78.75rem;
        margin-left: auto;
        margin-right: auto;
    }

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

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

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

    .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;
    }

    .rankBadge 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) {
        font-size: 1.63rem;
        font-weight: bold;
    }

    .rankBadge 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;
    }

    .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;
    } */
    .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: 1rem;
        color: #fff;
        font-weight: 600;
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
    }

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

    .section_1>div a img {
        transition: all 0.3s;
    }

    .section_1>div a:hover img {
        opacity: 0.7;
    }

    /* 푸터 */
    .footer {

        color: #707070;
        font-size: 0.88rem;
        z-index: 2000;
        position: relative;
        background-color: #fff;
    }

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

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

    .footer section div ul {
        display: flex;
    }

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

    .footer section div ul li:last-child {
        display: flex;
        align-items: center;
        margin-right: 0;
    }

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

    .footer section div {
        max-width: 78.75rem;
        margin: 0 auto;
    }

    .footer section:first-child>div {
        max-width: 78.75rem;
        margin: 0 auto;
        padding: 1.88em 0;
    }

    .footer .footer_info {
        padding: 1.88em 0;
        line-height: 160%;
    }

    .footer .footer_info p {
        width: 90%;
    }

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

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

    .footer section h1 {
        width: 10rem;
    }

    /* 네비바 */
    .nav_bar_warp {
        width: 100%;
        height: 2.5rem;
        background-color: #000;
    }

    .nav_bar {
        max-width: 78.75rem;
        height: 2.5rem;
        margin: 0 auto;
        line-height: 2.5rem;
    }

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

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

    .nav_bar a {
        color: #fff !important;
    }

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

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

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

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

    .searchWrap {
        display: none;
        max-width: 100%;
        background: #fff;
        z-index: 1000;
        top: 80px;
        padding: 40px 0 60px;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
        border-top: 1px solid #cad6fd;

    }

    .searchWrap.on {
        display: block;
    }

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

    .searchWrap .searchSection {
        max-width: 1000px;
        margin: 0 auto;
    }

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

    }

    .searchWrap .searchSection .searchBox .ico {
        background-size: 23px 23px;
        top: 9px;
    }

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

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

    }

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

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

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

    /* 검색공통부분 */
    .searchWrap .relationWordWrap p {
        margin-top: 1.88em;
    }

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

    .searchWrap .relationWordWrap img {
        width: 26px !important;
        transform: rotate(46deg);
    }

    .searchWrap .relationWordWrap ul {
        margin-top: 1.25em;
        display: flex;
        flex-wrap: wrap;
    }

    .searchWrap .relationWordWrap ul li a {
        padding: 0.31em 0.63em;
        background-color: #F3F5F9;
        margin: 0.5em 1.25em 0.5em 0;
        border-radius: 1em;
        display: block;
    }

    .searchWrap select.select_search {
        width: 15%;
        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;
    }

    .scrollbar {
        overflow-y: scroll;
    }

    .scrollbar::-webkit-scrollbar {
        width: 5px;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background: #cad6fd;

        border-radius: 5px;

    }

    .scrollbar::-webkit-scrollbar-track {
        background: transparent;

    }

    .radarHeadTebBtn::-webkit-scrollbar {
        width: 5px;
    }

    .radarHeadTebBtn::-webkit-scrollbar-thumb {
        background: #cad6fd;

        border-radius: 5px;

    }

    .radarHeadTebBtn::-webkit-scrollbar-track {
        background: transparent;

    }

    /* 검색공통부분 끝 */

    /* 검색창2 */
    /* .searchWrap1 {
        display: none;
    }
    .searchWrap {
        display: none;
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 2000;      
        padding: 60px 0 60px;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
        border-top: 1px solid #ddd;

    }
    .searchWrap.on {
        display: block;
    }
    .searchWrap .clear {
        display: block;
        float: none;
        clear: both;
        overflow: hidden;
    }
    .searchWrap .searchSection {
        max-width: 1260px;
        margin: 0 auto;
        position: relative;
        padding-top:100px;
    }
    .searchWrap .searchSection::before {
        content: "\2715";
        position: absolute;
        color:#4D77FF;
        top:0px;
        right:0;
        font-size: 2.5em;
        cursor: pointer;
    }  


    .searchWrap .searchSection > .searchBox {
        width: 100%;   
        border: 1px solid #4D77FF;
        border-radius: 30px;
        padding-left: 10px;
        box-sizing: border-box;
        position: relative;
    }

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

    .searchWrap .searchSection .searchBox input {
        width: 80%;
        border: 0;
        height: 50px;
        line-height: 26px;
        padding: 0 10px;      
        background-color: transparent;
    }

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

    }
    .searchWrap .ico.search {
        background: url("/images/front/searchIcon_over.svg") no-repeat;
        height: 30px;
        width: 29px;
        cursor: pointer;
    }
    .searchWrap .ico {
        display: inline-block;
        font-size: 0 !important;
        border: none;
    }
    input:placeholder-shown {
        text-overflow: ellipsis;
    }

    .searchWrap .relationWordWrap p {
        margin-top: 3.75em;
    }
    .searchWrap .relationWordWrap p a {
        font-size: 1.25rem;
        font-weight: 600;
    }
    .searchWrap .relationWordWrap img {
        width: 24px;
        transform: rotate(-90deg);
    }
    .searchWrap .relationWordWrap ul {
        margin-top: 1.25em;
        display: flex;
        flex-wrap: wrap;
       
    }
   
    .searchWrap select.select_search {
        width: 15%;
        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;
    }
    .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;} 

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

    .search a.on {
        background: url("/images/front/close.svg")no-repeat !important;
        width: 1.1rem !important;
        height: 1.1rem !important;
        position: absolute;
        top: 50%;
        transform: translateY(-45%) !important;
        z-index: 3000;
    } */

    /* 뉴스메인(뉴스) */

    .section {
        max-width: 78.75rem;
        display: flex;
        justify-content: space-between;
        margin: auto;
    }

    .section1_right,
    .section2_right {
        width: 386px;
    }

    .section2_right_text p:nth-of-type(2) {
        margin-top: 0.31em;
        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: 0.88rem;
    }

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

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

    .section2_right_text p:nth-of-type(2) a {
        font-weight: 600;
        font-size: 1.25rem;
    }

    .section1_left,
    .section2_left {
        width: 814px;
        margin-right: 1.88em;
    }

    .main_news p:nth-of-type(1)>a>img {
        height: 28.13rem;
        object-fit: cover;
        border-radius: 0 3.75rem 3.75rem 3.75rem;
    }

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

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

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

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

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

    .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;
    }

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

    .sub_news {
        width: 24.5rem;
    }

    .sub_news a img {
        height: 15.63rem;
        object-fit: cover;
        border-radius: 0 2.5rem 2.5rem 2.5rem;
    }

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

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

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

    .sub_news p:nth-of-type(3)>a {
        font-size: 1.38rem;
        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;
    }

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

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

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

    .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")no-repeat;
        width: 82px;
        height: 90px;
        color: #fff;
        padding: 1.1em 0.5em;
        margin-top: -4px;
    }

    .rankBadgeFinance_left {
        background: url("/images/front/rankBadgeFinance.svg")no-repeat;
        width: 82px;
        height: 90px;
        color: #fff;
        padding: 1.1em 0.5em;
        margin-top: -4px;
    }

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

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

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

    .indexBox_1 {
        width: 22rem;
    }

    .indexBox_1 div {
        margin-top: 0.63rem;
    }

    .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 {
        width: 16rem;
        height: 5.75rem;
        background-color: #F3F5F9;
        padding: 0.63em;
        border-radius: 0.63rem;
    }

    .indexBox a {
        display: block;
    }

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

    /* .indexBox div {
        margin-top: 0.31rem;
    } */
    .indexBox p {
        margin-top: 0.31rem;
        display: flex;
        justify-content: right;
    }

    .indexBox p a {
        font-size: 0.63rem;
        display: block;
    }

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

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

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

    .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: 0.13rem;
        width: 0.5rem;
        height: 1.3rem;
        background-color: #000;
    }

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

    .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;
        justify-content: left;
        margin-bottom: 2.5em;
    }

    .section2_left p a img {
        width: 17.5rem;
        height: 11.25rem;
        object-fit: cover;
        border-radius: 1.25rem;
    }

    /* .section2_left_text {
        margin-left: 1.88em;
    } */
    .section2_left_text p:nth-of-type(2) a {
        font-size: 1.38rem;
        margin-top: 0.31em;
        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 {
        margin-top: 1em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

    .section2_right {
        padding-top: 3.75em;
    }

    .section2_right>div {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2em;
        padding-bottom: 1.25em;
        border-bottom: 1px solid #aaa;
    }

    /* .section2_right > div:last-child {
        border: 0;
    } */
    .section2_right p a img {
        width: 8.44rem;
        height: 6rem;
        object-fit: cover;
        border-radius: 0.63rem;
    }

    .news_section3 {
        margin: 3.75em auto 6.25em;
        max-width: 78.75rem;
    }

    .news_section3>div {
        display: flex;
        margin-top: 1.88em;
        justify-content: space-between;
    }

    .news_section3 div .news_section3_text {
        width: 32%;
        margin-right: 2.5em;
        border-bottom: 1px solid #ddd;
        padding: 0 0 1.25em;
    }

    .news_section3 div .news_section3_text:last-child {
        margin: 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.38rem;
        font-weight: 600;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .news_section3 a.mainTitle_125 {
        display: block;
        margin-top: 0.31em;
        font-size: 1.25rem;
        font-weight: bold;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    /* 더보드랭킹(이사회평가) */

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

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

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

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

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

    .title_t button {
        width: 10rem;
        height: 2.5rem;
        background-color: #fff;
        margin-right: 1em;
        border-radius: 1.25rem;
        margin-top: -0.44em;
    }

    .title_t button:hover {
        background-color: #4D77FF;
        color: #fff;
        font-weight: 600;
        transition: all 0.2s;
    }

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

    select.select_renewal_width_1 {
        width: 7rem;
        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;
    }

    .sel_button {
        display: flex;
        justify-content: right;
        margin-bottom: 2.5em;
    }

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

    .sel_button button {
        width: 10rem;
        height: 2.5rem;
        background-color: #4D77FF;
        margin-right: 1em;
        border-radius: 1.25rem;
        margin-top: -0.44em;
        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_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;
    }

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

    .ranking_wrap {
        display: flex;
        justify-content: space-between;
        gap: 0 1.88em;
    }

    .bottom_ranking5,
    .top_ranking5 {
        display: flex;
    }

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

    .boarBox_ranking {
        overflow: hidden;
        padding: 2.3em;
    }

    .blackBg_title {
        min-width: 9.31rem;
        text-align: center;
        background-color: #000;
        color: #fff;
        padding-top: 2.3em;
        box-sizing: border-box;
    }

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

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

    .ranking_wrap .bx-wrapper .bx-pager {
        padding-top: 0 !important;
        margin-top: 1.25em;
    }

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

    select.select_renewal {
        width: 22%;
        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;
    }

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

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

    select.notice_sel {
        width: 7.44rem;
    }

    .sea {
        width: 26%;
        margin-left: 1.25em;
        height: 2.5rem;

    }

    .sea>div {
        display: flex;
        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;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .rankingBoxWide_wrap {
        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;
        position: relative;
        height: 356px;
    }

    .rankingBoxWide div.rankingBoxWide_1box {
        min-width: 26.25rem;
        padding: 1.88em;
        border-right: 1px solid #ddd;
    }

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

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

    .rankingBoxWide .rankBox_t a:hover {
        font-size: 1.75rem;
        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: auto;
        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.63rem;
        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 {
        width: 22.5rem;
        background-color: #fff;
        padding: 0;
    }

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

    .rankingBoxWide_2box .companyInfo {
        width: 22rem;
        margin-left: 3.75em;
    }

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

    .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;
        justify-content: space-between;
        width: 100%;
    }

    .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;
        justify-content: space-between;
    }

    .newsList {
        max-width: 34.25rem;
    }

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

    .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;
    }

    .newsList a {
        font-size: 1.1rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

    .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: 4.7em;
        align-content: flex-end;
    }

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

    .companyLogo_r img {
        object-fit: contain;
        max-height: -webkit-fill-available;
        max-width: 100%;
        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;
    }

    /* 더보드레이더 회사 상세(컴퍼니페이지) */

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

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

    .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;
        margin-left: 1.25em;
        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;
        transform: translateY(7%);
    }

    .companyPageWrap {
        display: flex;
        justify-content: space-between;
        margin-top: 1.25em;
    }

    .companyLnb {
        position: fixed;
        z-index: 1000;
    }

    .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: 17.5rem;
        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-top: 0.88em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1.4;
        padding: 0 0.75em;
    }

    .factorBar_lnb {
        width: 100%;
        background-color: rgba(0, 208, 197, 0.1);
        padding: 1em 1.25em;
        margin: 1.25em 0 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 li {
        margin-top: 1em;
        height: 1.25rem;
        font-weight: 500;
        cursor: pointer;
    }

    .lnbMenu ul li:hover {
        color: #4D77FF;
        font-weight: bold;

    }

    .generalActive {
        background: url("/images/front/lnbMenu_arrow.svg")no-repeat right;
    }

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

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

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

    .companyDetail {
        width: 59.38rem;
        background-color: #fff;
        border-radius: 1.25rem;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
        position: relative;
        padding: 2.5em;
        left: 19.38rem;
    }

    /* 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.5rem;
        line-height: 4rem;
        font-weight: bold;
        border-radius: 1.25rem;
        margin-bottom: 1.88em;
    }

    .generalReview {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
        padding: 0 0 2.5em;
    }

    .generalReview.paddingTop {
        padding-top: 8em !important;
    }

    .generalReview_box1 {
        width: 65%;
        border-right: 1px solid #ddd;
        padding-right: 2.5em;
    }

    .generalReview_box1>div {
        display: flex;
        justify-content: space-between;
        margin-top: 1.88em;
    }

    .generalReview_box1>div>ul {
        width: 40%;
    }

    .generalReview_box1>div>ul li {
        display: flex;
        justify-content: space-between;
        margin-top: 1.13em;
        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: 31%;
    }

    .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.4rem;
        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 {
        width: 50%;
    }

    .fileDownBtn {
        display: flex;
        justify-content: right;
        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;
    }

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

    .lnbMenu_detail {
        margin-top: 3.75em;
    }

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

    .lnbMenu_detail div p {
        padding: 3px 12px;
        background-color: #F3F5F9;
        border-radius: 1rem;
    }

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

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

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

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

    .lnbMenu_detail ol {
        display: flex;
        align-items: center;
    }

    .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.3rem;
        width: 0.5rem;
        height: 1.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.88rem;
    }

    .BSM_table>table {
        width: 100%;
    }

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

    .BSM_table>table thead>tr th {
        text-align: center;
        background-color: #4D77FF;
        color: #fff;
        border-right: 1px solid #F3F5F9;
    }

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

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

    button.s_btn {
        width: 2rem;
        position: fixed;
        z-index: 3000;
        bottom: 6.25rem;
        right: 6.25rem;
        opacity: 0.3;
        transition: all 0.2s;
    }

    button.s_btn:hover {
        opacity: 1;
    }

    /* 로그인페이지 */

    .loginSection .loginBox {
        width: 460px;
        margin: 0 auto;
    }

    .loginSection {
        padding: 100px 0;
        background-color: rgba(77, 119, 255, 0.1);
        min-height: 500px;
    }

    .loginSection .loginForm {
        margin: 0 auto 10px;
        background: #fff;
        padding: 40px 30px;
        border-radius: 30px;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    }

    .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;
        cursor: pointer;
    }

    .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 20px;
    }

    .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;
        transition: transform 0.2s;
    }

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

    .loginSection .loginForm .loginBtn a:hover {
        transform: scale(0.93);
    }

    .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: center;
        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 {
        margin-left: 10px;
    }

    .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:first-child {
        margin-left: 0 !important;
    }

    .loginSection .loginForm .inputBox ul li {
        margin-left: 20px;
    }

    .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: 14px;
    }

    .tRed {
        color: #e41111 !important;
    }

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

    /* 법인 회원가입 */

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

    }

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

    /* 사이트 맵 */

    .mapSection {
        width: 1260px;
        margin: 0 auto;
        padding: 60px 0 110px;
    }

    .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;
        display: flex;
    }

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

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

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

    .mapSection .liBox ul {

        width: 20%;
    }

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

    .mapSection .liBox li a {
        font-weight: 500;
        font-size: 1.13rem;
    }

    .menu3 {
        display: flex;
        position: absolute;
        left: 100%;
        top: 0;
    }

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

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

    /* 서비스이용약관 */

    .legalSection {
        width: 640px;
        margin: 60px auto;
    }

    .legalTab ul {
        display: flex;
        justify-content: center;
        height: 50px;
        margin-top: 30px;
    }

    .legalTab ul li {
        margin: 0 10px;
    }

    .legalTab ul li a {
        border-radius: 20px;
    }

    .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.13rem;
        margin: 20px 0;
    }

    .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 {
        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: 3.75em auto;
    }

    .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>div {
        width: 48%;
        margin-bottom: 1.88em;
    }

    .tableWrap {
        border-radius: 0.63rem;
    }

    .radarWrap .tableWrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .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: 0.75rem;
        background: rgba(77, 119, 255, .3);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .detailTitle_s strong {
        color: #4D77FF;
    }

    .radarMoreBtn {
        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:hover {
        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:hover 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;
        justify-content: right;
        margin-bottom: 1.88em;
    }

    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 {
        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;
    }

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

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

    .slideBox li {
        padding: 1.88em 1.2em 0;
    }

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

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

    .radarWrap_sub {
        max-width: 1260px;
        margin: 3.75em auto;
    }

    .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%;
        margin-bottom: 2.5em;
    }

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

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

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

    .radarRankingAll>table thead>tr:first-child>th:first-child {
        border-bottom: 0;
    }

    .radarRankingAll>table thead>tr:first-child>td,
    .radarRankingAll>table thead>tr:first-child>th {
        text-align: center;
        background-color: #4D77FF !important;
        color: #fff;
        border-right: 1px solid #F3F5F9;
    }

    .radarMoreBtn1 {
        display: none;
    }

    .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;
        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;
    }

    .radarWrap_sub .select_renewal_2 {
        margin-left: 1.25em;
    }

    /* 뉴스컴퍼니 */

    .board_news {
        margin-bottom: 1.88em;
    }

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

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

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

    .board_news .board_news_text {
        margin-left: 1.25em;
    }

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

    .board_news .board_news_text p:nth-of-type(2)>a {
        font-size: 1.38rem;
        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;
    }

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

    .board_news p a img {
        width: 17.5rem;
        height: 11.25rem;
        object-fit: cover;
        border-radius: 1.25rem;
    }

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

    .newNews .board_news_text {
        margin-left: 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.38rem;
        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 {
        margin-top: 1em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
    }

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

    }

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

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

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

    .companyRightNews_r {
        min-width: 330px;
        padding: 2.5em;
        border: 2px solid #ecf3fc;
        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>.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 {
        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;
        font-weight: 600;
    }

    .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-size: 0.88rem;
        font-weight: bold;
    }

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

    }

    /* 검색결과페이지 */

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

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

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

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

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

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

    .searchBoardBoxWrap .boardBoxWrap {
        display: flex;
        justify-content: space-between;
        gap: 0 1.88em;
    }

    button.searchBtn {
        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: flex-start;
        gap: 1.88rem 1.25rem;
        flex-wrap: wrap;
        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;
        justify-content: space-between;
        align-items: center;
    }

    .searchNumber strong {
        font-size: 1.5rem;
        font-weight: bold;
    }

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

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

    /* 거버넌스 */

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

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

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

    .searchBox button {
        width: 25px;
        height: 25px;
        background: url("/images/front/searchIcon.svg") no-repeat;
        background-size: cover;
        border: none;
        cursor: pointer;
    }

    .governanceWrap {
        max-width: 1260px;
        margin: 0 auto 3.75em;
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #ddd;
        gap: 0 2rem;
    }

    .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-top: 3.75em;
    }

    .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;
        margin-right: 0.88em;
    }

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

    .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 {
        max-width: 1260px;
        margin: 0 auto 1.88em;
        display: flex;
        justify-content: flex-end;
    }

    .goverSelect>.select_renewal {
        width: 9rem !important;
        border: 1px solid #ddd;
    }

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

    .page_b_wrap button.left_arrow_d {
        background: url("/images/front/left_arrow_b_gray_d.svg") no-repeat;
        text-indent: -10000px;
    }

    .page_b_wrap button.right_arrow_d {
        background: url("/images/front/right_arrow_b_gray_d.svg") no-repeat;
        text-indent: -10000px;
    }

    .page_b_wrap button.left_arrow_d:hover {
        background: url("/images/front/left_arrow_b_gray_d_over.svg") no-repeat;
        text-indent: -10000px;
    }

    .page_b_wrap button.right_arrow_d:hover {
        background: url("/images/front/right_arrow_b_gray_d_over.svg") no-repeat;
        text-indent: -10000px;
    }

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

    .opinionWrap {
        margin: 3.75em auto;
    }

    .opinionLeft {
        max-width: 814px;
        margin-right: 1.88em;
    }

    .opinionRight {
        width: 386px;
    }

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

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

    }

    .opinionNewsBox::after {
        content: '';
        position: absolute;
        background: #ecf3fc;
        z-index: -1;
        inset: 0;
        opacity: 0.55;
        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,
    .opinionNewsBox:first-child {
        margin-top: 0;
    }

    .interview>p img,
    .opinionNewsBox>p img {
        object-fit: cover;
        border-radius: 1.25rem;
        height: 268px;
        width: 450px;
    }

    .interview .dateWrap,
    .opinionNewsBox .dateWrap {
        display: flex;
        flex-direction: column;

    }

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

    .interview .dateWrap span,
    .opinionNewsBox .dateWrap span {
        font-size: 0.88rem;
    }

    .opinion_news_text {
        margin-left: 1.88em;
        display: flex;
        flex-direction: column;
    }

    .opinion_news_text>div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .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_st a {
        font-weight: 600;
    }

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

    .newsHead>p:nth-of-type(1)>a {
        font-size: 1.38rem;
        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: 2.15em 2.5em;
        border-radius: 1.25rem;
        margin-top: 1.88em;
        height: 160px;
    }

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

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

    .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 .title_t strong {
        font-size: 1.3rem !important;
    }

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

    .opinionRightNews .section1_right_text p>a {
        font-size: 1.38rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5;
        font-weight: 600;
    }

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

    .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.38rem;
        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;
    }

    .newInterview .dateWrap span {
        font-size: 0.88rem;
    }

    .newInterviewText p:nth-of-type(3) a {
        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;

    }

    .newsNone {
        text-align: center;
        line-height: 1.6;
        position: relative;
        top: 20%;
    }

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

    .newsContentWrap {
        max-width: 1260px;
        margin: 3.75em auto 0;
        display: flex;
        justify-content: space-between;
    }

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

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

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

    .newsContentLeft {
        max-width: 814px;
        margin-right: 1.88em;
    }

    .newsContentRight {
        max-width: 386px;
    }

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

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

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

    .viewUserWrap>.dateWrap {
        margin-top: 0;
    }

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

    .viewUserWrap ul li {}

    .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 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 {
        /* padding-top: 3.75em; */
    }

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

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

    /* 문패페이지 */

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

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

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

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

    .subTitleSection1 {
        max-width: 46.25rem;
        margin: 3.75em auto;

    }

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

    .subTitleNumber strong {
        font-size: 1.5rem;
        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.75em;
        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: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

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

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

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

    /* 거버넌스상세 */

    .select_renewal_width .select_renewal_width {
        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;
        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;
        justify-content: space-between;
    }

    .dFlex_gap {
        display: flex;
        justify-content: space-between;
        gap: 1.25em;
    }

    .dFlex .sel_button {
        margin-bottom: 0;
    }

    .detailTitle_1 {
        font-size: 1.3rem;
        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;
        justify-content: space-between;
        margin: 1.88em 0 3.75em;
        gap: 0 1.25em;
    }

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

    .goverSec1Box1 {
        display: flex;
    }

    .goverSec1Box1>div:first-child {
        margin-right: 1.25em;
    }

    .goverSec1Box1>div a {
        width: 88px;
        height: 110px;
        display: block;
    }

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

    .goverSec1Box1>div h4 {
        font-size: 1.25rem;
        font-weight: bold;
    }

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

    .goverSec1Box1>div table {
        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 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: 1em -1em 3.75em;
    }

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

    .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;
        line-height: 1.6;
    }

    .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;
        align-items: center;
    }

    .goverSection3Title .sel_button {
        margin-bottom: 0;
    }

    .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;
        justify-content: space-between;
        gap: 0 1.25em;
        margin: 1.88em 0 0;
    }

    .goverSection3>div {
        width: 48%;
        position: relative;
    }

    .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.88rem;
        font-weight: 400;
    }

    .goverSection3Box1 table {
        width: 100%;
    }

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

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

    .goverSection3Box1 small {
        margin-top: 0.63em;
        display: block;
    }

    .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;
    }

    .goverSection4 {
        margin: 1.88em 0 3.75em;
        display: flex;
        gap: 2.7em;
        flex-wrap: wrap;
    }

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

    .goverSection4 dl dt {
        font-size: 1.25rem;
        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;
    }

    .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 .select_renewal_width {
        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;
        margin-top: -0.44em;
        background-color: #fff;
        border: 1px solid #ddd;
        font-size: 0.88rem;
    }

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

    .goverGeneralTitle {
        margin-top: 3.75em;
    }

    .companyDetail div.goverGeneralTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

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

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

    .goverGeneral table td,
    .goverGeneral table th {
        padding: 1em 0.63em;
        text-align: center;
        border: 1px solid #ddd;
        font-size: 0.88rem;
    }

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

    .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;
        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 li>span {
        font-size: 1rem;
        transition: all 0.2s;
        font-size: 1rem;
        transition: all 0.2s;
    }

    .goverLnbMenu ul li {
        margin-top: 1em;
        height: 1.25rem;
        font-weight: 500;
        cursor: pointer;
        display: flex;
    }

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

    .goverLnbMenu ul li:hover span {
        color: #4D77FF;
        font-weight: bold;
    }

    .goverActive {
        background: url("/images/front/lnbMenu_arrow.svg")no-repeat right !important;
        transition: all 0.2s;
    }

    .goverActive a {
        color: #4D77FF !important;
        font-weight: bold;
        transition: all 0.2s;
    }

    .goverActive span {
        color: #4D77FF !important;
        font-weight: bold;
        transition: all 0.2s;
    }

    .cFlex {
        display: flex;
        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;
    }

    .marTop {
        margin-top: 3.75em !important;
    }

    /* 거버넌스상세(거버넌스평가) */

    .cTxtBox {
        background: #F3F5F9;
        padding: 10px 15px;
        font-size: 0.88rem;
        border-radius: 10px;
        font-weight: 500;
        margin: 1.88em 0 3.75em;
    }

    .goverGeneral .leftBox,
    .goverGeneral .rightBox {
        width: 48%;
    }

    .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: 25px 15px 10px;
        font-size: 0.88rem;
        margin-bottom: 30px;
        border-radius: 5px;
    }

    .btn_style {
        padding: 0.31em 0.88em;
        border: 1px solid #ddd;
        border-radius: 1.25rem;
        font-size: 0.88rem;
        background-color: #F3F5F9;
        display: block;
        margin-top: 5px;
    }

    /* 더보드레이더(피어) */

    .radarHeadWrap {
        width: 100%;
        position: sticky;
        top: 121px;
        z-index: 500;
        background-color: #EEF2FF;
        padding: 3.75em 0 1.88em;

    }

    .radarHead {
        max-width: 1260px;
        margin: 0 auto;
    }

    .radarContentWrap {
        max-width: 1260px;
        margin: 1.88em auto 0;
        scroll-margin-top: 23.75rem;
    }

    .radarHeadTebBtn {
        display: flex;
        gap: 1rem;
        justify-content: left;
        flex-wrap: wrap;
        height: 80px;
    }

    .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;
        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;
        gap: 3em;
        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;
        color: #fff;
        font-size: 1.13rem;
        display: block;
    }

    .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:hover {
        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:hover {
        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;
    }

    /* 페이지버튼 */

    .page_b_wrap {
        max-width: 78.75rem;
        text-align: center;
        margin: 3.75em auto 6.25em;
    }

    .page_b_wrap button {
        width: 1.88rem;
        height: 1.88rem;
        margin: 0.19em;
        background-color: #fff;
        border-radius: 1.88rem;
        border: none;
        line-height: 1.88rem;
        text-align: center;
        color: #333;
        font-size: 1rem;
        transition: all 0.1s;
        cursor: pointer;
    }

    .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;
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: 1px solid #ddd;
    }

    .goverSection5 p a img {
        width: 12rem;
        height: 9rem;
        object-fit: cover;
        border-radius: 1.25rem;
    }

    .goverSection5_text {
        margin-left: 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::before,
    .goverSection5_text .subTitle_2::before {
        z-index: 1;
        height: 0.63em;
    }

    /* 디렉터프로파일메인*/

    .directorWrap {
        gap: 0 1.8em;
    }

    .directorBox {
        width: 25rem;
    }

    .textIcon {
        display: inline-flex;
        background-color: #eee;
        font-size: 0.75rem;
        border-radius: 10px;
        justify-content: center;
        width: 20px;
        height: 19px;
        padding-top: 1px;
        padding-right: 1px;
        margin-top: 4px;
    }

    .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 {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .directorContent ul li {
        width: 265px;
        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.88rem;
        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: 130px;
        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;
        align-items: flex-end;
    }

    .directorSelect div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .directorSelect div p {
        margin-right: 0.63em;
        font-weight: 500;
    }

    .directorSelect div p:first-child {
        margin-right: 1.88em;

    }

    .directorSelect select {
        width: 170px;
    }

    .directorSelect .textIcon,
    .directorSelect .textIcon_B {
        margin-top: 2px;
    }

    .directorSelect button {
        width: 6.6rem;
        height: 2.5rem;
        border-radius: 1.25rem;
        transition: all 0.2s;
        margin-left: 1.25em;
        background: url("/images/front/bookmark_active.svg") no-repeat center right 0.63em / 18px #F3F5F9;
        padding: 0.63em 0.94em;
        text-align: left;
        transition: all 0.2s;
    }

    .directorSelect button:hover {
        transform: scale(0.93);
    }

    .detailSearch {
        width: 100px;
        height: 2.5rem;
        padding: 0.31em 0.63em;
        background-color: #4D77FF;
        color: #fff;
        border-radius: 50px;
        transition: all 0.2s;
    }

    .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;
        width: 730px;
        margin: 3.75em auto 0;
    }

    /* 상세검색모달창 */

    .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;
        justify-content: space-between;
        gap: 10%;
    }

    .modal-section ul {
        width: 45%;
    }

    .modal-section ul li {
        padding: 0.31em 0;
        margin-bottom: 0.31em;
    }

    .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;
    }

    .modal_bottom button {
        height: 2.5rem;
        margin-right: 1em;
        border-radius: 1.25rem;
        transition: all 0.2s;
        margin-left: 1.25em;
        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 .goverLnbMenu {
        max-height: 300px;
        overflow-y: scroll;
    }

    .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 .textIcon.bg_G {
        background-color: #00D0C5;
    }

    .directorPageWrap .goverLnbMenu li a {
        margin-right: 0.31em;
    }

    .directorPageWrap .goverSec1Box1 {
        flex-direction: column;
        width: 50%;
    }

    .directorPageWrap .goverSec1Box2 {
        width: 50%;
    }

    .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;
        max-height: 117px;
        overflow-y: scroll;
    }

    .directorPageWrap .tagList>li {
        background-color: rgba(77, 119, 255, .2);
    }

    .directorPageWrap .tagList>li a {
        font-size: 0.88rem;
    }

    .directorPageWrap h4 {
        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;
    }

    .directorPageWrap .generalHeadTitle span {
        color: #4D77FF;
        margin-left: 0.31em;
    }

    /* 20250211 */
    .directorDetail_1 {
        margin-top: 3.75em;
    }

    .directorDetail_1 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 1.88em 0 3.75em;
    }

    .directorDetail_1 .factorBar_lnb {
        background-color: #fff;
        padding: 1.15em 1.25em 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 {
        width: 50%;
    }

    .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_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:nth-of-type(3) {
        text-align: left;
    }

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

    .affiliationStyle {
        border: 1px solid #4D77FF !important;
    }

    .affiliation_B {
        color: #4D77FF;
        font-weight: bold;
    }

    .directorDetail_3 .goverSection4 {
        margin-bottom: 1.88em;
    }

    .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;
        justify-content: space-between;
        align-items: center;
        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 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:nth-of-type(2) {
        text-align: center;
    }

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

    .directorDetail_6 .board_news_text {
        margin: 0;
    }

    .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:nth-of-type(2) {
        text-align: center;
    }

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

    .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;
    }

    /* 내보관함 */

    .memberWrap {
        max-width: 1260px;
        margin: 0 auto;
    }

    .memberLnbBox {
        position: fixed;
        background-color: #fff;
        padding: 2.5em 1.25em;
        width: 17.5rem;
        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 li {
        margin-top: 1em;
        height: 1.25rem;
        font-weight: 500;
    }

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

    .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;
    }

    .memberInfo p:first-child {
        margin-bottom: 0.88em;
    }

    .generalActive a {
        color: #4D77FF;
        font-weight: bold;
    }

    .memberMenuPage {
        min-height: 371px;
        background-color: #fff;
        border-radius: 1.25rem;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
        padding: 2.5em;
    }

    .bookmarkTabBtn {
        display: flex;
        gap: 1.25em;
        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;
        transition: all 0.2s;
    }

    select.member_select_renewal {
        width: 230px;
        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;
    }

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

    .bookmarkTabBtn li:hover a {
        font-weight: 500;
        color: #fff;
    }

    .memberNewsWrap {
        margin-top: 1.88em;
    }

    .memberNews>div>p>a img {
        width: 10rem;
        height: 7.2rem;
        object-fit: cover;
        border-radius: 1.25rem;
    }

    .bookmarkDate {
        margin-top: 1em;
    }

    .bookmarkDate span {
        padding: 0.31em 1em 0.5em;
        background-color: #F3F5F9;
        font-size: 0.75rem;
        border-radius: 1rem;
    }

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

    .bookmarkSel>div {
        display: flex;
        align-items: center;
    }

    .editIcon {
        width: 20px;
        height: 20px;
        background: url("/images/front/edit_icon.svg")top center no-repeat;
        display: inline-block;
        margin: 0 0 0 0.63em;
    }

    .editIcon:hover {
        background: url("/images/front/edit_icon_over.svg")no-repeat;
    }

    .editIcon.on {
        width: 30px;
        height: 30px;
        background: url("/images/front/close_on.svg")no-repeat;
        display: inline-block;
        margin-left: 0 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;
    }

    .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;
        cursor: pointer;
    }

    .delIcon {
        display: block;
        width: 30px;
        height: 30px;
        margin-left: 1.25em;
        background: url("/images/front/delIcon.svg")no-repeat;
        margin-top: 1.88em;
    }

    .memberBoardWrap {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 1.88em;
        gap: 0 1.88em;
    }

    .memberBoardWrap .boardBox {
        zoom: 96.5%;
    }

    .memberBoardWrap .boardBox .checkBasic {
        margin-bottom: 0.31em;
    }

    .memberGoverWrap {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 0.63em;
        gap: 0 1.88em;
    }

    .memberMenuPage .directorWrap {
        border: 0;
    }

    .memberMenuPage .directorWrap .governanceBox {
        zoom: 93.5%;
        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: 0.63em;
    }

    .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.88em;
    }

    .memberSeriesWrap ul li {
        width: 31.5%;
        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;
    }

    .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 {
        position: relative;
        padding: 0;
        background: none;
        box-shadow: none;
        box-shadow: 0 0 30px rgb(0 0 0 / 15%);
    }

    .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 {
        margin-left: 0.63em;
        margin-right: 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 {
        max-width: 754px;
    }

    .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;
    }

    /* 메인인터뷰추가 */

    .interviewWrap {
        width: 100%;
        background: url("/images/front/theboardLogo_grd.svg") no-repeat top center;
        margin-top: 3.75em;
        padding: 3.75em 0 0.63em;
    }

    .interviewSlide {
        max-width: 1360px;
        margin: 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding: 30px 50px 0;
    }

    .interviewSlide>div {
        width: 660px;
        height: 410px;
        border-radius: 40px;
        background-color: #fff;
        overflow: hidden;
        box-shadow: 0 0 30px rgb(0 0 0 / 20%);
    }

    .interviewSlide div:nth-of-type(2) {
        padding: 40px;
        background: url("/images/front/interviewBg.svg")no-repeat;
        position: relative;
        z-index: 1000;
        position: absolute;
        left: 630px;
        top: 100px;
    }

    .interviewSlide .board_news_text p:nth-of-type(1) {
        font-size: 1.25rem;
        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.55rem;
    }

    .interviewSlide .board_news_text p:nth-of-type(3) a {
        -webkit-line-clamp: 3;
    }

    .interviewSlide .board_news_text p:nth-of-type(4) a {
        display: block;
        width: 62px;
        background: url("/images/front/rightNews_arrow.svg") no-repeat right center / 22%;
        transition: all 0.2s;
    }

    .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: 40px;
        right: 40px;
    }

    .interviewWrap .bx-wrapper {
        margin: 0 auto;
        background: transparent;
    }

    .interviewWrap .bx-viewport {
        min-height: 550px !important;
    }

    .interviewWrap .bx-next::after,
    .interviewWrap .bx-prev::after {
        opacity: 1;
    }

    .interviewWrap .bx-prev:hover::after {
        background: url("/images/front/left_arrow_b_gray_over.svg") no-repeat;
    }

    .interviewWrap .bx-next:hover::after {
        background: url("/images/front/right_arrow_b_gray_over.svg") no-repeat;
    }

    .interviewWrap .bx-prev {
        left: -100px !important;
    }

    .interviewWrap .bx-controls-direction {
        position: absolute;
        top: 60px;
        right: 60px;
    }

    .interviewWrap .bx-wrapper .bx-pager {
        top: 20px;
        width: auto;
        right: 130px;
        margin-right: 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;
    }


    .interviewSlide img {
        height: 100% !important;
        transition: all 0.3s;
    }

    .interviewSlide>div a:hover img {
        opacity: 0.7;
    }

    .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-wrapper .bx-controls-direction a:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    .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: 6px;
        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: 10px;
        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: 10;
    }

    .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")no-repeat;
        width: 82px;
        height: 90px;
        color: #fff;
        padding: 1.1em 0.5em;
        margin-top: -4px;
    }

    .boardBoxFinance .rankBadge_left div {
        width: auto;
        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.63rem;
        font-weight: bold;
    }

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

    .boardBoxFinance .indexBox {
        width: 16rem;
        height: 5.75rem;
        background-color: #F9F7FB;
        padding: 0.63em;
        border-radius: 0.63rem;
    }

    .boardBoxFinance .indexBox .barGraph {
        background-image: linear-gradient(to right, #B771E5, #4635B1);
        border-radius: 2.5rem;
        position: relative;
        height: 100%;
    }

    .boardBoxFinance .textIcon {
        width: 29px;
        height: 18px;
        background-color: #B771E5;
        font-size: 0.63rem;
        border-radius: 5px;
        margin-top: 4px;
        color: #fff;
        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 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: 1260px;
        margin: 0 auto;
        padding: 3.75em 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;
        justify-content: right;
        width: auto;
        margin-left: 0;
        margin-top: 2.5em;
    }

    .noticeSection .sea input {
        height: 2.5rem;
        padding: 0 0.63em;
        width: 300px;
        border-bottom: 1px solid #ddd;
    }

    .noticeDetail_wrap {
        max-width: 1260px;
        margin: 1.88em auto;
    }

    .noticeDetail_wrap>div {
        box-sizing: border-box;
        width: 100%;

    }

    .noticeDetail_wrap>div>a {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 40px 0;
        transition: all 0.2s;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        overflow: hidden;
    }

    .noticeDetail_wrap>div a>.title {
        max-width: 80%;
        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>div:hover>a {
        border-bottom: 1px solid #4D77FF;
    }

    .noticeDetail_wrap>div:hover a>.title {
        font-weight: 600;
    }

    .noticeDetail_wrap small {
        line-height: 25px;
        display: block;
        font-size: 0.88rem;
    }

    .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: 6rem;
    }

    /* 공지사항 내용(상세) */

    .noticeDetail {
        padding: 40px 0;
        font-size: 1.13rem;
        line-height: 1.85;
    }

    .noticeDetailText_wrap>div>a {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        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 {
        max-width: 80%;
        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;
    }

    .noticeDetailText_wrap>div:hover>a {
        border-bottom: 1px solid #ddd;
    }

    .noticeDetailText_wrap>div:hover a>.title {
        font-weight: 500;
    }

    .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;
    }

    .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: 0 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;
    }

    .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.6rem;
        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: 20px;
        font-size: 1.25rem;
        font-weight: 400;
        padding: 0 3px;
    }

    .newsList h5 button.news::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 1rem;
        background-color: #ccc;
        top: 50%;
        transform: translateY(-50%);
        right: -0.7em;
    }

    .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;
        gap: 40px;
        margin-top: 3.75em;
    }

    .headTapBtn h2 button {
        font-size: 1.8rem;
        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: 1.25rem;
        background-color: #ccc;
        top: 50%;
        transform: translateY(-50%);
        right: -0.7em;
    }

    .ranking_wrap .bx-wrapper .bx-controls-auto,
    .ranking_wrap .bx-wrapper .bx-pager {
        position: absolute !important;
        bottom: 40px !important;
        left: -304px !important;
    }

    /*260303 추가수정*/





    /* 2602 추가 */

    /* 추천기사 */

    .section3Wrap {
        width: 100%;
        padding: 3.75em 0 6.25em;
        background-color: #d4f0f5;
    }

    .section3Wrap .section3 {
        max-width: 78.75rem;
        margin-left: auto;
        margin-right: auto;

    }

    .section3Wrap ul {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }

    .section3Wrap ul li {
        width: 400px;
        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:hover {
        transform: translateY(-10px);
        box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .section3Wrap ul li div.section2_left_text {
        padding: 30px;
        display: flex;
        flex-direction: column;
        height: 279px;
    }

    .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 div.dateWrap {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-top: auto !important;
        padding-top: 1.25em;
    }

    .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;
    }

    .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);
    }

    .titleText {
        display: inline !important;
        font-weight: 700;
        background-image: linear-gradient(transparent calc(100% - 1.6px), #4D77FF calc(100% - 1.6px));
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 0% 100%;
        transition: background-size 0.3s ease-in-out;
    }

    .titleText:hover {
        background-size: 100% 100%;
    }


    /* 기사상세 */

    .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: 14px 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 {
        transform: translateY(-2px);
    }

    .paywall-fixed-notice .btn-login {
        background-color: #00D0C5;
        color: #fff;
    }

    .paywall-fixed-notice .btn-login:hover {
        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;
    }

    /* =========================================
       4. 두 번째 모달 (로그인 폼)  스타일
       ========================================= */
    .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: 14px;
    }

    .login-bottom-links a {
        color: #666;
        text-decoration: none;
        letter-spacing: -0.3px;
        transition: color 0.2s;
    }

    .login-bottom-links a:hover {
        color: #111;
        text-decoration: underline;
    }

    .login-bottom-links .divider {
        color: #ccc;
        margin: 0 10px;
        font-size: 11px;
        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 {
        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: 14px 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:hover {

        box-shadow: 0 6px 24px rgba(77, 119, 255, 0.35);
        transform: translateY(-2px);
    }

    .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:hover {
        box-shadow: 0 6px 20px rgba(0, 208, 197, 0.35);
        transform: translateY(-2px);
    }

    .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;
    }








    /* 이사회평가 색상코드 클래스 추가 */

    /* 산업일반 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;
    }

}