@charset "utf-8";

.visually_hidden {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap
}

.pdf-cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.content2.pdf-cont .section01 {
    width: 100%;
}

.content2.pdf-cont .section02 {
    width: 100%;
    float: none;
    margin-right: 0
}

.section01::-webkit-scrollbar {
    width: 8px
}

.section01::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 8px
}

.section01::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

.pdf-cont {
    margin-bottom: 40px
}

.pdf_header {
    width: 100%;
    margin-top: 30px;
    border-bottom: 2px solid #000
}

.pdf_header:after {
    content: '';
    clear: both;
    display: block;
}

.pdf_header .pdf_title {
    float: left
}

.pdf_header .pdf_title h1 {
    float: left;
    text-align: auto;
    margin: 0;
    width: 200px;
    height: 57px;
    background: url(http://www.kyeongin.com/main/img/main_logo.png) no-repeat 0 0
}

.pdf_header .pdf_title p {
    float: left;
    font-size: 32px;
    font-weight: 600;
    color: #333;
    line-height: 40px
}

.pdf_header .pdf_title p span {
    margin-left: 10px;
    font-size: 20px;
    color: #555;
    font-weight: 400
}

.pdf_header .view_location {
    float: right;
    padding-top: 31px;
    display: none;
}

.pdf_header .view_location ul {
    display: flex;
    align-items: center;
    gap: 3px;
}

.pdf_header .view_location ul li {
    font-size: 16px;
    margin-left: 4px;
}

.pdf_header .view_location ul li a {
    color: #000;
}

.pdf_header .view_util ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pdf_header .view_util ul li {
    padding: 7px 15px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

.pdf_header .view_util ul li.active,
.pdf_header .view_util ul li:hover {
    background: #1c3f96;
    color: #fff;
}

.pdf_header+#content {
    max-width: 100%;
    overflow-x: auto
}

.pdf-cont .section01 {
    position: relative;
    padding-top: 30px
}

.pdf_slider {
    margin-bottom: 30px;
    HEIGHT: 520px;
    overflow: hidden;
    position: relative
}

.pdf_item {
    position: relative;
    overflow: hidden
}

.pdf_img {
    text-align: center;
    width: 342px;
    font-size: 16px;
    color: #333;
    margin: 15px auto 0 auto;
}

.pdf_img img {
    width: 340px;
    height: 470px;
    box-shadow: 0 0 10px #ddd;
    margin-bottom: 15px;
    border: 1px solid #eee
}

` .pdf_img a {
    color: #333
}

.today-ky-title {
    position: absolute;
    top: 0;
    left: 372px;
    font-size: 42px;
    color: #333;
    line-height: 50px;
    font-weight: 500;
    letter-spacing: -2px
}

.pdf_info {
    width: 100%;
    max-height: 290px;
    overflow: hidden
}

.pdf_info p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px
}

.pdf_info ul li {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    position: relative;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.pdf_info ul li a {
    color: #000
}

.pdf_info ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    background: #000
}

.pdf_info ul li a:hover {
    text-decoration: underline
}

.rolling-btn {
    position: absolute;
    bottom: 1px;
    left: 62px;
    overflow: hidden;
    border: 1px solid #dee6ed;
    width: 32px;
    height: 28px;
    z-index: 6;
}

.pdf_slider .slick-arrow,
.rolling-btn button {
    bottom: 48px;
    top: unset;
    width: 32px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.pdf_slider .slick-prev {
    position: absolute;
    z-index: 5;
    bottom: -13px;
    left: 0;
    font-size: 0;
    border-radius: inherit;
    border: 1px solid #dee6ed;
    width: 32px;
    height: 28px;
    border-radius: 3px 0 0 3px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M2.45361 5.5L7 9.83125L5.7732 11L-7.17381e-07 5.5L5.77319 -1.31168e-07L7 1.16875L2.45361 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.pdf_slider .slick-next {
    position: absolute;
    z-index: 5;
    left: 31px;
    bottom: -13px;
    font-size: 0;
    border: 1px solid #dee6ed;
    width: 32px;
    height: 28px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M4.54639 5.5L0 1.16875L1.2268 0L7 5.5L1.2268 11L0 9.83125L4.54639 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.rolling-btn button.pdf-stop {
    display: none;
    border-radius: 0 3px 3px 0;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M8 14V0H12V14H8ZM0 14V0H4V14H0Z' fill='black'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 9px;
}

.rolling-btn button.pdf-play {
    display: none;
    border-radius: 0 3px 3px 0;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' fill='none'%3E%3Cpath d='M0 0.139648V14.1396L11 7.13965L0 0.139648Z' fill='black'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 9px;
}

.rolling-btn button.pdf-play.active,
.rolling-btn button.pdf-stop.active {
    display: block
}

.paper-list-hd {
    border-bottom: 1px solid #333;
    padding: 20px 0
}

.paper-list-hd h3 {
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 24px
}

.paper-view-date {
    text-align: center;
    width: 250px;
    margin: 0 auto
}

.paper-view-date button {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: 1px solid #000;
}

.paper-view-date button.paper-date-prev {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M2.45361 5.5L7 9.83125L5.7732 11L-7.17381e-07 5.5L5.77319 -1.31168e-07L7 1.16875L2.45361 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
    display: inline-block
}

.paper-view-date button.paper-date-next {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M4.54639 5.5L0 1.16875L1.2268 0L7 5.5L1.2268 11L0 9.83125L4.54639 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
    display: inline-block
}

.paper-view-date button.date-prev-none {
    opacity: 0.3;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M2.45361 5.5L7 9.83125L5.7732 11L-7.17381e-07 5.5L5.77319 -1.31168e-07L7 1.16875L2.45361 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.paper-view-date button.date-next-none {
    opacity: 0.3;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M4.54639 5.5L0 1.16875L1.2268 0L7 5.5L1.2268 11L0 9.83125L4.54639 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.paper-view-date span {
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
    color: #333
}

.paper-list-area div {
    padding: 25px 0;
    border-bottom: 1px dashed #ddd;
    overflow: hidden
}

.paper-list-area div figure {
    width: 140px;
    height: 199px;
    float: left;
    border: 1px solid #ddd;
    margin-top: 0;
    margin-left: 0;
    margin-right: 25px;
    position: relative;
    cursor: pointer
}

.paper-list-area div figure img {
    width: 140px;
    height: 199px
}

.paper-list-area div figure a {
    width: 140px;
    height: 199px;
    display: block
}

.paper-list-area div figure a:hover::before {
    content: "지면보기";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 199px;
    text-align: center
}

.paper-list-area div h4 {
    font-size: 18px;
    color: #333;
    font-weight: 500
}

.paper-li {
    margin-top: 12px;
    overflow: hidden
}

.paper-li li {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    position: relative;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.paper-li li:before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    background: #000
}

.paper-li li a {
    color: #333
}

.paper-li li a:hover {
    text-decoration: underline
}

.subscribe_btn {
    cursor: pointer;
    padding: 20px;
    background: #1c3f96;
    border: 0;
    color: #fff;
    font-weight: 500;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    height: 54px;
    line-height: 14px;
    font-size: 15px;
    text-align: center
}

.subscribe_btn a {
    color: #fff !important
}

.copyright_wrap>*,
.m_service_wrap>* {
    text-align: left
}

.copyright_wrap,
.m_service_wrap {
    margin-top: 24px;
    overflow: hidden;
    padding: 0;
}

.m_service_wrap h1 {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin: 0;
    padding-bottom: 6px;
    width: 100%
}

.m_service_wrap h1::before {
    content: "";
    padding-right: 2px;
    width: 30px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23222' d='M6.625 11.563a.937.937 0 0 1 .938-.938h13.125a.938.938 0 0 1 0 1.875H7.563a.938.938 0 0 1-.938-.938Zm10.313 4.687a.938.938 0 0 0 0 1.875h3.75a.938.938 0 0 0 0-1.875h-3.75ZM16 22.813a.938.938 0 0 1 .938-.938h3.75a.938.938 0 0 1 0 1.875h-3.75a.938.938 0 0 1-.938-.938ZM7.562 16.25a.938.938 0 0 0-.937.938v5.625a.937.937 0 0 0 .938.937h5.625a.938.938 0 0 0 .937-.938v-5.625a.938.938 0 0 0-.938-.937H7.564Zm.938 5.625v-3.75h3.75v3.75H8.5ZM1 8.75A3.75 3.75 0 0 1 4.75 5H23.5a3.75 3.75 0 0 1 3.75 3.75v1.875a3.75 3.75 0 0 1 3.75 3.75v10.313a4.688 4.688 0 0 1-4.688 4.687H5.688A4.688 4.688 0 0 1 1 24.687V8.75Zm24.375 0A1.875 1.875 0 0 0 23.5 6.875H4.75A1.875 1.875 0 0 0 2.875 8.75v15.938A2.812 2.812 0 0 0 5.688 27.5h20.625a2.812 2.812 0 0 0 2.812-2.813V14.376A1.875 1.875 0 0 0 27.25 12.5v12.188a.938.938 0 0 1-1.875 0V8.75Z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
}

.m_service_wrap ul {
    padding-left: 25px;
    padding-top: 6px;

}

.m_service_wrap ul li {
    font-size: 15px;
    color: #555;
    overflow: hidden;
    padding-top: 4px;
}

.m_service_wrap ul li>* {
    float: left;
    line-height: 20px
}

.m_service_wrap ul li div {
    width: 264px;
    font-weight: 300
}

.copyright_wrap h1 {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin: 0;
    padding-bottom: 6px;
    line-height: 24px;
    width: 100%;
}

.copyright_wrap h1::before {
    content: "";
    width: 30px;
    height: 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7446_113993)'%3E%3Cpath d='M2.93179 17.0698C1.97669 16.1474 1.21486 15.0439 0.690774 13.8239C0.166684 12.6038 -0.109178 11.2916 -0.120716 9.96385C-0.132254 8.63605 0.120763 7.31926 0.623572 6.09029C1.12638 4.86133 1.86891 3.74481 2.80784 2.80589C3.74677 1.86696 4.86328 1.12443 6.09225 0.621618C7.32121 0.11881 8.63801 -0.134207 9.9658 -0.122669C11.2936 -0.111131 12.6058 0.164731 13.8258 0.688821C15.0459 1.21291 16.1493 1.97473 17.0718 2.92984C18.8934 4.81586 19.9013 7.34188 19.8785 9.96385C19.8557 12.5858 18.8041 15.0939 16.95 16.948C15.0959 18.8021 12.5878 19.8538 9.9658 19.8766C7.34383 19.8994 4.81781 18.8914 2.93179 17.0698ZM9.00179 4.99984V10.9998H11.0018V4.99984H9.00179ZM9.00179 12.9998V14.9998H11.0018V12.9998H9.00179Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7446_113993'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center left no-repeat;
}

.copyright_wrap p {
    padding-top: 6px;
    padding-bottom: 12px;
    padding-left: 25px;
    font-size: 15px;
    color: #555;
    font-weight: 300;
    line-height: 1.3;
}

.copyright_wrap .copyright_link {
    display: block;
    width: 115px;
    padding-left: 23px;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.copyright_wrap .copyright_link .copyright_arrow {
    display: block;
    padding-bottom: 26px;
    float: right;
    width: 40px;
    height: 18px;
    background: url(../img/sprites_img2021.png) no-repeat;
    background-position: -332px -332px
}

.pdf_wrap {
    position: relative
}

.pdf_wrap .pdf_slider {
    overflow: hidden;
    position: relative
}

.pdf_wrap .pdf_slider .pdf_item {
    width: 820px;
}

.pdf_item {
    width: 342px;
    height: 472px
}

.date_wrap p {
    padding-top: 28px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    margin-bottom: 14px
}

.date_wrap .date {
    width: 100%;
    height: 363px;
    margin-bottom: 20px
}

.ui-datepicker {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    border: 1px solid #ddd !important;
    overflow: hidden !important
}

.ui-widget-header,
.ui-widget.ui-widget-content {
    border: 0 none !important
}

.ui-widget.ui-widget-content {
    border: 1px solid #ddd !important;
    border-radius: 5px !important
}

.ui-widget-content {
    margin-left: 0 !important;
    width: 100% !important;
    height: 362px !important
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    text-align: center
}

.ui-datepicker .ui-datepicker-title {
    color: #fff;
    text-align: center;
    font-size: 16px
}

.ui-datepicker .ui-datepicker-header {
    background: #1c3f96;
    padding: 5px 0 !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-radius: 0 !important
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: flex !important;
    justify-content: center;
    margin: 0 auto;
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 0 none !important;
    background: #fff !important;
    border-radius: 30px;
    font-size: 13px;
    width: 35px;
    height: 35px;
    line-height: 35px
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    background: #1c3f96 !important;
    color: #fff !important
}

.ui-state-default:hover {
    background: #1c3f96 !important;
    color: #fff !important
}

.ui-datepicker td {
    padding: 10px 0 !important;
    text-align: center
}

.ui-datepicker-calendar {
    width: 100%
}

.ui-datepicker-calendar thead {
    background-color: #1c3f96 !important;
    color: #fff
}

.ui-datepicker-month,
.ui-datepicker-year {
    height: 30px;
    width: 100px;
    margin: 0 3px
}

.ui-datepicker-next,
.ui-datepicker-prev {
    top: 7px !important
}

.ui-datepicker-month {
    margin-left: 10px !important
}

.pdf_title {
    font-size: 40px;
    overflow: hidden;
    padding-top: 10px;
    color: #333;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 10px
}

.today-ky-text {
    position: absolute;
    top: 0;
    left: 370px;
    font-size: 24px;
    color: #333;
    line-height: 32px;
    display: none;
}

.today-ky-text strong {
    color: #1c3f96;
}

.ui-datepicker td a,
.ui-datepicker td span {
    padding: 0 !important
}

.ui-datepicker-prev .ui-icon-circle-triangle-w {
    border-radius: 50%;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M2.45361 5.5L7 9.83125L5.7732 11L-7.17381e-07 5.5L5.77319 -1.31168e-07L7 1.16875L2.45361 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 5px;
}

.ui-datepicker-next .ui-icon-circle-triangle-e {
    border-radius: 50%;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M4.54639 5.5L0 1.16875L1.2268 0L7 5.5L1.2268 11L0 9.83125L4.54639 5.5Z' fill='%231C1C1C'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 5px;
}

.date_wrap {
    display: none;
}

/*///////////////// 반응형 ///////////////*/
@media screen and (max-width:1000px) {
    #container {
        padding: 0 15px;
    }

    #content {
        width: 100%;
    }

    .visually_hidden {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        border: 0;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .content2.pdf-cont .section01 {
        width: 100%;
        overflow: hidden;
        height: auto;
        float: unset;
    }

    .content2.pdf-cont .section02 {
        width: 100%;
        float: unset;
    }

    .section01::-webkit-scrollbar {
        width: 8px;
    }

    .section01::-webkit-scrollbar-thumb {
        background-color: #bbb;
        border-radius: 8px;
    }

    .section01::-webkit-scrollbar-track {
        background-color: #f0f0f0;
    }

    .pdf-cont {
        margin-bottom: 40px;
    }

    .pdf-cont .section01 {
        border-right: 0 none;
        padding-right: 0;
    }

    .pdf_info {
        display: none;
    }

    .section-box {
        overflow: hidden;
    }

    .pdf_header .pdf_title {
        float: left;
    }

    .pdf_header .pdf_title h1 {
        float: left;
        text-align: auto;
        margin: 0;
        width: 200px;
        height: 57px;
        background: url(http://www.kyeongin.com/main/images/main_logo.png) no-repeat 0 0;
    }

    .pdf_header .pdf_title p {
        font-size: 24px;
        font-weight: 500;
        line-height: 36px;
        color: #333;
    }

    .pdf_header .view_location {
        float: right;
        padding-top: 48px;
        display: none;
    }

    .pdf_header .view_location ul li {
        float: left;
        font-size: 16px;
    }

    .pdf_header .view_location ul li:nth-child(1) strong {
        display: block;
        float: left;
        width: 20px;
        height: 25px;
        background: url(http://www.kyeongin.com/main/images/sprites_img2021.png) no-repeat;
        background-position: -418px -287px;
    }

    .pdf_header .view_location ul li:nth-child(2) strong {
        display: block;
        float: left;
        width: 20px;
        height: 25px;
        background: url(http://www.kyeongin.com/main/images/sprites_img2021.png) no-repeat;
        background-position: -0px -337px;
    }

    .pdf-cont {
        flex-direction: column;
        width: 100%;
    }

    .today-ky-text {
        display: none;
    }

    /* 컨텐츠 좌측영역 */
    .pdf-cont .section01 {
        width: 100%;
        position: relative;
        padding-top: 30px;
    }

    /* 오늘의 경인일보 */
    .pdf_slider {
        margin-bottom: 30px;
        height: 520px;
        overflow: hidden;
        position: relative;
    }

    .pdf_item {
        position: relative;
        overflow: hidden;
    }

    .pdf_img {
        text-align: center;
        width: 302px;
        font-size: 16px;
        color: #333;
        margin: 15px auto 0 auto;
    }

    .pdf_img img {
        width: 300px;
        height: 415px;
        box-shadow: 0px 0px 10px #ddd;
        margin-bottom: 15px;
        border: 1px solid #eee;
    }

    .pdf_img a {
        color: #333;
    }

    .today-ky-title {
        font-size: 22px;
        color: #333;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: -2px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .rolling-btn button.pdf-stop {
        display: none;
        border: none;
    }

    .rolling-btn button.pdf-play {
        display: none;
        border: none;
    }

    .rolling-btn button.pdf-stop.active,
    .rolling-btn button.pdf-play.active {
        display: block;
    }

    .pdf_slider .slick-arrow,
    .rolling-btn button {
        position: relative;
        bottom: 0px;
        left: 0px;
        width: 32px;
        height: 28px;
        border: none;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

    .pdf_slider .slick-prev {
        position: absolute;
        z-index: 5;
        bottom: -13px;
        font-size: 0;
        border-radius: inherit;
        border: 1px solid #dee6ed;
        width: 32px;
        height: 28px;
    }

    .pdf_slider .slick-next {
        position: absolute;
        z-index: 5;
        left: 31px;
        bottom: -13px;
        font-size: 0;
        border: 1px solid #dee6ed;
        width: 32px;
        height: 28px;
    }

    /* 지면보기 리스트 */
    .paper-list-box {
        width: 100%;
        margin: 0 auto;
    }

    .paper-list-hd {
        border-bottom: 1px solid #333;
        padding: 10px 0;
        overflow: hidden;
    }

    .paper-list-hd h3 {
        float: left;
        font-size: 20px;
        color: #333;
        line-height: 24px;
        position: relative;
    }

    .paper-list-hd h3:after {
        content: "";
        width: 28px;
        height: 28px;
        display: inline-block;
        position: absolute;
        top: -1px;
        left: 74px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M2.91699 22.1667V8.16666H25.0837V22.1667C25.0837 23.45 24.0337 24.5 22.7503 24.5H5.25033C3.96699 24.5 2.91699 23.45 2.91699 22.1667Z' fill='%23CFD8DC'/%3E%3Cpath d='M25.0837 5.83333V9.33333H2.91699V5.83333C2.91699 4.55 3.96699 3.5 5.25033 3.5H22.7503C24.0337 3.5 25.0837 4.55 25.0837 5.83333Z' fill='%23F44336'/%3E%3Cpath d='M19.25 7.58334C20.2165 7.58334 21 6.79983 21 5.83334C21 4.86684 20.2165 4.08334 19.25 4.08334C18.2835 4.08334 17.5 4.86684 17.5 5.83334C17.5 6.79983 18.2835 7.58334 19.25 7.58334Z' fill='%23B71C1C'/%3E%3Cpath d='M8.75 7.58334C9.7165 7.58334 10.5 6.79983 10.5 5.83334C10.5 4.86684 9.7165 4.08334 8.75 4.08334C7.7835 4.08334 7 4.86684 7 5.83334C7 6.79983 7.7835 7.58334 8.75 7.58334Z' fill='%23B71C1C'/%3E%3Cpath d='M19.2497 1.75C18.608 1.75 18.083 2.275 18.083 2.91667V5.83333C18.083 6.475 18.608 7 19.2497 7C19.8913 7 20.4163 6.475 20.4163 5.83333V2.91667C20.4163 2.275 19.8913 1.75 19.2497 1.75ZM8.74967 1.75C8.10801 1.75 7.58301 2.275 7.58301 2.91667V5.83333C7.58301 6.475 8.10801 7 8.74967 7C9.39134 7 9.91634 6.475 9.91634 5.83333V2.91667C9.91634 2.275 9.39134 1.75 8.74967 1.75Z' fill='%23B0BEC5'/%3E%3Cpath d='M7.58301 11.6667H9.91634V14H7.58301V11.6667ZM11.083 11.6667H13.4163V14H11.083V11.6667ZM14.583 11.6667H16.9163V14H14.583V11.6667ZM18.083 11.6667H20.4163V14H18.083V11.6667ZM7.58301 15.1667H9.91634V17.5H7.58301V15.1667ZM11.083 15.1667H13.4163V17.5H11.083V15.1667ZM14.583 15.1667H16.9163V17.5H14.583V15.1667ZM18.083 15.1667H20.4163V17.5H18.083V15.1667ZM7.58301 18.6667H9.91634V21H7.58301V18.6667ZM11.083 18.6667H13.4163V21H11.083V18.6667ZM14.583 18.6667H16.9163V21H14.583V18.6667ZM18.083 18.6667H20.4163V21H18.083V18.6667Z' fill='%2390A4AE'/%3E%3C/svg%3E");
    }

    .paper-view-date {
        float: right;
        width: auto;
    }

    .paper-view-date button {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    .paper-view-date span {
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        margin: 0 20px;
        vertical-align: top;
        color: #333;
    }

    .paper-list-area div {
        padding: 25px 0;
        border-bottom: 1px dashed #ddd;
        overflow: hidden;
    }

    .paper-list-area div figure {
        width: 100px;
        height: 134px;
        float: left;
        border: 1px solid #ddd;
        margin-right: 15px;
        position: relative;
        cursor: pointer;
    }

    .paper-list-area div figure img {
        width: 100px;
        height: 134px;
    }

    .paper-list-area div figure a {
        width: 100px;
        height: 134px;
        display: block;
    }

    .paper-list-area div h4 {
        font-size: 18px;
        color: #333;
        font-weight: 500;
    }

    .paper-li {
        margin-top: 2px;
        overflow: hidden;
    }

    .paper-li li {
        font-size: 15px;
        line-height: 26px;
        font-weight: 300;
        position: relative;
        padding-left: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
    }

    .paper-li li:before {
        content: "";
        width: 3px;
        height: 3px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 12px;
        background: #000;
    }

    .paper-li li a {
        color: #333;
    }

    .paper-list-hd img {
        vertical-align: middle;
    }

    /* 지면보기 서비스 기간 */
    .pdf_service_wrap,
    .copyright_wrap {
        margin-top: 24px;
        overflow: hidden;
    }


    .pdf_wrap {
        position: relative;
    }

    .pdf_wrap .pdf_slider {
        overflow: hidden;
        position: relative;
    }

    .pdf_wrap .pdf_slider .pdf_item {
        width: 100%;
        position: static;
    }


    /* 캘린더 영역 */
    .date_wrap p {
        padding-top: 28px;
        font-size: 18px;
        color: #333;
        font-weight: 400;
        margin-bottom: 14px;
    }

    .date_wrap .date {
        width: 100%;
        height: 363px;
        margin-bottom: 20px;
    }

    /* 달력 위젯 */
    .ui-datepicker {
        padding: 0 !important;
        box-shadow: none !important;
        border-radius: 5px !important;
        border: 1px solid #ddd !important;
        overflow: hidden !important;
    }

    .ui-widget.ui-widget-content,
    .ui-widget-header {
        border: 0 none !important
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        /*display: none !important;*/
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title {
        color: #fff;
    }

    .ui-datepicker .ui-datepicker-header {
        background: #0071FF;
        padding: 5px 0 !important;
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-radius: 0 !important;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: inline-block !important;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 0 none !important;
        background: #fff !important;
        border-radius: 30px;
        font-size: 13px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: #0071FF !important;
        color: #fff !important;
    }

    .ui-state-default:hover {
        background: #0071FF !important;
        color: #fff !important;
    }

    .ui-datepicker td {
        padding: 8px 0 !important;
        text-align: center;
    }


    .ui-widget-header .ui-icon {
        background: url(http://www.kyeongin.com/newspaper/assets/js/libs/jqueryUI/images/ui-icons_ffffff_256x240.png) no-repeat !important;
    }

    .ui-icon.ui-icon-circle-triangle-w,
    .ui-icon.ui-icon-circle-triangle-w:hover {
        background-color: #0071FF !important;
        cursor: pointer;
    }

    .ui-icon.ui-icon-circle-triangle-e,
    .ui-icon.ui-icon-circle-triangle-e:hover {
        background-color: #0071FF !important;
        cursor: pointer;
    }

    .ui-datepicker-prev.ui-corner-all:hover,
    .ui-datepicker-next.ui-corner-all:hover {
        background: transparent !important;
        border: 1px solid #0071FF !important;
    }

    .ui-datepicker-calendar thead {
        background-color: #0071FF !important;
        color: #fff;
    }

    .ui-datepicker-year,
    .ui-datepicker-month {
        height: 30px;
    }

    .ui-datepicker-prev,
    .ui-datepicker-next {
        top: 9px !important;
    }
}

/* 지면검색 시작 */
.paper-search {
    margin-top: 20px;
}

.paper-search .tit {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin: 0;
    padding-bottom: 6px;
    line-height: 24px;
    width: 100%;
}

.paper-search .searchBox {
    border: 1px solid #ddd;
    font-size: 13px;
    background: url("../images/search-bg.png") repeat-x top;
}

.paper-search .searchBox input[type='text'] {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border: none;
}

.paper-search .checkBox {
    padding: 5px 5px 8px;
    width: 100%;
    margin-right: 0;
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    text-align: center;
    display: block;
}

.paper-search .date-select {
    background: #fff;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
}

.paper-search .date-select p {
    flex: 1;
    display: inline-block;
    position: relative;
    zoom: 1;
    *display: inline;
}

.paper-search .date-select input {
    border: none;
    height: 35px;
    padding: 0 10px;
    width: 100%;
}

.paper-search .date-select .ico-calen {
    position: absolute;
    right: 8px;
    top: 2px;
}

.paper-search .date-select .wave {
    padding: 0 10px;
    flex: 0 0 10px;
}

.paper-search .date-select .AXanchorDateHandle {
    margin-top: 5px
}

.paper-search .date-select .AXanchor {
    position: static;
}

.paper-search .cont-sel {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    zoom: 1;
    *display: inline;
}

.paper-search .cont-sel:last-child {
    margin-right: 0;
}

.paper-search .cont-sel label {
    display: inline-block;
    padding-left: 22px;
    text-transform: capitalize;
    cursor: pointer;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    zoom: 1;
    *display: inline;
}

.paper-search .cont-sel label:after {
    background: url(../images/check-off.png) left center no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    content: "";
}

.paper-search .side_date_range {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    gap: 5px;
}

.paper-search .side_date_range label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.paper-search .cont-sel input[type="checkbox"] {
    display: none;
}

.paper-search .cont-sel input[type="checkbox"]:checked+label {
    color: #214193;
}

.paper-search .cont-sel input[type="checkbox"]:checked+label:after {
    background: url(../images/check-on.png) left center no-repeat;
}

.paper-search .date-select {
    margin: 10px 0;
}

.paper-search .btn-search {
    cursor: pointer;
    padding: 10px 20px;
    background: #1c3f96;
    border: 0;
    color: #fff;
    font-weight: 500;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    line-height: 14px;
    font-size: 15px;
    text-align: center;
}

.paper-search .btn-search span {
    padding-left: 20px;
    background: url(../images/ico-search.png) no-repeat left center;
}

/* search-list */
.search-list {}

.search-list .search-head {
    margin: 30px 0 20px;
    overflow: hidden;
}

.search-list .search-head .result {}

.search-list .search-head .result li {
    display: inline-block;
}

.search-list .search-head .result li.tit {
    margin-right: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #0d4488;
    margin-bottom: 15px;
    padding-left: 18px;
    background: url("../images/bul02.png") no-repeat left 5px;
}

.search-list .search-head .result li.total {
    color: #333;
}

.search-list .search-head .result li.total span {
    padding: 5px 0 5px 30px;
    background: url("../images/bsnum-icon.jpg") no-repeat left center;
}

.search-list .search-head .result li.total strong {
    font-weight: 600;
    color: #214193;
}

.search-list .search-head .order {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.search-list .search-head .order li a {
    padding: 3px 13px 6px;
    border: 1px solid #ddd;
    color: #777;
    border-radius: 30px;
    background: #fff;
    display: block;
}

.search-list .search-head .order li.active a {
    border: 1px solid #214193;
    background: #214193;
    color: #fff;
    font-weight: 600;
}

.search-list .search-cont {
    border-top: 2px solid #b7b7b7;
}

.search-list .search-cont .item {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.search-list .search-cont .item .img {
    flex: 0 0 140px;
    width: 140px;
    height: 200px;
    margin-right: 20px;
    border: 1px solid #ddd;
}

.search-list .search-cont .item .img a {
    display: block;
}

.search-list .search-cont .item .img img {
    width: 100%;
    height: 100%;
}

.search-list .search-cont .item .list {
    flex: 1;
}

.search-list .search-cont .item .list:hover .btxt {
    text-decoration: underline;
}

.search-list .search-cont .item .list .btxt {
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.search-list .search-cont .item .list .btxt a {
    color: #000;
}

.search-list .search-cont .item .list .btxt a:hover {
    text-decoration: underline;
}

.search-list .search-cont .item .list .btxt b,
.search-list .search-cont .item .list .stxt b {
    background-color: #a0fd7d;
}

.search-list .search-cont .item .list .stxt {
    margin: 15px 0;
    font-size: 15px;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #555;
}

.search-list .search-cont .item .list .stxt a {
    color: #555;
    line-height: 1.5;
    font-weight: 400;
}

.search-list .search-cont .item .list .info {
    font-size: 14px;
    color: #909090;
    font-weight: 400;
}

.search-list .search-cont .paging-wrap {
    margin-top: 40px;
}

/* 지면검색 끝 */

/* 지면 안내 */
.titWrap {
    padding-bottom: 45px;
}

.titWrap .topTit {
    float: left;
    font-size: 26px;
    color: #111;
    font-weight: 600;
}

.titWrap .locWrap {
    float: right;
}

.titWrap .locWrap li {
    display: inline-block;
}

.titWrap .locWrap li.home {
    padding: 0 12px 0 15px;
    margin-right: 4px;
    background: url("../images/loc-arrow.png") no-repeat right center;
}

.titWrap .locWrap li.home span {
    padding-left: 17px;
    background: url("../images/ioc-home.png") no-repeat left center;
    display: inline-block;
}


/* 지면 이용안내 */
.app_big_title {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin-bottom: 40px;
}

.app_tit {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.8em;
    padding-left: 1.2em;
    background: url("../images/bul02.png") no-repeat left center;
    line-height: 1.2em;
}

.app-pc table {
    margin: 30px 0 0;
    border-top: 2px solid #214193;
    border-spacing: 0px;
    width: 100%;
    border-collapse: collapse;
}

.app-pc table td {
    border-right: 1px solid #eee;
	border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1em;
    background: #fff;
    line-height: 1.5;
	vertical-align: middle;
}

/*
.app-pc table td:last-child {
    border-right: none;
}
*/

.app-pc table thead {
    border-bottom: 1px solid #eee;
    text-align: center;
}

.app-pc table thead td {
    padding: 1em 0;
    border-right: 1px solid #eee;
    background: #efefef;
    line-height: 1.5;
}

.app-pc .table-ext {
    margin: 20px 0 30px;
    color: #333;
    font-weight: 700;
}

.app_txt01 li {
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 1.6em;
    color: #333;
}

.app_txt01 li:last-child {
    margin-bottom: 20px;
}

.app_txt01.hyp li {
    position: relative;
    padding-left: 1em;
}

.app_txt01.hyp li:before {
    content: "-";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
}

.sec {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}

.sec3 {
    border-bottom: 0;
}

.map {
    width: 100%;
}

.map img {
    width: 100%;
    height: auto;
}


.inquiryWrap .ex02 {
    padding: 3px 0 3px 22px;
    background: url("../images/ico_ex02.png") no-repeat left 8px;
}

/* faq */
.faqWrap {
    padding-top: 60px !important;
}

.faqWrap .fold-wrap {
    border: 2px solid #214193;
    text-align: center;
    font-size: 14px;
}

.faqWrap .fold-wrap .view {
    display: block;
    padding: 20px 0;
}

.faqWrap .fold-wrap .view .arr {
    background: url("../images/folds_open.png") no-repeat 0 0;
    display: inline-block;
    width: 36px;
    height: 35px;
    vertical-align: middle;
    margin-left: 17px;
    transform: all .5s ease;
    transition: background .3s;
}

.faqWrap .fold-wrap .view.over .arr {
    background: url("../images/folds_close.png") no-repeat 0 0;
    transform: all .5s ease;
    transition: background .3s;
}

.faqWrap .fold-wrap .fold-cont {
    overflow: hidden;
    height: 0;
    background: #f7f7f6;
}

.faqWrap .fold-wrap .fold-cont .cont-wrap {
    padding: 10px 0;
}

.faqWrap .foldings-wrap {
    border-top: 2px solid #214193;
    border-bottom: 1px solid #ddd;
}

.faqWrap .foldings-list {
    position: relative;
    width: 100%;
    overflow: hidden
}

.faqWrap .foldings-list>li {
    border-top: 1px solid #ddd;
    overflow: hidden;
}

.faqWrap .foldings-list>li:first-child {
    border-top: 0;
}

.faqWrap .foldings-list .foldings-in-wrap a {
    display: block;
    background: url("../images/folds_open.png") no-repeat 98% center;
    padding: 23px 20px;
    cursor: pointer;
    font-size: 16px;
    transform: all .5s ease;
    transition: background .3s;
    color: #000;
}

.faqWrap .foldings-list .foldings-in-wrap a .num {
    color: #777;
    font-size: 16px;
    padding-right: 25px;
}

.faqWrap .foldings-list .foldings-in-cont {
    position: relative;
    display: none;
    overflow: hidden;
    background: #ededed;
    padding: 20px 28px 20px 60px;
    border-top: 1px solid #ddd;
    line-height: 1.5;
}

.faqWrap .foldings-list .foldings-in-cont div {
    line-height: 1.5;
}

.faqWrap .foldings-list .foldings-in-cont:after {
    width: 27px;
    height: 27px;
    font-weight: 600;
    position: absolute;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    content: "A";
    background: #37add4;
    color: #fff;
    border-radius: 50%;
}

.faqWrap .foldings-list .over a,
.foldings-list .foldings-in-wrap a:hover,
.catch-list .catch-in-wrap a:focus,
.catch-list .catch-in-wrap a:active {
    color: #214193;
    font-weight: 700;
}

.faqWrap .foldings-list .over a .num {
    color: #214193;
}

.faqWrap .foldings-list .over .foldings-in-cont {
    display: block;
}

.faqWrap .foldings-list .over .foldings-in-wrap a {
    background: url("../images/folds_close.png") no-repeat 98% center;
    transform: all .5s ease;
    transition: background .3s;
    color: #214193;
}

.faqWrap .foldings-list .btn_download {
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px 15px 7px;
}

.faqWrap .tbl01 {
    border-top: 2px solid #214193;
}

.faqWrap .tbl01 th {
    padding: 6px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #333;
    line-height: 120%;
    background: #f5f5f5;
    text-align: center;
}

.faqWrap .tbl01 th:first-child {
    border-left: none;
}

.faqWrap .tbl01 td {
    padding: 15px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.faqWrap .tbl01 td.tc {
    text-align: center;
}

.faqWrap .tbl01 td:first-child {
    border-left: none;
}

.faqWrap .tbl02 {
    border-top: 2px solid #214193;
}

.faqWrap .tbl02 th {
    padding: 10px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #333;
    line-height: 120%;
    background: #f5f5f5;
}

.faqWrap .tbl02 th:first-child {
    border-left: none;
}

.faqWrap .tbl02 td {
    padding: 15px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #fff;
}

.faqWrap .tbl02 td:first-child {
    border-left: none;
}

.faqWrap table {
    margin: 30px 0 0;
    border-top: 2px solid #214193;
    border-spacing: 0px;
    width: 100%;
    border-collapse: collapse;
}

.faqWrap table td {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1em;
	vertical-align:middle;
}

/* 
.faqWrap table td:last-child {
    border-right: none;
}
 */

.faqWrap table thead {
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.faqWrap table thead td {
    padding: 1em 0;
    border-right: 1px solid #eee;
}

.table-ext {
    margin: 20px 0 30px;
    color: #333;
    font-weight: 700;
}

.side_pdf_info {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin: 0;
    width: 100%;
    line-height: 24px;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}

.side_pdf_info a {
    color: #333;
}

.side_pdf_info a span {
    line-height: 24px;
}

.side_pdf_info:before {
    content: "";
    width: 30px;
    height: 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 17V11H13V17H11ZM12 9.99998C12.5523 9.99998 13 9.55228 13 9C13 8.44772 12.5523 8.00002 12 8.00002C11.4477 8.00002 11 8.44772 11 9C11 9.55228 11.4477 9.99998 12 9.99998Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4142 2.00002H3.99997V22H20V7.58578L14.4142 2.00002ZM13.585 3.99998L18 8.415V20H5.99999V3.99998H13.585Z' fill='black'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
}

.side_pdf_info.type_faq:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cpath d='M4.84201 13.657V7.691C4.84188 7.49508 4.88039 7.30105 4.95533 7.12003C5.03028 6.93901 5.14019 6.77455 5.27877 6.63605C5.41736 6.49756 5.5819 6.38776 5.76297 6.31294C5.94404 6.23811 6.13809 6.19974 6.33401 6.2H7.82501M4.84201 10.674H7.07901M10.209 13.657V7.691C10.2039 7.49188 10.2386 7.29375 10.3113 7.10828C10.3839 6.92282 10.4929 6.75377 10.6319 6.61112C10.7709 6.46846 10.9371 6.35508 11.1206 6.27767C11.3042 6.20026 11.5013 6.16038 11.7005 6.16038C11.8997 6.16038 12.0969 6.20026 12.2804 6.27767C12.4639 6.35508 12.6301 6.46846 12.7691 6.61112C12.9081 6.75377 13.0171 6.92282 13.0898 7.10828C13.1624 7.29375 13.1972 7.49188 13.192 7.691V13.657M10.209 10.674H13.192M17.666 13.657L19.158 15.148M19.158 12.165C19.1632 12.3641 19.1284 12.5622 19.0558 12.7477C18.9831 12.9332 18.8741 13.1022 18.7351 13.2449C18.5961 13.3875 18.4299 13.5009 18.2464 13.5783C18.0629 13.6557 17.8657 13.6956 17.6665 13.6956C17.4673 13.6956 17.2702 13.6557 17.0866 13.5783C16.9031 13.5009 16.7369 13.3875 16.5979 13.2449C16.4589 13.1022 16.3499 12.9332 16.2773 12.7477C16.2046 12.5622 16.1699 12.3641 16.175 12.165V7.691C16.1699 7.49188 16.2046 7.29375 16.2773 7.10828C16.3499 6.92282 16.4589 6.75377 16.5979 6.61112C16.7369 6.46846 16.9031 6.35508 17.0866 6.27767C17.2702 6.20026 17.4673 6.16038 17.6665 6.16038C17.8657 6.16038 18.0629 6.20026 18.2464 6.27767C18.4299 6.35508 18.5961 6.46846 18.7351 6.61112C18.8741 6.75377 18.9831 6.92282 19.0558 7.10828C19.1284 7.29375 19.1632 7.49188 19.158 7.691V12.165Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.2 2.571H1.8C1.52116 2.57206 1.25409 2.68357 1.05729 2.88112C0.860495 3.07867 0.749998 3.34615 0.75 3.625V17.213C0.749998 17.4918 0.860495 17.7593 1.05729 17.9569C1.25409 18.1544 1.52116 18.2659 1.8 18.267H4.243C4.0227 19.4106 3.54912 20.4903 2.857 21.427C5.907 21.471 7.837 20.291 8.995 18.267H22.2C22.4795 18.267 22.7476 18.156 22.9453 17.9583C23.143 17.7606 23.254 17.4925 23.254 17.213V3.625C23.254 3.34546 23.143 3.07737 22.9453 2.87971C22.7476 2.68205 22.4795 2.571 22.2 2.571Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.side_pdf_info.type_mem:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 7.34783 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0C7.34783 0 4.8043 1.05357 2.92893 2.92893C1.05357 4.8043 0 7.34783 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34783 20 10 20ZM10 5.9375C9.1375 5.9375 8.4375 6.6375 8.4375 7.5V7.63375C8.4375 7.88239 8.33873 8.12085 8.16291 8.29666C7.9871 8.47248 7.74864 8.57125 7.5 8.57125C7.25136 8.57125 7.0129 8.47248 6.83709 8.29666C6.66127 8.12085 6.5625 7.88239 6.5625 7.63375V7.5C6.5625 6.58832 6.92466 5.71398 7.56932 5.06932C8.21398 4.42466 9.08832 4.0625 10 4.0625H10.145C10.8175 4.06281 11.4737 4.26902 12.0255 4.6534C12.5773 5.03779 12.9981 5.58191 13.2314 6.2126C13.4648 6.84328 13.4994 7.53029 13.3306 8.18124C13.1619 8.83219 12.7978 9.41585 12.2875 9.85375L11.325 10.6788C11.2042 10.7836 11.1072 10.9129 11.0404 11.0582C10.9736 11.2035 10.9385 11.3613 10.9375 11.5213V12.1875C10.9375 12.4361 10.8387 12.6746 10.6629 12.8504C10.4871 13.0262 10.2486 13.125 10 13.125C9.75136 13.125 9.5129 13.0262 9.33709 12.8504C9.16127 12.6746 9.0625 12.4361 9.0625 12.1875V11.5213C9.0625 10.65 9.4425 9.8225 10.1037 9.25625L11.0675 8.43125C11.2874 8.24276 11.4443 7.99143 11.5171 7.71109C11.5898 7.43075 11.5749 7.13484 11.4745 6.8632C11.374 6.59156 11.1927 6.35722 10.955 6.19172C10.7173 6.02622 10.4346 5.9375 10.145 5.9375H10ZM11.25 15C11.25 15.3315 11.1183 15.6495 10.8839 15.8839C10.6495 16.1183 10.3315 16.25 10 16.25C9.66848 16.25 9.35054 16.1183 9.11612 15.8839C8.8817 15.6495 8.75 15.3315 8.75 15C8.75 14.6685 8.8817 14.3505 9.11612 14.1161C9.35054 13.8817 9.66848 13.75 10 13.75C10.3315 13.75 10.6495 13.8817 10.8839 14.1161C11.1183 14.3505 11.25 14.6685 11.25 15Z' fill='black'/%3E%3C/svg%3E");
}

.side_pdf_info.type_article:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23222' d='M6.625 11.563a.937.937 0 0 1 .938-.938h13.125a.938.938 0 0 1 0 1.875H7.563a.938.938 0 0 1-.938-.938Zm10.313 4.687a.938.938 0 0 0 0 1.875h3.75a.938.938 0 0 0 0-1.875h-3.75ZM16 22.813a.938.938 0 0 1 .938-.938h3.75a.938.938 0 0 1 0 1.875h-3.75a.938.938 0 0 1-.938-.938ZM7.562 16.25a.938.938 0 0 0-.937.938v5.625a.937.937 0 0 0 .938.937h5.625a.938.938 0 0 0 .937-.938v-5.625a.938.938 0 0 0-.938-.937H7.564Zm.938 5.625v-3.75h3.75v3.75H8.5ZM1 8.75A3.75 3.75 0 0 1 4.75 5H23.5a3.75 3.75 0 0 1 3.75 3.75v1.875a3.75 3.75 0 0 1 3.75 3.75v10.313a4.688 4.688 0 0 1-4.688 4.687H5.688A4.688 4.688 0 0 1 1 24.687V8.75Zm24.375 0A1.875 1.875 0 0 0 23.5 6.875H4.75A1.875 1.875 0 0 0 2.875 8.75v15.938A2.812 2.812 0 0 0 5.688 27.5h20.625a2.812 2.812 0 0 0 2.812-2.813V14.376A1.875 1.875 0 0 0 27.25 12.5v12.188a.938.938 0 0 1-1.875 0V8.75Z'/%3E%3C/svg%3E");
}


.paper-info table {
    text-align: left;
    width: 100%;
    border: 1px solid #e1e1e1;
}

.paper-info tr {
    border-bottom: 1px solid #e1e1e1;
}

.paper-info tr:last-child {
    border-bottom: 0;
}

.paper-info th {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    background: #f1f1f1;
    width: 130px;
}

.paper-info td {
    padding: 10px;
    font-size: 13px;
    letter-spacing: 0;
    background: #fafafa;
}