@charset "UTF-8";

/* Main Layer Popup */
#mainLayerPopup.krds-modal .modal-back.in {
    opacity: 0.85;
}

#mainLayerPopup.krds-modal .modal-dialog {
    justify-content: center;
    width: 70%;
    max-width: 128rem;
    color: #fff;
}

.LayerPopCont {
    width: 100%;
    text-align: center;
}

.LayerPopTit {
    margin-bottom: 2.5rem;
    font-size: 3.8rem;
    font-weight: 700;
    letter-spacing: -.05rem;
}

.main-layer-swiper .im a {
    display: block;
}

.main-layer-swiper .swiper-wrapper.single-slide {
    justify-content: center;
}

@media all and (min-width: 901px) {
    .main-layer-swiper .swiper-wrapper.double-slide {
        justify-content: center;
    }
}

.main-layer-swiper .swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction) {
    position: static;
    width: auto;
    background: transparent;
}

.main-layer-swiper .swiper-indicator {
    justify-content: center;
    padding: 2rem 0;
}

.mlpBtnsWrap {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
}

.mlpBtnsWrap .krds-btn.medium {
    border: none;
    border-radius: 5rem;
}

.mlpBtnsWrap .krds-btn.medium.todayNone {
    background: #000;
}

.mlpBtnsWrap .krds-btn.medium.popupClose {
    background: #00879e;
}

.mlpNum {
    display: flex;
    gap: .2rem;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem;
    border: 1px solid #fff;
    height: 4.8rem;
    background: transparent;
    border-radius: 5rem;
}

.popNum {
    font-size: 2.3rem;
    font-weight: 700;
}

.main-layer-swiper .swiper-button-next,
.main-layer-swiper .swiper-button-prev {
    width: 4.5rem;
    height: 4.5rem;
}

.main-layer-swiper .swiper-button-prev {
    left: 0;
}

.main-layer-swiper .swiper-button-next {
    right: 0;
}

.main-layer-swiper .swiper-pagination .swiper-pagination-bullet {
    border: none;
    width: 1rem;
    height: 1rem;
    background: rgba(255, 255, 255, 0.5);
}

.main-layer-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 2.5rem;
    background-color: #ffffff;
}

.main-layer-swiper .swiper-controller [class^=swiper-button-] {
    background-color: transparent;
}

.main-layer-swiper .swiper-controller [class^=swiper-button-]::after {
    background-color: #fff;
}

@media all and (max-width: 1280px) {
    #mainLayerPopup.krds-modal .modal-dialog {
        width: 90%;
        max-width: 90%;
    }

    .mlpSlideWrap .inner {
        width: 85%;
    }
}

@media all and (max-width: 1280px) {
    #mainLayerPopup.krds-modal .modal-dialog {
        width: 95%;
    }
}

@media all and (max-width: 768px) {
    .mlpSlideWrap .inner {
        width: 82%;
    }

    .LayerPopTit {
        margin-bottom: 1rem;
        font-size: 2.5rem;
    }

    .main-layer-swiper .swiper-button-next,
    .main-layer-swiper .swiper-button-prev {
        top: calc(50% - 8.5rem);
    }

    .main-layer-swiper .swiper-button-prev {
        left: 1rem;
    }

    .main-layer-swiper .swiper-button-next {
        right: 1rem;
    }

    .main-layer-swiper .swiper-indicator {
        padding: 1rem 0;
    }

    .mlpBtnsWrap {
        gap: .8rem;
        flex-direction: column;
    }

    .mlpNum,
    .mlpBtnsWrap .krds-btn.medium {
        width: 100%;
    }

}


/* Main Common */
.sectionTitle {
    margin-bottom: 2rem;
    font-size: 3.2rem;
    font-weight: 700;
    color: #1d1d1d;
}

@media all and (max-width: 1200px) {
    .sectionTitle {
        margin-bottom: 1.5rem;
        font-size: 2.8rem;
    }
}

@media all and (max-width: 600px) {
    .sectionTitle {
        margin-bottom: 1rem;
        font-size: 2.5rem;
    }
}

/* Main Visual */
.visualImg img {
    width: 100%;
}

.main-swiper {
    position: relative;
}

.visualText {
    position: absolute;
    bottom: 20%;
    left: calc((100% - 1280px) / 2);
    z-index: 1;
    color: #fff;
}

.visualText .text {
    margin-bottom: 4rem;
}

