.col1 {
    background: #cfe4ff;
}
.col2 {
    background: #cde8bf;
}
.col3 {
    background: #f6cf91;
}
.col4 {
    background: #fb9eb0;
}
.col5 {
    background: #ebb2e5;
}
.col6 {
    background: #ffeda7;
}
.col8 {
    background: #e2d3fa;
}
.col9 {
    background: #f7f4a4;
}
.col10 {
    background: #a1dacb;
}
.col11 {
    background: #decdfa;
}
.col12 {
    background: #afbdff;/* 230322 17:43 [¼öÁ¤Ç¥½Ã]  */
}
.col13 {
    background: #ffdefb;
}
.col14 {
    background: #fffbd6;
}
/* .cate_common .section02,
.cate_common .section03 {
    padding-bottom: 15rem;
} */
.recommend_list_box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3.5rem;
    justify-content: center;
}
.recommend_list_box ul li {
    height: 53rem;
    border-radius: 2rem;
    width: calc((100% / 3) - 2.5rem);
    position: relative;
}
.recommend_list_box ul li::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 2px);
    height: 100%;
    border: solid 1px #e1e1e1;
    border-radius: 2rem;
    z-index: -1;
}
.recommend_list_box ul li:hover {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
}
.recommend_list_box ul li:hover::after {
    border: none;
}

.recommend_list_box ul li a {
    display: block;
    height: 100%;
}
.recommend_list_box .recommend.col.n1 {
    margin-bottom: 3.5rem;
}

/* .recommend_list_box ul .recommend_list.n1 .img_box {
    background:#bbe5f7;
}
.recommend_list_box ul .recommend_list.n2 .img_box {
    background:#cde8bf;
}
.recommend_list_box ul .recommend_list.n3 .img_box {
    background:#f6cf91;
}
.recommend_list_box ul .recommend_list.n4 .img_box {
    background:#fb9eb0;
}
.recommend_list_box ul .recommend_list.n5 .img_box {
    background:#eab2e5;
}
.recommend_list_box ul .recommend_list.n6 .img_box {
    background:#ffeda7;
} */
.recommend_list_box .img_box {
    border-radius: 2rem;
}
.recommend_list_box .txt_box {
    padding: 4rem 3.5rem;
}
.recommend_list_box .txt_box .tit {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 1.8rem;
    position: relative;
}
.recommend_list_box .txt_box .tit:after {
    display: block;
    content: '';
    background: url(../../../img/sub/category/icon_right_arrow.png) no-repeat center;
    position: absolute;
    width: 14px;
    height: 12px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.recommend_list_box .txt_box .tit.no_arrow:after {
    display: none
}

.recommend_list_box .txt_box .txt_desc {
    font-size: 1.7rem;
    color: rgba(0, 0, 0, 0.7);
    letter-spacing: -0.1rem;   
    font-weight: normal;
}
.cate_common .pc_ver2 {
    display: none;
}
.cate_common .pc_ver3 {
    display: none;
}

@media screen and (max-width: 1880px) {
    .cate_common .pc_ver2 {
        display: block;
    }
}
@media screen and (max-width: 1800px) {
    .recommend_list_box ul li.n2 .txt_desc br {
        display: none;
    }    
}
@media screen and (max-width: 1680px) {
    .recommend_list_box ul li.n1 .txt_desc br,
    .recommend_list_box ul li.n4 .txt_desc br {
        display: none;
    }    
}
@media screen and (max-width: 1570px) {
    .recommend_list_box ul li .txt_desc br {
        display: none;
    }
}
@media screen and (max-width: 1440px) {
    .recommend_list_box ul li  {
        height: 50rem;
    }
    .recommend_list_box .recommend_list.ft .txt_box .tit {
        font-size: 2rem;
    }
} 
@media screen and (max-width: 1280px) {
    .cate_common .section03 .inner {
        margin: 0;
    }
    .recommend_list_box .txt_box .tit:after {
        background-size: 90%;
    }
    .recommend_list_box ul li .txt_desc br {
        display: none;
    }
    .cate_common .pc_ver3 {
        display: block;
    }
} 
@media screen and (max-width: 1100px) {
    .recommend_list_box.fashion ul li  {
        height: 45rem;
    }
}

@media screen and (max-width: 989px) {
    .recommend_list_box ul {
        gap: 0;
    }
    .recommend_list_box ul li, 
    .recommend_list_box ul li:nth-child(3n) {
        margin: 3.5rem 3.5rem 0 0;
    }
    .recommend_list_box ul li:nth-child(2n) {
        margin-right: 0;
    }
    .recommend_list_box ul li {
        width: calc(50% - 1.8rem);
        height: 52rem;
    }
    .recommend_list_box .txt_box {
        padding: 3.5rem;
    }
    .recommend_list_box.fashion ul li {
        height: 50rem;
    }
}
@media screen and (max-width: 767px) {
    .recommend_list_box ul li {
        height: 48rem;
    }
    .recommend_list_box.fashion ul li {
        height: 45rem;
    }
    .recommend_list_box .txt_box {
        padding: 2.5rem;
    }
}
@media screen and (max-width: 650px) {
    .recommend_list_box ul li,
    .recommend_list_box.fashion ul li {
        width: 100%;
        height: auto;
    }
    .recommend_list_box ul li:first-child {
        margin-top: 0;
    }
    .recommend_list_box .img_box {
        text-align: center;
    }
    .recommend_list_box .img_box img {
        max-width: 70%;
    }
    .recommend_list_box .txt_box {
        padding: 3.5rem;
    }
    .recommend_list_box ul li, .recommend_list_box ul li:nth-child(3n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 500px) {
    .recommend_list_box .img_box img {
        max-width: 80%;
    }
    .recommend_list_box ul li,
    .recommend_list_box ul li::after {
        border-radius: 1rem;
    }
    
    .recommend_list_box .img_box {
        border-radius: 1rem;
    }
    .recommend_list_box .txt_box {
        padding: 2rem;
    }
    .recommend_list_box .txt_box .tit,
    .recommend_list_box .recommend_list.ft .txt_box .tit {
        font-size: 1.5rem;
    }
    .recommend_list_box .txt_box .tit {
        margin-bottom: 1.2rem;
    }
    .recommend_list_box .txt_box .tit:after {
        background-size: 70%;
    }
    .recommend_list_box .txt_box .txt_desc {
        font-size: 1.3rem;
    }
    .cate_common .sec_tit_box {
        padding-bottom: 3rem;
    }
    /* .cate_common .section02, .cate_common .section03 {
        padding-bottom: 7rem;
    } */

}