.guide-page-content{background-color: #f2f2f2;padding-bottom: 2.14rem;}
.guide-page-content .guideWrap{margin-top: 1.57rem;}
.guide-page-content .guide-panel{display: flex;flex-direction: column;flex: 0 0 100%;max-width: 100%;}
.guide-page-content .guide-panel .guide-tab{display: grid;padding-bottom: 1.36rem;border-bottom: 1px solid #e2e2e2;margin-bottom: 1.43rem;grid-template-columns: repeat(4,1fr);justify-content: space-between;}
.guide-page-content .guide-panel .guide-tab > div{cursor: pointer;position: relative;font-size: 2rem;color: #666666;padding: 0 1.14rem;text-align: center;}
.guide-page-content .guide-panel .guide-tab > div.active::after{position: absolute;content: "";width: 100%;height: 2px;bottom: -1.43rem;background-color: #40f6bd;left: 0;}
.guide-page-content .guide-panel .guide-tab > div.active{font-size: 2rem;font-weight: bold;color: #333333;}
.guide-page-content .guide-panel .guide-tab > div a{color: #666;}
.guide-page-content .guide-panel .guide-tab > div.active a{color: #40f6bd;}
.guide-page-content .guide-panel .guide-banner-panel{display: flex;column-gap: 1.43rem;margin-bottom: 2rem;overflow-x: scroll;}
.guide-page-content .guide-panel .guide-banner-panel::-webkit-scrollbar{height: 0;}
.guide-page-content .guide-panel .guide-banner-panel a{display: flex;flex-direction: column;row-gap: 0.71rem;flex: 0 0 22rem;max-width: 22rem;}
.guide-page-content .guide-panel .guide-banner-panel a img{width: 100%;height: auto;border-radius: 0.43rem;}
.guide-page-content .guide-panel .guide-banner-panel a p{font-size: 1.71rem;color: #666666;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.guide-page-content .guide-panel .guide-listing{display: flex;flex-direction: column;padding: 0.57rem 0 0;background-color: #ffffff;border-radius: 0.71rem 0.71rem 0 0;}
.guide-page-content .guide-panel .guide-listing .guides-item{display: flex;column-gap: 2.14rem;padding: 1.57rem 1.43rem;border-bottom: 1px solid #ececec;}
.guide-page-content .guide-panel .guide-listing .guides-item > img{width: 16.79rem;flex: 0 0 16.79rem;max-width: 16.79rem;height: auto;border-radius: 0.71rem;}
.guide-page-content .guide-panel .guide-listing .guides-item .guideItemWrap{display: flex;flex-direction: column;width: 100%;flex-grow: 1;justify-content: center;}
.guide-page-content .guide-panel .guide-listing .guides-item .guideItemWrap h3{font-size: 2rem;color: #000000;font-weight: normal;margin-bottom: 1.71rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.guide-page-content .guide-panel .guide-listing .guides-item .guideItemWrap .dateTimeWrap{display: flex;align-items: center;column-gap: 0.57rem;}
.guide-page-content .guide-panel .guide-listing .guides-item .guideItemWrap .dateTimeWrap img{width: 1.29rem;height: 1.29rem;}
.guide-page-content .guide-panel .guide-listing .guides-item .guideItemWrap .dateTimeWrap p{font-size: 1.29rem;color: #999999;}

.guide-page-content .guide-panel .pagination{display: flex;justify-content: center;padding-bottom: 3rem;background-color: #ffffff;border-radius: 0 0 0.71rem 0.71rem;column-gap: 1.93rem;padding-top: 2.14rem;}
.guide-page-content .guide-panel .pagination a{outline: none;background-color: #ECEBEE;border-radius: 0.43rem;border: none;font-size: 1.86rem;color: #94979B;padding: 0 1.29rem;height: 4.14rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;cursor: pointer;}
.guide-page-content .guide-panel .pagination a.current{background-color: #42EAB2;color: #ffffff;border:none;}
.guide-page-content .guide-panel .pagination a.page-number{font-weight: normal;min-width: 4.14rem;}
.guide-page-content .guide-panel .pagination a.pagination-button{font-family: cursive;min-width: 4.14rem;}
