@charset "utf-8";
/*  START ===========
    DEV & OPEN CSS
    (개발 & OPEN )
    추가⭕ 수정⭕
*/

/****** [20250812 수정사항] *******/
#wrap > #container{max-width: auto;}
#wrap > #container .container{max-width: 1440px;}
.banner:before{background-color: var(--black-op-60);}


.board_content .post h1,
.board_content .post h2,
.board_content .post h3,
.board_content .post h4,
.board_content .post h5,
.board_content .post h6 {
    font-weight: revert;
    font-size: revert;
}


.board_list_img .list:not(.swiper-wrapper) li :not(.shop-item) .text_wrap{gap: 16px; padding: 24px 28px;}
.board_list_img .list:not(.swiper-wrapper) li :not(.shop-item) .info_wrap{gap: 12px 16px;}
@media all and (min-width: 1367px) {
    .board_list_img:not(.archive) .list > li{width: calc((100% - 72px) / 4)}
}
@media all and (min-width:1201px) and (max-width: 1366px) {
    .board_list_img:not(.archive) .list > li{width: calc((100% - 48px) / 3)}
}


@media all and (max-width: 1366px) {
    #COMMUNITYcontent::before{display: none !important}
}

.board .tool_list{background-color: var(--gold-1);}

/*** [커뮤니티] 진행중인 이벤트 ***/
.board_list_event .list a .text_wrap .event_tag:after{
    border-top-color: #19DAEF;
}
.info_wrap .info:not(.purchase).tag li.d_day{background-color: var(--black); text-transform: uppercase;}

/*** [커뮤니티] 종료된 이벤트 ***/
.board_list_event .list a .text_wrap .event_tag.end span{position: relative; left: -6px;}


/*** [커뮤니티] 글쓰기 ***/
.board.write .write_tag .tag{display: inline-block;}

/*** [마이페이지] ***/

.my_page_wrap .swiper-slide{height: auto;}
@media all and (min-width: 1201px) and (max-width: 1440px) {
    .my_page_wrap{ gap: 40px 2.78vw;
        justify-content: space-between;
    }
    .my_page_wrap > .user_wrap, .my_page_wrap > .my_board{ width: calc(100% - (2.78vw + 210px)) }

    .my_page_wrap > .title{ font-size: 46px;}
    .my_page_wrap > .title, .my_page_wrap > .my_nav{ width: 210px; }
}

.my_page_wrap .my_nav ul li{ width: auto; }




/*** [페이지네이션 ON / Hover] ***/
.paging .num .btn_num.on,
.paging .num .btn_num:hover{ background-color: #32C1D0; }

[class^=board_list] .title .head_text:not(.box){
    color: var(--gray-1);
}

/*** [팝업: 프로필 설정] ***/
#CMMpop_profile .select_group li input:before{display: none}
#CMMpop_profile .select_group li input.checkbox:after{ width: 12px; height: 12px; background-image: none;}
#CMMpop_profile .select_group li input:checked:before{display: block}


/*** [WEB SHOP] 웹 상점 ***/
.content.web-shop article.pointshop .board_list_img .list li .shop-item .img-wrap{aspect-ratio: 262/216; height: auto; background-size: cover;}
.content.web-shop article.pointshop .board_list_img .list li .shop-item .img-wrap img{ width: 150px; aspect-ratio: 150/150;}
.content.web-shop article.pointshop .board_list_img .list li .shop-item .price{text-align: left;}
.content.web-shop article.pointshop .board_list_img .list li .shop-item .info.purchase{font-size: 14px;}
.content.web-shop article.pointshop .board_list_img .list li .shop-item .price *{font-size: 20px; font-weight: 700;}

.content.web-shop article.pointshop .board_list_img .list li .shop-item .btn.black{background-color: var(--gold-1); border-radius: 2px;}

.content.web-shop article.pointshop .board_list_img .list li.sold-out .shop-item .btn.black{border: 1px solid #B6BDC5; color: #B6BDC5; background-color: #FFF;}
@media all and (max-width: 768px) {
    .content.web-shop article.pointshop .board_list_img .list li .shop-item .img-wrap img{
        width: 40vw;
    }
}


.content.web-shop{}
.content.web-shop .list li .text_wrap{font-family: var(--ff-pt); padding: 28px 0 24px; }
.content.web-shop .list li .text_wrap .tit{line-height: 1.6; font-family: var(--ff-pt);}
.content.web-shop .list li .info_wrap .dt{font-size: 14px;}
.content.web-shop .list li .shop-item .price *{font-family: var(--ff-pt) !important;}

/* 타켓 */
#CMMpop_target{
    box-shadow: 0 0 20px rgba(255,255,255,0.8);
}
#CMMpop_target h1,
#CMMpop_target h2,
#CMMpop_target h3,
#CMMpop_target h4,
#CMMpop_target h5,
#CMMpop_target h6 {
    font-weight: revert;
    font-size: revert;
    color: revert;
}

#CMMpop_target .pop_cont{border-radius: 0px;}
#CMMpop_target .image-style-align-center{margin: 0 auto}
#CMMpop_target .image-style-align-left  {margin-right: auto}
#CMMpop_target .image-style-align-right {margin-left: auto}

#CMMpop_target .btns{gap: 0;
    border-top: 1px solid var(--black);
}
#CMMpop_target .btns button{border-radius: 0px; border: none; box-shadow: none;}

/*  // END
    DEV & OPEN CSS
    (개발 & OPEN )
    추가⭕ 수정⭕
*/

[class^=board_list] .title .head_text.box{background-color: var(--gray-2);}