/**
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
 * System icons
 */
/**
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
 * System icons
 */
@-webkit-keyframes text-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes text-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
:root{
    --inform-max-desktop: 560rem;
    --inform-max-mobile: 60%;
    --home-split-height-desktop: 380rem;
    --home-split-height-mobile:  auto;
    --home-right-gap:16px;
}
.page-body.main {
    padding: 0;
}
.page-body.main #local .local-head {
    height: auto;
}
.page-body.main #local .local-head .local-subject {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/**
 * @type section
 * @name billboard
 */
.display-board.billboard {
    position: relative;
    display: flex;
    left: auto;
    width: 100%;
    max-width: 1280rem;
    margin-top: 5rem;
    /*margin: 5rem auto;*/
    padding-bottom: 35rem;
    flex-direction: row;
    column-gap: 15px;
    /*height: 72vw;*/
    /*aspect-ratio: 4/3;*/
}
.display-board.billboard .swiper {
    position: relative;
    aspect-ratio: 4/3;
    background: black;
}


.display-board.billboard > .left{
    /*order: 2;*/
    z-index: 1;
    flex: 0 1 auto;
    position: relative;
    overflow: hidden;
}

.map{
    z-index: 2;
    position: relative;
    /*order: 1;*/
    display: flex;
    flex-direction: column;
    border-bottom: 6px solid #fff;
    border-radius: 0;
    background-color: #fff;
    overflow: hidden;
    /*background-color: rgba( 0,0,0,.8);*/
    aspect-ratio: 6 / 5;
}
.map .title{
    display: none;
    flex: 0 0 auto;
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
    padding: 3px 0;
    background-color: #00000061;
    color: #fff;
}
.display-board.billboard > .left{
    flex: 0 1 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
}
.display-board.billboard .swiper {
    flex: 1 1 auto;
    aspect-ratio: 16/5;
}
.map {
    flex: 0 0 30%;
    position: relative;
    border: 6px solid #ECEFF5;
    border-radius: 20px;
    box-shadow: 0 6px 10px rgba(23, 41, 65, 0.4);
}
.map .title {
    font-size: 14rem;
    z-index: 1;
    position: absolute;
    width: 100%;
}
#map {
    /*aspect-ratio: 6 / 5;*/
}
@media (max-width:1023px){
    .map .title {
        /*background: #0000008c;*/

    }
    #map {
        border-radius: 0 0 20px 20px;
    }
    /*.map {*/
    /*    margin-right: 20px;*/
    /*    background: none;*/
    /*    flex: 0 0 30%;*/
    /*    position: relative;*/
    /*    border: 12px solid #ECEFF5;*/
    /*    border-radius: 30px;*/
    /*    box-shadow: 0 6px 10px rgba(23, 41, 65, 0.4);*/
    /*}*/

    .map .title {
        font-size: 13rem;
        z-index: 1;
        position: absolute;
        width: 100%;
        height: auto;
        border-radius: 20px 20px 0 0;
    }
    .map .title .name{
        flex: 1 1 auto;
        text-align: center;
        font-weight: 700;
        line-height: 1.4;
    }
}
.map .title .name{
    flex: 1 1 auto;
    text-align: center;
    font-weight: 700;
    line-height: 1.4;
}
.map .title .button{
    display: none;
}
.map .image-btn{
    display: none;
    align-items: center;
}
.map .image-btn .image-name{
    flex: 1 1 auto;
    text-align: center;
}
.map .button{
    flex: 0 0 auto;
    padding: 8px 10px;
    background-color: transparent;
    line-height: 1rem;
    cursor: pointer;
    user-select: none;
    touch-action: none;
}
.map .button svg {
    width: 10px;
    height: 10px;
    fill: #fff;
    transform: scale(4);
}
.map .footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    flex: 0 0 auto;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
}
.map .footer .text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}
.map .footer .text .summary{
    margin: 0;
}
.map .footer .text .date{
    font-weight: 700;
}
.map .footer .progress{
    display: none;
    align-items: center;
    padding: 0 10px;
}
.map .footer .progress > .button{
    flex: 0 0 auto;
}
.map .footer .progress > .button svg{
    transform: scale(2.5);
}

.map .footer .progress > .button .stop{
    display: none;
}
.map .footer .progress.play > .button .stop{
    display: block;
}
.map .footer .progress.play > .button .start{
    display: none;
}

.map .footer .progress .bar {
    flex: 1 1 auto;
    margin-left: 10px;
    height: 5px;
    background-color: rgba( 255,255,255,.6 );
}

.map .footer .progress .bar > div{
    height: 100%;
    background-color: #0178D0;
    transition: width 0.1s linear;
}
@media (max-width:1023px){
    .map .footer {
        /*position: static;*/
        border-radius: 0 0 20px 20px;
    }
}

#map{
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    /*aspect-ratio: 5 / 4;*/
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
}
#map .image{
    max-width: 100%;
    max-height: 100%;
}
#map > .overlay {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba( 0,0,0, .2 );
}
#map:hover > .overlay{
    display: block;
}

#map > .overlay > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16rem;
}

#map:hover > .overlay .message{
    text-decoration: underline;
}
.page-view{
    display: flex;
    align-items: center;
    column-gap: 3px;
    color: #fff;
}
.page-view > svg{
    width: 15px;
    height: 12px;
    fill: #fff;
}
@media (max-width: 1023px) {
    .map .button svg {
        width: 10px;
        height: 10px;
        fill: #fff;
        transform: scale(5);
    }
    .display-board.billboard {
        /*flex: 1 1 auto;*/
        flex-direction: column;
        column-gap: 0;
        padding-bottom: 0;
        /*column-gap: 30px;*/
        /*left: calc(50% - 50vw);*/
        /*width: calc(100vw - 25%);*/
        /*margin: 0 13%;*/
        /*!*height: 680rem;*!*/
        /*!*height: 530rem;*!*/
        /*overflow: hidden;*/
    }
    .display-board.billboard > .left{
        flex: 0 1 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        border-radius: 15px;
        padding-right: 20px;
    }
    .display-board.billboard .swiper {
        flex: 1 1 auto;
        aspect-ratio: 16/5;
    }
    .map {
        flex: 0 0 30%;
        position: relative;
        border: 12px solid #ECEFF5;
        border-radius: 30px;
        box-shadow: 0 6px 10px rgba(23, 41, 65, 0.4);
        margin: 20px;
    }
    .map .title {
        font-size: 14rem;
        z-index: 1;
        position: absolute;
        width: 100%;
    }
    #map {
        aspect-ratio: 6 / 5;
    }
}

@media (max-width: 1024px) {
    .map .title {
        font-size: 14rem;
    }
    .display-board.billboard {
        padding-bottom: 0;
    }
    .display-board.billboard .swiper {
        overflow: hidden;
        border-radius: 20px;
    }
}

.display-board.billboard .board-list .board-item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: var(--bg-banner-image);
}

.display-board.billboard .board-list .board-item:before{
    content: "";
    background-image: var(--bg-banner-image);
    width: 100%;
    height: 142rem;
    display: block;
    position: absolute;
    z-index: 3;
    top: 100%;
    transform: rotate(180deg) rotateY(180deg);
    background-position: bottom;
    background-size: cover;
    /*aspect-ratio: 16/4.5;*/
}


@media (max-width: 1023px) {
    /*.display-board.billboard .board-list .board-item {
      background-position: 70% 50% !important;
    }*/
    .display-board.billboard .board-list .board-item {
        /*background-position:  -88vw 0px;*/
        background-image: var(--bg-banner-image);
    }

    .display-board.billboard .board-list .board-item:before{
        background-image: var(--bg-banner-image);
        aspect-ratio: 4/3;
    }

}

@media (max-width: 700px) {
    .display-board.billboard .board-list .board-item {
        /*background-position:  -88vw 0px;*/
        background-image: var(--bg-banner-m-image);
    }

    .display-board.billboard .board-list .board-item:before{
        background-image: var(--bg-banner-m-image);
        aspect-ratio: 4/3;
    }

}


/*.display-board.billboard .board-list .board-item:nth-child(2)::after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 172rem;*/
/*  background: no-repeat url(../../assets/images/main/compressed/bg_item_01_01.png) center/cover;*/
/*  -webkit-animation: animate_satellite 5s linear infinite;*/
/*  animation: animate_satellite 5s linear infinite;*/
/*}*/
/*@-webkit-keyframes animate_satellite {*/
/*  0% {*/
/*    top: 172rem;*/
/*  }*/
/*  50% {*/
/*    top: 162rem;*/
/*  }*/
/*  100% {*/
/*    top: 172rem;*/
/*  }*/
/*}*/
/*@keyframes animate_satellite {*/
/*  0% {*/
/*    top: 172rem;*/
/*  }*/
/*  50% {*/
/*    top: 162rem;*/
/*  }*/
/*  100% {*/
/*    top: 172rem;*/
/*  }*/
/*}*/
@media (max-width: 424px) {
    /*.display-board.billboard .board-list .board-item:nth-child(2)::after {*/
    /*  right: 50%;*/
    /*  margin-right: -180rem;*/
    /*  width: 240rem;*/
    /*  height: 186rem;*/
    /*}*/
}
@media (min-width: 425px) {
    /*.display-board.billboard .board-list .board-item:nth-child(2)::after {*/
    /*  right: 0;*/
    /*  width: 400rem;*/
    /*  height: 300rem;*/
    /*}*/
}
@media (min-width: 1024px) {
    .display-board.billboard .board-list .board-item:before{
        height: 98px;
    }
    /*.display-board.billboard .board-list .board-item:nth-child(2)::after {*/
    /*  right: 0;*/
    /*  margin-right: 0;*/
    /*  width: 560rem;*/
    /*  height: 416rem;*/
    /*}*/
    /*@-webkit-keyframes animate_satellite {*/
    /*  0% {*/
    /*    top: 100rem;*/
    /*  }*/
    /*  50% {*/
    /*    top: 80rem;*/
    /*  }*/
    /*  100% {*/
    /*    top: 100rem;*/
    /*  }*/
    /*}*/
    /*@keyframes animate_satellite {*/
    /*  0% {*/
    /*    top: 100rem;*/
    /*  }*/
    /*  50% {*/
    /*    top: 80rem;*/
    /*  }*/
    /*  100% {*/
    /*    top: 100rem;*/
    /*  }*/
    /*}*/
}
.display-board.billboard .board-list .board-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 12rem 32rem 0 32rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 1024px) {
    .display-board.billboard .board-list .board-wrap {
        /*left: calc(50% - 50vw);*/
        width: 100%;
        padding: 30rem 0 0 60rem;
    }
}
.display-board.billboard .board-list .board-wrap .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 3rem;
}
.display-board.billboard .board-list .board-wrap .board-head .board-subject {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    font-size: 21rem;
    line-height: 23rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
    .display-board.billboard .board-list .board-wrap .board-head .board-subject {
        font-size: 25rem;
        line-height: 45rem;
    }
    .display-board.billboard .board-list .board-wrap .board-head {
        row-gap:8rem;
    }
}
@media (max-width: 1024px) {
    .display-board.billboard .board-list .board-wrap {
        padding: 18rem 32rem 0 32rem;
    }
    .display-board.billboard .board-list .board-wrap .board-head .board-summary {
        font-size: 10rem;
    }
    .display-board.billboard .board-list .board-wrap .board-head .board-subject {
        font-size: 20rem;
    }
    .wbr-en img {
        height: 15rem !important;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state-en {
        right: 65rem !important;
        top: 13rem !important;
    }
}
.display-board.billboard .board-list .board-wrap .board-head .board-subject .board-name .wbr {
    display: inline-block;
    background-color: rgba(0,0,0,.2);
}
.display-board.billboard .board-list .board-wrap .board-head .board-summary {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0;
    font-size: 13.3333333333rem;
    line-height: 20rem;
    color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1024px) {
    .display-board.billboard .board-list .board-wrap .board-head .board-summary {
        font-size: 18rem;
        line-height: 32rem;
    }
    .display-board.billboard .board-list .board-wrap .board-head .board-subject .board-name .wbr {
        background-color: transparent;
    }
}



.swiper-control {
    position: absolute;
    bottom: 5rem;
    left: 22rem;
    z-index: 1;
    width: 32rem;
    height: 32rem;
}
@media (min-width: 1024px) {
    .swiper-control {
        /*top: 390rem;*/
        bottom: 50rem;
        left: 50rem;
    }
}
.swiper-control .btn {
    display: block;
    position: relative;
    width: 32rem;
    height: 32rem;
}
.swiper-control .btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.swiper-control .btn[aria-pressed=false]::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M15,6c0.8,0,1.5,0.7,1.5,1.5v9c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5v-9C13.5,6.7,14.2,6,15,6z M9,6 c0.8,0,1.5,0.7,1.5,1.5v9c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5v-9C7.5,6.7,8.2,6,9,6z'/%3E%3C/svg%3E") no-repeat center/cover;
}
.swiper-control .btn[aria-pressed=true]::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M17.1881 11.945C17.9029 12.3193 17.9029 13.3424 17.1881 13.7167L9.59377 17.6935C8.92794 18.0421 8.12988 17.5592 8.12988 16.8076L8.12988 8.85414C8.12988 8.10255 8.92795 7.61959 9.59377 7.96825L17.1881 11.945Z'/%3E%3C/svg%3E") no-repeat center/cover;
}
.swiper-button-play::before{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M17.1881 11.945C17.9029 12.3193 17.9029 13.3424 17.1881 13.7167L9.59377 17.6935C8.92794 18.0421 8.12988 17.5592 8.12988 16.8076L8.12988 8.85414C8.12988 8.10255 8.92795 7.61959 9.59377 7.96825L17.1881 11.945Z'/%3E%3C/svg%3E") no-repeat center/cover;
}
.swiper-button-pause::before{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M15,6c0.8,0,1.5,0.7,1.5,1.5v9c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5v-9C13.5,6.7,14.2,6,15,6z M9,6 c0.8,0,1.5,0.7,1.5,1.5v9c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5v-9C7.5,6.7,8.2,6,9,6z'/%3E%3C/svg%3E") no-repeat center/cover;
}

.swiper-button-play::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.swiper-button-pause::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 54rem;
    bottom: 5rem;
    z-index: 1;
    height: 32rem;
}
@media (min-width: 1024px) {
    .swiper-pagination {
        /*top: 390rem;*/
        bottom: 50rem;
        left: 90rem;
    }
}
.swiper-pagination .swiper-pagination-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 20rem;
    height: 20rem;
}
.swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    background-color: rgba(255, 255, 255, 0.6);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background-color: rgb(255, 255, 255);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 20rem;
    border: 1rem solid rgb(255, 255, 255);
    border-radius: 10rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**
* @type section
* @name operational-inform
*/
.section.operational-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    padding: 10rem 30rem;
    display: flex;
    justify-content: center;
    /*-webkit-transform: translate(0, -100%);*/
    /*-ms-transform: translate(0, -100%);*/
    /*transform: translate(0, -100%);*/
    background-color: rgba(22, 19, 66, 0.8);
    /*background-color: #161342;*/
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
}
@media (min-width: 1024px) {
    .section.operational-inform {
        flex: 0 0 auto;
        padding: 12rem 40rem 0 40rem;
        /*left: calc(50% - 50vw);*/
        /*background-image: url(/resources/images/test10.png);*/

    }

    .section.operational-inform::before {

        filter: blur(5px);
        backdrop-filter: blur(54px);
    }
}
.section.operational-inform .section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 1248rem;
}
@media (max-width: 1023px) {
    .section.operational-inform {
        border-radius: 20px;
        margin-top: 10px;
        /*background-color: rgba(0, 0, 0, 0.53);*/
        background-color: rgb(202 202 202);
    }
    .section.operational-inform .section-wrap {
        row-gap: 36rem;
    }
}
@media (min-width: 1024px) {
    .section.operational-inform .section-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 15rem;
        -moz-column-gap: 15rem;
        column-gap: 15rem;
        -webkit-box-align: end;
        -ms-flex-align: end;
        /*align-items: flex-end;*/
        align-items: center;
    }
    .section.operational-inform .section-wrap .section-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}
.section.operational-inform .section-wrap .section-head {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: 1px white solid;
    padding-right: 24rem;
}
@media (max-width: 1023px) {
    .section.operational-inform .section-wrap .section-head {
        border:none;
        padding-right: 0;
    }
}

