@charset "UTF-8";
/**
 * 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;
    }
}
/**
 * @type layout
 */
/**
 * @type page
 * @name page-products, 위성자료
 */
.page-body .local-head::before {
    background-image: url(./../images/information/bg_local-head.png);
}
.page-body .local-body {
    margin: 10rem 0 72rem 0;
    position: relative;
}
@media (min-width: 1024px) {
    .page-body .local-body {
        margin: 40rem 0 120rem 0;
    }
}
.page-body .local-body .content-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;
}

html.active-scroll-start .page-head::before {
    -webkit-box-shadow: 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1rem 0 0 rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
}
html.active-scroll-start .page-head .page-subject .page-name svg {
    fill: rgb(1, 132, 208);
}
html.active-scroll-start .page-head .page-control .button-area .btn svg {
    fill: rgb(0, 0, 0);
}

/**
 * @type layout
 * @name content-head
 */
.content-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.content-head:not(.satellite) {
    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-head .content-subject {
    margin: 0;
    color: rgb(25, 29, 38);
}
.content-head .content-subject .content-name {
    display: block;
}
@media (max-width: 1023px) {
    .content-head {
        padding: 0 0 24rem 0;
    }
    .content-head .content-subject {
        font-size: 22.4rem;
        line-height: 28rem;
        font-weight: 700;
    }
}
@media (min-width: 1024px) {
    .content-head {
        padding: 0 0 48rem 0;
    }
    .content-head .content-subject {
        font-size: 32rem;
        line-height: 40rem;
        font-weight: 700;
    }
}

/**
 * @type layout
 * @name content-body
 */
.content-body .section.module-a .section-wrap .section-head .section-subject {
    margin: 0;
}
.content-body .section.module-a .section-wrap .section-body .para {
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 400;
    color: rgb(25, 29, 38);
}
.content-body .section.module-a .section-wrap .section-body .para + .data-display.outputs-info {
    margin-top: 20rem;
}
@media (min-width: 1024px) {
    .content-body .section.module-a .section-wrap .section-body .para + .data-display.outputs-info {
        margin-top: 24rem;
    }
}
.content-body .section.module-a .section-wrap .section-body .data-display.outputs-info .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: 4rem;
}
@media (min-width: 1024px) {
    .content-body .section.module-a .section-wrap .section-body .data-display.outputs-info .data-list .data-item .data-wrap {
        row-gap: 8rem;
    }
}
.content-body .section.module-a .section-wrap .section-body .data-display.outputs-info .data-list .data-item .data-wrap .data-head .data-subject {
    margin: 0;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 500;
    color: rgb(25, 29, 38);
}
.content-body .section.module-a .section-wrap .section-body .data-display.outputs-info .data-list .data-item .data-wrap .data-body .order-list + .order-list {
    margin-top: 20rem;
}
@media (min-width: 1024px) {
    .content-body .section.module-a .section-wrap .section-body .data-display.outputs-info .data-list .data-item .data-wrap .data-body .order-list + .order-list {
        margin-top: 24rem;
    }
}
.content-body .section.module-a .section-wrap .section-body .data-display.outputs-info + .para {
    margin-top: 20rem;
}
@media (min-width: 1024px) {
    .content-body .section.module-a .section-wrap .section-body .data-display.outputs-info + .para {
        margin-top: 24rem;
    }
}
.content-body .section.module-a.type-a .section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .content-body .section.module-a.type-a .section-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16rem;
    }
}
.content-body .section.module-a.type-a .section-wrap .section-head .section-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (min-width: 1024px) {
    .content-body .section.module-a.type-a .section-wrap .section-head .section-subject {
        -webkit-column-gap: 8rem;
        -moz-column-gap: 8rem;
        column-gap: 8rem;
    }
}
@media (min-width: 1024px) {
    .content-body .section.module-a.type-a .section-wrap .section-head .section-subject .section-name .wbr {
        display: block;
    }
}
.content-body .section.module-a.type-a .section-wrap .section-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.content-body .section.module-a.type-c + .section.module-a {
    margin-top: 48rem;
}
@media (min-width: 1024px) {
    .content-body .section.module-a.type-c + .section.module-a {
        margin-top: 64rem;
    }
}
.content-body .section.module-a.type-c .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;
    row-gap: 16rem;
}
.content-body .section.module-a.type-c .section-wrap .section-head .section-subject .section-name {
    display: block;
}
.content-body .section.module-a.style-a .section-wrap {
    -webkit-column-gap: 80rem;
    -moz-column-gap: 80rem;
    column-gap: 80rem;
}
.content-body .section.module-a.style-a .section-wrap .section-head .section-subject {
    font-size: 22.4rem;
    line-height: 28rem;
    font-weight: 700;
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-a .section-wrap .section-head .section-subject {
        font-size: 32rem;
        line-height: 40rem;
    }
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-a .section-wrap .section-head {
        min-width: 240rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject {
    font-size: 16rem;
    line-height: 20rem;
    font-weight: 500;
    color: rgb(25, 29, 38);
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-b .section-wrap .section-head .section-subject {
        font-size: 22.4rem;
        line-height: 28rem;
    }
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject[class*=attr-]::before {
    content: "";
    display: block;
    width: 20rem;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-b .section-wrap .section-head .section-subject[class*=attr-]::before {
        width: 28rem;
        height: 28rem;
    }
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject.attr-description::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(25,29,38,1)' d='M8.5,13.2h7c0.4,0,0.8,0.3,0.8,0.8s-0.3,0.8-0.8,0.8h-7c-0.4,0-0.8-0.3-0.8-0.8S8.1,13.2,8.5,13.2z M15.5,16.2 h-7c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h7c0.4,0,0.8-0.3,0.8-0.8S15.9,16.2,15.5,16.2z M8.5,11.7h4c0.4,0,0.8-0.3,0.8-0.8 s-0.3-0.8-0.8-0.8h-4c-0.4,0-0.8,0.3-0.8,0.8S8.1,11.7,8.5,11.7z M19,9.8v9.6c0,0.4-0.2,0.8-0.4,1.1c-0.3,0.3-0.7,0.5-1.1,0.5h-11 c-0.4,0-0.8-0.2-1.1-0.5S5,19.8,5,19.4V6.6c0-0.4,0.2-0.8,0.4-1.1S6.1,5,6.5,5h8L19,9.8z M15.2,9.2h1.2l-1.2-1.3V9.2z M17.5,10.7h-3 c-0.4,0-0.8-0.3-0.8-0.8V6.5H6.5c0,0,0,0.1,0,0.1v12.8c0,0,0,0.1,0,0.1h10.9c0,0,0-0.1,0-0.1V10.7z'/%3E%3C/svg%3E");
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject.attr-application::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(25,29,38,1)' d='M21.2,13L21.2,13c-0.1-0.5-0.3-1-0.7-1.4c-0.4-0.4-1-0.7-1.6-0.7h-0.1c-0.1,0-0.2,0-0.3-0.1 c-0.1-0.1-0.2-0.1-0.2-0.2l0,0c0-0.1-0.1-0.2,0-0.3c0-0.1,0.1-0.2,0.1-0.3l0,0c0.2-0.2,0.4-0.5,0.5-0.7c0.1-0.3,0.2-0.6,0.2-0.9 c0-0.3-0.1-0.6-0.2-0.9c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.5-0.4-0.7-0.5C17.5,6,17.2,6,16.9,6C16.6,6,16.3,6,16,6.2 c-0.3,0.1-0.5,0.3-0.7,0.5l0,0c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3,0c0,0,0,0,0,0c-0.1,0-0.2-0.1-0.2-0.2 c-0.1-0.1-0.1-0.2-0.1-0.3V6.2c0-0.6-0.2-1.2-0.7-1.6c-0.4-0.4-1-0.7-1.6-0.7c-0.6,0-1.2,0.2-1.6,0.7c-0.4,0.4-0.7,1-0.7,1.6v0.1 c0,0.1,0,0.2-0.1,0.3C9.5,6.8,9.4,6.8,9.3,6.9l0,0c-0.1,0-0.2,0.1-0.3,0c-0.1,0-0.2-0.1-0.3-0.1l0,0C8.5,6.5,8.2,6.3,8,6.2 S7.4,6,7.1,6C6.8,6,6.5,6.1,6.2,6.2C5.9,6.3,5.7,6.5,5.5,6.7C5.2,6.9,5.1,7.2,5,7.5C4.8,7.7,4.8,8,4.8,8.3S4.8,8.9,5,9.2 C5.1,9.5,5.2,9.7,5.5,10l0,0c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2,0,0.3l0,0c0,0.1-0.1,0.2-0.2,0.2c-0.1,0.1-0.2,0.1-0.3,0.1H5 c-0.6,0-1.2,0.2-1.6,0.7C3.1,12,2.8,12.4,2.8,13h0c0,0,0,0,0,0.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1h0c0,0.5,0.3,1,0.7,1.4 c0.4,0.4,1,0.7,1.6,0.7h0.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.2l0,0c0,0.1,0.1,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.3l0,0 C5.3,16.5,5.1,16.7,5,17c-0.1,0.3-0.2,0.6-0.2,0.9c0,0.3,0.1,0.6,0.2,0.9c0.1,0.3,0.3,0.5,0.5,0.7C5.7,19.7,6,19.9,6.3,20 c0.3,0.1,0.6,0.2,0.9,0.2S7.7,20.1,8,20c0.3-0.1,0.5-0.3,0.7-0.5l0,0c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0c0,0,0,0,0,0 c0.1,0,0.2,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.1,0.3v0.1c0,0.6,0.2,1.2,0.7,1.6c0.4,0.4,1,0.7,1.6,0.7c0.6,0,1.2-0.2,1.6-0.7 c0.4-0.4,0.7-1,0.7-1.6v-0.1c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.1-0.2,0.2-0.2l0,0c0.1,0,0.2-0.1,0.3,0c0.1,0,0.2,0.1,0.3,0.1l0,0 c0.2,0.2,0.5,0.4,0.7,0.5c0.3,0.1,0.6,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.1,0.5-0.3,0.7-0.5c0.2-0.2,0.4-0.5,0.5-0.7 c0.1-0.3,0.2-0.6,0.2-0.9c0-0.3-0.1-0.6-0.2-0.9c-0.1-0.3-0.3-0.5-0.5-0.7l0,0c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3l0,0 c0-0.1,0.1-0.2,0.2-0.2c0.1-0.1,0.2-0.1,0.3-0.1H19c0.6,0,1.2-0.2,1.6-0.7c0.4-0.4,0.6-0.9,0.7-1.4h0c0,0,0,0,0-0.1 C21.2,13.1,21.2,13.1,21.2,13C21.2,13,21.2,13,21.2,13z M19.5,13.5c-0.1,0.1-0.4,0.2-0.6,0.2h-0.1h0c-0.4,0-0.8,0.1-1.1,0.3 c-0.3,0.2-0.6,0.5-0.7,0.9c-0.2,0.4-0.2,0.8-0.1,1.2c0.1,0.4,0.3,0.8,0.5,1.1l0.1,0.1c0.1,0.1,0.1,0.2,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3c0,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1,0-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1 c-0.1,0-0.2-0.1-0.3-0.2l0,0l0,0c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4-0.1-0.8,0-1.2,0.1c-0.4,0.2-0.7,0.4-0.9,0.7 c-0.2,0.3-0.3,0.7-0.3,1.1v0v0.1c0,0.2-0.1,0.4-0.2,0.6c-0.1,0.1-0.4,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.6-0.2c-0.1-0.1-0.2-0.4-0.2-0.6 v-0.1l0,0c0-0.4-0.1-0.8-0.4-1.1c-0.2-0.3-0.6-0.6-0.9-0.7c-0.4-0.2-0.8-0.2-1.2-0.1c-0.4,0.1-0.8,0.3-1.1,0.5l-0.1,0.1 c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1,0-0.2,0.1-0.3,0.1s-0.2,0-0.3-0.1c-0.1,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.2-0.2-0.3 c0-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0.1-0.3c0-0.1,0.1-0.2,0.2-0.3l0,0l0,0c0.3-0.3,0.5-0.7,0.5-1.1c0.1-0.4,0-0.8-0.1-1.2 c-0.2-0.4-0.4-0.7-0.7-0.9c-0.3-0.2-0.7-0.3-1.1-0.3H5c-0.2,0-0.4-0.1-0.6-0.2c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2,0.1-0.3,0.2-0.5 c0.1-0.1,0.4-0.2,0.6-0.2l0.1,0l0,0c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.5,0.7-0.9c0.2-0.4,0.2-0.8,0.1-1.2C7,9.6,6.8,9.2,6.6,9 L6.5,8.9C6.4,8.8,6.4,8.7,6.3,8.6S6.3,8.4,6.3,8.3s0-0.2,0.1-0.3s0.1-0.2,0.2-0.3c0.1-0.1,0.2-0.1,0.3-0.2c0.1,0,0.2-0.1,0.3-0.1 c0.1,0,0.2,0,0.3,0.1s0.2,0.1,0.3,0.2l0,0l0,0C8,8.1,8.3,8.3,8.7,8.4c0.4,0.1,0.8,0,1.2-0.1c0.4-0.2,0.7-0.4,0.9-0.7 c0.2-0.3,0.3-0.7,0.3-1.1v0V6.2c0-0.2,0.1-0.4,0.2-0.6c0.1-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0.1,0.6,0.2c0.1,0.1,0.2,0.4,0.2,0.6v0.1 l0,0c0,0.4,0.1,0.8,0.4,1.1C13.3,7.8,13.7,8,14,8.2c0.4,0.2,0.8,0.2,1.2,0.1C15.6,8.2,16,8,16.2,7.8l0.1-0.1 c0.1-0.1,0.2-0.1,0.3-0.2s0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1c0.1,0,0.2,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3c0,0.1-0.1,0.2-0.2,0.3l0,0l0,0c-0.3,0.3-0.5,0.7-0.5,1.1c-0.1,0.4,0,0.8,0.1,1.2 c0.2,0.4,0.4,0.7,0.7,0.9c0.3,0.2,0.7,0.3,1.1,0.3H19c0.2,0,0.4,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.5C19.7,13.2,19.6,13.4,19.5,13.5 z M12,9.7c-1.8,0-3.2,1.5-3.2,3.2s1.5,3.2,3.2,3.2s3.2-1.5,3.2-3.2S13.8,9.7,12,9.7z M12,14.7c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8 s1.8,0.8,1.8,1.8S13,14.7,12,14.7z'/%3E%3C/svg%3E");
}
.content-body .section.module-a.style-b .section-wrap .section-head .section-subject.attr-notice::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(25,29,38,1)' d='M11.2,14V9.2c0-0.4,0.3-0.8,0.8-0.8s0.8,0.3,0.8,0.8V14c0,0.4-0.3,0.8-0.8,0.8S11.2,14.4,11.2,14z M12,15.7 L12,15.7c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h0c0.4,0,0.8-0.3,0.8-0.8S12.4,15.7,12,15.7z M20,9.6v6.6L15.3,21H8.7L4,16.3V9.6 L8.7,5h6.6L20,9.6z M18.5,10.3l-3.8-3.8H9.3l-3.8,3.8v5.4l3.8,3.8h5.4l3.8-3.8V10.3z'/%3E%3C/svg%3E");
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-b .section-wrap .section-head {
        width: 212rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
.content-body .section.module-a.style-b[class*=attr-] .section-wrap .section-body::before {
    content: "";
    display: block;
    height: 200rem;
    margin-bottom: 20rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8rem;
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-b[class*=attr-] .section-wrap .section-body::before {
        height: 312rem;
        margin-bottom: 24rem;
    }
}
.content-body .section.module-a.style-b[class*=attr-].attr-aerosol .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-01.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-available .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-02.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-cloud .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-03.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-surface .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-04.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-ozone .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-05.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-ozone-pro .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-06.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-formaldehyde .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-07.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-glyoxal .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-08.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-nitrogen .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-09.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-sulfur .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-10.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-ultraviolet .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-11.png);
}
.content-body .section.module-a.style-b[class*=attr-].attr-aerosol-l4 .section-wrap .section-body::before {
    background-image: url(./../images/satellite/product-12.png);
}
.content-body .section.module-a.style-b + .module-a.style-b {
    padding-top: 32rem;
    margin-top: 32rem;
    border-top: 1rem solid rgb(236, 239, 245);
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-b + .module-a.style-b {
        padding-top: 40rem;
        margin-top: 40rem;
    }
}
.content-body .section.module-a.style-c .section-wrap .section-head .section-subject {
    font-size: 19.2rem;
    line-height: 24rem;
    font-weight: 700;
    color: rgb(25, 29, 38);
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-c .section-wrap .section-head .section-subject {
        font-size: 22.4rem;
        line-height: 28rem;
    }
}
.content-body .section.module-a.style-c .section-wrap .section-head .section-summary {
    margin: 16rem 0 0 0;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 400;
    color: rgb(55, 59, 68);
}
@media (min-width: 1024px) {
    .content-body .section.module-a.style-c .section-wrap .section-head .section-summary {
        margin: 24rem 0 0 0;
    }
}
.content-body .subsection.module-a .subsection-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-body .subsection.module-a .subsection-wrap .subsection-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: 4rem;
}
.content-body .subsection.module-a .subsection-wrap .subsection-head .subsection-subject {
    margin: 0;
    font-size: 19.2rem;
    line-height: 24rem;
    font-weight: 500;
}
.content-body .subsection.module-a .subsection-wrap .subsection-head .subsection-subject .subsection-name {
    display: block;
}
.content-body .subsection.module-a .subsection-wrap .subsection-head .subsection-summary {
    margin: 0;
    font-size: 16rem;
    line-height: 24rem;
    color: rgb(55, 59, 68);
}
.content-body .subsection.module-a.style-a .subsection-wrap .subsection-head .subsection-subject {
    color: rgb(25, 29, 38);
}
.content-body .subsection.module-a.style-b .subsection-wrap .subsection-head .subsection-subject {
    color: rgb(1, 132, 208);
}

/**
 * @type layout
 * @name page-foot
 */
.page-foot::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    background-color: rgb(25, 29, 38);
}

