@charset "UTF-8";

.sub-container{max-width: 124rem;margin: 0 auto;padding-bottom:12rem;padding-top: 6rem}
.sub-title{margin-bottom: 6.5rem; text-align: center}
.sub-title h1{font-size: 4rem;font-weight: 600;color: #2A2A2A}
.sub-content-box.sec{margin-top: 7rem}
.sub-content-box.table{margin-top: 3rem;}
.sub-content-tit{position: relative; font-size: 2.4rem; color: #2A2A2A; font-weight: 600; padding-left: 2.4rem; margin-bottom: 2rem; word-break: break-all}
.sub-content-tit::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; background: url(../images/sub/sub-tit-icon.svg)no-repeat center}
.sub-content-tit > span{font-weight: 400;}
.check-indent{display: inline-block; opacity: 0; visibility: hidden; width: 0; text-indent: -9999px;}
.mo{display: none}

/* 자료 관리 */
.regist-intro-box{width: 100%; background: #F6F6F6; padding: 5rem 8rem}
.regist-intro-box img.intro-mo{display: none}
.regist-blue{color: #166BC0 !important}
.regist-bgblue{background-color: #F5F9FF !important}
.regist-orange{color: #DB2C00 !important}
.regist-bgorange{background-color: #FFFAEF !important}
.regist-green{color: #007529 !important}
.regist-bggreen{background-color: #F3FBF6 !important}
.regist-red{color: #C93152 !important}
.regist-bgred{background-color: #FFF9FA !important}
.regist-purple{color: #8325D0 !important}
.regist-bgpurple{background-color: #F8F0FF !important}
.regist-box-wrap{display: flex; flex-wrap: wrap}
.regist-box{display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(20% - 2.4rem); padding: 3.4rem 0; text-align: center; margin-right: 3rem}
.regist-box:last-child{margin-right: 0}
.regist-box.utilization{width: calc(25% - 2.3rem)}
.regist-tit{font-size: 1.6rem; font-weight: 600; color: #2A2A2A}
.regist-count{font-size: 1.8rem; font-weight: 400}
.regist-count > span{font-size: 3.6rem; font-weight: 600}
.overflow-wrap{overflow-x: auto; padding-bottom: 1.5rem}
.table-fix-box{ margin-top: 2.2rem; min-width: 124rem; height: 100%}
.data-box{width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 3.5rem 0 2.5rem; border: 2px solid rgba(42, 42, 42, 0.15); border-style: dashed; border-radius: 4px}
.data-box.wait{border: none; background-color: #F6F6F6; padding: 3.5rem 3rem }
.data-box.wait .data-icon{width: 9rem; height: 9rem; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem}
.data-title{font-size: 1.8rem; font-weight: 600; color: #2A2A2A; margin-top: 1rem; text-align: center}
.data-btn{margin-top: 1rem}
.data-box.wait .data-btn{margin-top: 2rem}
.data-guide{font-size: 1.6rem; color: #5C6670; margin-top: 2rem; text-align: center}
.data-box.wait .data-guide{margin-top: 0rem}
.file-add-guide{font-size: 1.6rem; color: #C93152; margin-top: 2rem; font-weight: 500}
.btn_box button img{vertical-align: -0.7rem; margin-right: 1rem}
.table-flex-wrap{display: flex; flex-wrap: wrap}
.table-flex-box{width: calc(50% - 2rem); margin-right: 4rem}
.table-flex-box:last-child{margin-right: 0}
.table-flex-tit{font-size: 1.8rem; font-weight: 400; color: #2A2A2A}
.table-flex-tit > br{display: none}
.table-inner-box{padding: 1rem 2rem; background-color: #F6F6F6}
.ultilization-select{width: 18rem; margin-right: 1rem; flex: none}
.formw-wrap{display: flex; align-items: center}
.write_table.another tbody tr > th{text-align: left; padding: 2.3rem 0 2.3rem 0}
.write_table.another tbody tr > td{padding: 1rem 0;}
.write_table.another tbody tr:last-child > th,
.write_table.another tbody tr:last-child > td{border-bottom: none}
.date-picker-box{display: flex; align-items: center; width: 100%}
.date-picker-box > span{margin: 0 1rem}
.settlement-top-wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 2rem 0; border-bottom: 1px solid #E5ECF3}
.settlement-top-bx{display: flex; align-items: center; margin: 0 4.5rem;}
.settlement-top-tit{position: relative; font-size: 1.6rem; font-weight: 600; color: #2A2A2A; padding: 0 1rem}
.settlement-top-tit::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.3rem; height: 0.3rem; background-color: #2A2A2A}
.settlement-top-tit::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 1.6rem; background-color: #E5ECF3}
.settlement-top-text{font-size: 1.6rem; color: #5C6670; font-weight: 400; padding-left: 1rem}
.settlement-wrap{background-color: #FAFBFF}
.settlement-body-wrap{display: flex; flex-wrap: wrap; padding: 3rem 2rem}
.settlement-body-bx{position: relative; width: calc(33.3333% - 2rem); padding: 3.9rem 4rem; box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, 0.06); margin-right: 3rem; margin-bottom: 3rem; border-radius: 4px; background-color: #fff}
.settlement-body-bx:nth-child(3n){margin-right: 0}
.settlement-pay{border-bottom: 1px solid #E7E7EE; padding-bottom: 0.5rem}
.settlement-pay-tit{font-size: 1.6rem; color: #5C6670}
.settlement-pay-cont{font-size: 1.8rem; color: #4466E3; font-weight: 400; margin-top: 1rem}
.settlement-pay-cont > span{font-size: 3.6rem; font-weight: 600}
.pay-icon{position: absolute; top: 3rem; right: 4rem; width: 4.8rem; height: 4.8rem; border-radius: 50%; background-color: #EFF4FE; text-align: center; line-height: 6.1rem}
.pay-count{font-size: 1.8rem; color: #5C6670; margin-top: 1rem; font-weight: 600}
.not_fix-table{margin-top: 2rem}
.not_fix-table table thead th.col1{width: 14.5%}
.not_fix-table table thead th.col4{width: 14.5%}
.max-width-box{max-width: 124rem; margin: 0 auto;}
.max-width-box.sec{padding-bottom: 12rem;}

/* 소식과 행사  */
.news-top-wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 2rem 0; border-bottom: 1px solid #E5ECF3}
.news-top-bx{display: flex; align-items: center; margin: 0 4.5rem;}
.news-top-tit{position: relative; font-size: 1.6rem; font-weight: 600; color: #2A2A2A; padding: 0 1rem}
.news-top-tit::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.3rem; height: 0.3rem; background-color: #2A2A2A}
.news-top-tit::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 1.6rem; background-color: #E5ECF3}
.news-top-text{font-size: 1.6rem; color: #5C6670; font-weight: 400; padding-left: 1rem}
.news-wrap{background-color: #FAFBFF}
.news-body-wrap{display: flex; flex-wrap: wrap; padding: 3rem 2rem}
.news-body-bx{position: relative; width: calc(100% - 2rem); padding: 3.9rem 4rem; box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, 0.06); margin-right: 3rem; margin-bottom: 3rem; border-radius: 4px; background-color: #fff}
.news-body-bx:nth-child(3n){margin-right: 0}
.news-pay{border-bottom: 1px solid #E7E7EE; padding-bottom: 0.5rem}
.news-pay-tit{font-size: 24px; color: #01488a}
.news-pay-cont{font-size: 1.8rem; color: #524e4e; font-weight: 400; margin-top: 1rem; margin-bottom: 2rem}
.news-pay-cont > span{font-size: 3.6rem; font-weight: 600}
.pub-date{font-size: 1.8rem; color: #5C6670; font-weight: 600; font-style: italic; background-color: #f2f4f8; padding: 3px 15px 3px 13px; border-radius: 30px; margin-bottom: 21px; margin-top: 11px}
.pub-more{background-color: #FFF; border-radius: 50px; border: 1px solid #c6d9e2; color: #000; font-size: 16px; font-weight: 600; text-decoration: none; display: inline-block; padding: 5px 13px}
.table-inner-box.events{padding: 5px 20px 10px 20px; background-color: #F6F6F6}

.events-body-wrap{display: flex; flex-wrap: wrap; padding: 3rem 2rem}
.events-body-bx{position: relative; width: calc(33.3333% - 2rem); padding: 3.9rem 4rem; box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, 0.06); margin-right: 3rem; margin-bottom: 3rem; border-radius: 4px; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between}
.events-body-bx:nth-child(3n){margin-right: 0}
.events-pay{/*border-bottom: 1px solid #E7E7EE;*/ padding-bottom: 0.5rem}
.events-pay-tit{font-size: 1.6rem; color: #4466E3}
.events-pay-cont{font-size: 1.8rem; color: #000000; font-weight: 400; margin-top: 1rem}
.events-pay-cont > span{font-size: 3.6rem; font-weight: 600}
.events-place{--tw-text-opacity: 1; color: rgb(92 102 112 / var(--tw-text-opacity))}
.events-count-div{--tw-text-opacity: 1; color: rgb(206 211 214 / var(--tw-text-opacity)); text-align: right}
.events-img{width: 100%; height: auto; aspect-ratio: 1.777 / 1;}

/* 전자출판물 접근성 아티클 */
.article-body-wrap{display: flex; flex-wrap: wrap; padding: 3rem 2rem}
.article-body-bx{position: relative; width: calc(50% - 2rem); padding: 3.9rem 4rem; box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, 0.06); margin-right: 3rem; margin-bottom: 3rem; border-radius: 4px; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between}
.article-body-bx:nth-child(2n){margin-right: 0}
.article-pay{/*border-bottom: 1px solid #E7E7EE;*/ padding-bottom: 0.5rem}
.article-pay-tit{font-size: 1.6rem; color: #4466E3}
.article-pay-cont{font-size: 1.8rem; color: #000000; font-weight: 400; margin-top: 1rem}
.article-pay-cont > span{font-size: 3.6rem; font-weight: 600}
.article-place{--tw-text-opacity: 1; color: rgb(92 102 112 / var(--tw-text-opacity))}
.article-count-div{--tw-text-opacity: 1; color: rgb(206 211 214 / var(--tw-text-opacity)); text-align: right}
.article-img{width: 100%; height: auto; aspect-ratio: 1.777 / 1;}


/* 접근성 검증 */
.input-flex{display: flex; align-items: center}
.input-flex button{flex: none; margin-left: 1rem; min-width: 11rem}
.accessibility-cont{display: flex; flex-direction: column; align-items: center}
.accessibility-icon{display: flex; align-items: center; justify-content: center; width: 9rem; height: 9rem; margin-bottom: 2.5rem; background-color: #F6F6F6; border-radius: 50%}
.accessibility-txt{font-size: 1.6rem; color: #5C6670; text-align: center; letter-spacing: -0.07rem; word-break: keep-all}
.sub-title-small{font-size: 1.8rem; font-weight: 400; color: #4466E3; margin-top: 1rem; letter-spacing: -0.08rem;}
.one-line-overflow{display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.password-wrap{padding: 0 11rem;}
.input-flex.pop button img{vertical-align: -0.7rem; margin-right: 0.7rem}
.err-text{font-size: 1.6rem; font-weight: 400; color: #C93152; margin-top: 1rem}
.sub-intro-tit{max-width: 124rem; margin: 0 auto; text-align: center; font-size: 4rem; font-weight: 600; padding-top: 7rem; padding-bottom: 7rem; color: #2A2A2A}
.accessibility-intro{max-width: 124rem; margin: 0 auto; display: flex; align-items: center; justify-content: center}
.intro-txt-wrap{margin-right: 8.5rem}
.intro-tit-box h1{position: relative; font-size: 3.2rem; font-weight: 600; color: #4466E3}
.intro-tit-box h1::before{content: ''; position: absolute; top: -0.5rem; left: 0.2rem; width: 3rem; height: 0.2rem; background: #4466E3}
.intro-sub-tit{font-size: 2.4rem; color: #2A2A2A}
.intro-txt{font-size: 1.8rem; margin-top: 4.5rem; word-break: keep-all; color: #5C6670}
.intro-ing-box{position: relative; display: flex; padding: 24%; padding-bottom: 15.3%}
.intro-ing-box img{position: absolute; top: 0; left: 0; width: 100%}
.accessibility-intro-ver2{background: #F8F8FF; padding: 9rem 0; margin-bottom: 11rem}
.intro-max-wrap{max-width: 124rem; margin: 0 auto; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center}
.intro-max-wrap .intro-txt-wrap{margin-right: 0; margin-left: 8rem}
.intro-max-wrap .intro-ing-box{padding-bottom: 11%}
.intro-icon-wrap{display: flex; margin: 2.5rem 0}
.intro-icon-box{margin-right: 3rem}
.intro-icon-box:last-child{margin-right: 0}
.intro-img{padding: 2.5rem; background-color: #fff; display: flex; align-items: center; justify-content: center}
.intro-icon-tit{text-align: center; font-size: 1.6rem; color: #2A2A2A; margin-top: 1rem}
.intro-icon-tit > span{font-weight: 600}
.guide-img-wrap{width: 100%; text-align: center; padding: 4rem; border: 1px solid #E7E7EE}
.guide-title{font-size: 2.4rem; font-weight: 600; color: #2A2A2A; padding-bottom: 1.7rem; border-bottom: 2px solid #2A2A2A}
.guide-information-box{margin-top: 3rem}
.information-tit{font-size: 1.8rem; color: #4466E3; font-weight: 500}
.information-tit > span{display: inline-block; text-align: center; font-size: 1.6rem; line-height: 2.5rem; width: 2.4rem; height: 2.4rem; margin-right: 0.5rem; border-radius: 4px; background-color: #4466E3; color: #fff}
.information-txt{margin-top: 1.2rem; font-size: 1.8rem; color: #5C6670}
.information-err{margin-top: 0.5rem; font-size: 1.6rem; color: #C93152}
.information-sub-tit{flex: none; margin-right: 0.5rem; font-size: 1.8rem; color: #2A2A2A; font-weight: 600}
.information-sub-txt{font-size: 1.8rem; color: #5C6670; margin-top: 0.5rem}
.badge-wrap{display: flex; align-items: center;}

/* 참고 자료 */
.reference-link-wrap{display: flex; flex-wrap: wrap}
.reference-link-box{width: calc(50% - 2rem); margin-right: 4rem; margin-bottom: 8rem}
.reference-link-box:nth-child(2n){margin-right: 0}
.reference-link-box:nth-last-child(-n + 2){margin-bottom: 0rem}
.reference-link-list > li{padding: 1.2rem 1rem; border-bottom: 1px solid #E7E7EE}
.reference-link-list > li > a{position: relative; display: flex; align-items: center; padding-left: 1.6rem; font-size: 1.8rem; color: #4466E3}
.reference-link-list > li > a::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.4rem; height: 0.4rem; background: #5C6670}
.reference-link-list > li > a em{position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.reference-link-list > li > a em::after{content: ''; position: absolute; bottom: 0.4rem; left: 0; width: 100%; height: 0.1rem; background: #4466E3; opacity: 0; visibility: hidden; transition: 0.2s}
.reference-link-list > li > a em:hover::after{bottom: 0; opacity: 1; visibility: visible}
.reference-link-list > li > a span.link-point{flex: none; width: 2rem; height: 2rem; margin-left: 1rem;background: url(../images/sub/link-icon.svg) no-repeat center; text-indent: -9999px}

/* 2023-11-29 */
.loader { width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: rgba(53, 53, 53, 0.133);; box-shadow: 25px 0 #474747, -32px 0 #202020; position: relative; animation: flash 0.9s ease-in-out infinite alternate}
@keyframes flash {
    0% {
        background-color: rgba(53, 53, 53, 0.133);
        box-shadow: 32px 0 rgba(54, 54, 54, 0.133), -32px 0 #1b1b1b;
    }
    50% {
        background-color: #363636;
        box-shadow: 32px 0 rgba(54, 54, 54, 0.133), -32px 0 rgba(54, 54, 54, 0.133);
    }
    100% {
        background-color: rgba(53, 53, 53, 0.133);
        box-shadow: 32px 0 #1f1f1f, -32px 0 rgba(54, 54, 54, 0.133);
    }
}
        
@media (max-width:1080px){
    .table-flex-box{width: 100%; margin-right: 0}
    .table-flex-box:first-child{margin-bottom: 3rem}
    .table-flex-tit{font-size: 1.6rem}
    .table-flex-tit > br{display: block}
    .settlement-top-bx{margin: 0 2rem}
    .settlement-body-bx{width: calc(50% - 1.5rem)}
    .settlement-body-bx:nth-child(3n){margin-right: 3rem}
    .settlement-body-bx:nth-child(2n){margin-right: 0}
    .news-top-bx{margin: 0 2rem}
    .news-body-bx{width: calc(100% - 1.5rem)}
    .news-body-bx:nth-child(3n){margin-right: 3rem}
    .news-body-bx:nth-child(2n){margin-right: 0}
}

@media (max-width:950px){
    .sub-container{padding: 5rem 2rem 7rem}
    .sub-title{margin-bottom: 3rem}
    .sub-title h1{font-size: 3.2rem}
    .sub-content-box.sec{margin-top: 3.5rem}
    .sub-content-box.table{margin-top: 5rem;}
    .sub-content-tit{font-size: 2rem; margin-bottom: 1.5rem}

    /* 자료 등록 */
    .regist-intro-box{padding: 5rem 2rem}
    .regist-intro-box img.intro-pc{display: none}
    .regist-intro-box img.intro-mo{display: block}
    .regist-box{width: calc(50% - 0.8rem); margin-right: 1.5rem; margin-bottom: 1.5rem; padding: 1.8rem 0}
    .regist-box.utilization{width: calc(50% - 0.8rem)}
    .regist-box:nth-child(2n){margin-right: 0}
    .regist-box:last-child{margin-bottom: 0}
    .regist-box.utilization:nth-last-child(-n + 2){margin-bottom: 0}
    .regist-tit{font-size: 1.4rem}
    .regist-count{font-size: 1.6rem}
    .regist-count > span{font-size:3.2rem}
    .btn_box .add-btn{display: block; width: 100%}
    .data-box{padding: 5rem 0 4rem;}
    .data-title{font-size: 1.6rem; margin-top: 0.5rem}
    .data-guide{font-size: 1.4rem; margin-top: 1.3rem}
    .file-add-guide{font-size: 1.4rem}
    .btn_box button.sec {margin-top: 1rem}
    .write_table.another tbody tr > th{text-align: left; padding: 1rem 0 0 0; background-color: #F6F6F6}
    .formw-wrap{flex-direction: column; align-items: flex-start}
    .ultilization-select{width: 100%; margin-bottom: 0.5rem; margin-right: 0}
    .settlement-top-wrap{justify-content: flex-start; padding-bottom: 0}
    .settlement-top-bx{margin: 0 1rem 1.5rem}
    .settlement-top-tit{font-size: 1.4rem}
    .settlement-top-text{font-size: 1.4rem}
    .settlement-body-wrap{padding: 3rem 0 0}
    .settlement-body-bx{width: 100%; margin-right: 0; margin-bottom: 2rem; padding: 3.3rem 3rem}
    .settlement-body-bx:last-child{margin-bottom: 0}
    .settlement-body-bx:nth-child(3n){margin-right: 0}
    .settlement-pay-tit{font-size: 1.4rem}
    .settlement-pay-cont{font-size: 1.6rem}
    .settlement-pay-cont > span{font-size: 3rem}
    .pay-icon{right: 3rem}
    .pay-count{font-size: 1.6rem}
    .not_fix-table{margin-top: 1rem}
    .not_fix-table table thead th.col1{width: 14%}
    .not_fix-table table thead th.col4{width: 25%}
    .settlement-wrap{padding: 0 2rem 4rem;}
    .max-width-box.sec{padding: 0 2rem 7rem;}

    /* 소식과 행사 */
    .news-top-wrap{justify-content: flex-start; padding-bottom: 0}
    .news-top-bx{margin: 0 1rem 1.5rem}
    .news-top-tit{font-size: 1.4rem}
    .news-top-text{font-size: 1.4rem}
    .news-body-wrap{padding: 3rem 0 0}
    .news-body-bx{width: 100%; margin-right: 0; margin-bottom: 2rem; padding: 3.3rem 3rem}
    .news-body-bx:last-child{margin-bottom: 0}
    .news-body-bx:nth-child(3n){margin-right: 0}
    .news-pay-tit{font-size: 1.4rem}
    .news-pay-cont{font-size: 1.6rem}
    .news-pay-cont > span{font-size: 3rem}
    .news-wrap{padding: 0 2rem 4rem;}

    /* 접근성 검증 */
    .input-flex button{min-width: 8rem}
    .accessibility-txt{font-size: 1.4rem}
    .sub-title-small{font-size: 1.6rem}
    .sub-intro-tit{font-size: 3.2rem; padding-top: 5rem; padding-bottom: 5rem}
    .accessibility-intro{flex-direction: column; padding: 0 3rem}
    .intro-txt-wrap{margin-right: 0; margin-bottom: 4rem}
    .intro-txt{word-break: break-all}
    .intro-tit-box h1{font-size: 2.6rem}
    .intro-tit-box h1::before{width: 2rem}
    .intro-sub-tit{font-size: 1.8rem}
    .intro-txt{margin-top: 2.5rem; font-size: 1.4rem}
    .intro-ing-box{padding: 50%; padding-bottom: 31.7%}
    .intro-max-wrap{flex-direction: column; align-items: flex-start}
    .accessibility-intro-ver2{padding: 4rem 3rem}
    .intro-max-wrap .intro-txt-wrap{margin-left: 0}
    .intro-max-wrap .intro-ing-box{padding-bottom: 22.9%}
    .intro-icon-wrap{margin: 2rem 0}
    .intro-icon-tit{font-size: 1.4rem}
    .intro-icon-box{margin-right: 1.5rem}
    .guide-img-wrap{padding: 1.5rem}
    .guide-title{font-size: 1.8rem}
    .guide-information-box{margin-top: 2rem}
    .information-tit{font-size: 1.6rem}
    .information-tit > span{font-size: 1.4rem; width: 2rem; height: 2rem; line-height: 2rem}
    .information-txt{font-size: 1.6rem}
    .information-sub-tit{font-size: 1.6rem}
    .information-sub-txt{font-size: 1.6rem}
    .information-err{font-size: 1.4rem}

    /* 참고 자료 */
    .reference-link-box{width: 100%; margin-right: 0; margin-bottom: 4rem;}
    .reference-link-box:nth-last-child(-n + 2){margin-bottom: 4rem;}
    .reference-link-box:last-child{margin-bottom: 0;}
    .reference-link-list > li > a{font-size: 1.6rem;}
    .reference-link-list > li > a em{-webkit-line-clamp: 2;}
}


@media (max-width:675px){
    .password-wrap{padding: 0}
    .err-text{font-size: 1.4rem}
}
@media (max-width: 600px) {
    .article-body-bx {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 4px;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
    }

    .article-img {
        display: none;
    }

    .article-pay {
        display: block;
    }

    .article-pay .alarm {
        display: inline-block;
        margin-bottom: 4px;
    }

    .article-pay-cont {
        display: block;
        font-size: 14px;
        line-height: 1.4;
        margin-top: 4px;
    }

    .article-body-bx > .alarm {
        display: flex;
        justify-content: flex-start;
        gap: 12px;
        margin-top: 6px;
        font-size: 12px;
        color: #999;
    }
}

@media (max-width:325px){
    .not_fix-table table thead th.col1{width: 14%}
    .not_fix-table table thead th.col4{width: 28%}
    .sub-title h1{font-size: 2.8rem}
    .sub-intro-tit{font-size: 2.8rem}
    .intro-tit-box h1{font-size: 2.3rem}
    .intro-sub-tit{font-size: 1.6rem}
    .intro-txt{font-size: 1.3rem}
    .intro-img{padding: 1.7rem}
    .intro-icon-tit{font-size: 1.2rem}
}

@media (max-width:285px){
    .accessibility-intro{padding: 0 2rem}
    .accessibility-intro-ver2{padding: 4rem 2rem}
    .intro-tit-box h1{font-size: 2rem}
    .intro-sub-tit{font-size: 1.3rem}

}