@charset "utf-8";

/* 활발한 모임 */
#mainMoim .moim-hot{padding:60px 0}
#mainMoim .moim-hot h2{gap:6px}

/* 인기 모임 */
#mainMoim .moim-top5{padding:60px 0}
#mainMoim .moim-top5 h2{margin-bottom:30px;text-align:center}
#mainMoim .moim-top5 h2 span{color:var(--prm-blue-500)}
#mainMoim .moim-top5 h2 img{width:35px;margin-left:5px;vertical-align:top}
#mainMoim .moim-top5 ul{gap:30px}
#mainMoim .moim-top5 ul li{max-width:180px}
#mainMoim .moim-top5 ul li a{display:flex;flex-direction:column;align-items:center}
#mainMoim .moim-top5 ul li .thum{overflow:hidden;width:180px;height:180px;margin-bottom:15px;border-radius:50%;transition:all .15s}
#mainMoim .moim-top5 ul li .thum img{width:100%;height:100%;object-fit:cover}
@media(hover:hover){
#mainMoim .moim-top5 ul li:hover .thum{border-radius:40px}    
}

/* 신규 모임 */
#mainMoim .moim-new{padding:60px 0}
#mainMoim .moim-new h2{gap:6px}
#mainMoim .moim-new h2 .badge{background:var(--spt-green-500)}

/* 모임즈 배너 */
#mainMoim .moimz-bnr{overflow:hidden;height:165px;margin:60px 0; background:var(--prm-blue-50)}
#mainMoim .moimz-bnr .cm-inner{position:relative;height:100%;padding-left:10%}
#mainMoim .moimz-bnr img{position:absolute;bottom:-65px;left:-9%;width:285px}
#mainMoim .moimz-bnr .txt{position:relative}
#mainMoim .moimz-bnr .txt span{font-size:16px;font-weight:400;color:var(--prm-gray-500)}
#mainMoim .moimz-bnr .txt p{font-size:24px;font-weight:700}
#mainMoim .moimz-bnr .txt p b{font-weight:700;color:var(--prm-blue-500)}
#mainMoim .moimz-bnr .btns{gap:8px;margin-left:auto}