.visualText .sTxt {
    margin-bottom: 2rem;
    font-size: 2.7rem;
    font-weight: 700;
}

.visualText .lTit {
    font-size: 7rem;
    font-weight: 700;
    line-height: 8rem;
}

.main-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    padding: 0;
    width: auto;
}

.main-swiper .swiper-indicator {
    justify-content: flex-start;
}

.main-swiper .swiper-pagination {
    position: static;
}

.main-swiper .swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction) {
    background-color: transparent;
}

.main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev {
    border: none;
    width: 4rem;
    height: 4rem;
    background: transparent;
}

.main-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 1.1rem;
    height: 1.1rem;
}

.main-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4rem;
    background-color: #fff;
}

.main-swiper .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: transparent;
}

.main-swiper .swiper-button-next::after,
.main-swiper .swiper-button-prev::after {
    background: #fff;
    -webkit-mask-image: url(/krds/img/icon/ico_login_certify_go.svg);
    mask-image: url(/krds/img/icon/ico_login_certify_go.svg);
}

.main-swiper .swiper-button-prev::after {
    transform: rotate(180deg);
}

.main-swiper .swiper-button-next::after {
    transform: rotate(0deg);
}

.main-swiper .swiper-button-play,
.main-swiper .swiper-button-stop {
    border: 2px solid #fff;
    width: 5rem;
    height: 5rem;
    background-color: transparent;
}

.main-swiper [class^=swiper-button-]::after {
    background: #fff;
}

@media all and (max-width: 1550px) {
    .visualText {
        bottom: 6%;
    }
}

@media all and (max-width: 1300px) {
    .visualText {
        bottom: 10%;
        left: calc((100% - 1212px) / 2);
    }

    .visualText .sTxt {
        font-size: 2.0rem;
    }

    .visualText .lTit {
        font-size: 5rem;
        line-height: 6rem;
    }
}

@media all and (max-width: 1200px) {
    .visualText {
        left: 5%;
    }

    .visualText .text {
        margin-bottom: 1rem;
    }

    .visualText .sTxt {
        font-size: 1.8rem;
    }

    .visualText .lTit {
        font-size: 3.5rem;
        line-height: 4.5rem;
    }
}

@media all and (max-width: 900px) {

    .main-swiper .swiper-button-play,
    .main-swiper .swiper-button-stop {
        width: 3.5rem;
        height: 3.5rem;
    }
}