.section.operational-inform .section-wrap .section-head .section-subject {
    margin: 0;
    font-size: 20rem;
    line-height: 48rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
}
.section.operational-inform .section-wrap .section-head .section-subject .section-name {
    /*display: block;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1023px) {
    .section.operational-inform .section-wrap .section-head .section-subject .section-name {
        flex-direction: row;
        justify-content: center;
        gap: 15rem;
    }
}
.section.operational-inform .section-wrap .section-head .section-subject .section-name .wbr {
    display: block;
}
.section.operational-inform .section-wrap .section-head .section-subject .section-name abbr.wbr {
    text-decoration: none;
}
.section.operational-inform .section-wrap .section-head .section-subject .section-name abbr.wbr span {
    display: block;
    width: 50rem;
    height: 20rem;
    background-image: url( '/resources/images/gems_gray.svg' );
    background-size: contain;
    background-repeat: no-repeat;
}
@media (min-width: 1024px) {
    .section.operational-inform .section-wrap .section-head .section-subject .section-name abbr.wbr span {
        display: block;
        width: 72rem;
        height: 26rem;
        background-image: url( '/resources/images/gems.svg' );
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media (max-width: 1023px) {
    .section.operational-inform .section-wrap .section-head .section-subject .section-name span.wbr {
        font-size: 13rem;
        /*display: block;*/
        /*position: absolute;*/
        /*overflow: hidden;*/
        /*visibility: hidden;*/
        /*margin: -1px;*/
        /*padding: 0;*/
        /*width: 1px;*/
        /*height: 1px;*/
        /*line-height: 1px;*/
        /*font-size: 1px;*/
        /*border: 0;*/
        /*clip: rect(0 0 0 0);*/
        /*clip: rect(0, 0, 0, 0);*/
        /*pointer-events: none;*/
    }
}
.section.operational-inform .section-wrap .section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12rem;
}
@media (min-width: 1024px) {
    .section.operational-inform .section-wrap .section-body {
        /*row-gap: 35rem;*/
        column-gap: 10rem;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top:25rem;
    }
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-list {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 6rem;
    -moz-column-gap: 6rem;
    column-gap: 6rem;
    position: relative;

}
.section.operational-inform .section-wrap .section-body .timeline-list.active{
    padding-bottom: 35rem;
}
@media (min-width: 1024px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-list {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-column-gap: 8rem;
        -moz-column-gap: 8rem;
        column-gap: 8rem;
        padding-bottom: 0rem;
        flex:1 0 auto;
        align-items: center;
    }
}
/*.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item:not(.current):not(:hover)::before {*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  -webkit-transform: translate(0, 0);*/
/*  -ms-transform: translate(0, 0);*/
/*  transform: translate(0, 0);*/
/*}*/
/*.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item:not(.current):not(:hover) .data-time {*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  -webkit-transform: translate(0, 0);*/
/*  -ms-transform: translate(0, 0);*/
/*  transform: translate(0, 0);*/
/*}*/
.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item:not(.current)::before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item:not(.current) .data-time {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
/*.section.operational-inform .section-wrap .section-body .data-list.timeline-list:hover .data-item.current::before {*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  -webkit-transform: translate(0, 0);*/
/*  -ms-transform: translate(0, 0);*/
/*  transform: translate(0, 0);*/
/*}*/
/*.section.operational-inform .section-wrap .section-body .data-list.timeline-list:hover .data-item.current .data-time {*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  -webkit-transform: translate(0, 0);*/
/*  -ms-transform: translate(0, 0);*/
/*  transform: translate(0, 0);*/
/*}*/
.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 8rem;
    border-radius: 2rem;
    background-color: rgba(255, 255, 255, 0.5);
}
/*.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item.point.ready,*/

.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item {
    background-color: rgba(255, 255, 255, 0.2);
}

.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item.done {
    background-color: rgb(1, 132, 208);
}

.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item.current {
    background-color: rgba(255, 255, 255, 0.5);
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item.current .data-time::before {
    content: "";
    display: block;
    width: 16rem;
    height: 16rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M22.1965 19.6758L20.117 21.7514C19.919 21.949 19.5888 21.949 19.3908 21.7514L14.176 16.513C13.978 16.3153 13.978 15.9858 14.176 15.7882L15.0011 14.9645L14.0438 13.9764L11.7002 16.3156C11.8653 17.4356 11.5683 18.6217 10.8421 19.5441C10.677 19.7749 10.314 19.7749 10.116 19.577L7.67341 17.139L5.19815 19.6099C5.06622 19.7416 4.83507 19.7416 4.70315 19.6099C4.57122 19.4782 4.57122 19.2475 4.70315 19.1158L7.17864 16.6449L4.73609 14.2069C4.53809 14.0093 4.53809 13.6469 4.76902 13.4821C5.72609 12.7574 6.88144 12.4609 8.00361 12.6256L10.3472 10.2864L9.52203 9.46279L8.69687 10.2864C8.49886 10.4841 8.16871 10.4841 7.97072 10.2864L2.72272 5.04822C2.52472 4.85059 2.52472 4.52105 2.72272 4.32343L4.8022 2.24784C5.0002 2.0502 5.33036 2.0502 5.52835 2.24784L10.7763 7.48603C10.9743 7.68367 10.9743 8.01321 10.7763 8.21082L10.0502 8.93561L10.8754 9.75924L13.6313 7.00615C14.6544 5.98491 16.3048 5.98491 17.328 7.00615C18.3511 8.02739 18.3511 9.67464 17.328 10.6959L14.5721 13.449L15.5291 14.4043L16.2553 13.6795C16.4533 13.4819 16.7834 13.4819 16.9814 13.6795L22.2294 18.9177C22.4277 19.1487 22.4276 19.4781 22.1965 19.6758Z'/%3E%3C/svg%3E") no-repeat center/cover;
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item::before {
    content: "";
    display: block;
    position: absolute;
    /*bottom: calc(100% + 8rem);*/
    bottom: 10rem;
    /*width: 20rem;*/
    /*height: 20rem;*/
    width: 0;
    /*background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M22.1965 19.6758L20.117 21.7514C19.919 21.949 19.5888 21.949 19.3908 21.7514L14.176 16.513C13.978 16.3153 13.978 15.9858 14.176 15.7882L15.0011 14.9645L14.0438 13.9764L11.7002 16.3156C11.8653 17.4356 11.5683 18.6217 10.8421 19.5441C10.677 19.7749 10.314 19.7749 10.116 19.577L7.67341 17.139L5.19815 19.6099C5.06622 19.7416 4.83507 19.7416 4.70315 19.6099C4.57122 19.4782 4.57122 19.2475 4.70315 19.1158L7.17864 16.6449L4.73609 14.2069C4.53809 14.0093 4.53809 13.6469 4.76902 13.4821C5.72609 12.7574 6.88144 12.4609 8.00361 12.6256L10.3472 10.2864L9.52203 9.46279L8.69687 10.2864C8.49886 10.4841 8.16871 10.4841 7.97072 10.2864L2.72272 5.04822C2.52472 4.85059 2.52472 4.52105 2.72272 4.32343L4.8022 2.24784C5.0002 2.0502 5.33036 2.0502 5.52835 2.24784L10.7763 7.48603C10.9743 7.68367 10.9743 8.01321 10.7763 8.21082L10.0502 8.93561L10.8754 9.75924L13.6313 7.00615C14.6544 5.98491 16.3048 5.98491 17.328 7.00615C18.3511 8.02739 18.3511 9.67464 17.328 10.6959L14.5721 13.449L15.5291 14.4043L16.2553 13.6795C16.4533 13.4819 16.7834 13.4819 16.9814 13.6795L22.2294 18.9177C22.4277 19.1487 22.4276 19.4781 22.1965 19.6758Z'/%3E%3C/svg%3E") no-repeat center/cover;*/
    border-top: 14rem solid rgb(1, 132, 208);
    border-right: 7rem solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 7rem solid transparent;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, -4rem);
    -ms-transform: translate(0, -4rem);
    transform: translate(0, -4rem);
    -webkit-transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -o-transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item .data-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 8rem;
    -moz-column-gap: 8rem;
    column-gap: 8rem;
    position: absolute;
    bottom: 18rem;
    padding: 0 12rem;
    height: 28rem;
    font-size: 13.3333333333rem;
    line-height: 20rem;
    font-weight: 500;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    text-align: center;
    border-radius: 8rem;
    background-color: rgb(1, 132, 208);
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, -4rem);
    -ms-transform: translate(0, -4rem);
    transform: translate(0, -4rem);
    -webkit-transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -o-transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.125s ease-in-out, visibility 0.125s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1024px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        flex: 0 0 auto;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item .data-time {
        bottom: 24rem;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item::before {
        bottom:15rem;
    }
}
@media (max-width: 1024px) {
    .section.operational-inform {
        /*height: 115rem;*/
        background-color: rgb(209 227 237);
        color: black;
    }
    .section.operational-inform .section-wrap .section-head .section-subject {
        line-height: 35rem;
        color: black;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.time,
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.date {
        color: black !important;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state {
        /*position: absolute;*/
        top: 10rem;
        right: 100rem;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item {
        background-color: rgb(255 255 255 / .5);
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item .data-time {
        top: 25rem;
        font-size: 11.333333rem;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-list .data-item::before {
        border-top: 0 solid transparent;
        border-right: 7rem solid transparent;
        border-bottom: 14rem solid rgb(1, 132, 208);
        border-left: 7rem solid transparent;
        top: 15rem;
    }
}
@media (max-width: 600px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state {
        top: 11rem;
        right: 87rem;
    }
}
@media (max-width: 400px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state {
        top: 12rem;
        right: 81rem;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.state .body {
        padding: 0 6rem;
        font-size: 8.666667rem;
    }
    .section.operational-inform .section-wrap .section-head .section-subject .section-name span.wbr {
        font-size: 12rem;
    }
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.time,
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.date{
        font-size: 9.3333333333rem;
    }
}
@media (max-width: 350px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state {
        right: 122rem;
    }
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item {
    position: relative;
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item + .data-item {
    padding-left: 9rem;
    margin-left: 8rem;
}
@media (max-width: 400px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item + .data-item{
        padding-left: 7rem;
        margin-left: 6rem;
    }
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item + .data-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    height: 8rem;
    background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item + .data-item::before {
        background-color: rgb(0 0 0 / 80%);
    }
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item .head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item .body {
    display: block;
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.state .body {
    padding: 2rem 8rem;
    font-size: 10.6666666667rem;
    line-height: 16rem;
    font-weight: 700;
    color: rgb(166, 212, 239);
    border: 2rem solid rgb(166, 212, 239);
    border-radius: 12rem;
}
@media (max-width: 1024px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.state .body {
        padding: 0 8rem;
        font-size: 8.666667rem;
        color: rgb(0 156 248);
        border: 2rem solid rgb(0 156 248);
    }

}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.time {
    font-size: 13.3333333333rem;
    line-height: 20rem;
    color: rgba(255, 255, 255, 0.8);
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.time::before {
    display: none;
}
.section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.date {
    font-size: 13.3333333333rem;
    line-height: 20rem;
    color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.time,
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.date {
        font-size: 13.3333333333rem;
    }
}
@media (max-width: 400px) {
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.time,
    .section.operational-inform .section-wrap .section-body .data-list.timeline-state .data-item.date {
        font-size: 9.3333333333rem;
    }
}


.section.related-sites .section-wrap {
    position: relative;
}
.section.related-sites .section-wrap .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.section.related-sites .section-wrap .section-body > .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap{
    position:relative;
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-head {
    background-color: rgb(25, 29, 38);
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-head > .navi-name {
    display: block;
    color: rgb(153, 157, 168);
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body {
    background-color: rgb(0, 0, 0);
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item > a {
    display: block;
    color: rgb(216, 219, 225);
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item > a:hover {
    color: rgb(166, 212, 239);
}
.section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item > a:not(:hover) {
    text-decoration: none;
}
@media (max-width: 1023px) {
    .section.related-sites .section-wrap .section-body > .navi-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item {
        border-bottom: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-head {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 12rem 20rem;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-head > .navi-name {
        font-size: 13.3333333333rem;
        line-height: 20rem;
        font-weight: 500;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 24rem 20rem;
        border-top: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list {
        row-gap: 12rem;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item > a {
        font-size: 13.3333333333rem;
        line-height: 20rem;
        font-weight: 500;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-func {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-func .btn.expand {
        padding: 10rem;
        background-color: rgb(25, 29, 38);
        border-left: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-func .btn.expand svg {
        width: 28rem;
        height: 28rem;
        fill: rgb(255, 255, 255);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item.bui-expand-target:not(.active) .navi-body {
        display: none;
    }
    .section.related-sites .section-wrap .section-func {
        display: none;
    }
}
@media (min-width: 1024px) {
    .section.related-sites .section-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .section.related-sites .section-wrap .section-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
    .section.related-sites .section-wrap .section-body > .navi-list {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
    .section.related-sites .section-wrap .section-body > .navi-list::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: calc(50% - 50vw);
        bottom: 0;
        z-index: -1;
        width: 100vw;
        height: 100%;
        background-color: rgb(0, 0, 0);
    }
    .section.related-sites .section-wrap .section-body > .navi-list::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: calc(50% - 50vw);
        z-index: -1;
        width: 100vw;
        height: 56rem;
        background-color: rgb(25, 29, 38);
        border-bottom: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        border-bottom: none;
        border-left: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item:last-child {
        border-right: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-head {
        padding: 16rem 0;
        text-align: center;
        border-bottom: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-head > .navi-name {
        font-size: 16rem;
        line-height: 24rem;
        font-weight: 500;
    }
    .section.related-sites .section-wrap .section-body:focus-within > .navi-list > .navi-item .navi-wrap .navi-body,
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body {
        height: 100%;
        padding: 40rem 12rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .section.related-sites:not(.active) .section-wrap .section-body > .navi-list > .navi-item.active > .navi-wrap > .navi-body {
        z-index: 3;
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: auto;
        padding: 25rem 12rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list {
        row-gap: 16rem;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-body > .navi-list > .navi-item > a {
        font-size: 14rem;
        line-height: 24rem;
        font-weight: 500;
        text-align: center;
        white-space: nowrap;
    }
    .section.related-sites .section-wrap .section-body > .navi-list > .navi-item > .navi-wrap > .navi-func {
        /*display: none;*/
        position: absolute;
        right: 0;
        top: 0;
    }
    .section.related-sites .section-wrap .navi-func .btn.expand,
    .section.related-sites .section-wrap .section-func .btn.expand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /*width: 56rem;*/
        height: 56rem;
        border-right: 1rem solid rgb(55, 59, 68);
    }
    .section.related-sites .section-wrap .navi-func .btn.expand svg,
    .section.related-sites .section-wrap .section-func .btn.expand svg {
        width: 32rem;
        height: 32rem;
        fill: rgb(255, 255, 255);
        transform: rotateX(180deg);
    }
    .section.related-sites:not(.active) .section-wrap .section-body > .navi-list > .navi-item .navi-wrap .navi-body {
        height: 0;
        padding: 0;
        overflow: hidden;
    }
}

/**
 * @type layout
 * @name content-body
 */

.content-body .section.main-contents {
    position: relative;
    /*width: 87vw;*/
    left: calc(50% - 50vw);
    width: calc(100vw - 25%);
    padding: 3% 13%;
}
@media (min-width: 1024px) {
    .content-body {
        padding: 0;
    }
}
@media (min-width: 641px){
    .content-body .section.main-contents{
        left: auto;
        width: 100%;
        max-width: 1280rem;
        margin: 0 auto;
        padding: 0;
    }
}
@media (max-width: 640px) {
    .content-body .section.main-contents {
        z-index: 3;
        position: relative;
        width: 100vw !important;
        padding: 0;
        left: 0 !important;
    }
}

.content-body .section.main-contents .section-wrap .section-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.content-body .section.main-contents .section-wrap .section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .content-body .section.main-contents .section-wrap .section-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-body .section.main-contents .section-wrap .section-body .subsection {
        min-height: 240rem;
    }
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-notice {
        min-height: 350rem;
    }
}
@media (min-width: 768px) {
    .content-body .section.main-contents .section-wrap .section-body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .content-body .section.main-contents .section-wrap .section-body .subsection {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        min-height: 240rem;
    }
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .content-body .section.main-contents .section-wrap .section-body .posts-display {
        display: flex;
        align-items: center
    }

    .content-body .section.main-contents .section-wrap .section-body .posts-display .posts-n {
        background-color: #0a84ff;
        height: 13rem;
        padding: 4rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        margin-right: 5rem;
        border-radius: 5px;
        font-size: 13rem;
        font-weight: bold;
        color: white;
    }

    .content-body .section.main-contents .section-wrap .section-body .subsection {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        min-height: 210rem;
    }

    .content-body .section.main-contents .section-wrap .section-body .data-quick {
        min-height: 150rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection {
        /*width: 25%;*/
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection .subsection-wrap {
    /*width: 100%;*/
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service {
    background-color: #f9f9f9;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service::before {
    content: "";
    display: block;
    position: absolute;
    right: 36rem;
    bottom: 36rem;
    width: 88rem;
    height: 88rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(191,194,202,1)' d='M57,75.1c10-1.5,20.6-6.8,29.3-15.7c8.8-8.7,14.1-19.3,15.6-29.3s-0.8-19.6-7.4-26.3c-0.1-0.1-0.1-0.1-0.1-0.1 c-1.7-1.6-4.1-2.1-6.7-1.9c-2.6,0.3-5.6,1.2-8.9,2.7c-6.6,3-14.4,8.4-22.2,15.5c-0.6,0.6-0.6,1.5,0,2.1c0.5,0.6,1.5,0.7,2.1,0.1 c7.6-6.9,15.2-12.1,21.4-14.9c3.1-1.4,5.8-2.2,8-2.2c2.2-0.2,3.5,0.2,4.3,1c0.8,0.9,1.3,2.4,0.9,4.9c-0.4,2.5-1.5,5.6-3.4,9.2 c-3.8,7.2-10.3,15.9-18.7,24.3c-8.4,8.4-17.1,15-24.3,18.7c-3.6,1.9-6.7,3-9.2,3.4c-2.6,0.3-4.1-0.1-5-1c-0.7-0.8-1.2-2.2-1-4.3 c0.2-2.1,1-4.8,2.4-7.9c2.8-6.3,8-13.8,14.9-21.5c0.6-0.6,0.5-1.5-0.1-2.1c-0.6-0.6-1.5-0.5-2.1,0.1c-7,7.8-12.4,15.6-15.4,22.2 c-1.5,3.3-2.5,6.3-2.7,8.9s0.3,4.9,1.9,6.6C37.3,74.3,47,76.6,57,75.1z M38.2,69.4c3-0.4,6.4-1.7,10.2-3.7 c7.5-3.9,16.4-10.6,25-19.2c8.6-8.6,15.3-17.5,19.2-25c1.9-3.8,3.2-7.2,3.6-10.2c2.9,5.2,3.7,11.6,2.7,18.5 c-1.4,9.4-6.4,19.3-14.7,27.6c-8.3,8.3-18.3,13.3-27.6,14.7c-6.8,1-13.3,0.2-18.5-2.7H38.2z M38.7,20.6c-0.6-0.6-0.6-1.5,0-2.1 l6.5-6.5c0.6-0.6,1.5-0.6,2.1,0c0.6,0.5,0.6,1.5,0,2l-2.2,2.2l21.7,21.7c0.6,0.6,0.6,1.5,0,2.1c-0.6,0.6-1.5,0.6-2.1,0L43,18.4 l-2.2,2.2C40.2,21.2,39.3,21.2,38.7,20.6z M80.2,122.6v-11.8c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v11.8c0,0.8-0.7,1.5-1.5,1.5 S80.2,123.4,80.2,122.6z M30.2,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5h-5.9 C30.9,121.1,30.2,120.4,30.2,119.6z M42,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5h-5.9 C42.7,121.1,42,120.4,42,119.6z M18.5,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5H20 C19.2,121.1,18.5,120.4,18.5,119.6z M123.8,113.9l-8.3-6.9V81.4c0-0.4-0.2-0.8-0.5-1.1l-9.2-8.8l-12-11.8c-0.6-0.6-1.5-0.6-2.1,0 c-0.6,0.6-0.6,1.5,0,2.1l12.1,11.8l8.7,8.4v25.8c0,0.4,0.2,0.9,0.5,1.2l8.3,6.9v14H94.9V96.1c0-0.8-0.7-1.5-1.5-1.5H83.2v-3.8 l8.4-8.4c0.3-0.3,0.4-0.7,0.4-1.1v-5.8c0-0.8-0.7-1.5-1.5-1.5S89,74.7,89,75.5v5.3l-8.4,8.4c-0.3,0.3-0.4,0.7-0.4,1.1v4.4H49.4 c-0.8,0-1.5,0.7-1.5,1.5v10.3H30.3V99c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5v7.3h-8.8v-22c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5 v22h-4.4c-0.8,0-1.5,0.7-1.5,1.5v23.5c0,0.8,0.7,1.5,1.5,1.5h47h35.2c0,0,0,0,0.1,0h29.4c0.8,0,1.5-0.7,1.5-1.5v-16.2 C124.3,114.7,124.1,114.2,123.8,113.9z M56.7,129.8h-44v-20.5H17h0.1h39.6V129.8z M92,129.8H59.7v-21.9c0-0.8-0.7-1.5-1.5-1.5h-7.3 v-8.8H92V129.8z M68.4,122.6v-11.8c0-0.9,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v11.8c0,0.8-0.7,1.5-1.5,1.5 C69.1,124.1,68.4,123.4,68.4,122.6z'/%3E%3C/svg%3E") no-repeat center/cover;
}


@media (min-width: 1024px) {
    /*.content-body .section.main-contents .section-wrap .section-body .subsection.data-service::before {*/
    /*  width: 112rem;*/
    /*  height: 112rem;*/
    /*}*/
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service:hover {
    background-color: rgb(1, 132, 208);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service:hover::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M57,75.1c10-1.5,20.6-6.8,29.3-15.7c8.8-8.7,14.1-19.3,15.6-29.3s-0.8-19.6-7.4-26.3c-0.1-0.1-0.1-0.1-0.1-0.1 c-1.7-1.6-4.1-2.1-6.7-1.9c-2.6,0.3-5.6,1.2-8.9,2.7c-6.6,3-14.4,8.4-22.2,15.5c-0.6,0.6-0.6,1.5,0,2.1c0.5,0.6,1.5,0.7,2.1,0.1 c7.6-6.9,15.2-12.1,21.4-14.9c3.1-1.4,5.8-2.2,8-2.2c2.2-0.2,3.5,0.2,4.3,1c0.8,0.9,1.3,2.4,0.9,4.9c-0.4,2.5-1.5,5.6-3.4,9.2 c-3.8,7.2-10.3,15.9-18.7,24.3c-8.4,8.4-17.1,15-24.3,18.7c-3.6,1.9-6.7,3-9.2,3.4c-2.6,0.3-4.1-0.1-5-1c-0.7-0.8-1.2-2.2-1-4.3 c0.2-2.1,1-4.8,2.4-7.9c2.8-6.3,8-13.8,14.9-21.5c0.6-0.6,0.5-1.5-0.1-2.1c-0.6-0.6-1.5-0.5-2.1,0.1c-7,7.8-12.4,15.6-15.4,22.2 c-1.5,3.3-2.5,6.3-2.7,8.9s0.3,4.9,1.9,6.6C37.3,74.3,47,76.6,57,75.1z M38.2,69.4c3-0.4,6.4-1.7,10.2-3.7 c7.5-3.9,16.4-10.6,25-19.2c8.6-8.6,15.3-17.5,19.2-25c1.9-3.8,3.2-7.2,3.6-10.2c2.9,5.2,3.7,11.6,2.7,18.5 c-1.4,9.4-6.4,19.3-14.7,27.6c-8.3,8.3-18.3,13.3-27.6,14.7c-6.8,1-13.3,0.2-18.5-2.7H38.2z M38.7,20.6c-0.6-0.6-0.6-1.5,0-2.1 l6.5-6.5c0.6-0.6,1.5-0.6,2.1,0c0.6,0.5,0.6,1.5,0,2l-2.2,2.2l21.7,21.7c0.6,0.6,0.6,1.5,0,2.1c-0.6,0.6-1.5,0.6-2.1,0L43,18.4 l-2.2,2.2C40.2,21.2,39.3,21.2,38.7,20.6z M80.2,122.6v-11.8c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v11.8c0,0.8-0.7,1.5-1.5,1.5 S80.2,123.4,80.2,122.6z M30.2,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5h-5.9 C30.9,121.1,30.2,120.4,30.2,119.6z M42,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5h-5.9 C42.7,121.1,42,120.4,42,119.6z M18.5,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5H20 C19.2,121.1,18.5,120.4,18.5,119.6z M123.8,113.9l-8.3-6.9V81.4c0-0.4-0.2-0.8-0.5-1.1l-9.2-8.8l-12-11.8c-0.6-0.6-1.5-0.6-2.1,0 c-0.6,0.6-0.6,1.5,0,2.1l12.1,11.8l8.7,8.4v25.8c0,0.4,0.2,0.9,0.5,1.2l8.3,6.9v14H94.9V96.1c0-0.8-0.7-1.5-1.5-1.5H83.2v-3.8 l8.4-8.4c0.3-0.3,0.4-0.7,0.4-1.1v-5.8c0-0.8-0.7-1.5-1.5-1.5S89,74.7,89,75.5v5.3l-8.4,8.4c-0.3,0.3-0.4,0.7-0.4,1.1v4.4H49.4 c-0.8,0-1.5,0.7-1.5,1.5v10.3H30.3V99c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5v7.3h-8.8v-22c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5 v22h-4.4c-0.8,0-1.5,0.7-1.5,1.5v23.5c0,0.8,0.7,1.5,1.5,1.5h47h35.2c0,0,0,0,0.1,0h29.4c0.8,0,1.5-0.7,1.5-1.5v-16.2 C124.3,114.7,124.1,114.2,123.8,113.9z M56.7,129.8h-44v-20.5H17h0.1h39.6V129.8z M92,129.8H59.7v-21.9c0-0.8-0.7-1.5-1.5-1.5h-7.3 v-8.8H92V129.8z M68.4,122.6v-11.8c0-0.9,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v11.8c0,0.8-0.7,1.5-1.5,1.5 C69.1,124.1,68.4,123.4,68.4,122.6z'/%3E%3C/svg%3E");
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service:hover .subsection-wrap .subsection-head .subsection-subject {
    color: rgb(255, 255, 255);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service:hover .subsection-wrap .subsection-body a {
    color: rgb(255, 255, 255);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 20rem;
    padding: 36rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background-image: url(/resources/images/main_post.png);*/
    background-size: 50% 42%;
    background-repeat: no-repeat;
    background-position: 22% 87%;
}

@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap {
        row-gap: 32rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-head .subsection-subject {
    margin: 0;
    font-size: 19.2rem;
    line-height: 24rem;
    font-weight: 700;
    color: rgb(55, 59, 68);
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-head .subsection-subject {
        font-size: 22.4rem;
        line-height: 28rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-body a {
    display: block;
    font-size: 16rem;
    line-height: 24rem;
    color: rgb(55, 59, 68);
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-body a {
        font-size: 21.3333333333rem;
        line-height: 32rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-body a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-body a:not(:hover) {
    text-decoration: none;
}

/*.content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-body-img img {*/
/*  width: 130px;*/
/*}*/

.content-body .section.main-contents .section-wrap .section-body .subsection.data-service .subsection-wrap .subsection-body-img {
    /*background-image: url(/resources/images/main_post.png);*/
    width: 130px;
    height: 140px;
    background-size: 228px;
    border-radius: 10px;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-output {
    background-color: #f1f1f1;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output::before {
    content: "";
    display: block;
    position: absolute;
    right: 36rem;
    bottom: 36rem;
    width: 88rem;
    height: 88rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(191,194,202,1)' d='M133.5,51.7L120,38.2c-0.6-0.6-1.5-0.6-2.1,0l-3.4,3.4l-5.4-5.4l6.5-6.5c3.1-3.1,3.1-8.1,0-11.2 c-3.1-3.1-8.1-3.1-11.2,0L98,25l-5.4-5.4l3.3-3.5c0.6-0.6,0.6-1.5,0-2.1L82.3,0.5c-0.6-0.6-1.5-0.6-2.1,0l-9,9 c-0.6,0.6-0.6,1.5,0,2.1l13.6,13.6c0.6,0.6,1.5,0.6,2.1,0l3.5-3.5l5.4,5.4l-3.5,3.5C90.8,32,90,34.2,90,36.2 C83.8,33,76,33.5,70,37.5c-0.3,0.3-0.6,0.7-0.6,1.1c-0.1,0.4,0.1,0.9,0.4,1.2L81,51l-3.7,3.6c-0.6,0.6-0.6,1.5,0,2.1s1.5,0.6,2.1,0 l3.7-3.6l11.2,11.2c0.3,0.3,0.8,0.4,1.2,0.4c0.4,0,0.8-0.2,1.1-0.6c4.2-6,4.6-13.8,1.3-20.1c2,0.1,4.1-0.7,5.7-2.3l3.5-3.5l5.4,5.4 l-3.5,3.5c-0.6,0.6-0.6,1.5,0,2.1l13.5,13.5c0.6,0.6,1.5,0.6,2.1,0l9-9C134.2,53.2,134.2,52.2,133.5,51.7z M89.3,18.5L86,21.8 L74.5,10.5l6.9-6.9L92.8,15L89.3,18.5z M95,61L73.2,39.2c6.2-3.4,13.9-2.6,19,2.4c0.1,0,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.1,0.2,0.2 C97.5,47,98.2,54.8,95,61z M106,34.8l-4.5,4.5c-2,2.1-5,2.1-6.9,0.4l-0.1-0.1l-0.1-0.1c-1.9-2-1.8-5,0-6.9l4.5-4.5c0,0,0,0,0.1-0.1 c0.1-0.1,0,0,0.1-0.1l7.5-7.5c1.9-1.9,5-1.9,6.9,0c1.9,1.9,1.9,5,0,6.9L106,34.8z M123.5,59.5l-11.4-11.4l6.9-6.9l11.4,11.4 L123.5,59.5z M43.7,46.6C19.5,46.6,0,66.1,0,90.3S19.6,134,43.7,134c24.1,0,43.7-19.5,43.7-43.6v-0.1v-0.1 C87.3,66.1,67.8,46.6,43.7,46.6z M43.7,131C21.2,131,3,112.8,3,90.3s18.2-40.7,40.7-40.7c6.8,0,13.2,1.7,18.8,4.7l-4.4,4.4h-5.4 c-0.4,0-0.8,0.1-1.1,0.4L46,64.7h-8.4c-5.8,0-10.5,4.7-10.5,10.5v3c0,0.8,0.7,1.5,1.5,1.5h20.5l14.5,14.7c0.3,0.2,0.7,0.4,1.1,0.4h6 c0.4,0,0.8-0.1,1.1-0.4l2.6-2.6h9.9C83.5,113.6,65.7,131,43.7,131z M73.8,88.8c-0.4,0-0.8,0.1-1,0.2l-2.6,2.6h-4.8L50.8,77 c-0.3-0.2-0.7-0.4-1.1-0.4H30.1v-1.5c0-4.1,3.3-7.5,7.5-7.5h9c0.4,0,0.8-0.1,1.1-0.4l5.6-5.6h5.4c0.4,0,0.8-0.1,1.1-0.4l5.4-5.4 c11.1,7,18.6,19.1,19.1,33H73.8z M41.7,86.1c-0.3-0.3-0.7-0.4-1.1-0.4h-9v0.1c-0.4,0-0.8,0.2-1.1,0.4l-6,5.9 c-0.3,0.3-0.4,0.7-0.4,1.1v6.1c0,0.8,0.7,1.5,1.5,1.5H31l5.1,5.1v14.4c0,0.8,0.7,1.5,1.5,1.5h6c0.4,0,0.8-0.2,1.1-0.4l9-9 c0.3-0.3,0.4-0.7,0.4-1.1V99.2c0-0.4-0.2-0.8-0.4-1.1L41.7,86.1z M51.2,110.7l-8.2,8.2h-3.9v-13.6c0-0.4-0.2-0.8-0.4-1.1l-6-6 c-0.3-0.3-0.7-0.4-1.1-0.4h-4.5v-4l5.1-5.1H40l11.2,11.1V110.7z'/%3E%3C/svg%3E") no-repeat center/cover;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-output::before {
        width: 112rem;
        height: 112rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output:hover {
    background-color: rgb(1, 132, 208);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output:hover::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M133.5,51.7L120,38.2c-0.6-0.6-1.5-0.6-2.1,0l-3.4,3.4l-5.4-5.4l6.5-6.5c3.1-3.1,3.1-8.1,0-11.2 c-3.1-3.1-8.1-3.1-11.2,0L98,25l-5.4-5.4l3.3-3.5c0.6-0.6,0.6-1.5,0-2.1L82.3,0.5c-0.6-0.6-1.5-0.6-2.1,0l-9,9 c-0.6,0.6-0.6,1.5,0,2.1l13.6,13.6c0.6,0.6,1.5,0.6,2.1,0l3.5-3.5l5.4,5.4l-3.5,3.5C90.8,32,90,34.2,90,36.2 C83.8,33,76,33.5,70,37.5c-0.3,0.3-0.6,0.7-0.6,1.1c-0.1,0.4,0.1,0.9,0.4,1.2L81,51l-3.7,3.6c-0.6,0.6-0.6,1.5,0,2.1s1.5,0.6,2.1,0 l3.7-3.6l11.2,11.2c0.3,0.3,0.8,0.4,1.2,0.4c0.4,0,0.8-0.2,1.1-0.6c4.2-6,4.6-13.8,1.3-20.1c2,0.1,4.1-0.7,5.7-2.3l3.5-3.5l5.4,5.4 l-3.5,3.5c-0.6,0.6-0.6,1.5,0,2.1l13.5,13.5c0.6,0.6,1.5,0.6,2.1,0l9-9C134.2,53.2,134.2,52.2,133.5,51.7z M89.3,18.5L86,21.8 L74.5,10.5l6.9-6.9L92.8,15L89.3,18.5z M95,61L73.2,39.2c6.2-3.4,13.9-2.6,19,2.4c0.1,0,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.1,0.2,0.2 C97.5,47,98.2,54.8,95,61z M106,34.8l-4.5,4.5c-2,2.1-5,2.1-6.9,0.4l-0.1-0.1l-0.1-0.1c-1.9-2-1.8-5,0-6.9l4.5-4.5c0,0,0,0,0.1-0.1 c0.1-0.1,0,0,0.1-0.1l7.5-7.5c1.9-1.9,5-1.9,6.9,0c1.9,1.9,1.9,5,0,6.9L106,34.8z M123.5,59.5l-11.4-11.4l6.9-6.9l11.4,11.4 L123.5,59.5z M43.7,46.6C19.5,46.6,0,66.1,0,90.3S19.6,134,43.7,134c24.1,0,43.7-19.5,43.7-43.6v-0.1v-0.1 C87.3,66.1,67.8,46.6,43.7,46.6z M43.7,131C21.2,131,3,112.8,3,90.3s18.2-40.7,40.7-40.7c6.8,0,13.2,1.7,18.8,4.7l-4.4,4.4h-5.4 c-0.4,0-0.8,0.1-1.1,0.4L46,64.7h-8.4c-5.8,0-10.5,4.7-10.5,10.5v3c0,0.8,0.7,1.5,1.5,1.5h20.5l14.5,14.7c0.3,0.2,0.7,0.4,1.1,0.4h6 c0.4,0,0.8-0.1,1.1-0.4l2.6-2.6h9.9C83.5,113.6,65.7,131,43.7,131z M73.8,88.8c-0.4,0-0.8,0.1-1,0.2l-2.6,2.6h-4.8L50.8,77 c-0.3-0.2-0.7-0.4-1.1-0.4H30.1v-1.5c0-4.1,3.3-7.5,7.5-7.5h9c0.4,0,0.8-0.1,1.1-0.4l5.6-5.6h5.4c0.4,0,0.8-0.1,1.1-0.4l5.4-5.4 c11.1,7,18.6,19.1,19.1,33H73.8z M41.7,86.1c-0.3-0.3-0.7-0.4-1.1-0.4h-9v0.1c-0.4,0-0.8,0.2-1.1,0.4l-6,5.9 c-0.3,0.3-0.4,0.7-0.4,1.1v6.1c0,0.8,0.7,1.5,1.5,1.5H31l5.1,5.1v14.4c0,0.8,0.7,1.5,1.5,1.5h6c0.4,0,0.8-0.2,1.1-0.4l9-9 c0.3-0.3,0.4-0.7,0.4-1.1V99.2c0-0.4-0.2-0.8-0.4-1.1L41.7,86.1z M51.2,110.7l-8.2,8.2h-3.9v-13.6c0-0.4-0.2-0.8-0.4-1.1l-6-6 c-0.3-0.3-0.7-0.4-1.1-0.4h-4.5v-4l5.1-5.1H40l11.2,11.1V110.7z'/%3E%3C/svg%3E");
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output:hover .subsection-wrap .subsection-head .subsection-subject {
    color: rgb(255, 255, 255);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output:hover .subsection-wrap .subsection-body a {
    color: rgb(255, 255, 255);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 20rem;
    padding: 36rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap {
        row-gap: 32rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap .subsection-head .subsection-subject {
    margin: 0;
    font-size: 19.2rem;
    line-height: 24rem;
    font-weight: 700;
    color: rgb(55, 59, 68);
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap .subsection-head .subsection-subject {
        font-size: 22.4rem;
        line-height: 28rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap .subsection-body a {
    display: block;
    font-size: 16rem;
    line-height: 24rem;
    color: rgb(55, 59, 68);
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap .subsection-body a {
        font-size: 21.3333333333rem;
        line-height: 32rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap .subsection-body a:not(:hover) {
    text-decoration: none;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-output .subsection-wrap .subsection-body a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .tab-display .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .tab-display .tab-list .tab-item {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    position: relative;
}
/*.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .tab-display .tab-list .tab-item:focus-within {*/
/*    z-index: 1;*/
/*}*/
/*.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .tab-display .tab-list .tab-item .tab-text {*/
/*    !*padding: 20rem 0;*!*/
/*    background-color: rgb(191, 194, 202);*/
/*    text-align: center;*/
/*    !*font-size: 19.2rem;*!*/
/*    font-size: 15.2rem;*/
/*    !*line-height: 24rem;*!*/
/*    font-weight: 700;*/
/*    color: rgb(255, 255, 255);*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex: 1;*/
/*    min-height: 52rem;*/
/*}*/
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .tab-display .tab-list .tab-item .tab-text {
        /*padding: 20rem 0;*/
        /*font-size: 19.2rem;*/
        font-size: 16.2rem;
        /*line-height: 24rem;*/
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .tab-display .tab-list .tab-item.current .tab-text {
    background-color: rgb(255, 255, 255);
    font-weight: 700;
    color: rgb(55, 59, 68);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection {
    z-index: 1;
    /*position: absolute;*/
    /*padding: 20rem 30rem;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 63px;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection {
        /*padding: 25rem;*/
        top: 60px;
        background-color: #fff;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection:focus-within,
.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection.current{
    z-index: 2;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-bottom{
    position: absolute;
    top: 70px;
    right: 10px;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-bottom a{
    color: #000000a3;
    text-decoration: none;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-bottom a:hover{
    text-decoration: underline;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-wrap{
    flex: 1 0 auto;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-wrap .subsubsection-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
@media (max-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-wrap .subsubsection-body {
        margin: 0 35px 0 20px;
    }
}
@media (max-width: 450px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-wrap .subsubsection-body {
        margin: 0 35px 0 20px;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body,
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .swiper {
    height: 100%;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list {
    display: -webkit-box;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-line-pack: stretch;*/
    /*align-content: stretch;*/
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item {
    position: relative;
    padding: 25rem;
    width:100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item {
        /*height: 87%;*/
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item .data-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16rem;
    height:100%;
}
.content-body .sesction.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item .data-wrap .data-head .data-subject {
    margin: 0;
    font-size: 19.2rem;
    line-height: 24rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video {
    background-color: rgb(5, 37, 56);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video::before {
    content: "";
    display: block;
    position: absolute;
    right: 36rem;
    bottom: 36rem;
    width: 88rem;
    height: 88rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M7.9,63.8c-3.2-6-4.8-12.5-4.8-19l6,1.8l2.6,4.8c0.2,0.4,0.5,0.7,0.9,0.8l7.6,2.3l4,7.5c2.8,5.2,9.1,7.1,14.2,4.3l2.6-1.4 c0.7-0.4,1-1.3,0.6-2.1l-9.8-18.2l6-20c0-0.4,0-0.8-0.2-1.2L34.8,18c-0.2-0.4-0.5-0.7-0.9-0.8l-3.5-1.1l-4.7-8.8 C45.2-2.4,69,5,79.5,24.6c5,9.2,6.1,19.6,3.8,29h3.1c2.2-10,0.9-20.8-4.3-30.5C74.5,8.9,60.2,0.6,45.3,0H42c-6.5,0.2-13,2-19,5.3 l-0.1,0l-0.1,0C8.5,13.3,0.3,28,0,43.3v1.8c0.1,6.8,1.8,13.7,5.3,20.1c7.7,14.3,22,22.6,36.9,23.1v-3.1C28.3,84.8,15,77,7.9,63.8z M23,8.8l5,9.3c0.2,0.4,0.5,0.7,0.7,0.8l3.5,1.1l2.3,4.3l-5.9,20c0,0.4,0,0.8,0.2,1.2l9.3,17.4l-1.3,0.7c-3.6,2-8.2,0.7-10.2-3.1 l-4.3-8c-0.2-0.4-0.5-0.7-0.9-0.8l-7.6-2.3l-2.6-4.8c-0.2-0.4-0.5-0.7-0.9-0.8l-7.3-2.2C4,28.4,11.1,15.9,23,8.8z M54.1,52.7 l5.4-2.9c0.7-0.4,1-1.3,0.6-2.1L57.5,43l2.1-7L72.2,29c0.7-0.4,1-1.3,0.6-2.1l-2.9-5.3c-0.2-0.4-0.6-0.6-0.9-0.8l-12.2-3.7 c-0.4-0.1-0.8,0-1.2,0.2L45,23.2c-0.4,0.2-0.6,0.6-0.8,0.9l-4.8,16.4c-0.1,0.4,0,0.8,0.2,1.2l4.3,8l0.1,0c0.2,0.4,0.6,0.6,0.9,0.8 l8,2.5C53.3,53,53.7,52.9,54.1,52.7z M42.5,40.8L47,25.5l9.6-5.2l11.1,3.3l1.9,3.5l-12,6.5c-0.4,0.2-0.6,0.6-0.8,0.9l-2.4,8.2 c-0.1,0.4,0,0.8,0.2,1.2l2.1,4l-3.5,1.9l-6.9-2.1L42.5,40.8z M98.4,49.4h18.1c2.3,0,4.2-1.9,4.2-4.2V45l4.7,1.6 c1.8,0.6,3.7-0.8,3.7-2.7V32.3c0-1.9-1.9-3.3-3.7-2.7l-4.7,1.6V31c0-2.3-1.9-4.2-4.2-4.2H98.4c-2.3,0-4.2,1.9-4.2,4.2v14.1 C94.2,47.5,96.1,49.4,98.4,49.4z M120.7,34.2l5.6-1.9v11.6l-5.6-1.9V34.2z M97,31c0-0.8,0.6-1.4,1.4-1.4h18.1c0.8,0,1.4,0.6,1.4,1.4 v1.1v1V43v1v1.1c0,0.8-0.6,1.4-1.4,1.4H98.4c-0.8,0-1.4-0.6-1.4-1.4V31z M132.6,93.1c0.8,0,1.4-0.6,1.4-1.4V63.5 c0-1.6-1.2-2.8-2.8-2.8H51.6c-1.5,0-2.8,1.3-2.8,2.8v67.7c0,1.6,1.2,2.8,2.8,2.8h79.6c1.5,0,2.8-1.3,2.8-2.8v-30.3 c0-0.8-0.6-1.4-1.4-1.4c-0.8,0-1.4,0.6-1.4,1.4v14.8H51.6V76.2h11.2h2.8h11.2h2.8h11.2h2.8h11.2h2.8h11.2h2.8h9.8v15.5 C131.2,92.5,131.8,93.1,132.6,93.1z M121.4,118.5h9.8v12.7h-9.8V118.5z M107.5,118.5h11.2v12.7h-11.2V118.5z M93.5,118.5h11.2v12.7 H93.5V118.5z M79.6,118.5h11.2v12.7H79.6V118.5z M65.6,118.5h11.2v12.7H65.6V118.5z M62.8,118.5v12.7H51.6v-12.7H62.8z M62.8,73.3 H51.6v-9.9h11.2V73.3z M76.8,73.3H65.6v-9.9h11.2V73.3z M90.7,73.3H79.6v-9.9h11.2V73.3z M104.7,73.3H93.5v-9.9h11.2V73.3z M118.6,73.3h-11.2v-9.9h11.2V73.3z M121.4,73.3v-9.9h9.8v9.9H121.4z M89,87.5c-1.9-1.1-4.2,0.3-4.2,2.4v13.4c0,2.2,2.3,3.5,4.2,2.4 l11.5-6.7c1.9-1.1,1.9-3.8,0-4.9L89,87.5z M87.6,103.3V89.9l11.5,6.7L87.6,103.3z'/%3E%3C/svg%3E") no-repeat center/cover;
    opacity: 0.3;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video::before {
        width: 112rem;
        height: 112rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video .data-wrap .data-head .data-subject {
    margin: 0;
    font-size: 19.2rem;
    line-height: 24rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video .data-wrap .data-head .data-subject {
        font-size: 22.4rem;
        line-height: 28rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item .data-wrap .data-ㄹfooter{
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item .data-wrap .data-footer a{
    color:rgba(0, 0, 0, 0.4);;
    text-decoration: none;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item .data-wrap .data-footer a:hover{
    text-decoration: underline;
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video .data-wrap .data-body > a {
    display: block;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 400;
    color: rgb(236, 239, 245);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 3em;
    word-wrap: break-word;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video .data-wrap .data-body > a {
        font-size: 21.3333333333rem;
        line-height: 32rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.video .data-wrap .data-body > a:not(:hover) {
    text-decoration: none;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report {
    background-color: rgba(236, 239, 245, 1);
    padding-bottom: 25rem;
    padding: 15rem;
}
/*.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-head .data-subject {*/
/*    margin: 0;*/
/*    font-size: 19.2rem;*/
/*    line-height: 24rem;*/
/*    font-weight: 700;*/
/*    color: rgb(0, 0, 0);*/
/*}*/
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body{
    flex: 1 0 auto;
}

@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-head .data-subject {
        font-size: 22.4rem;
        line-height: 28rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-head .posts-subject {
    margin: 0;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 700;
    /*color: #fff;*/
}

.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-head .posts-subject .posts-name{
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-head .posts-subject {
        font-size: 18.6666666667rem;
        line-height: 28rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-data {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 5rem;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-data .data-list .data-item .head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-data .data-list .data-item .body {
    font-size: 13.3333333333rem;
    line-height: 20rem;
    color: rgba(0, 0, 0, 0.4);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-body a {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 12rem;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-body a {
    display: block;
    font-size: 13.3333333333rem;
    line-height: 20rem;
    font-weight: 400;
    color: rgb(255, 255, 255);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 100%;
    word-wrap: break-word;
    overflow: clip;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-body a {
        font-size: 14rem;
        line-height: 24rem;
        font-weight: 500;
        color: rgb(105, 109, 118);
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-body a:not(:hover) {
    text-decoration: none;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.qna {
    background-color: rgb(0, 53, 83);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.qna::before {
    content: "";
    display: block;
    position: absolute;
    right: 36rem;
    bottom: 36rem;
    width: 88rem;
    height: 88rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M94.8,32.4l-8.1,24.4h4.5v-0.1l1.9-6h8.7l1.9,6h4.4L100,32.4H94.8z M94.2,47.2l3.1-9.8h0.2l3.1,9.8H94.2z M56.3,82.9c0-9.8-5.9-15.6-13.7-15.6c-7.9,0-13.7,5.8-13.7,15.6c0,9.8,5.8,15.7,13.7,15.7c1.9,0,3.7-0.3,5.3-1l2.5,3.2h5.2 l-4.1-5.5C54.5,92.7,56.3,88.4,56.3,82.9z M48.3,91.4L45.7,88h-4.9l4.1,5.4c-0.7,0.3-1.5,0.3-2.2,0.4c-4.9-0.1-8.3-3.8-8.3-10.8 s3.4-10.7,8.3-10.7c4.9,0,8.3,3.8,8.3,10.7C51,86.7,50,89.6,48.3,91.4z M132.7,75.6l-8.9-6c0.7-0.7,1.4-1.5,2-2.3 c4.9-6.3,7.9-14.2,7.9-22.8C133.7,24.4,117.4,8,97.3,8C77.2,8,60.9,24.4,60.9,44.6c0,0.2,0,0.5,0,0.7c-5.2-2.4-11-3.8-17.1-3.8 C21,41.5,2.4,60.6,2.4,84.1c0,9.9,3.2,19,8.6,26.1L0.8,121.3c-1.8,2-0.4,5.4,2.3,5.4h40.6c0,0,0.1,0,0.2,0c0,0,0.1,0,0.2,0h0.7 c0.1,0,0.2,0,0.3,0c22.3-0.7,40.2-19.5,40.2-42.6c0-1.8-0.1-3.5-0.3-5.2c3.6,1.3,7.5,2.1,11.5,2.2c0.1,0,0.1,0,0.2,0h0.4 c0.1,0,0.1,0,0.2,0h0.1h0.1H131C134,81.1,135.2,77.3,132.7,75.6z M45,123.8L45,123.8h-0.2h-0.7c-0.1,0-0.1,0-0.2,0 c-0.1,0-0.1,0-0.2,0H3.1c0,0,0,0-0.1-0.1c0-0.1,0-0.1,0-0.2c0,0,0,0,0.1-0.1L15,110.5l-1.5-2c-5.1-6.7-8.1-15.2-8.1-24.3 c0-22,17.3-39.6,38.4-39.6c21.2,0,38.4,17.7,38.4,39.6C82.3,105.7,65.6,123.1,45,123.8z M97.6,78L97.6,78h-0.2c-0.1,0-0.1,0-0.2,0 h-0.4h-0.1h-0.1c-4.3-0.1-8.4-1-12.2-2.6C82,63.1,74.4,52.7,64,46.8c-0.1-0.7-0.1-1.5-0.1-2.3C63.9,26,78.9,11,97.3,11 c18.4,0,33.4,15,33.4,33.5c0,8.9-3.5,17-9.1,23l-2.4,2.6L131,78H97.6z'/%3E%3C/svg%3E") no-repeat center/cover;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.qna::before {
        width: 112rem;
        height: 112rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.qna .data-wrap .data-body > a {
    display: block;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 400;
    color: rgb(236, 239, 245);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 3em;
    word-wrap: break-word;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.qna .data-wrap .data-body > a {
        font-size: 21.3333333333rem;
        line-height: 32rem;
    }
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.qna .data-wrap .data-body > a:not(:hover) {
    text-decoration: none;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-prev,
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-next {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 48rem;
    height: 48rem;
    border: 1rem solid rgba(255, 255, 255, 0.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-prev::before,
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-next::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-prev.swiper-button-disabled,
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-next.swiper-button-disabled {
    background-color: rgba(255, 255, 255, 0.2);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-prev:hover,
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-prev {
    left: 0rem;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-prev::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M13.7803 15.5303C13.4874 15.8232 13.0126 15.8232 12.7197 15.5303L9.71967 12.5303C9.42678 12.2374 9.42678 11.7626 9.71967 11.4697L12.7197 8.46967C13.0126 8.17678 13.4874 8.17678 13.7803 8.46967C14.0732 8.76256 14.0732 9.23744 13.7803 9.53033L11.3107 12L13.7803 14.4697C14.0732 14.7626 14.0732 15.2374 13.7803 15.5303Z'/%3E%3C/svg%3E");
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-next {
    left: 48rem;
}
.content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display .swiper-button-next::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M10.2197 8.46967C10.5126 8.17678 10.9874 8.17678 11.2803 8.46967L14.2803 11.4697C14.5732 11.7626 14.5732 12.2374 14.2803 12.5303L11.2803 15.5303C10.9874 15.8232 10.5126 15.8232 10.2197 15.5303C9.92678 15.2374 9.92678 14.7626 10.2197 14.4697L12.6893 12L10.2197 9.53033C9.92678 9.23744 9.92678 8.76256 10.2197 8.46967Z'/%3E%3C/svg%3E");
}

.moreBtn {
    display: flex;
    align-items: center;
    font-size: 15rem;
}

.moreBtn:before {
    content: "";
   display: block;
   width: 24rem;
   height: 24rem;
   background-image: url("/resources/assets/images/svg/plus-W.svg");
}

@media (max-width: 374px) {
    .moreBtn {
        display: inline-flex;
        align-items: flex-end;
        gap: 4px;
    }
}

.subsubsection-bottom .moreBtn:before {
    background-image: url("/resources/assets/images/svg/plus.svg");
}

.shortcut{
    display:block;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 40px;
    padding: 5px;
}

.movePageBtn{
    display:block;
    /* background-color: white; */
    margin: 0;
    padding: 4rem 10rem;
    line-height: 15rem;
    /* border-radius: 40px; */
    font-size: 15rem;
    /* lineheight: 48rem; */
    font-weight: 700;
    color: white;
}
.movePageDiv {
    z-index:1;
    position: absolute;
    bottom:10rem;
    left: 50rem;
}
@media (max-width: 1023px) {
    .movePageDiv {
        /*bottom: 36rem;*/
        left:30rem;
    }
    .movePageBtn{
        padding: 1rem 7rem;
        line-height: 11rem;
        font-size: 11rem;
    }
}

.content-body .section.main-contents.main-home .home-split{
    display:flex;
    gap:30px;
    align-items:stretch;
    width: 100%;
    height: var(--home-split-height-desktop);
    /*min-height: 0;*/
    margin-bottom: 65rem;
}
.content-body .section.main-contents.main-home .home-left{
    display:flex;
    flex-direction:row;
    gap:30px;
    /*flex:1 1 0;*/
    min-width:0;
}
.content-body .section.main-contents.main-home .home-right{
    display: grid;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    /*flex: 0 1 442px;*/
    min-height: 0;
    margin: 0 auto;
    box-sizing: border-box;
}
.content-body .section.main-contents.main-home .home-right .data-img {
    position: absolute;
    width: 140rem;
    height: 140rem;
    bottom: 150rem;
    top: -35rem;
    right: 0;
    transform: rotate(23deg);
}
.content-body .section.main-contents.main-home .home-left{
    height: 100%;
    align-self: stretch;
    display: flex;
    /*min-height: 0;*/
}
@media (min-width: 1024px) and (max-width: 1240px) {
    .content-body .section.main-contents.main-home .home-split{
        flex-direction: column;
        margin: 0;
        height: auto;
    }
    .content-body .section.main-contents.main-home .home-right{
        display: flex;
        flex-direction: row;
        margin:0;
        margin-bottom: 40rem;
    }
}
.content-body .section.main-contents.main-home .home-left .subsection .subsection-wrap,
.content-body .section.main-contents.main-home .home-right > .subsection .subsection-wrap{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
.content-body .section.main-contents.main-home .home-left .subsection .subsection-body,
.content-body .section.main-contents.main-home .home-right > .subsection .subsection-body{
    flex: 1 1 auto;
    min-height: 0;
}

.content-body .section.main-contents .section-wrap .section-body
.subsection.data-posts .subsection-wrap .subsection-body > .data-display{
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
.content-body .section.main-contents .section-wrap .section-body
.subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list{
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (max-width:1024px){
    .content-body .section.main-contents.main-home .home-split{
        display:flex;
        flex-direction: column;
        align-items: stretch;
        gap:16px;
        height:auto;
        padding: 20px 0;
    }

    .content-body .section.main-contents.main-home .home-right > .subsection .subsection-body {
        margin: 0 35px 0 20px;
    }
    .content-body .section.main-contents.main-home .home-left,
    .content-body .section.main-contents.main-home .home-right{
        flex:0 0 auto;
        width:100%;
        min-width:0;
        min-height:0;
        position: static;
        z-index:auto;
        display: flex;
        flex-direction: column;
    }
    .content-body .section.main-contents.main-home .home-left > .subsection,
    .content-body .section.main-contents.main-home .home-right > .subsection{
        flex:0 0 auto;
        min-height:0;
        position:relative;
    }
    .content-body .section.main-contents.main-home .home-right > .subsection .subsection-wrap,
    .content-body .section.main-contents.main-home .home-left  > .subsection .subsection-wrap{
        display:flex; flex-direction:column;
        flex:1 1 auto; min-height:0; height:auto;
    }
    .content-body .section.main-contents.main-home .home-right > .subsection .subsection-body,
    .content-body .section.main-contents.main-home .home-left  > .subsection .subsection-body{
        flex:0 0 auto; min-height:0; height:auto;
    }

    .content-body .section.main-contents.main-home .subsection.data-banner .bnr-list{
        height:auto;
        margin: 0 20px;
    }
    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body{
        position:relative;
        overflow:visible;
    }
    .content-body .section.main-contents.main-home .home-right > .subsection{
        flex:0 0 auto;
    }


}
.content-body .section.main-contents.main-home .home-left .subsection.data-notice{
    flex:2.25 1 0;
    min-width:0;
}
.content-body .section.main-contents.main-home .home-left .subsection.data-posts{
    flex:1 1 0;
    min-width:0;
}
@media (max-width:1023px){
    .content-body .section.main-contents.main-home .home-left .subsection.data-notice{
        flex: auto;
    }
    .content-body .section.main-contents.main-home .home-split{
        flex-direction:column;
    }
    .content-body .section.main-contents.main-home .home-left{
        flex-direction:column;
    }
    .content-body .section.main-contents.main-home .home-right{
        flex:1 1 auto;
        min-width:0;
    }
}



.content-body .section.main-contents.main-home .subsection.data-notice .tab-display{
    display:none;
}
.content-body .section.main-contents.main-home .subsection.data-notice .subsection-wrap .subsection-body .subsubsection{
    inset:auto !important;
    padding:0;
    background:transparent;
    box-shadow:none;
    overflow:visible !important;
    display:none;
}
.content-body .section.main-contents.main-home .subsection.data-notice .subsection-wrap .subsection-body .subsubsection.current{
    display:block;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap .posts-inform{
    flex: 1 1 auto;
    min-width: 0;
    max-width: var(--inform-max-desktop);
    overflow: hidden;
}

@media (max-width: 640px){
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap .posts-inform{
        max-width: var(--inform-max-mobile);
    }
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject {
        max-width: 85%;
    }
}
@media (max-width: 350px) {
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap .posts-inform {
        max-width: 45%
    }
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject,.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
    display: block;
    /*max-width: 100%;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list{
    background:#fff;
    border-radius:15px;
    box-shadow:0 12px 28px rgba(23, 41, 65, 0.2);
    padding:10px 0;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item{
    position:relative;
    display:grid;
    grid-template-columns:auto 1fr 105px;
    align-items:center;
    gap:12px;
    padding:0 16px;
    border-bottom:1px solid #e9eef5;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:last-child{
    border-bottom:0;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap{
    display:contents;
}

/* 배지 */
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item > .badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:22px;
    padding:0 8px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    /*color:#fff;*/
    white-space:nowrap;
}
.content-body .section.main-contents.main-home .subsection.data-notice .badge.oper{
    background: #00AAFF40;
    color: #001752;
}
.content-body .section.main-contents.main-home .subsection.data-notice .badge.emg{
    background: #FF000040;
    color: #520000;
}
.content-body .section.main-contents.main-home .subsection.data-notice .badge.norm{
    background: #73737340 !important;
    color: #2F2F2F!important;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-name{
    display:block;
    color: rgb(105, 109, 118);
    font-size: 14rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
    text-decoration-line: none;
    max-width: 24em;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .date{
    grid-column:3;
    justify-self:end;
    align-self:center;
    font-size:14px;
    color:#8aa0b6;
    white-space:nowrap;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:not(:first-child) .posts-data{
    display:none;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-body{
    grid-column:2/3;
    grid-row:2/3;
    margin-top:6px;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-body a{
    display:block;
    color:#7b8ba1;
    font-size:13px;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:not(:first-child) .posts-body{
    display:none;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-data .data-item .body{
    display:inline-block;
    max-width:100%;
    color:#7b8ba1;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .date{
    grid-column:3;
    justify-self:end;
    align-self:center;
    font-size:14px;
    color:rgb(105, 109, 118);
    white-space:nowrap;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .date{
    align-self:end;
    font-size:18px;
    font-weight:900;
    margin-bottom:4px;
    color:rgb(25, 29, 38);
    position: absolute;
    bottom: 13rem;
    right: 15rem;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child{
    padding:15px 20px;
    border-bottom:1px solid #e5edf8;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child > .badge{
    background:#ffd9df;
    color:#b51c28;
    border-radius:10px;
    min-width:35rem;
    padding:10px 12px;
    font-weight:800;
    font-size: 17rem;
    height: 100%;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-inform .posts-name{
    color:rgb(25, 29, 38);
    font-size:20rem;
    font-weight:800;
    line-height:1.35;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    max-width: 400rem;
}
@media (max-width: 1024px) {}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-inform .posts-name {
    font-size: 19rem;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-inform .posts-subject {
    margin:0;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-data{
    grid-column:2/3;
    grid-row:2/3;
    margin-top:6px;
}
.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-data .data-item .body {
    color:rgb(105, 109, 118);
    font-size:13rem;
    width: 300rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:hover{
    background:#f7fbff;
}

.content-body .section.main-contents.main-home .data-posts .swiper-wrapper{
    display:block !important;
}
.content-body .section.main-contents.main-home .data-posts .swiper-slide{
    width:100% !important;
}
.content-body .section.main-contents.main-home .data-posts .data-item.report{
    background:rgba(236, 239, 245, 1);
    border-radius:15px;
    padding:24px;
}
.content-body .section.main-contents.main-home .subsection.data-quick .subsection-body .quickmenu-list{
    position:relative;
    background:#ECEFF5;
    border: 1px solid #E7E7E7;
    border-radius:15px;
    padding:18px 22px;
    box-shadow:0 12px 28px rgba(8,33,69,.08);
    text-align:center;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-behavior:smooth;
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.content-body .section.main-contents.main-home .subsection.data-quick .subsection-body .quickmenu-list::-webkit-scrollbar{ display:none; }
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:16px;
    align-items:center;
    justify-items:center;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 3 * 16px)/4);
}
@media (min-width: 1024px) and (max-width: 1240px) {
    .content-body .section.main-contents.main-home .home-right .data-img {
        position: absolute;
        width: 140rem;
        height: 140rem;
        bottom: 127rem;
        left: 140px;
        transform: rotate(23deg);
        top: auto;
    }
}
@media  (max-width: 1024px) {
    .content-body .section.main-contents.main-home .home-right .data-img {
        top: 690rem;
        right: 0;
    }
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .date {
        font-size: 14px;
        color: #117ce3;
        bottom: 21rem;
    }
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-data .data-item .body {
        width: 195rem;
    }
    .display-board.billboard {
        /*column-gap: 20rem;*/
    }
}
@media (min-width: 601px) and (max-width: 1024px) {
    .content-body .section.main-contents.main-home .home-right .data-img {
        top: 660rem;
        right: 0;
    }
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display {
        /*width: 100%;*/
    }
    .content-body .section.main-contents.main-home .home-right {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        min-height: 0;
        position: static;
        z-index: auto;
        display: flex;
        flex-direction: column;
    }
}

@media  (max-width: 600px) {
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-data .data-item .body {
        width: 140rem;
    }
    .content-body .section.main-contents.main-home .home-right .data-img {
        top: 715rem;
        right: 0;
    }
}
@media  (max-width: 350px) {
    .content-body .section.main-contents.main-home .home-right .data-img {
        top: 750rem;
        right: 0;
    }
}
@media (max-width:1023px){
    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list{
        grid-auto-columns: calc((100% - 1 * 16px)/2);
    }
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a{
    display:grid;
    justify-items:center;
    row-gap:8px;
    text-decoration:none;
    color:rgb(55, 59, 68);
    font-weight:600;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a::before{
    content:"";
    width:56px;
    height:56px;
    border-radius:16px;
    border:1px solid #d5dfec;
    background:#fff center/32px 32px no-repeat;
    box-shadow:0 4px 12px rgba(8,33,69,.06);
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li:nth-child(1) a::before {
    background-image:url("/resources/images/quick_img2.png");
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li:nth-child(2) a::before {
    background-image:url("/resources/images/quick_data.png");
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li:nth-child(3) a::before {
    background-image:url("/resources/images/quick_location.png");
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li:nth-child(4) a::before {
    background-image:url("/resources/images/quick_manual.png");
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li:nth-child(5) a::before {
    background-image:url("/resources/images/quick_ask.png");
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li:nth-child(6) a::before {
    background-image:url("/resources/images/quick_mtg.png");
}


.content-body .section.main-contents.main-home .subsection.data-quick .subsection-body{ position:relative; width: 380rem;}
@media (min-width: 1024px) and (max-width: 1240px){
    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body{ width: auto;}
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav{
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border: none;
    background: transparent;
    /* cursor: pointer; */
    z-index: 3;
    padding: 0;
    touch-action: manipulation;
    border-radius: 16px;
    border: 1px solid #dfe1e4;
    background: #fff;
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav.prev{ left:3px; }
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav.next{ right:3px; }
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav::before{
    content:""; display:block; width:100%; height:100%;
    background:#9aa4b2; /* 회색 아이콘 */
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") center/18px 18px no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") center/18px 18px no-repeat;
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav.next::before{
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") center/18px 18px no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") center/18px 18px no-repeat;
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav:hover::before{
    background:#6b7280;
}
.content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav[disabled]{ opacity:.35; cursor:default; }

.content-body .section.main-contents.main-home .subsection.data-banner .mini-visual{
    margin:0;
    border-radius:12px;
    overflow:hidden;
    /*box-shadow:0 8px 24px rgba(8,33,69,.08);*/
    display: block;
    height: 100%;
}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    /*overflow: hidden;*/
}
/*.content-body .section.main-contents.main-home .subsection.data-banner .mini-visual{*/
/*    height:100%;*/
/*    border-radius:25rem;*/
/*    overflow:hidden;*/
/*    background: #ffffff;*/
/*    box-shadow: 0 12px 28px rgba(23, 41, 65, 0.2);*/
/*}*/

.content-body .section.main-contents.main-home .subsection.data-banner .mini-visual img{
    width:100%;
    height:100%;
    object-fit: contain;
    object-position: center;
    background: #eceff5;
}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-list a {
    display:block;
    height:100%;
}

.content-body .section.main-contents.main-home .subsection.data-notice .posts-list .posts-item:first-child .posts-data .data-item .body{
    display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.main-title {
    margin: 0;
    font-size: 20rem;
    line-height: 0;
    font-weight: 800;
    /*color: #003255;*/
    color: rgb(25, 29, 38);
}
@media (max-width: 1700px) {
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-name {
        /*max-width: 235rem;*/
    }
}
@media (max-width:1023px) {
    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item {
        grid-template-columns:1fr;
        gap: 6px;
        padding-right: 90px;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item > .badge {
        justify-self: start;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .date {
        position: absolute;
        right: 12px;
        bottom: 8px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list {
        gap: 10px;
        grid-auto-columns: calc((100% - 10px) / 2);
        padding: 12px 12px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a {
        font-size: 12px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a::before {
        width: 50px;
        height: 50px;
        background-size: 26px 26px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav.prev {
        left: 0;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav.next {
        right: 0;
    }

    .section.operational-inform .section-wrap {
        display: flex;
        flex-direction: row;
    }

    .section.operational-inform .section-wrap .section-body {
        -webkit-box-orient: vertical;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 12rem;
    }

    .section.operational-inform .section-wrap .section-head .section-subject .section-name abbr.wbr {
        position: absolute;
        right: 20px;
    }

    .display-board.billboard .swiper {
        position: relative;
        /*aspect-ratio: 3/2;*/
        border-radius: 20px;
    }

    .display-board.billboard > .left {
        padding-left: 20px;
    }

    .swiper-control, .swiper-pagination {
        bottom: 36rem;
    }

    .display-board.billboard .board-list .board-wrap {
        padding: 37rem 32rem 0 32rem;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display {
        /*padding: 0 20px;*/
    }

    .content-body .section.main-contents.main-home .home-left .subsection.data-posts {
        flex: auto;
    }

    .content-body .section.main-contents .section-wrap .section-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection .subsubsection-bottom {
        display: none;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item {
        display: flex;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-name {
        /*max-width: 215rem;*/
        font-size: 14rem;
        font-weight: 500;
    }

    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list {
        /*padding: 0 20px;*/
    }

    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item .data-wrap .data-head {
        padding: 0 10px;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item:first-child {
        display: flex;
        padding: 5px 12px;
    }

    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report .data-wrap .data-body .posts-read .posts-body a {
        color: rgba(105, 109, 118, 1);
    }

    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body {
        /*padding: 0 20px;*/
        margin: 0 35px 0 20px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body .quickmenu-list {
        overflow-x: visible;
        overscroll-behavior-x: auto;
        scroll-behavior: auto;
        text-align: left;

        display: grid;
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-auto-columns: unset;
        justify-items: stretch;
        align-items: stretch;
        gap: 12px;
        padding: 18px 16px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body {
        /*padding: 0 20px;*/
        width: auto;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body::before,
    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body::after {
        display: none;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav {
        display: none;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a {
        display: grid;
        grid-template-columns: 56px 1fr;
        align-items: center;
        justify-items: start;
        column-gap: 12px;
        background: #fff;
        border-radius: 9999px;
        padding: 0px 14px;
        font-weight: 600;
        color: #303a4b;
        box-shadow: 0 6px 16px rgba(8, 33, 69, .06);
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a::before {
        width: 34px;
        height: 43px;
        background-size: 24px 24px;
        margin: 0;
        border: none;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list {
        gap: 8px;
        grid-auto-columns: calc((100% - 8px) / 2);
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a {
        font-size: 11.5px;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list {
        padding: 8px 2px;
        border-radius: 16px;
        box-shadow: 0 0 18px rgba(23, 41, 65, .5);
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item {
        gap: 8px;
        padding: 0 12px;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display .posts-list .posts-item .date {
        font-size: 13px;
    }

    .content-body .section.main-contents.main-home .subsection.data-banner .mini-visual {
        height: 100%;
        border-radius: 12px;
        overflow: hidden;
    }

    .content-body .section.main-contents.main-home .subsection.data-banner .mini-visual img {
        width: 100%;
        /*height: 170rem;*/
        object-fit: cover;
        object-position: center;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body .quickmenu-list {
        padding: 14px 16px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list {
        gap: 12px;
        grid-auto-flow: column;
        grid-auto-columns: calc((100% - 12px) / 2);
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list > li {
        scroll-snap-align: start;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a {
        row-gap: 6px;
        font-size: 12.5px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-list li a::before {
        width: 43px;
        height: 43px;
        border-radius: 14px;
        background-size: 28px 28px;
        box-shadow: none;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav {
        width: 36px;
        height: 36px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav.prev {
        left: 2px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav.next {
        right: 2px;
    }

    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav::before {
        -webkit-mask-size: 16px 16px;
        mask-size: 16px 16px;
    }
}
@media(max-width: 700px) {
    .display-board.billboard .swiper {
        aspect-ratio: 3 / 2;
    }
}
@media (min-width: 1024px) and (max-width: 1240px) {
    .content-body .section.main-contents.main-home .subsection.data-quick .subsection-body .quickmenu-list {
        height: 60%;
    }
    .content-body .section.main-contents.main-home .subsection.data-quick .quickmenu-nav {
        top: 62%;
    }
}
@media (max-width: 1024px) {
    .section.operational-inform .section-wrap {
        flex-direction: column;
        row-gap: 0;
    }
    .section.operational-inform .section-wrap .section-head {
        /*display: flex;*/
    }
    .section.operational-inform .section-wrap .section-head .section-subject .section-name abbr.wbr {
        /*right: 20rem;*/
        /*top: 8rem;*/
    }
    .content-body .section.main-contents.main-home .subsection.data-banner .bnr-list {
        height: 100%;
    }

    .content-body .section.main-contents.main-home .subsection.data-notice .posts-display {
        /*width: 75%;*/
    }
}

@media (min-width:1024px){
    .content-body .section.main-contents .section-wrap .section-body .subsection{
        /*min-height: 0 !important;*/
    }
    .content-body .section.main-contents.main-home .home-left .subsection.data-notice .subsection-wrap,
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap,
    .content-body .section.main-contents.main-home .home-right{
        min-height: 0 !important;
    }
    .content-body .section.main-contents.main-home .home-left .subsection.data-notice .subsection-wrap,
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap,
    .content-body .section.main-contents.main-home .home-right > .subsection .subsection-wrap{
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }
    .content-body .section.main-contents.main-home .home-left .subsection.data-notice .subsection-wrap .subsection-body,
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body,
    .content-body .section.main-contents.main-home .home-right{
        min-height: 0;
        height: 100%;
    }
    .content-body .section.main-contents.main-home .subsection.data-notice .subsection-wrap .subsection-body .posts-display,
    .content-body .section.main-contents.main-home .subsection.data-notice .subsection-wrap .subsection-body .posts-display .posts-list{
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display{
        height: 100%;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
    .content-body .section.main-contents .section-wrap .section-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list{
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
    }
}

@media (max-width:1023px){
    .content-body .section.main-contents.main-home .home-left,
    .content-body .section.main-contents.main-home .home-right{
        align-self: auto;
        height: auto;
    }
}

.main-title{ line-height:1.2; font-size:18rem; }
.main-title{ font-size:19rem; padding: 0 10px;}
.moreBtn {
    justify-content: flex-end;
}
/*.moreBtn:before {
    display: none;
}*/


.select-panel{position:absolute;z-index:20;margin-top:6rem;background:#fff;border:1rem solid #d7e2f5;border-radius:10rem;box-shadow:0 6rem 18rem rgba(18,34,77,.08);}
.select-list{list-style:none;margin:0;padding:6rem 0;min-width:120rem;max-height:220rem;overflow:auto;}
.select-item{padding:8rem 12rem;font-size:14rem;line-height:20rem;color:#1b2340;cursor:pointer;}
.select-item:hover{background:#f1f6ff;}
.month-select{position:relative;}

.content-body .section.main-contents.main-home .subsection.data-banner .bnr-list{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scroll-snap-type:none;
    gap:0;
    padding:0;
    box-sizing:border-box;
    border-radius: 25rem;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(23, 41, 65, 0.2);
    margin: 0;
}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-list::-webkit-scrollbar{display:none;}

.content-body .section.main-contents.main-home .subsection.data-banner .bnr-list > li{
    list-style:none;
    flex:0 0 100%;
    width:100%;
    scroll-snap-align:none;
    box-sizing:border-box;
}

@media (max-width: 1024px) {
    .content-body .section.main-contents.main-home .subsection.data-banner .bnr-list > li {
        height: 200rem;
    }
}

.content-body .section.main-contents.main-home .subsection.data-banner .bnr{display:block; }
.content-body .section.main-contents.main-home .subsection.data-banner .mini-visual{
    position:relative; width:100%; aspect-ratio:16/9;
    border-radius:8rem; overflow:hidden; background: #ffffff;
}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-img{
    width:100%; height:100%; object-fit:cover; display:block;
}

.content-body .section.main-contents.main-home .subsection.data-banner .subsection-body{position:relative;}
.content-body .section.main-contents.main-home .subsection.data-banner .subsection-body > div{
    position:absolute; inset:0; z-index:20;
    display:flex; align-items:center; justify-content:space-between;
    pointer-events:none;
    padding:0 12rem;
    height: 160rem;
}
@media (min-width: 1024px) and (max-width: 1240px) {
    .content-body .section.main-contents.main-home .subsection.data-banner .subsection-body > div{
        height: auto;
    }
    .content-body .section.main-contents.main-home .subsection.data-banner .mini-visual {
        aspect-ratio: 29 / 9;
    }
}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-nav{
    pointer-events:auto;
    width:44rem; height:44rem; border:0; cursor:pointer; background: none;
}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-nav::after{
    content:''; display:block; width:0; height:0; margin:0 auto;
    border-top:8rem solid transparent; border-bottom:8rem solid transparent;
}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-nav.prev::after{border-right:12rem solid rgba(0, 0, 0, 0.11);}
.content-body .section.main-contents.main-home .subsection.data-banner .bnr-nav.next::after{border-left:12rem solid rgba(0, 0, 0, 0.11);;}


/* 메인 중간 영역 : START */
.content-body .main-contents-section {
    max-width: 1280rem;
    width: 100%;
    margin: auto;
    border: 1px solid red;
    height: 500rem;
    display: flex;
    flex-direction: row;
    gap: 20rem;
    padding: 0rem 10rem;
    flex-wrap: wrap;
}


.content-body .main-contents-section .content-head {

}

.content-body .main-contents-section .content-head .content-subject{

}


.content-body .main-contents-section .notice-body{
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    height: 100%;
    height: 450rem;
}

.content-body .main-contents-section .report-body{
    background-color: rgba(236, 239, 245, 1);
    border-radius: 15px;
    height: 100%;
    height: 450rem;
}

.content-body .main-contents-section .quick-menu-body{
    background: #ECEFF5;
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    height: 135rem;
}

.content-body .main-contents-section .banner-body{
    background: #ECEFF5;
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    height: 165rem;
}


.content-body .main-contents-section .section-board{
    flex: 1 1 calc(40% - 10rem);
    height: 100%;
    border: 1px solid red;
}

.content-body .main-contents-section .section-report{
    flex: 1 1 calc(25% - 10rem);
    height: 100%;
    border: 1px solid red;
}

.content-body .main-contents-section .section-warp{
    flex: 1 1 calc(30% - 10rem);
    height: 100%;
    border: 1px solid red;

    display: flex;
    flex-direction: column;
    gap: 10rem;
    padding: 0px 10rem;

}

.content-body .main-contents-section .section-warp .quick-menu{
    width: calc(100% - 5rem);
    height: 50%;
    border: 1px solid black;
}

.content-body .main-contents-section .section-warp .mini-banner{
    width: calc(100% - 5rem);
    height: 50%;
    border: 1px solid black;
}
/* 메인 중간 영역 : END */

/**
 * @type page
 * @name page-main, 메인
 */
.content-body .home .home-inner {
    max-width: 1280rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 35rem;
}
.content-body .home .home-title { display: none; }

.content-body .home .home-grid {
    display: grid;
    gap: 20rem;
    align-items: stretch;
    min-width: 0;
    grid-template-columns: 2.55fr 1fr;
}
.content-body .home .home-main {
    flex: 1 1 820rem;
    min-width: 600rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.content-body .home .home-main-row {
    display: grid;
    grid-template-columns: 2.55fr 1.2fr;
    gap: 20rem;
    align-items: stretch;
    min-width: 0;
    height: 100%;
}
.content-body .home .home-side {
    display: flex;
    flex-direction: column;
    gap: 24rem;
    min-height: 0;
}

.content-body .home .home-side .home-quick { display:flex; flex:1 0 auto;  }
.content-body .home .home-side .home-alert { display:flex; flex:1 0 auto; }

@media (max-width:768px){
    .content-body .home .home-side .home-quick,
    .content-body .home .home-side .home-alert { flex:0 0 auto; }
}

.content-body .home .home-side .home-quick .box-body,
.content-body .home .home-side .home-alert .box-body {
    display:flex; flex:1 1 auto; min-height:0;
}

.content-body .home .box {
    display:flex; flex-direction:column; gap:8rem;
    background:none; border:none; padding:0; box-shadow:none; min-width:0;
}
.content-body .home .box-title {
    margin:0; font-size:16rem; font-weight:700; color:#111;
}
.content-body .home .box-body {
    flex:1; background:#fff; border:1rem solid #e5e7eb; border-radius:12rem;
    padding:15rem; box-sizing:border-box; box-shadow:0 8rem 24rem rgba(23,41,65,.08);
}
.content-body .home .home-side .box-body { flex:1 1 auto; }
.content-body .home .home-side .home-quick .box-body { display:flex; flex-wrap:wrap; gap:12rem; }

/* 접근성 */
.content-body .home .sr-only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; }
.content-body .home a:focus-visible, .content-body .home button:focus-visible{ outline:2rem solid #2563eb; outline-offset:2rem; }
.content-body .home img, .content-body .home video{ max-width:100%; height:auto; display:block; }

@media (max-width:1240px){
    .content-body .home .home-inner{ padding-inline:16rem; padding-top:30rem; display:flex; }
    .content-body .home .home-side{ min-width:260rem; }
}
@media (min-width:1240px){
    .content-body .home .home-side{ min-width:0!important; width:360rem!important; max-width:360rem!important; }
    .content-body .home .home-side .box, .content-body .home .home-side .box-body{ min-width:0; }
}
@media (max-width:1240px){
    .content-body .home .home-grid{ display:flex; flex-direction:column; gap:24rem; }
    .content-body .home .home-main{ min-width:0; display:flex; flex-direction:row; flex:1 1; }
    .content-body .home .home-main-row{ grid-template-columns:1fr; gap:16rem; }
    .content-body .home .home-side{ min-width:0; }
    .content-body .home .home-inner{ display:block; }
    .content-body .home .home-main{ display:block; }

    .content-body .home .home-side .home-quick,
    .content-body .home .home-side .home-alert,
    .content-body .home .home-side .home-quick .box-body,
    .content-body .home .home-side .home-alert .box-body{ flex:0 0 auto; min-height:0; }

    .content-body .home .home-quick .box-body > ul{ flex:0 0 auto; }

    .content-body .home .home-side .home-quick::before{
        right:-12rem; top:-28%; width:clamp(84rem, 18vw, 140rem);
    }
}
@media (max-width:768px){
    .content-body .home .home-inner{ padding-inline:16rem; }
    .content-body .home .home-title{ font-size:16rem; }
    /*.content-body .home .box-body{ padding:16rem; }*/
    .content-body .home .box-title{ font-size:15rem; }
}

/* 모션 최소화 */
@media (prefers-reduced-motion:reduce){
    .content-body .home *{ animation-duration:.01ms!important; transition-duration:.01ms!important; }
}

/* 공지 */
.content-body .home .home-notice .box-body *,
.content-body .home .home-report .box-body *{ box-sizing:border-box; min-width:0; }
.content-body .home .home-notice .box-body a:focus-visible,
.content-body .home .home-report .box-body a:focus-visible{ outline:2rem solid #2563eb; outline-offset:2rem; }

.content-body .home .home-notice .box-body .data-head,
#noti-list-wrap .subsubsection-wrap .subsubsection-head,
.content-body .home .home-notice .box-body .subsection .subsection-wrap .subsection-head,
.content-body .home .home-report .box-body .subsection .subsection-wrap .subsection-body .data-display{ display:none; }
.content-body .home .home-notice .box-body a{ text-decoration:none; }

.content-body .home .home-notice .box-body .subsection,
.content-body .home .home-notice .box-body .subsection.data-notice .subsection-wrap,
.content-body .home .home-notice .box-body .subsection.data-notice .subsection-body
{ height:100%; }
.content-body .home .home-notice .box-body .subsection.data-notice .tab-display{ display:none; }
.content-body .home .home-notice .box-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection{ display:none; inset:auto!important; padding:0; background:transparent; box-shadow:none; overflow:visible!important; }
.content-body .home .home-notice .box-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection.current{ display:flex;flex-direction: column;height: 100%; }
.content-body .home .home-notice .box-body .subsection.data-notice .subsection-wrap .subsection-body .subsubsection.current > .subsubsection-wrap{ flex: 1 1 auto; margin-top: 10px; }

.content-body .home .home-notice .box-body .subsection.data-notice .posts-display,
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list{ width:100%; max-width:100%; min-width:0; padding:0; }
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item{
    position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) max-content; align-items:center; gap:12rem; border-bottom:1rem solid #e9eef5;
}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:last-child{ border-bottom:0; }
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-wrap{ display:contents; }

.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item > .badge{
    display:inline-flex; align-items:center; justify-content:center; height:22rem; padding:0 8rem; border-radius:999rem; font-size:12rem; font-weight:700; white-space:nowrap;
}
.content-body .home .home-notice .box-body .subsection.data-notice .badge.oper{ background:#00AAFF40; color:#001752; }
.content-body .home .home-notice .box-body .subsection.data-notice .badge.emg{  background:#FF000040; color:#520000; }
.content-body .home .home-notice .box-body .subsection.data-notice .badge.norm{ background:#73737340!important; color:#2F2F2F!important; }

.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform{ overflow:hidden; }
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-name{
    display:block; color:rgb(25,29,38); font-size:15rem; font-weight:500; white-space:nowrap; text-overflow:ellipsis; text-decoration:none;
}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item.posts-new .posts-inform .posts-head .posts-subject:before,
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item.posts-new .posts-inform .posts-head .posts-subject:before{
    content: 'N';
    margin-right: 5rem;
    background-color: #1d81c8;
    border-radius: 5px;
    padding-left: 5rem;
    padding-right: 6rem;
    padding-top: 0rem;
    color: white;
    font-size: 11rem;
    font-weight: bold;
    height: 19px;
}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-head .posts-subject,
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-head .posts-subject .posts-name{
    display:block; white-space:nowrap; text-overflow:ellipsis;
    /*display: flex;*/
    /*align-items: center;*/
    overflow: hidden;
}

.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-head .posts-subject{
    margin: 0;
    display: flex;
}

.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-data .data-list .data-item .body{
    color:rgb(105,109,118); font-size:13rem; width:300rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; text-overflow:ellipsis;
}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .date{ justify-self:end; align-self:center; font-size:14rem; color:#626363; white-space:nowrap; }
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child {padding:0;padding-bottom:10rem;}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item{ padding: 15rem 0; }
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:hover{ background:#f7fbff;}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child .data-list{
    padding-top: 10rem;
}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child .date{
    color:#000; font-weight:700; font-size:18rem; height:100%; display:flex; align-items:flex-end; padding-bottom:10rem;
}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child > .badge{
    /*background:#ffd9df; color:#b51c28;*/ border-radius:10px; min-width:35rem; padding:10px 15px; font-weight:800; font-size:17rem; height:100%;line-height:0.7;
}
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-inform .posts-name{ font-size:19rem; font-weight:700; }

.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:not(:first-child) .posts-body,
.content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:not(:first-child) .posts-data{ display:none; }

@media (max-width:1240px){
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item{ gap:10rem; }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .date{ font-size:13rem; }
}
@media (max-width:640px){
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child{
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
    }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child .date{
        grid-column: 1 / span 2;
        grid-row: 2;
    }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item{
        display: grid;
        /*grid-template-columns: auto 1fr;*/
        /*grid-template-rows: auto auto;*/
        align-items: center;
        border-bottom: 1rem solid #e9eef5;
        gap: 12rem;
    }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .date{
        /*grid-column: 1 / span 2;*/
        /*grid-row: 2;*/
        justify-self: end;
        font-size: 14rem;
        color: #8aa0b6;
    }

    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-name {
        white-space: normal !important;
    }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child .posts-inform .posts-name {
        font-size: 17rem;
    }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform .posts-data .data-list .data-item .body {
        width: auto;
    }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item > .badge{ flex:0 0 auto; height:30rem; padding:0 8rem; font-size:12rem; }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .posts-inform{ flex:1 1 auto; overflow:hidden; }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .date{ margin-left:auto; font-size:12.5rem; }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item:first-child .date{ margin-left:auto; font-weight:700; color:rgb(25,29,38); font-size: 15rem;}
}
@media (max-width:350px){
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list{ padding:6rem 4rem; }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item{ gap:6rem; padding:8rem 6rem; }
    .content-body .home .home-notice .box-body .subsection.data-notice .posts-display .posts-list .posts-item .date{ font-size:12rem; }
}

:root{ --home-report-aside:128rem; }

@media (max-width:1240px){ :root{ --home-report-aside:0rem; } }
.content-body .home .home-report .box-body .subsection.data-posts,
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap,
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body{ width:100%; height:100%; }
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-head{
    position:absolute; overflow:hidden; visibility:hidden; margin:-1rem; padding:0; width:1rem; height:1rem; line-height:1rem; font-size:1rem; border:0; clip:rect(0 0 0 0); pointer-events:none;
}
/*.content-body .home .home-report .box-body .subsection.data-posts {padding: 15rem;}*/
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display{ display:block; height:; }
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list{
    display:block; width:100%;height: 100%; margin:0; padding:0; list-style:none; overflow:visible;
}
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList {
    margin-top: 10px;
    margin-bottom: 80px;
}
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li {
    position: relative;
    padding: 10rem 0;
}

/* 항목 사이 구분선 */
/*.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li:not(:last-child)::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 1.3px;*/
/*    background-color: rgba(255, 255, 255, 0.25);*/
/*}*/
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li {
    font-weight: 500;
    font-size: 14rem;
    line-height: 24rem;
    color: #ffffff;
    padding: 7px;
    margin: 0px 0;
    border-radius: 0;
    border-bottom: 1px solid #ffffff1f;
    /*background: #ffffff1f;*/
    /*max-height: 65px;*/

    display: grid;
    align-content: center;
    min-height: 60px;
}
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li:first-child {
    border-top: 1px solid #ffffff1f;
}
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li:hover {
    background: #ffffff1f;
}
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li .posts-subject {
    margin: 0;   
}

.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li .posts-link {
    color: white;
    text-decoration: none;	
	display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
}
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li .posts-head .posts-date {
    margin: 0;
    font-size: 13rem;
    font-weight: 200;
	display: inline;
}
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display #reportTitleList > li .posts-head .posts-name {
	display: block;
}

.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item{ display:flex; flex-direction: column; height:100%; }
.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item.report::after{
    content:""; position:absolute; right:24rem; top:50%; width:var(--home-report-aside); height:var(--home-report-aside); transform:translateY(-50%); pointer-events:none;
}
.content-body .home .box-body#data-posts{ background:rgb(1, 120, 208) }
/*.content-body .home .box-body#data-posts{ background: linear-gradient(229deg, rgb(164 156 0 / 45%), #2b98ff61 55%), radial-gradient(520rem 240rem at 0% 0%, rgb(0 85 164 / 38%), #ff05053d 60%) }*/
.content-body .home .home-report .box-body .subsection.data-posts .data-wrap{ display:flex; flex-direction:column; row-gap:16rem; height:100%; }
.content-body .home .home-report .box-body .subsection.data-posts .data-body{ flex:1 1 auto;display: flex; flex-direction: column; }
.content-body .home .home-report .box-body .subsection.data-posts .data-body .posts-read .post-head { font-size: 17rem;}
.content-body .home .home-report .box-body .subsection.data-posts .posts-read .posts-head .posts-subject{ margin:0; font-weight:700; font-size:15rem; line-height:24rem; color:#ffffff; }
.content-body .home .home-report .box-body .subsection.data-posts .posts-read .posts-head .posts-subject .posts-name{
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;
}
.content-body .home .home-report .box-body .subsection.data-posts .posts-read .posts-body a{
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; font-size: 13rem; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; color:#ffffff; text-decoration:none;
}
.content-body .home .home-report .box-body .subsection.data-posts .posts-read .posts-body a:not(:hover){ text-decoration:none; }
.content-body .home .home-report .box-body .subsection.data-posts .posts-read .posts-data .data-list .data-item .body{ font-size:13rem; line-height:20rem; color:#ffffff; }
.content-body .home .home-report .box-body .subsection.data-posts .data-footer{ display:flex; justify-content:flex-end;}

.content-body .home .home-notice .box-body .subsection .subsection-wrap .subsection-body .subsubsection-bottom a{ color:#000; text-decoration:none; }
.content-body .home .home-report .box-body .subsection.data-posts .data-footer a{ color:#fff; text-decoration:none; }
.content-body .home .home-report .box-body .subsection.data-posts .data-body .posts-read { flex: 1 1 auto; display: flex; flex-direction: column;overflow: hidden; }
.content-body .home .home-report .box-body .subsection.data-posts .data-body .posts-read .posts-body{flex: 1 1 auto;overflow: hidden; padding: 8px 0;}
@media (max-width:1240px){ .content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list{ gap:14rem; } }
/*@media (max-width:640px){*/
/*.content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list{ gap:12rem; }*/
/*    .content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item{ padding:16rem; border-radius:15rem; }*/
/*}*/
@media (max-width:450px){
    .content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list{ gap:10rem; }
    .content-body .home .home-report .box-body .subsection.data-posts .subsection-wrap .subsection-body > .data-display > .data-list > .data-item{ padding:14rem; }
}

.content-body .home .home-report .box-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.content-body .home .home-report .box-body::before {
    content: "";
    display: block;
    position: absolute;
    right: 15rem;
    bottom: 20rem;
    width: 70rem;
    height: 70rem;
    /*background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(191,194,202,1)' d='M57,75.1c10-1.5,20.6-6.8,29.3-15.7c8.8-8.7,14.1-19.3,15.6-29.3s-0.8-19.6-7.4-26.3c-0.1-0.1-0.1-0.1-0.1-0.1 c-1.7-1.6-4.1-2.1-6.7-1.9c-2.6,0.3-5.6,1.2-8.9,2.7c-6.6,3-14.4,8.4-22.2,15.5c-0.6,0.6-0.6,1.5,0,2.1c0.5,0.6,1.5,0.7,2.1,0.1 c7.6-6.9,15.2-12.1,21.4-14.9c3.1-1.4,5.8-2.2,8-2.2c2.2-0.2,3.5,0.2,4.3,1c0.8,0.9,1.3,2.4,0.9,4.9c-0.4,2.5-1.5,5.6-3.4,9.2 c-3.8,7.2-10.3,15.9-18.7,24.3c-8.4,8.4-17.1,15-24.3,18.7c-3.6,1.9-6.7,3-9.2,3.4c-2.6,0.3-4.1-0.1-5-1c-0.7-0.8-1.2-2.2-1-4.3 c0.2-2.1,1-4.8,2.4-7.9c2.8-6.3,8-13.8,14.9-21.5c0.6-0.6,0.5-1.5-0.1-2.1c-0.6-0.6-1.5-0.5-2.1,0.1c-7,7.8-12.4,15.6-15.4,22.2 c-1.5,3.3-2.5,6.3-2.7,8.9s0.3,4.9,1.9,6.6C37.3,74.3,47,76.6,57,75.1z M38.2,69.4c3-0.4,6.4-1.7,10.2-3.7 c7.5-3.9,16.4-10.6,25-19.2c8.6-8.6,15.3-17.5,19.2-25c1.9-3.8,3.2-7.2,3.6-10.2c2.9,5.2,3.7,11.6,2.7,18.5 c-1.4,9.4-6.4,19.3-14.7,27.6c-8.3,8.3-18.3,13.3-27.6,14.7c-6.8,1-13.3,0.2-18.5-2.7H38.2z M38.7,20.6c-0.6-0.6-0.6-1.5,0-2.1 l6.5-6.5c0.6-0.6,1.5-0.6,2.1,0c0.6,0.5,0.6,1.5,0,2l-2.2,2.2l21.7,21.7c0.6,0.6,0.6,1.5,0,2.1c-0.6,0.6-1.5,0.6-2.1,0L43,18.4 l-2.2,2.2C40.2,21.2,39.3,21.2,38.7,20.6z M80.2,122.6v-11.8c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v11.8c0,0.8-0.7,1.5-1.5,1.5 S80.2,123.4,80.2,122.6z M30.2,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5h-5.9 C30.9,121.1,30.2,120.4,30.2,119.6z M42,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5h-5.9 C42.7,121.1,42,120.4,42,119.6z M18.5,119.6c0-0.8,0.7-1.5,1.5-1.5h5.9c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5H20 C19.2,121.1,18.5,120.4,18.5,119.6z M123.8,113.9l-8.3-6.9V81.4c0-0.4-0.2-0.8-0.5-1.1l-9.2-8.8l-12-11.8c-0.6-0.6-1.5-0.6-2.1,0 c-0.6,0.6-0.6,1.5,0,2.1l12.1,11.8l8.7,8.4v25.8c0,0.4,0.2,0.9,0.5,1.2l8.3,6.9v14H94.9V96.1c0-0.8-0.7-1.5-1.5-1.5H83.2v-3.8 l8.4-8.4c0.3-0.3,0.4-0.7,0.4-1.1v-5.8c0-0.8-0.7-1.5-1.5-1.5S89,74.7,89,75.5v5.3l-8.4,8.4c-0.3,0.3-0.4,0.7-0.4,1.1v4.4H49.4 c-0.8,0-1.5,0.7-1.5,1.5v10.3H30.3V99c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5v7.3h-8.8v-22c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5 v22h-4.4c-0.8,0-1.5,0.7-1.5,1.5v23.5c0,0.8,0.7,1.5,1.5,1.5h47h35.2c0,0,0,0,0.1,0h29.4c0.8,0,1.5-0.7,1.5-1.5v-16.2 C124.3,114.7,124.1,114.2,123.8,113.9z M56.7,129.8h-44v-20.5H17h0.1h39.6V129.8z M92,129.8H59.7v-21.9c0-0.8-0.7-1.5-1.5-1.5h-7.3 v-8.8H92V129.8z M68.4,122.6v-11.8c0-0.9,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v11.8c0,0.8-0.7,1.5-1.5,1.5 C69.1,124.1,68.4,123.4,68.4,122.6z'/%3E%3C/svg%3E") no-repeat center/cover;*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134 134'%3E %3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E %3Cpath fill='rgba(255,255,255,1)' d='M133.5,51.7L120,38.2c-0.6-0.6-1.5-0.6-2.1,0l-3.4,3.4l-5.4-5.4l6.5-6.5c3.1-3.1,3.1-8.1,0-11.2 c-3.1-3.1-8.1-3.1-11.2,0L98,25l-5.4-5.4l3.3-3.5c0.6-0.6,0.6-1.5,0-2.1L82.3,0.5c-0.6-0.6-1.5-0.6-2.1,0l-9,9 c-0.6,0.6-0.6,1.5,0,2.1l13.6,13.6c0.6,0.6,1.5,0.6,2.1,0l3.5-3.5l5.4,5.4l-3.5,3.5C90.8,32,90,34.2,90,36.2 C83.8,33,76,33.5,70,37.5c-0.3,0.3-0.6,0.7-0.6,1.1c-0.1,0.4,0.1,0.9,0.4,1.2L81,51l-3.7,3.6c-0.6,0.6-0.6,1.5,0,2.1s1.5,0.6,2.1,0 l3.7-3.6l11.2,11.2c0.3,0.3,0.8,0.4,1.2,0.4c0.4,0,0.8-0.2,1.1-0.6c4.2-6,4.6-13.8,1.3-20.1c2,0.1,4.1-0.7,5.7-2.3l3.5-3.5l5.4,5.4 l-3.5,3.5c-0.6,0.6-0.6,1.5,0,2.1l13.5,13.5c0.6,0.6,1.5,0.6,2.1,0l9-9C134.2,53.2,134.2,52.2,133.5,51.7z M89.3,18.5L86,21.8 L74.5,10.5l6.9-6.9L92.8,15L89.3,18.5z M95,61L73.2,39.2c6.2-3.4,13.9-2.6,19,2.4c0.1,0,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.1,0.2,0.2 C97.5,47,98.2,54.8,95,61z M106,34.8l-4.5,4.5c-2,2.1-5,2.1-6.9,0.4l-0.1-0.1l-0.1-0.1c-1.9-2-1.8-5,0-6.9l4.5-4.5c0,0,0,0,0.1-0.1 c0.1-0.1,0,0,0.1-0.1l7.5-7.5c1.9-1.9,5-1.9,6.9,0c1.9,1.9,1.9,5,0,6.9L106,34.8z M123.5,59.5l-11.4-11.4l6.9-6.9l11.4,11.4 L123.5,59.5z M43.7,46.6C19.5,46.6,0,66.1,0,90.3S19.6,134,43.7,134c24.1,0,43.7-19.5,43.7-43.6v-0.1v-0.1 C87.3,66.1,67.8,46.6,43.7,46.6z M43.7,131C21.2,131,3,112.8,3,90.3s18.2-40.7,40.7-40.7c6.8,0,13.2,1.7,18.8,4.7l-4.4,4.4h-5.4 c-0.4,0-0.8,0.1-1.1,0.4L46,64.7h-8.4c-5.8,0-10.5,4.7-10.5,10.5v3c0,0.8,0.7,1.5,1.5,1.5h20.5l14.5,14.7c0.3,0.2,0.7,0.4,1.1,0.4h6 c0.4,0,0.8-0.1,1.1-0.4l2.6-2.6h9.9C83.5,113.6,65.7,131,43.7,131z M73.8,88.8c-0.4,0-0.8,0.1-1,0.2l-2.6,2.6h-4.8L50.8,77 c-0.3-0.2-0.7-0.4-1.1-0.4H30.1v-1.5c0-4.1,3.3-7.5,7.5-7.5h9c0.4,0,0.8-0.1,1.1-0.4l5.6-5.6h5.4c0.4,0,0.8-0.1,1.1-0.4l5.4-5.4 c11.1,7,18.6,19.1,19.1,33H73.8z M41.7,86.1c-0.3-0.3-0.7-0.4-1.1-0.4h-9v0.1c-0.4,0-0.8,0.2-1.1,0.4l-6,5.9 c-0.3,0.3-0.4,0.7-0.4,1.1v6.1c0,0.8,0.7,1.5,1.5,1.5H31l5.1,5.1v14.4c0,0.8,0.7,1.5,1.5,1.5h6c0.4,0,0.8-0.2,1.1-0.4l9-9 c0.3-0.3,0.4-0.7,0.4-1.1V99.2c0-0.4-0.2-0.8-0.4-1.1L41.7,86.1z M51.2,110.7l-8.2,8.2h-3.9v-13.6c0-0.4-0.2-0.8-0.4-1.1l-6-6 c-0.3-0.3-0.7-0.4-1.1-0.4h-4.5v-4l5.1-5.1H40l11.2,11.1V110.7z'/%3E%3C/svg%3E") no-repeat center/cover;
    opacity: 0.65;
    pointer-events: none;
    z-index: 0;
}
.content-body .home .home-quick{ position:relative; }
.content-body .home .home-quick .box-body{
    position:relative; background:#ECEFF5; border:1rem solid #E7E7E7; border-radius:15rem; padding:18rem 22rem; box-shadow:0 12rem 28rem rgba(8,33,69,.08); overflow:hidden;
}
.content-body .home .home-quick .box-body > ul{
    list-style:none; margin:0; padding:0; position:relative;
    display:grid; grid-auto-flow:column; gap:16rem; align-items:center; justify-items:center;
    grid-auto-columns:calc((100% - 3 * 16rem) / 4);
    overflow-x:auto; overscroll-behavior-x:contain; scroll-behavior:smooth;
    -ms-overflow-style:none; scrollbar-width:none; flex:1 1 auto; min-height:0;
}
.content-body .home .home-quick .box-body > ul::-webkit-scrollbar{ display:none; }
.content-body .home .home-quick .box-body > ul li {width: 100%;}
.content-body .home .home-quick .box-body > ul li a{
    display:grid; justify-items:center; row-gap:8rem; text-decoration:none;
    color:rgb(55,59,68); font-weight:600; font-size:13rem; line-height:1.2; white-space:nowrap; outline-offset:2rem;
    padding-bottom: 2px;
}
.content-body .home .home-quick .box-body > ul li a:focus-visible{ outline:2rem solid #2563eb; }
.content-body .home .home-quick .box-body > ul li a::before{
    content:""; width:56rem; height:56rem; border-radius:16rem; border:1rem solid #d5dfec; background:#fff center/32rem 32rem no-repeat; box-shadow:0 4rem 12rem rgba(8,33,69,.06);
}

/* 자료서비스 아이콘 (문서) */
.content-body .home .home-quick .box-body > ul li a.icon-service::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230082C8' stroke-width='2' d='M14,2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8L14,2z M13,9V3.5L18.5,9H13z'/%3E%3C/svg%3E");
}
/* 데이터 다운로드 아이콘 (화살표) */
.content-body .home .home-quick .box-body > ul li a.icon-download::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230082C8' d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");
}
/* 데이터 다운로드 아이콘 (화살표) */
.content-body .home .home-quick .box-body > ul li a.icon-api::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230082C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'%3E%3C/polyline%3E%3Cpolyline points='8 6 2 12 8 18'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='22'%3E%3C/line%3E%3C/svg%3E");
}

.content-body .home .home-quick .box-body > ul li a.icon-satellite::before {
    background-image:url("/resources/images/quick_img2.png");
}
.content-body .home .home-quick .box-body > ul li a.icon-data::before {
    background-image:url("/resources/images/quick_data.png");
}
.content-body .home .home-quick .box-body > ul li a.icon-location::before {
    background-image:url("/resources/images/quick_location.png");
}
.content-body .home .home-quick .box-body > ul li a.icon-manual::before {
    background-image:url("/resources/images/quick_manual.png");
}
.content-body .home .home-quick .box-body > ul li a.icon-ask::before {
    background-image:url("/resources/images/quick_ask.png");
}
.content-body .home .home-quick .box-body > ul li a.icon-mtg::before {
    background-image:url("/resources/images/quick_mtg.png");
}




.content-body .home .home-alert .box-body{
    position:relative; background:#ECEFF5; border:1rem solid #E7E7E7; border-radius:15rem; box-shadow:0 12rem 28rem rgba(8,33,69,.08);
    padding:0; overflow:hidden;
}
.content-body .home .home-alert .mini-visual,
.content-body .home .home-alert .bnr,
.content-body .home .home-alert .bnr img{ display:block; width:100%; }

.content-body .home .home-alert .bnr-list{
    display:flex; overflow:hidden; scroll-behavior:smooth; scroll-snap-align:none;
    padding:0; margin:0;
}
.content-body .home .home-alert .bnr-list > li{ list-style:none; flex:0 0 100%; scroll-snap-align:none; display:flex; }

.content-body .home .home-alert .mini-visual{ display:block; width:100%; aspect-ratio:11 / 5; margin:0; }
.content-body .home .home-alert .mini-visual img{ width:100%; height:auto; object-fit:contain; object-position:center; }

@media (max-width:1240px){
    .content-body .home .home-side .box .scroll-nav{ display:block; }

    .content-body .home .home-alert .bnr-list{
        display: flex;
        gap: 25rem;
        overflow: hidden;
        padding: 24rem;
        margin: 0;
        scroll-snap-type: none;
        scroll-padding-left: 20rem;
        overflow-x: auto;
    }
    .content-body .home .home-alert .bnr-list > li{
        /*scroll-snap-align: start;*/
        flex: 0 0 calc(50% - 35rem);
        display: block;
        list-style: none;
        background: #fff;
        border: 1rem solid #E7E7E7;
        border-radius: 18rem;
        padding: 14rem;
    }
    .content-body .home .home-alert .bnr{ display:block; }

    .content-body .home .home-alert .mini-visual{
        aspect-ratio: 11 / 5;
        margin:0;
        border-radius:12rem;
        overflow:hidden;
    }
    .content-body .home .home-alert .mini-visual img{
        width:100%; height:auto; object-fit:contain; object-position:center;
    }
    .content-body .home .home-quick .box-body > ul {
        grid-auto-columns: calc((100% - 3 * 16rem) / 5);
    }
}

@media (max-width:640px){
    .content-body .home .home-alert .bnr-list{
        /*scroll-padding-left: 0;*/
    }
    .content-body .home .home-alert .bnr-list > li{
        /*scroll-snap-align: start;*/
    }
    .content-body .home .home-quick .box-body{ padding:18rem 16rem; }
    .content-body .home .home-quick .box-body .scroll-nav {
        display: none !important;
    }
    .content-body .home .home-quick .box-body > ul{
        overflow-x:visible; grid-auto-flow:row; grid-template-columns:1fr;
        grid-auto-columns:unset; justify-items:stretch; align-items:stretch;
        gap:12rem; padding:0;
    }
    .content-body .home .home-quick .box-body > ul li a{
        display:grid; grid-template-columns:56rem 1fr; align-items:center; justify-items:start;
        column-gap:12rem; background:#fff; border-radius:9999rem; padding:0 14rem;
        color:#303a4b; box-shadow:0 6rem 16rem rgba(8,33,69,.06); font-size:15rem;
    }
    .content-body .home .home-quick .box-body > ul li a::before{
        width:43rem; height:43rem; border:none; border-radius:14rem; background-size:24rem 24rem; box-shadow:none;
    }
    .content-body .home .home-quick .quick-nav{ display:none; }

    .content-body .home .home-alert .bnr-list > li{ flex: 0 0 calc(90%); }
    .content-body .home .home-alert .mini-visual{ aspect-ratio:4/2; }
}

.content-body .home .home-side .data-img{ display:none; }
.content-body .home .home-side .home-quick{ position:relative; overflow:visible; z-index:2; }
.content-body .home .home-side .home-quick::before{
    content:""; position:absolute; right:-24rem; top: -63px; transform:rotate(23deg);
    width:clamp(96rem, 12vw, 160rem); aspect-ratio:1/1;
    background:url("/resources/images/emo.png") center/contain no-repeat;
    pointer-events:none; filter:drop-shadow(0 4rem 12rem rgba(8,33,69,.12));
}
@media (min-width:1000px) and (max-width:1240px){
    .content-body .home .home-side .home-quick::before{
        right:-14rem;
        top:-30%;
        width:clamp(84rem, 14vw, 128rem);
    }
}

@media (min-width:641px) and (max-width:999px){
    .content-body .home .home-side .home-quick::before{
        right:-12rem;
        top:-28%;
        width:clamp(84rem, 18vw, 140rem);
    }
}

@media (max-width:640px){
    .content-body .home .home-side .home-quick::before{
        right:-8rem;
        top:-9%;
        width:clamp(72rem, 22vw, 110rem);
    }
}

.content-body .home .home-side .box{ position:relative; overflow:visible; z-index:2; }
.content-body .home .home-side .box .scroll-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:25rem; height:25rem; border:1rem solid #dfe1e4; border-radius:16rem; background:#fff;
    z-index:3; padding:0; touch-action:manipulation; cursor:pointer; transition:background .2s ease;
}
.content-body .home .home-side .box .scroll-nav.prev{ left:3rem; }
.content-body .home .home-side .box .scroll-nav.next{ right:3rem; }
.content-body .home .home-side .box .scroll-nav::before{
    content:""; display:block; width:100%; height:100%; background:#9aa4b2;
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") center/18px 18px no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") center/18px 18px no-repeat;
}
.content-body .home .home-side .box .scroll-nav.next::before{
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") center/18px 18px no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") center/18px 18px no-repeat;
}
.content-body .home .home-side .box .scroll-nav:hover::before{ background:#6b7280; }
.content-body .home .home-side .box .scroll-nav[disabled]{ opacity:.35; cursor:default; }

/* === Tablet: 641px ~ 1240px — 반응형 카드 수 === */
@media (min-width:641px) and (max-width:1240px){
    .content-body .home .home-alert .bnr-list{
        display:flex;
        gap:20rem;
        padding:24rem;
        margin:0;
        overflow-x:auto;
        scroll-snap-type:none;
        scroll-padding-left:24rem; /* padding과 동일하게 */
    }

    /* 카드 폭을 가변: 최소 320rem ~ 최대 520rem, 중간은 뷰포트 비율 */
    .content-body .home .home-alert .bnr-list > li{
        flex:0 0 clamp(320rem, 42vw, 520rem);
        /*scroll-snap-align:start;*/
        display:block;
        list-style:none;
        background:#fff;
        border:1rem solid #E7E7E7;
        border-radius:18rem;
        padding:14rem;
    }

    .content-body .home .home-alert .mini-visual{
        aspect-ratio:4/2;
        border-radius:12rem;
        overflow:hidden;
    }
}

/* === Mobile: ≤640px — 1개 고정(현행 유지) === */
@media (max-width:640px){
    .content-body .home .home-alert .bnr-list{
        /*scroll-padding-left:0;*/
    }
    .content-body .home .home-alert .bnr-list > li{
        flex:0 0 90%;
        /*scroll-snap-align:start;*/
    }
}