/**
 * @type page
 * @name page-data, 자료서비스
 */
.page-body.page-data .local-head::before {
    background-image: url(./../images/information/bg_local-head.png);
}
.page-body.page-data.page-openapi .content-body .tab-display.module-c {
    margin-bottom: 40rem;
}
@media (min-width: 1024px) {
    .page-body.page-data.page-openapi .content-body .tab-display.module-c {
        margin-bottom: 80rem;
    }
}
.page-body.page-data.page-openapi .section.api-issuance .issuance-form {
    padding: 32rem 16rem;
    margin-top: 40rem;
    background-color: rgb(249, 250, 252);
}
@media (min-width: 1024px) {
    .page-body.page-data.page-openapi .section.api-issuance .issuance-form {
        padding: 64rem 256rem;
    }
    .page-body.page-data.page-openapi .section.api-issuance .issuance-form .submit-form {
        min-width: 440rem;
    }
}
@media (max-width: 1023px) {
    .page-body.page-data.page-openapi .section.api-generate .section-wrap .section-body > .submit-form.style-a .form-list .form-item.outputs-type .form-wrap .form-body .form-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .page-body.page-data.page-openapi .section.api-generate .section-wrap .section-body > .submit-form.style-a .form-list .form-item.outputs-type .form-wrap .form-body .form-area .form {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: calc((100% - 16rem) / 2);
    }
    .page-body.page-data.page-openapi .section.api-generate .section-wrap .section-body > .submit-form.style-a .form-list .form-item.key-validation .form-wrap .form-body .form-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: 1024px) {
    .page-body.page-data.page-openapi .section.api-generate .section-wrap .section-body > .submit-form.style-a .form-list .form-item:not(.outputs-type) .form-wrap .form-body .form-area {
        width: 498rem;
    }
}
.page-body.page-data.page-openapi .section.api-generate .section-wrap .section-body > .submit-form.style-a > .button-display {
    padding-top: 24rem;
    border-top: 1rem solid rgb(236, 239, 245);
}
.page-body.page-data.page-openapi .section.api-generate .section-wrap .section-body .generate-form {
    padding: 32rem 16rem;
    margin-top: 40rem;
    background-color: rgb(249, 250, 252);
}
@media (min-width: 1024px) {
    .page-body.page-data.page-openapi .section.api-generate .section-wrap .section-body .generate-form {
        padding: 48rem;
        margin-left: -320rem;
    }
}


