.goods_suggestion_head{padding: 0 2% 2%  2%; background: linear-gradient(279deg, #7EA7FF 5.77%, #658EF9 27.61%, #4B75F2 49.46%, #5561F9 71.3%, #5F4DFF 93.14%); border-radius: 20px;}

.goods_suggestion_head>.goods_suggestion_head_title_wrap{display: flex; padding: 30px 0;}
.goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title{width: 100%; font-size: 2.5rem; color: white; font-weight: 200; display: flex; align-items: center;}
.goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title::after{content: ''; height: 1px; border-top: 1px solid #fff; margin: 0 20px; display: block; align-self: center; flex-grow: 1;}
.goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title>p>span{display: inline-block; overflow: hidden; font-weight: 800; vertical-align: bottom;}
.goods_suggestion_head_category{width: 60%; padding: 10px; background: var(--white); border-radius: 300px; overflow: hidden; position: relative;}
.goods_suggestion_head_category::before{content: ''; width: 10px; height: 100%; background: var(--white); position: absolute; top: 0; left: 0; z-index: 99;}
.goods_suggestion_head_category::after{content: ''; width: 10px; height: 100%; background: var(--white); position: absolute; top: 0; right: 0; z-index: 99;}
.goods_suggestion_head_category>ul{/*width: 2000%;*/ display: flex; /*position: absolute; top: 50%; transform: translateY(-50%);*/}
.goods_suggestion_head_category>ul>li{width: auto; height: auto; margin: 0 10px; align-content: center;}
.goods_suggestion_head_category>ul>li:nth-of-type(1){margin-left: 0;}
.goods_suggestion_head_category>ul>li>button{color: var(--point-blue-1);}
/* .goods_suggestion_head_category>ul>li.category_select{padding: 5px 8px; background-color: var(--point-blue-1); border-radius: 300px; }
.goods_suggestion_head_category>ul>li.category_select>button{color: var(--white);} */
.goods_suggestion_head_category>ul>li.swiper-slide-active{padding: 5px 8px; background-color: var(--point-blue-1); border-radius: 300px; }
.goods_suggestion_head_category>ul>li.swiper-slide-active>button{color: var(--white);}

.goods_suggestion_head_title_wrap>.goods_suggestion_head_category>ul>li.preRemoveElement{margin-left: -10px}

.goods_suggestion_head_goods_wrap{width: 100%; background-color: var(--white); border-radius: 20px; overflow: hidden;}
.goods_suggestion_head_goods_wrap .prd_wrap{width: 100%;}
.goods_suggestion_head_goods_wrap .product_list{width: 100%; margin: unset;}
.goods_suggestion_head_goods_wrap .product_list.hide{display: none}
.goods_suggestion_head_goods_wrap .product_list li{padding-top: 0.94em; padding-bottom: unset;}
.goods_suggestion_head_goods_wrap .product_list li a .desc_wrap{min-height: 10lh;}

@media screen and (max-width: 1400px) {
    .goods_suggestion_head_category{width: 40%;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title{font-size: 2rem;}
}

@media screen and (max-width: 1280px) {
    .goods_suggestion_head_goods_wrap .product_list{flex-wrap: nowrap;}
}

@media screen and (max-width: 760px) {
    .goods_suggestion_head{padding: 0 3.5% 3.5% 3.5%;}

    .goods_suggestion_head>.goods_suggestion_head_title_wrap{padding: 20px 0; flex-direction: column; align-items: center;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title{margin-bottom: 15px; justify-content: center;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title::after{display: none;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title>p>span{margin-top: 5px; text-align: center; display: block;}

    .goods_suggestion_head_category{width: 100%; padding: 5px;}

    /* 1280px 이하는 한줄에 상품 리스트 2개 이므로 3번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+3){height: 0; padding: 0;}
}

.goods_suggestion_article{margin-top: 5%}
.goods_suggestion_article:has(.goods_suggestion_event){display: flex;}
.goods_suggestion_article:has(.goods_suggestion_event)>div{flex-basis: 0;}
.goods_suggestion_article_title_wrap{margin-bottom: 20px; display: flex;}
.goods_suggestion_article_title{width: 100%; font-size: 1.5rem; color: var(--point-blue-1); font-weight: 200; display: flex;}
.goods_suggestion_article_title::after{content: ''; height: 1px; border-top: 1px solid var(--point-blue-1); margin: 0 20px; display: block; align-self: center; flex-grow: 1;}
.goods_suggestion_article_title>p>span{font-weight: 600;}
.goods_suggestion_article_title_wrap button{width: 1.7rem; height: 1.7rem; background: var(--point-blue-1); border-radius: 300px; position: relative; display: flex; justify-content: center; align-items: center;}
.goods_suggestion_article_title_wrap button svg{width: 50%; height: 50%;}
.goods_suggestion_article_title_wrap button span{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); font-family: 'Pretendard'; font-size: 1.7rem; font-weight: 700; color: var(--white);}

@media screen and (max-width: 760px) {
    .goods_suggestion_article{margin-top: 80px}
}

.goods_suggestion_event{margin-right: 5%; overflow: hidden; flex-grow: 0.75;}
.goods_suggestion_recent{flex-grow: 1; width: 40%;}

.goods_suggestion_event_aritcle{border-radius: 10px;}
.goods_suggestion_event_aritcle li img, .goods_suggestion_exhibit li img{width: 100%; aspect-ratio : 40 / 23; display: block; object-fit: cover;}

.goods_suggestion_event>.index_button{margin-top: 15px; display: flex; justify-content: center; align-items: center;}
.goods_suggestion_event>.index_button>button{width: 15px; height: 15px; background-color: #eee; border-radius: 1000px; margin: 0 5px; opacity: 1; transition: all 0.3s ease;}
.goods_suggestion_event>.index_button>button.swiper-pagination-bullet-active{width: 45px; background-color: var(--point-blue-1);}

.goods_suggestion_recent>.goods_suggestion_article_product{width: 100%; }
.goods_suggestion_recent>.goods_suggestion_article_product>div{width: 100%; overflow: hidden;}
.goods_suggestion_recent>.goods_suggestion_article_product .product_list{flex-wrap: nowrap;}
.goods_suggestion_recent>.goods_suggestion_article_product .product_list li{width: calc(32.5% - 0.94em); padding-right: unset; padding-left: unset; margin: 0 0.94em;}
.goods_suggestion_recent>.goods_suggestion_article_product:has(.noLogin, .noPurchaseList){height: calc(100% - (1.5rem + 20px)); align-content: center;}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin{display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin svg{max-width: 110px; height: 100%;}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin svg path{fill: var(--point-blue-1);}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin p{margin-top: 30px; color: var(--point-blue-1); font-size: 1.4rem;}
.goods_suggestion_recent>.goods_suggestion_article_product .noPurchaseList p{color: var(--point-blue-1); font-size: 1.4rem; text-align: center}
.goods_suggestion_recent>.goods_suggestion_article_product .hide{display: none;}

@media screen and (max-width: 1510px) {
    .goods_suggestion_event{flex-grow: 1;}
    .goods_suggestion_recent>.goods_suggestion_article_product .product_list li{width: calc(50% - 0.94em);}
}

@media screen and (max-width: 760px) {
    .goods_suggestion_article:has(.goods_suggestion_event){flex-direction: column;}
    .goods_suggestion_article:has(.goods_suggestion_event)>div{width: 100%; flex-basis: auto; flex-grow: unset;}
    .goods_suggestion_event{margin-right: unset;}

    .goods_suggestion_recent{margin-top: 80px;}
    .goods_suggestion_recent>.goods_suggestion_article_product .product_list li{width: 50%; padding: 10px 6px; margin: unset;}
    .goods_suggestion_recent>.goods_suggestion_article_product .noLogin svg{max-width: 60px;}
}

.goods_suggestion_article>.goods_suggestion_article_title_wrap .minus{display: none;}
.goods_suggestion_article>.goods_suggestion_article_product{overflow: hidden;}
.goods_suggestion_article>.goods_suggestion_article_product .product_list li{overflow: hidden; transition: all 0.5s ease;}

@media screen and (min-width: 1280px) {
    /* 1280px 이상은 한줄에 상품 리스트 5개 이므로 6번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+6){height: 0; padding: 0;}
}

@media screen and (max-width: 1280px) {
    /* 1280px 이하는 한줄에 상품 리스트 4개 이므로 5번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+5){height: 0; padding: 0;}
}

@media screen and (max-width: 950px) {
    /* 1280px 이하는 한줄에 상품 리스트 3개 이므로 4번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+4){height: 0; padding: 0;}
}
@media screen and (max-width: 760px) {
    /* 1280px 이하는 한줄에 상품 리스트 2개 이므로 3번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+3){height: 0; padding: 0;}
}

.goods_suggestion_exhibit ul{display: flex;}
.goods_suggestion_exhibit li{width: 33.3%; margin-right: 2%;}
.goods_suggestion_exhibit li:nth-last-of-type(1){margin-right: unset;}
.goods_suggestion_exhibit li img{border-radius: 10px;}

@media screen and (max-width: 760px) {
    /* 1280px 이하는 한줄에 상품 리스트 2개 이므로 3번째부터 숨김 */
    .goods_suggestion_exhibit ul{flex-direction: column;}
    .goods_suggestion_exhibit li{width: 100%; margin-right: unset; margin-bottom: 3%;}
}