body {
    font-family: "NanumSquareNeo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}

.mobile-only{
    display: none;
}
.hcx-score{
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    margin-bottom: 20px;
}
.isr-static-contents table{
    width: 100%;
}
.isr-static-contents table a{
    position: relative;
    padding-bottom: 3px;
} 
.isr-static-contents table a[target="_blank"]:before{
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    width: 0;
    height: 1px;
    background-color: #fff;
    content: '';   
    transition: .3s all ease;
}
.isr-static-contents table a[target="_blank"]:hover:before{
    width: 100%;
}
.isr-static-contents table a[target="_blank"]{
    display: inline-block;
    align-items: center;
}
.isr-static-contents table a[target="_blank"]:after{
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg transform='translate(-973 -764)'%3E%3Cg%3E%3Cpath d='M1.243,13.166l-.91-.91,10.79-10.79H.42V.166H13.333V13.079h-1.3V2.376Z' transform='translate(994.667 766.834)' fill='%23fff'/%3E%3Crect width='19' height='19' transform='translate(992 764)' fill='none'/%3E%3Cpath d='M1.243,13.166l-.91-.91,10.79-10.79H.42V.166H13.333V13.079h-1.3V2.376Z' transform='translate(975.667 785.834)' fill='%23fff'/%3E%3Crect width='19' height='19' transform='translate(973 783)' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 19px;
    height: 19px;
    background-size: 39px 39px;
    background-position: top right;
    content: '';
    transition: .3s all ease .3s;
    margin-left:5px;
    position: absolute;
    right: -25px;
    bottom:8px;
} 
.isr-static-contents table a[target="_blank"]:hover:after{
    background-position: bottom left;
}

.isr-static-contents table tr td{
    text-align: center;
    border-bottom: 1px solid #ffffff4D;
    font-size: 18px;
    line-height: 30px;
    padding: 30px 0;
}
.isr-static-contents table tr td:first-child{
    text-align: left;
}
.isr-static-contents table tr:last-child td{
    border-bottom: 0;
}
.isr-static-contents.hcx-table-0 .highlight,
.isr-static-contents.hcx-table-1 .highlight,
.isr-static-contents.hcx-table-2 .highlight{
    width: 23%; 
}
.isr-static-contents table tr td:nth-child(2){
    border-left: 1px solid #FF0088;
    border-right: 1px solid #00CFFF;
    font-weight: 800;
    color: #0085FF;
    background: #FFFFFF08;
    box-shadow:inset 20px 0px 30px -20px #FE028C40, 
    inset -20px 0px 30px -20px #0AC9FF40, 
    inset 20px 0px 15px -20px #FFFFFF40, 
    inset -20px 0px 15px -20px #FFFFFF40; 
}

.isr-static-contents table tr:first-child td:nth-child(2){
    font-weight: 400;
    color: #fff;
    position: relative;
    box-shadow:
    inset 0 25px 10px -25px #FE028C40, 
    inset 0px 25px 25px -25px #0AC9FF40, 
    inset 0px 10px 15px -25px #FFFFFF40, 
    inset 0px 20px 30px -30px #FFFFFF40,
    inset 20px 0px 30px -20px #FE028C40, 
    inset -20px 0px 30px -20px #0AC9FF40, 
    inset 20px 0px 15px -20px #FFFFFF40, 
    inset -20px 0px 15px -20px #FFFFFF40; 
}
.isr-static-contents table tr:last-child td:nth-child(2){
    position: relative;
    box-shadow:
    inset 0 -25px 10px -25px #FE028C40, 
    inset 0px -25px 25px -25px #0AC9FF40, 
    inset 0px -10px 15px -25px #FFFFFF40, 
    inset 0px -25px 30px -30px #FFFFFF40,
    inset 20px 0px 30px -20px #FE028C40, 
    inset -20px 0px 30px -20px #0AC9FF40, 
    inset 20px 0px 15px -20px #FFFFFF40, 
    inset -20px 0px 15px -20px #FFFFFF40; 
}
.isr-static-contents table tr:first-child td:nth-child(2)::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(255,0,136,1) 0%, rgba(204,59,255,1) 50%, rgba(0,207,255,1) 100%);
}
.isr-static-contents table tr:last-child td:nth-child(2)::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(255,0,136,1) 0%, rgba(204,59,255,1) 50%, rgba(0,207,255,1) 100%);
}
.isr-static-contents.hcx-table-0 td:first-child,
.isr-static-contents.hcx-table-1 td:first-child{
    width: 51.6%;
}
.isr-static-contents.hcx-table-0 td:nth-child(2 + 3),
.isr-static-contents.hcx-table-1 td:nth-child(2 + 3){
    width: 24.2%;
}
.isr-static-contents.hcx-table-2 td:first-child{
    width: 22.9%;
}
.isr-static-contents.hcx-table-2 td{
    width: 25.7%;
}
.isr-static-contents.hcx-table-4 a{
    margin-top: 20px;
    display: inline-block;
    text-align: end;
    width: 100%;
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 1px;
}

