#main{
    width:100%;
}


#main .visual{
    width:100%;
}

#main .visual .mainVisual{
    width:100%;
}

#main .visual .mainVisual li{
    width:100%;
    position:relative;
}

#main .visual .mainVisual li .thum{
    width:100%;
}

#main .visual .mainVisual li .thum img{
    width:100%;
}

#main .visual .mainVisual li .tx{
    width:100%;
    position:absolute;
    bottom:30px;
    padding:0px 20px;
    box-sizing:Border-box;
    font-size:32px;
    color:#fff;
    font-weight:900;
    line-height:45px;
    word-break:keep-all;
}


#main .mainTit{
    width:100%;
    padding:0px 20px;
    box-sizing:border-box;
}


#main .mainTit .tit{
    width:100%;
    font-size:16px;
    color:#de2726;
    font-family:'montserrat','pretendard';
    font-weight:bold;
}
#main .mainTit .subTit{
    width:100%;
    font-size:22px;
    color:#222;
    font-weight:bold;
    margin-top:8px;
}


#main .club{
    width:100%;
    margin-top:70px;
}



#main .club .mainTit{
    width:100%;
    box-sizing:border-box;
}


#main .visualList{
    width:170%;
    margin-top:24px;
    overflow:hidden;
}



#main .visualList dd{
    width:100%;
    padding-left:20px;
}


#main .visualList dd .thum{
    width:100%;
}

#main .visualList dd .thum img{
    width:100%;
	border-radius: 12px;
}

#main .slick-track{
    text-align:left;
    display:inline-block;
}



#main .visualList dd .txA{
    width:100%;
    margin-top:16px;
}


#main .visualList dd .txA .topLine{
    width:100%;
    display:Flex;
    justify-content:space-between;
}


#main .visualList dd .txA .topLine .tagList{
    place-self:Center;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}



#main .visualList dd .txA .topLine .tagList li{
    display:inline-block;
    border:1px solid #444;
    padding:4px 5px;
    box-sizing:border-box;
    font-size:12px;
    color:#444;
    border-radius:50px;
}

#main .visualList dd .txA .topLine .heart-off{
    place-self:center;
    width:16px;
    filter:grayscale(100%);
    opacity:0.5;
    cursor:pointer;
}

#main .visualList dd .txA .topLine .heart img{
    width:100%;
}

#main .visualList dd .txA .topLine .heart-on{
    place-self:center;
	width:16px;
    filter:grayscale(0%);
    opacity:1;
}




    





#main .visualList dd .txA .subj{
    font-size:16px;
    color:#222;
    font-weight:500;
    margin-top:8px;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    line-height:25px;
}


#main .visualList dd .txA .priceLine{
    width:100%;
    margin-top:16px;
    display:Flex;
    justify-content:space-between;
}

    

#main .visualList dd .txA .priceLine .bf{
    font-size:13px;
    color:#999;
    text-decoration:line-through;
    place-self:Center;
    font-weight:400;
}


#main .visualList dd .txA .priceLine .price{
    font-size:17px;
    color:#222;
    place-self:Center;
    font-weight:bold;
}

#main .visualList dd .txA .deadLine{
    width:100%;
    margin-top:4px;
    color:#de2726;
    font-size:13px;
    font-weight:400;
}


    





#main .review{
    width:100%;
    margin-top:70px;
}


#main .review .mainTit{
    width:100%;
    box-sizing:border-box;
}


#main .review .reviewVisual{
    width:170%;
    margin-top:24px;
    overflow:hidden;
}



#main .review .reviewVisual dd{
    width:100%;
    padding-left:20px;
}


#main .review .reviewList{
    width:100%;
}

#main .review .reviewList li{
    width:100%;
    margin-top:16px;
    display:Flex;
}

#main .review .reviewList li:first-child{
    margin-top:0px;
}


#main .review .reviewList li a{
    width:100%;
    display:flex;
}
    

#main .review .reviewList li a .thum{
    width:27%;
    place-self:center;
}
    
#main .review .reviewList li a .thum img{
    width:100%;
    height: 115.81px;
	border-radius: 12px;
}
@media screen and (max-width:450px){
	#main .review .reviewList li a .thum img{
		height: 88px;
	}
}


#main .review .reviewList li a .txA{
    width:73%;
    place-self:center;
    padding-left:10px;
}


