/* BASIC css start */
section{margin-bottom: 60px;}
section .sec_inner{padding: 0 5%;}
section h2{text-align: center;margin-bottom: 30px;color: #333;font-family: 'Jost', sans-serif; font-size: 23px; font-weight: 600; letter-spacing: 3px; }





#sec1{width: 100%;}
#sec1 .swiper{}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{bottom: 20px;}
#sec1 .swiper-pagination-bullet{width: 20px; height: 3px; border-radius: 0; background-color: #fff; }
#sec1 .swiper{position:relative}
#sec1 .swiper_btn_prev{position: absolute; top: 50%; left: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer; } 
#sec1 .swiper_btn_next{position: absolute; top: 50%; right: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer;}
#sec1 .swiper_btn_prev img{transform:scale(.66); transform-origin:left center}
#sec1 .swiper_btn_next img{transform:scale(.66); transform-origin:right center}


#sec2{margin-bottom:80px}
#sec2 .swiper{}
#sec2 .swiper ul{}
#sec2 .swiper ul li{position: relative; border-radius: 10px; overflow: hidden; width: 80%;}
#sec2 .swiper ul li img{width: 100%;}
#sec2 .swiper ul li a{position: absolute; margin-top: 15px; opacity: 0;  transition: margin-top .5s, opacity 1s; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; width: max-content; color: #fff; top: 50%; left: 50%;border-radius: 25px; display: inline-block; transform: translate(-50%,-50%); z-index: 1;border: 1px solid #fff; font-weight: 400; padding: 12px 22px;}
#sec2 .swiper ul li a.show{margin-top: 0; opacity: 1;}




.sec4_prd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* 2열 사이 간격 */
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 상품 아이템 */
.sec4_prd ul li.item_list {
    width: 48%; /* 2열 */
    margin-bottom: 20px; /* 아래 여백 */
    box-sizing: border-box;
}

/* 상품 썸네일 */
.sec4_prd .thumb {
    position: relative;
    overflow: hidden;
}
.sec4_prd .thumb img {
    width: 100%;
    display: block;
}

/* 찜 버튼 */
.sec4_prd .thumb .my-wish-list {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.sec4_prd .thumb .my-wish-list img {
    width: 20px;
    height: 20px;
}

/* 상품 정보 */
.sec4_prd .info {
    padding: 10px 0;
}
.sec4_prd .info .prdname,
.sec4_prd .info .prdetc {
    font-size: 14px;
    margin-bottom: 5px;
}
.sec4_prd .info .prdprice {
    font-size: 14px;
    color: #222;
}
.sec4_prd .info .prdprice strike {
    color: #888;
    margin-right: 5px;
}
.sec4_prd .info .prdcolor span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 3px;
}

/* 반응형: 모바일에서는 1열 */
@media screen and (max-width: 767px) {
    .sec4_prd ul li.item_list {
        width: 100%;
    }
}








#sec5{margin-bottom:80px}
#sec5 a{display: block; width: 100%;}
#sec5 a img{width: 100%;}



#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{margin-bottom:20px}
#sec6 .sec_inner .sec6_cate{margin: 0px 0 40px;}
#sec6 .sec_inner .sec6_cate ul{ }
#sec6 .sec_inner .sec6_cate ul li{margin:0 30px 0 0; width:auto !important;}
#sec6 .sec_inner .sec6_cate ul li a{font-family: 'Noto Sans KR', sans-serif; transition:border-color .3s; border-bottom:2px solid transparent; color:#bbbbbb; font-size: 15px; display: block;font-weight: 400;text-align:center;   padding: 8px 0; transition:border-color .2s, color .2s;}
#sec6 .sec_inner .sec6_cate ul li.on>a{ color: #000;border-color:#000;}

#sec6 .sec_inner .sec6_prd{}
#sec6 .sec_inner .sec6_prd>div{display:none;}
#sec6 .sec_inner .sec6_prd>div.show{display: block;}

#sec6 .sec_inner .sec6_prd>div>ul{width: 100%; display: flex; flex-wrap: wrap; }
#sec6 .sec_inner .sec6_prd>div>ul>li{width:31%; margin-right:3.5%;  position: relative; margin-bottom: 15px; border-radius: 10px; overflow: hidden;}
#sec6 .sec_inner .sec6_prd>div>ul>li:nth-child(3n){margin-right:0 }




#sec7{margin-bottom:90px}
#sec7 .sec_inner{}
#sec7 .sec_inner h2{}
#sec7 .sec_inner ul{border-top: 1px solid #eee;width: 100%;}
#sec7 .sec_inner ul li{border-bottom: 1px solid #eee; width: 100%;}
#sec7 .sec_inner ul li a{display: flex; width: 100%; flex-direction: row; align-items: center; padding: 20px 0;}
#sec7 .sec_inner ul li a .thumb{width: 30%;}
#sec7 .sec_inner ul li a .thumb img{width: 100%; border-radius: 10px;}
#sec7 .sec_inner ul li a .info{width: 70%; padding-left: 5%;}
#sec7 .sec_inner ul li a .info p{margin: 10px 0;}
#sec7 .sec_inner ul li a .info p.prdname{font-family: 'Noto Sans KR', sans-serif; font-size: 14px; color: #000; font-weight: 500;}
#sec7 .sec_inner ul li a .info p.prdcont{color: #999999; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
#sec7 .sec_inner ul li a .info p.prdheart{display: flex; align-items: center;}
#sec7 .sec_inner ul li a .info p.prdheart img{transform: scale(.66); transform-origin: left center;}
#sec7 .sec_inner ul li a .info p.prdheart span{font-size: 13px; color: #242424; font-family: 'Jost', sans-serif;  display: inline-block; margin-left: 1px; font-weight: 600;}

/* BASIC css end */