.isr-static-contents.hcx-table-4 img{
    width: 100%;
}

@media screen and (max-width: 1535px){
    .isr-static-contents table a[target="_blank"]:after{
        width: 1.237vw;
        height: 1.237vw;
        background-size: 2.539vw;
        right: -1.628vw;
        bottom:0.591vw;
    } 
}

@media screen and (max-width: 1279px){
    .isr-static-contents table tr td{
        font-size: 1.172vw;
        line-height: 1.5;
    }
}

@media screen and (max-width: 1023px){
    .mobile-only{
        display: inline-block;
    }
    .isr-static-contents table a{
        display: inline-block;
        max-width: 95%;
    }
    .isr-static-contents table a:hover{
        border-bottom: 0;
        display: inline-block;
    }
    .isr-static-contents table a::after{
        width: 10px;
        height: 10px;
        right: -13px;
    }
    .isr-static-contents table tr:first-child{
        display: none;
    }
    .isr-static-contents table tr{
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px;
        margin-bottom: 30px;
    }
    .isr-static-contents table tr:last-child{
        margin-bottom: 0;
    }
    .isr-static-contents table tr td{
        border: 0;
        padding: 22px 0;

    }
    .isr-static-contents table tr .highlight:nth-child(2){
        border-left: 1px solid #FF0088;
        border-right: 1px solid #00CFFF;
        position: relative;
    }
    .isr-static-contents table tr td:nth-child(2)::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: linear-gradient(90deg, rgba(255,0,136,1) 0%, rgba(204,59,255,1) 50%, rgba(0,207,255,1) 100%);
    }
    .isr-static-contents table tr td:nth-child(2)::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: linear-gradient(90deg, rgba(255,0,136,1) 0%, rgba(204,59,255,1) 50%, rgba(0,207,255,1) 100%);
    }
    .isr-static-contents td:first-child{
        width: 100%;
        flex-basis: 100%;
    }
    .isr-static-contents.hcx-table-0 td:first-child,
    .isr-static-contents.hcx-table-1 td:first-child,
    .isr-static-contents.hcx-table-2 td:first-child{
        flex-basis: 100%;
        border-bottom: 1px solid #ffffff4D;
        margin-bottom: 20px;
    }
    .isr-static-contents.hcx-table-0 td:first-child p:last-child,
    .isr-static-contents.hcx-table-1 td:first-child p:last-child{
        padding-bottom: 16px;
    }
    .isr-static-contents.hcx-table-0 table tr td,
    .isr-static-contents.hcx-table-1 table tr td{
        flex-basis: calc(100% / 2 - 15px * 1 / 2)
    }
    .isr-static-contents.hcx-table-0 td:first-child,
    .isr-static-contents.hcx-table-1 td:first-child,
    .isr-static-contents.hcx-table-2 td:first-child{
        padding: 0;
        font-size: 14px;
        padding-bottom: 16px;
    }
    .isr-static-contents.hcx-table-2 table tr td{
        flex-basis: calc(100% / 3 - 15px * 2 / 3)
    }
    .isr-static-contents table td .from{
        font-size: 12px;
        line-height: 18px;
    }
    .isr-static-contents table td .score{
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        color: #fff;
    }
    .isr-static-contents table tr td:first-child:before{
        margin-bottom: 8px;
    }
    .isr-static-contents table tr td:before{
        content: attr(data-mobile-title);
        width: 100%;
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        opacity: 60%;
        margin-bottom: 20px;
    }
    .isr-static-contents.hcx-table-0 table tr td, 
    .isr-static-contents.hcx-table-1 table tr td,
    .isr-static-contents.hcx-table-2 table tr td{
        font-size: 18px;
    }
    .isr-static-contents table a[target="_blank"]{
        max-width: 100%;
    }
    .isr-static-contents table a[target="_blank"]:after{
        position: static;
        width: 15px;
        height: 15px;
        background-size: 30px;
        transform: translateY(4px);
    }
    .isr-static-contents table a[target="_blank"]:hover:before{
        display: none;
    }
    .isr-posts-container p{
        word-break: keep-all; 
    }
}