@charset "UTF-8";

.right-sub-info-content{background-color: #eef2f7; border-radius: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 4rem 4rem 4.5rem 4rem;}
.right-sub-info-content .right-sub-info-logo{width: 12rem; height: 12rem; border: .1rem solid #ced3d6; background-color: white; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 50%;}
.right-sub-info-content .right-sub-info-text{width: calc(100% - 16rem);}
.right-sub-info-content .right-sub-info-text h1{font-size: 2.5rem; color: #256ef4; font-family: pbGov; margin-bottom: 1.6rem;}
.right-sub-info-content .right-sub-info-text p{font-size: 1.9rem; line-height: 3rem; color: #464c53;}

@media screen and (max-width: 768px) {
    .right-sub-info-content{padding: 3rem 3rem 3.5rem 3rem; flex-direction: column; gap: 2rem}
    .right-sub-info-content .right-sub-info-text{width: 100%;}
}

.calendar-header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 5.5rem 0 5rem;}
.calendar-header h1{font-family: pbGov; color: #1d1d1d; font-size: 3.2rem;}
.calendar-header .common-search{border: .1rem solid #58616a; border-radius: .5rem; width: 12.6rem; font-size: 1.7rem; color: #1d1d1d; font-family: prGov; -webkit-appearance: none; appearance: none; background: url(../images/ic-search-arrow.png) no-repeat right 1.9rem center; padding: 1.05rem 1.9rem; height: 4.8rem; margin-right: .8rem}
.calendar-header .common-search.year{width: 14.6rem;}
.calendar-header .calendar-search{border: .1rem solid #58616a; border-radius: .5rem; font-size: 1.7rem; color: #1d1d1d; font-family: prGov; -webkit-appearance: none; appearance: none; background: url(../images/ic-search.png) no-repeat right 1rem center; padding: 1.05rem 3.9rem 1.05rem 1rem; height: 4.8rem;}

@media screen and (max-width: 1200px) {
    .calendar-header h1{font-size: 2.8rem;}
    .calendar-header .common-search{width: 10.6rem;}
    .calendar-header .common-search.year{width: 12.6rem}
}

@media screen and (max-width: 768px) {
    .calendar-header{margin: 3.5rem 0 3rem; flex-direction: column; gap: 2rem;}
}

/* [S] ÆäÀÌÂ¡ */
._paging {margin-top: 5rem;}
._paging ._inner{display: flex; justify-content: center; align-items: center;}
._paging ._inner ._first,
._paging ._inner ._last{display: none;}
._paging ._inner ._pageState{display: none;}
._paging ._inner > ul{display: flex; flex-wrap: wrap; margin: 0 1.7rem; gap: .8rem}
._paging ._inner > ul > li{width: 4rem; height: 4rem; border-radius: .5rem; overflow: hidden;}
._paging ._inner > ul > li a{display: block; width: 100%; height: 100%; line-height: 4rem; text-align: center; font-size: 1.7rem; color: #3d4148; font-family: prGov;}
._paging ._inner > ul > li strong{display: block; width: 100%; height: 100%; line-height: 4rem; text-align: center; font-size: 1.7rem; color: white; background-color: #003675; font-family: prGov;}
._paging ._inner ._listPrev{position: relative; font-size: 0; padding-left: 1.4rem; background: url(../images/ic-page-prev.png) no-repeat left top .6rem;}
._paging ._inner ._listPrev::before{content:"ÀÌÀü"; color: #555555; font-size: 1.7rem; font-family: prGov;}
._paging ._inner ._listNext{position: relative; font-size: 0; padding-right: 1.4rem; background: url(../images/ic-page-next.png) no-repeat right top .6rem;}
._paging ._inner ._listNext::before{content:"´ÙÀ½"; color: #555555; font-size: 1.7rem; font-family: prGov;}
/* [E] ÆäÀÌÂ¡ */