#main .review .reviewList li a .txA .opLine{
    width:100%;
    display:flex;
    justify-content:space-between;
}

#main .review .reviewList li a .txA .opLine .starA{
    display:flex;
    place-self:center;
    gap:2px;
}

#main .review .star-off{
    place-self:center;
    width:13px;
    filter:grayscale(100%);
    opacity:0.5;
}

#main .review .star img{
    width:100%;
}

#main .review .star-on{
    place-self:center;
    width:14px;
    filter:grayscale(0%);
    opacity:1;
}

#main .review .score{
    font-size:13px;
    place-self:Center;
    color:#de2726;
    font-weight:Bold;
}


#main .review .reviewList li a .txA .opLine .date{
    font-size:13px;
    place-self:Center;
    color:#999;
}

#main .review .reviewList li a .txA .tx{
    width:100%;
    margin-top:8px;
    font-size:14px;
    line-height:21px;
    word-break:keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
}
    










#main .benefit{
    width:100%;
    margin-top:70px;
}


#main .benefit .mainTit{
    width:100%;
    box-sizing:border-box;
}





#main .collabo{
    width:100%;
    margin-top:70px;
    margin-bottom:70px;
}

#main .collabo .mainTit{
    margin-bottom:24px;
}


#main .collabo .collaboVisual1{
    width:100%;
    padding:0px 0px;
    box-sizing:border-box;
}

#main .collabo .collaboVisual{
    width:100%;
    margin-top:15px;
    text-align:center;
}


#main .collabo .collaboVisual li{
    width:100%;
    margin:0px 6px;
}

#main .collabo .collaboVisual li img{
    width:100%;
}







#main .shortcutList{width:100%; display:flex; flex-flow:wrap; gap:4px; padding:40px 20px; box-sizing:border-box;}
#main .shortcutList li{width:auto; border:1px solid #222; border-radius:50px; font-size:15px; padding:8px 12px; color:#222;}

#main .talk{width:100%; padding:0px 20px; box-sizing:border-box; position:relative;}
#main .talk .bg{width:100%;}
#main .talk .bg img{width:100%;}
#main .talk .cont{width:100%; position:absolute; padding:20px; box-sizing:border-box; display:Flex; flex-flow:column; align-items:end; left:0;}
#main .talk .cont .arrow{padding-right:20px;}
#main .talk .cont .mainTit .tit{color:#fff; width:100%;}
#main .talk .cont .mainTit .subTit{color:#fff; width:100%;}

#main .review2{width:100%; margin-top:40px;}
#main .review2 .reviewVisual2{width:100%; margin-top:20px;}
#main .review2 .reviewVisual2 dd{width:100%; overflow:hidden; position:relative; aspect-ratio: 16 / 20; position:relative; margin:0px 12px; border-radius:40px; overflow:Hidden;}
#main .review2 .reviewVisual2 dd .bg{width:100%;}
#main .review2 .reviewVisual2 dd .bg img{position:relative; left:50%;; transform:translateX(-50%); width:100%;}
#main .review2 .reviewVisual2 dd .cont{width:100%; background:rgba(0,0,0,0.4); position:absolute; height:100%; display:flex; z-index:1; flex-flow:column; justify-content:space-between; align-items:end; padding:20px 20px 20px 32px; box-sizing:border-box;}
#main .review2 .reviewVisual2 dd .cont .star{display:flex; gap:4px; padding:8px 12px; background:#e30012; border-radius:50px; align-items:center;}
#main .review2 .reviewVisual2 dd .cont .star .tx{font-size:14px; color:#fff;}
#main .review2 .reviewVisual2 dd .cont .star .ico{width:21px;}
#main .review2 .reviewVisual2 dd .cont .star .ico img{width:100%;}
#main .review2 .reviewVisual2 dd .cont .comment{width:100%; font-size:14px; color:#fff; line-height:21px; word-break:keep-all; text-overflow: ellipsis;overflow: hidden ;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; color:#fff;}
#main .review2 .reviewVisual2 dd .cont .writer{width:100%; font-size:14px; color:#fff;}


#main .bannerList{width:100%; padding:0px 20px; box-sizing:border-box; margin-top:40px; display:flex; gap:12px; flex-flow:column;}
#main .bannerList dd{width:100%;}
#main .bannerList dd img{width:100%;}