@media all and (max-width: 700px) {
    .visualText {
        bottom: 8%;
    }

    .visualImg img {
        width: 200%;
        max-width: 200%;
    }

    .visualText .sTxt {
        margin-bottom: 1rem;
        font-size: 1.4rem;
    }

    .visualText .lTit {
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
}

/* 팝업존, 자주찾는 서비스 */
.flexSection {
    display: flex;
    padding: 6rem 0;
    grid-gap: 3rem;
}

/* popupzone swiper */
.popupZone {
    width: 40.5%;
}

.popupzone-swiper .im {
    overflow: hidden;
    border-radius: 2rem;
}

.popupzone-swiper .im img {
    width: 100%;
}

.popupzone-swiper .swiper-pagination {
    position: static;
}

.popupzone-swiper .swiper-indicator {
    margin-top: -7.5rem;
    padding: 2rem;
    z-index: 1;
}

.popupzone-swiper .swiper-button-next,
.popupzone-swiper .swiper-button-prev {
    width: 4rem;
    height: 4rem;
}

@media all and (max-width: 1200px) {
    .popupZone {
        width: 50%;
    }
}

@media all and (max-width: 900px) {

    .popupzone-swiper .swiper-indicator {
        margin-top: unset;
    }

    .popupzone-swiper .swiper-button-next,
    .popupzone-swiper .swiper-button-prev {
        width: 3.5rem;
        height: 3.5rem;
    }

    .popupzone-swiper [class^=swiper-button-] {
        width: 3.5rem;
        height: 3.5rem;
    }

    .popupzone-swiper .swiper-indicator .swiper-pagination {
        height: 3.5rem;
    }
}

/* 자주찾는 서비스 swiper */
.svcMenu {
    padding: 3.5rem;
    /* padding-bottom: 0; */
    width: calc(59.5% - 3rem);
    background: #f3f6fb;
    border-radius: 2rem;
}

.svcMenu .swiper-indicator {
    margin-top: -4rem;
}

.svcMenu .swiper-button-next,
.svcMenu .swiper-button-prev {
    width: 4rem;
    height: 4rem;
}

.svcMenu .swiper {
    margin-top: 2.5rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    /* height: 28rem; */
}


.svcMenu .swiper-slide {
    /* Center slide text vertically */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    text-align: center;
}

.svcMenu .swiper-grid-column>.swiper-wrapper {
    grid-row-gap: 1.5rem;
    flex-direction: row;
}

.svcIconWrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.svcIcon {
    margin: 0 auto;
    padding: 1.5rem 0;
    width: 8rem;
    height: 8rem;
    background: #fff;
    border-radius: 2rem;
}

.svcmnTxt {
    margin: 0 auto;
    margin-top: 1rem;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: #1e2124;
    text-align: center;
}

@media all and (max-width: 1200px) {
    .svcMenu {
        width: 50%;
    }

    .flexSection {
        padding: 1.5rem 0;
    }

    .flexSection {
        grid-gap: 1.5rem;
    }

    .svcMenu {
        padding: 2.5rem;
    }

    .svcMenu .main-tit-wrap .tit {
        font-size: 2rem;
    }

    .svcMenu .swiper-button-next,
    .svcMenu .swiper-button-prev {
        width: 3.5rem;
        height: 3.5rem;
    }

    .svcMenu .swiper {
        margin-top: 2rem;
        /* height: 22.5rem; */
    }

    .svcMenu .swiper-grid-column>.swiper-wrapper {
        grid-row-gap: 1rem;
    }

    .svcIcon {
        width: 7rem;
        height: 7rem;
    }

    .svcIcon img {
        width: 4rem;
    }

    .svcmnTxt {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
}

@media all and (max-width: 900px) {
    .flexSection {
        flex-direction: column;
    }

    .popupZone {
        width: 100%;
    }

    .svcMenu {
        width: 100%;
    }
}

/* BMC 소식 */
.bmcNotice {
    position: relative;
}

.bmcNotice .tab.full>ul>li {
    flex: 0;
    min-width: 10rem;
}

.bmcNotice .tab.line.full .btn-tab {
    border-bottom: 2px solid #fff;
}

.linkMore {
    position: absolute;
    top: 1.5rem;
    right: 0;
    z-index: 1;
}

.notiList>ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    grid-gap: 2rem;
}

.notiTag {
    display: inline-flex;
    padding: 0.2rem 1rem;
    background: #eff5ff;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1d56c7;
    border-radius: 0.4rem;
}

.notiList>ul>li {
    padding: 3rem;
    border: 1px solid #c6c6c6;
    width: calc(25% - 1.5rem);
    border-radius: 2rem;
}

.notiTit {
    display: -webkit-box;
    margin: 1.5rem 0;
    overflow: hidden;
    font-size: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.notiInfoWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5rem;
    border-top: 1px dashed #c6c6c6;
}

.ntDate {
    font-size: 1.5rem;
    color: #555;
}

.notiInfoWrap .krds-btn.text.medium {
    font-size: 1.7rem;
    color: #1e2124;
}

@media all and (max-width: 1200px) {

    .sectionWrap.notice {
        padding: 2rem 0;
    }

    .notiList>ul>li {
        padding: 2rem;
    }

    .bmcNotice .tab.full>ul>li {
        min-width: 8rem;
    }

    .bmcNotice .tab.line.full .btn-tab {
        font-size: 1.8rem;
    }

    .ntMore {
        display: none;
    }
}

@media all and (max-width: 900px) {
    .notiList>ul>li {
        width: calc(50% - 1rem);
    }

    .ntMore {
        display: block
    }
}

@media all and (max-width: 700px) {
    .linkMore {
        top: 5.8rem;
    }

    .bmcNotice.krds-tab-area {
        gap: var(--krds-gap-10);
    }
}

@media all and (max-width: 600px) {
    .bmcNotice .tab.full>ul>li {
        min-width: 6.8rem;
    }

    .bmcNotice .tab.line.full .btn-tab {
        height: 4.3rem;
        font-size: 1.6rem;
    }

    .linkMore {
        top: 5rem;
    }

    .linkMore .krds-btn.text.medium {
        font-size: 1.4rem;
    }

    .bmcNotice.krds-tab-area {
        gap: var(--krds-gap-3);
    }

    .notiList>ul {
        grid-gap: 1.5rem;
    }

    .notiList>ul>li {
        padding: 1.5rem;
        width: 100%;
    }

    .notiList>ul>li:nth-of-type(-n+4) {
        display: none;
    }

    .notiTag {
        padding: 0.2rem 0.8rem;
        font-size: 1.4rem;
    }

    .notiTit {
        margin: 1.0rem 0;
        font-size: 1.6rem;
    }

    .notiInfoWrap {
        padding-top: 1.0rem;
    }

    .ntDate {
        font-size: 1.3rem;
    }

    .notiInfoWrap .krds-btn.text.medium {
        font-size: 1.4rem;
    }
}

/* BMC 사업안내 */
.sectionWrap.business {
    margin: 7rem 0;
}

.business .inner {
    padding: 0 7rem;
    background: #eef2f7;
    border-radius: 2rem;
}

.bsnsLeft {
    padding-top: 2rem;
    position: relative;
}

.bsnsRight {
    width: 74%;
}

.swiper-inner {
    padding: 0;
    max-width: var(--krds-contents-wrap-size);
}

.txtBlue {
    color: #134290;
}

.subSectionText {
    margin-bottom: 3rem;
}

.bsnsLeft .swiper-indicator {
    position: absolute;
    bottom: 0;
}

.bsnsLeft .swiper-indicator .swiper-button-next,
.bsnsLeft .swiper-indicator .swiper-button-prev {
    width: 4rem;
    height: 4rem;
}

.business-swiper .swiper-slide {
    overflow: hidden;
    background: #fff;
    border-radius: 2rem;
}

.business-swiper .swiper-slide a {
    display: block;
}

.business-swiper .swiper-slide a:focus {
    outline: 3px solid #00879e;
    outline-offset: -3px;
    border-radius: 2rem;
}

.business-swiper .swiper-slide .im {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    overflow: hidden;
}

.business-swiper .swiper-slide .im img {
    width: 100%;
}

.business-swiper .swiper-slide .text {
    padding: 2.5rem;
}

.bsnsTit {
    font-size: 2.1rem;
    font-weight: 700;
    color: #333333;
}

.bsnsStxt {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: 400;
    color: #333333;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media all and (max-width: 1200px) {
    .sectionWrap.business .flexSection {
        padding: 4.5rem 0;
        grid-gap: 4.5rem;
    }

    .sectionWrap.business {
        margin: 3rem 0;
    }

    .subSectionText {
        font-size: 1.6rem;
    }

    .bsnsRight {
        width: 62%;
    }

    .bsnsLeft .krds-btn {
        height: 4.5rem;
        font-size: 1.5rem;
    }

    .business-swiper .swiper-slide .text {
        padding: 1.8rem;
    }

    .bsnsTit {
        font-size: 1.9rem;
    }

    .bsnsStxt {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 900px) {
    .sectionWrap.business {
        margin: 1rem 0;
    }

    .sectionWrap.business .flexSection {
        padding: 2rem 0;
        grid-gap: 2rem;
    }

    .bsnsLeft .swiper-indicator {
        right: 0;
    }

    .bsnsRight {
        width: 100%;
    }

    .subSectionText {
        font-size: 1.5rem;
    }

    .subSectionText {
        margin-bottom: 2rem;
    }

    .bsnsLeft .krds-btn {
        height: 4rem;
        font-size: 1.4rem;
    }

    .business .inner {
        padding: 0 3.5rem;
    }
}

@media all and (max-width: 600px) {
    .business .inner {
        padding: 0 2rem;
    }

    .sectionWrap.business .flexSection {
        padding: 2rem 0;
    }

    .bsnsLeft {
        padding-top: 1rem;
    }

    .business-swiper .swiper-slide .text {
        padding: 1.5rem;
    }

    .bsnsTit {
        font-size: 1.6rem;
    }

    .bsnsStxt {
        font-size: 1.3rem;
    }
}

/* 아르피나 ~ 도시재생 지원센터 링크배너 */
.linkBanner {
    display: flex;
    grid-gap: 3rem;
}

.linkBanner>div {
    overflow: hidden;
    width: 33.3%;
    border-radius: 2rem;
}

.linkBanner a {
    display: block;
    padding: 4rem;
    height: 23.5rem;
}

.linkBanner a:focus {
    outline: 3px solid #00879e;
    outline-offset: -3px;
    border-radius: 2rem;
}

.linkBanner .box1 {
    background: #e6f3f5 url("/images/main/osiria_bg.png") no-repeat;
    background-size: cover;
}

.linkBanner .box2 {
    background: #eef1ff url("/images/main/arpina_bg.png") no-repeat;
    background-size: cover;
}

.linkBanner .box3 {
    background: #eff9fe url("/images/main/city_bg.png") no-repeat;
    background-size: cover;
    background-blend-mode: hard-light;
}

.lbText {
    margin-bottom: 2rem;
    font-size: 2.3rem;
    font-weight: 700;
    color: #1d1d1d;
}

.lbText::after {
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    content: "";
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_go.svg);
    mask-image: url(/krds/img/icon/ico_go.svg);
}

.lbText>span {
    font-size: 2.5rem;
    font-weight: 900;
}

.lbText .col1 {
    color: #13acb2;
}

.lbText .col2 {
    color: #191390;
}

.lbText .col3 {
    color: #134290;
}

@media all and (max-width: 1300px) {
    .linkBanner a {
        padding: 3rem;
        height: 19.5rem;
    }

    .lbText {
        font-size: 2.0rem;
    }

    .lbText>span {
        font-size: 2.3rem;
    }
}


@media all and (max-width: 1200px) {
    .lbText>span {
        display: block;
        font-size: 2.2rem;
    }

    .linkBanner a {
        height: auto;
    }
}

@media all and (max-width: 900px) {
    .linkBanner {
        flex-direction: column;
        grid-gap: 1rem;
    }

    .linkBanner>div {
        width: 100%;
    }

    .lbText {
        margin-bottom: 0.5rem;
        font-size: 1.8rem;
    }

    .lbText>span {
        display: inline-block;
        font-size: 2rem;
    }

    .lbText::after {
        width: 1.8rem;
        height: 1.8rem;
    }

    .lbsText {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 600px) {
    .linkBanner a {
        padding: 2rem;
    }

    .lbText {
        font-size: 1.6rem;
    }

    .lbText>span {
        font-size: 1.8rem;
    }

    .lbsText {
        font-size: 1.4rem;
    }
}

/* 바다가튜브 */
.sectionWrap.promotion {
    margin: 7rem 0;
}

.badaga-swiper .inner {
    width: 100%;
}

.wrapBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.linkText {
    font-size: 2.3rem;
    font-weight: 600;
    color: #1d1d1d;
}

.linkText::after {
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    content: "";
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_go.svg);
    mask-image: url(/krds/img/icon/ico_go.svg);
}

.videoImgWrap {
    overflow: hidden;
    position: relative;
    border-radius: 2rem;
}

.youtubeIcon {
    position: absolute;
    top: 2rem;
    right: 2rem;
}

.videoImg a {
    display: block;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.videoImg a:focus {
    outline: 3px solid #00879e;
    outline-offset: -3px;
    border-radius: 2rem;
}

.videoImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videoTit {
    display: -webkit-box;
    margin: 3rem 0;
    overflow: hidden;
    min-height: 5.7rem;
    font-size: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.videoDate {
    font-size: 1.5rem;
    font-weight: 400;
    color: #7a7a7a;
}

.videoMore {
    text-align: right;
}

.wrapBox .swiper-indicator .swiper-button-next,
.wrapBox .swiper-indicator .swiper-button-prev {
    width: 4rem;
    height: 4rem;
}

@media all and (max-width: 1200px) {
    .sectionWrap.promotion {
        margin: 4rem 0;
    }

    .youtubeIcon {
        top: 1rem;
        right: 1rem;
    }

    .videoTit {
        margin: 1.5rem 0;
        min-height: 4.6rem;
        font-size: 1.7rem;
    }

    .linkText {
        font-size: 2.0rem;
    }

    .linkText::after {
        mask-position: center 0.2rem;
    }

    .videoMore .krds-btn {
        font-size: 1.6rem;
    }
}

@media all and (max-width: 600px) {
    .youtubeIcon img {
        width: 3rem;
    }

    .videoTit {
        margin: 1rem 0;
        min-height: 4.5rem;
        font-size: 1.5rem;
    }

    .videoDate {
        margin: 0;
        font-size: 1.3rem;
    }

    .videoMore .krds-btn {
        font-size: 1.3rem;
    }
}

/* 홍보책자 ~ 웹진 */
.sectionWrap.prmt {
    margin-bottom: 7rem;
}

.sectionWrap.prmt .inner {
    padding: 7rem;
    background: #eef2f7;
    border-radius: 2rem;
}

.prmtWrap {
    display: flex;
    grid-gap: 3rem;
}

.noLinkText {
    font-size: 2.3rem;
    font-weight: 600;
    color: #1d1d1d;
}

.prmtWrap .noLinkText,
.prmtWrap .linkText {
    margin-bottom: 1.5rem;
}

.bookCont a {
    display: block;
}

.bookImg {
    box-shadow: 1px 1px 8px rgb(154 154 154 / 10%);
    overflow: hidden;
    width: fit-content;
    border-radius: 2rem;
}

.prmtText {
    margin: 2rem 0;
    font-size: 1.9rem;
    font-weight: 700;
    color: #333333;
}

.bookDate {
    font-size: 1.5rem;
    font-weight: 400;
    color: #7a7a7a;
}

.historyImg {
    overflow: hidden;
    border-radius: 2rem;
}

.btnWhite {
    display: inline-flex;
}

.btnWhite a {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
    width: 23rem;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
    color: #1e2124;
    border-radius: 0.8rem;
}

.btnWhite a::after {
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    content: "";
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_more.svg);
    mask-image: url(/krds/img/icon/ico_more.svg);
}

.wzWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wzBdaga {
    overflow: hidden;
    border-radius: 2rem;
}

.webzine {
    width: 37%;
}

.wzImg {
    position: relative;
    color: #013739;
}

.wzLayer {
    position: absolute;
    bottom: 1.5rem;
    left: 3rem;
}

.wzSmall {
    font-size: 1.8rem;
    font-weight: 500;
}

.monthImg img {
    width: 100%;
}

.wzMonth {
    font-size: 3.2rem;
    font-weight: 700;
}

.wzMonth .big {
    font-size: 5.6rem;
    font-weight: 800;
    line-height: 6rem;
}

.bgSky {
    padding: 3rem;
    background: #0c615c;
    color: #fff;
}

.wzStit {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 500;
    grid-gap: 1rem;
}

.wzStit::after {
    display: inline-flex;
    width: 7rem;
    height: 0.1rem;
    background-color: #fff;
    content: '';
}

.wzTit {
    font-size: 1.9rem;
    font-weight: 700;
}

.halfBtns {
    display: flex;
    margin-top: 2rem;
    grid-gap: 2rem;
}

.halfBtns .btnWhite {
    width: calc(50% - 1rem);
}

@media all and (max-width: 1200px) {
    .sectionWrap.prmt {
        margin-bottom: 4rem;
    }

    .sectionWrap.prmt .inner {
        padding: 4rem;
    }

    .noLinkText {
        font-size: 2.0rem;
    }

    .prmtWrap {
        grid-gap: 1.5rem;
    }

    .prmtText {
        margin: 1rem 0;
        font-size: 1.8rem;
    }

    .btnWhite a {
        padding: 1.0rem;
        font-size: 1.6rem;
    }

    .wzSmall {
        font-size: 1.7rem;
    }

    .wzMonth {
        font-size: 2.8rem;
    }

    .wzMonth .big {
        font-size: 5.0rem;
        line-height: 4rem;
    }

    .bgSky {
        padding: 2.5rem;
    }
}

@media all and (max-width: 900px) {

    .prmtWrap {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .prmtWrap>div {
        flex: 1;
    }

    .prmtWrap>div:last-child {
        flex: 0 0 100%;
    }
}

@media all and (max-width: 600px) {
    .sectionWrap.prmt .inner {
        padding: 3rem;
    }

    .prmtWrap {
        grid-gap: 4.5rem;
    }

    .bookCont {
        text-align: center;
    }

    .bookImg {
        margin: 0 auto;
    }

    .prmtText {
        margin: 0.5rem 0;
        font-size: 1.6rem;
    }

    .bookDate {
        font-size: 1.4rem;
    }

    .btnWhite a {
        padding: 1.0rem;
        width: 20rem;
        font-size: 1.4rem;
    }

    .badaImg img {
        max-width: 8rem;
    }

    .wzSmall {
        font-size: 1.5rem;
    }

    .wzLayer {
        left: 2.5rem;
    }

    .wzMonth {
        font-size: 2rem;
    }

    .wzMonth .big {
        font-size: 4rem;
        line-height: 3.5rem;
    }

    .wzStit {
        margin-bottom: 0.5rem;
        font-size: 1.3rem;
    }

    .wzStit::after {
        display: none;
    }

    .wzTit {
        font-size: 1.6rem;
    }

    .halfBtns {
        margin-top: 1rem;
        grid-gap: 1rem;
    }
}