@charset "utf-8";


/* main */
#content.main{padding-top:20rem; background:#F6F6F6;}
.main-header{margin-bottom:25rem;}
.main-header img{height:38rem;}

/* 공통 슬라이드 */
*[class^="common-slider"]{overflow:visible;}
*[class^="common-slider"] .swiper-slide{border-radius:10rem;}
*[class^="common-slider"] .cmn-info__user strong{color:#fff;}
.swiper-slide img{width:100%;}
.swiper-pagination-bullet{opacity:1; width:13rem; height:4rem; background:#D9D9D9; border-radius:30rem;}
.swiper-pagination-bullet-active{background:var(--c-02);}
.swiper-controls{margin-top:10rem;}
.swiper-pagination{display:flex; justify-content:center; align-items:center; position:relative; gap:5rem;}
:is(.main-recomm,
.commu-recomm) .swiper-slide{width:267rem;}

/* 메인 퀵 메뉴 */
.main-quick > div{position:relative; width:100%; height:112rem; padding:18rem 15rem; background:var(--f); border-radius:10rem;}
.main-quick > div strong{display:flex; justify-content:space-between; align-items:center; position:relative; font-weight:700; font-size:15rem; color:var(--b-01);}
.main-quick > div strong::after{content:""; position:absolute; right:0; width:8rem; height:12rem; background:url(../img/common/arrow-basic_b.svg) no-repeat 50% 50%;}
.main-quick{margin-top:26rem; gap:7rem;}
.main-quick > div img{position:absolute; bottom:20rem;}
.main-quick > div:last-child img{bottom:3rem;}

/* 메인이벤트 */
.sec-tit{display:flex; justify-content:space-between; align-items:center; position:relative; margin-bottom:19rem; font-size:20rem; color:var(--b-01);}
.sec-tit > i{display:block; position:absolute; right:0; width:8rem; height:100%; background:url(../img/common/arrow-basic_b.svg) no-repeat 50% 50%;}
.main-event{overflow:hidden; margin-top:17rem;}
.swiper-slide{border-radius:10rem;}
.main-event ~ section{padding-top:45rem;}

/* 추천게시글 */
.main-recomm__inr{display:flex; justify-content:flex-end; width:100%; height:180rem; padding:16rem 18rem; flex-direction:column;}
.main-recomm__inr *{color:var(--f);}
.common-slider--v2 .reply-01::before{background-image:url(../img/ic-comment-01_w.svg);}
.common-slider--v2 .reply-02::before{background-image:url(../img/ic-comment-02_w.svg);}
.common-slider--v2 .reply-03::before{background-image: url(../img/ic-comment-03_w.svg);}
.common-slider--v2 .cmn-info__reply > li > i{color:#fff;}
.main-recomm__tag{display:flex; align-items:center; position:absolute; top:20rem; gap:3rem;}
.main-recomm__tag > li{padding:4rem 11rem; background:rgba(255, 255, 255, 0.30); font-weight:600; font-size:12rem; color:var(--b-01); backdrop-filter:blur(1.8308943510055542px); border-radius:40rem;}
.main-recomm__inr > strong{display:block; line-height:1.3; margin-bottom:9rem; font-size:16rem;}

/* 메인 베스트 */
.main-bast .swiper-slide{display:flex; align-items:flex-start; width:232rem; flex-direction:column;}
.main-bast__info{padding:17rem 14rem;}
.main-bast__info > strong{font-weight:700; font-size:15rem; color:var(--b-01);}
.main-bast__info .cmn-info{margin-top:16rem;}
.reply-01::before{background-image:url(../img/ic-comment-01.svg);}
.reply-02::before{background-image:url(../img/ic-comment-02.svg);}
.reply-03::before{background-image: url(../img/ic-comment-03.svg);}
.tag-list{display:flex; margin-top:0rem; gap:6rem;}
.tag-list *{font-size:12rem; color:var(--c-02);}
.cmn-info{display:flex; justify-content:space-between; align-items:center;}
.cmn-info__reply{display:flex; gap:7rem;}
.cmn-info__user{display:flex; align-items:center;}
.cmn-info__user strong{font-size:12rem; color:var(--b-01);}
.cmn-info__reply > li{display:flex; align-items:center; position:relative; font-size:12rem;}
#multiple02 .cmn-info__user strong{color:var(--b-01);}
.cmn-info__reply > li::before{content:""; display:block; width:15rem; height:15rem; background-position:50% 50%; background-repeat:no-repeat;}
.cmn-info__reply > li > i{font-weight:300; color:#BBB;}