.posts-display.imagery-reader .posts-wrap .posts-body .reader .reader-body.rel{
    display : none;
}
.posts-display.imagery-reader .posts-wrap .posts-body .reader .reader-wrap.layout-split .reader-body.rel{
    display : flex;
}
.posts-display.imagery-reader .posts-wrap .posts-body .reader .reader-body.main .reader-more:not(.btn-util){
    display: none;
}
.posts-display.imagery-reader .posts-wrap .posts-body .reader .reader-wrap.layout-only .main .reader-more{
    flex: 0 0 auto;
    display:flex;
    justify-content: space-between;
}
.reader-spinner{
    z-index: 1;
    position: absolute;
    top:0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
    background-color: rgba(0, 0, 0, .1);
}
.reader-spinner .loader{
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.reader-message{
    z-index: 1;
    position: absolute;
    top:0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
    background-color: rgba(0, 0, 0, .1);
}
.reader-message > p{
    margin: 0;
    /*border: 2px solid #d05454;*/
    padding: 20px 20px;
    font-size: 15rem;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    box-shadow: 0 8rem 16rem 0 rgba(0, 0, 0, 0.1), 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 520px) {
    .reader-message > p{
        font-size: 16px;
    }
}

.reader-area{
    /*height: 500px;*/
}
.reader-area .reader-viewer{
    flex: 1 0 auto;
}
.reader-area .reader-viewer .panzoom{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.reader-area .reader-viewer img{
    width: 100%;
    max-width: calc( 100vh / 1.69 );
}

@media (max-width: 680px) {
    .reader-area .reader-viewer img{
        max-width: calc( 80vh / 1.69 );
    }
}


.reader-area .reader-thumbnail{
    z-index: 2;
    position:absolute;
    top:0;
    bottom:0;
    display: flex;
    flex-direction: column;
    gap: 8rem;
    /*padding: 5rem 5rem;*/
    /*height:100%;*/
    opacity: .6;
    background-color: #e5e2e2;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    overflow: auto;
}
@media (max-width: 520px) {
    .reader-area .reader-thumbnail{
        display:none
    }
}
@media (max-height: 480px) {
    .reader-area .reader-thumbnail{
        display:none
    }
}

.reader-area .reader-thumbnail:hover {
    opacity: 1;
}

.reader-area .reader-thumbnail img{
    width: 48px;
    border: 3px solid transparent;
}
@media (max-width: 1023px) {
    .posts-display.imagery-reader .posts-wrap .posts-body .reader .reader-body .reader-area .reader-thumbnail img {
        width: 50px;
    }
}
.reader-area .reader-thumbnail img.red{
    border-color: #e51a1af0;
}
.reader-area .reader-thumbnail img.yellow{
    border-color: #f5d248;
}


.reader-area .reader-thumbnail img:not(.red):hover{
    border-color: #aaa;
}

.reader-thumbnail::-webkit-scrollbar-thumb {
    border-width: 4rem;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.2);
}
.reader-thumbnail::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}
.reader-thumbnail::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
}
.reader-thumbnail::-webkit-scrollbar {
    width: 14rem;
    height: 14rem;
}
.reader-thumbnail::-webkit-scrollbar-thumb {
    border-radius: 8rem;
}



@media (max-width: 1023px){
    .reader-area{
        /*margin: 0 3%;*/
        /*height: 45vh;*/
    }

    .content-body.mobile .submit-form.module-b.type-b .form-list .form-item.atrb{
        display: none;
        order: 3;
    }
    .content-body.mobile .submit-form.module-b.type-b .form-list .form-item.timearea{
        display: none;
        order: 4;
    }
    .content-body.mobile .data-form.open .submit-form.module-b.type-b .form-list .form-item.atrb,
    .content-body.mobile .data-form.open .submit-form.module-b.type-b .form-list .form-item.timearea{
        display: flex;
    }
    #beginDt, #endDt{
        letter-spacing: -1px;
    }
}
.search-output-popup {
    width: 500px;
}

.main-output-name{
    font-size: 12rem;
}