/* BASIC css start */
body #footer {margin-top:0;}

/* 메인배너 */
.mainBanner {margin-bottom:60px;}
.mainBanner .inner ul li a img {width:100%;}
.mainBanner .swiper-button-prev {width:96px; height:96px; left: 8.6%; top: 50%; margin-top: -48px; opacity:0; transition:all .3s ease;}
.mainBanner .swiper-button-next {width:96px; height:96px; right: 8.6%; top: 50%; margin-top: -48px; opacity:0; transition:all .3s ease;}
.mainBanner:hover .swiper-button-prev,
.mainBanner:hover .swiper-button-next {opacity:1;}
.mainBanner .swiper-button-prev:after {font-size:0; background:url(//skin.makeshop.co.kr/skin/fragrance/pc/img/main-left.png)no-repeat center; width:100%; height:100%; background-size:cover; }
.mainBanner .swiper-button-next:after {font-size:0; background:url(//skin.makeshop.co.kr/skin/fragrance/pc/img/main-right.png)no-repeat center; width:100%; height:100%; background-size:cover; }

/* 메인 컨텐츠 */
.main-cont {width:1400px; margin:0 auto;}
.main-cont > div {margin-bottom:100px;}

/* 공통 */
.sec_title {display:flex; justify-content: space-between; height:24px; align-items:center; margin-bottom:30px;}
.sec_title h2 {font-size:20px; font-weight:700;}
.sec_title a {}
.sec_title a img {margin-left:4px;}

/* sec01 */
.sec01 .prdList ul li .imgWrap img {max-width:220px;}
.sec01 .swiper-button-prev {width:52px; height:52px; left:0; top:35%;}
.sec01 .swiper-button-next {width:52px; height:52px; top: 35%; right: 0;}
.sec01 .swiper-button-prev:after {font-size:0; background:url(//skin.makeshop.co.kr/skin/fragrance/pc/img/slide-left.png)no-repeat center; width:100%; height:100%; background-size:cover; }
.sec01 .swiper-button-next:after {font-size:0; background:url(//skin.makeshop.co.kr/skin/fragrance/pc/img/slide-right.png)no-repeat center; width:100%; height:100%; background-size:cover; }

/* sec02 */
.sec02 .prdList.basic ul {gap:60px 16px;}
.sec02 .prdList.basic ul li {width:338px;}

/* sec03 */
.sec03 .keywordTabBtn {margin-bottom:20px;}
.sec03 .keywordTabBtn ul li {display: block; width: auto; font-size: 13px; line-height: 28px; padding: 0 14px; border: 1px solid #ededed; color: var(--txt); border-radius: 20px; cursor:pointer;}
.sec03 .keywordTabBtn ul li.swiper-slide-thumb-active {background: var(--point_color); border: 1px solid var(--point_color); color: #fff; font-weight:600}
.sec03 .swiper-button-prev {width:36px; height:36px; left:0; top:40%;}
.sec03 .swiper-button-next {width:36px; height:36px; top: 40%; right: 0;}
.sec03 .swiper-button-prev:after {font-size:0; background:url(//skin.makeshop.co.kr/skin/fragrance/pc/img/slide-left.png)no-repeat center; width:100%; height:100%; background-size:cover; }
.sec03 .swiper-button-next:after {font-size:0; background:url(//skin.makeshop.co.kr/skin/fragrance/pc/img/slide-right.png)no-repeat center; width:100%; height:100%; background-size:cover; }

/* sec04 */
.sec04 .inner_list {display:flex; gap:16px;}
.sec04 .inner_list .chanceBan {}
.sec04 .inner_list .chanceBan img {width:100%; border-radius:10px;}
.sec04 .prdList ul li {margin-top:12px; position:relative;}
.sec04 .prdList ul li a {display:flex;}
.sec04 .prdList ul li a .imgWrap {width:92px; margin-right:20px;}
.sec04 .prdList ul li a .textWrap {}
.sec04 .prdList ul li .prdName {margin-top:4px; line-height:20px;}
.sec04 .prdList ul li .prdSubName {color:var(--light_txt);}
.sec04 .prdList ul li .wishIcon {left:70px; right:auto; top:5px; padding:0;}
.sec04 .prdList ul li .imgWrap img {border-radius:10px;}

/* sec06 */
.sec06 .swiper-pagination {width:41px; line-height:20px; background:rgba(0,0,0,0.4); border-radius:30px; color:#fff; font-size:11px; font-weight:700; right:10px; bottom:10px; left:auto;}



.banner {
    width: 1480px;
    margin: 100px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
    overflow: hidden;
}
.banner > a {
    flex: 1;
}
.banner img {
    transition: transform 0.3s ease; 
    width: 100%;
} 

.banner .left,
.banner .right {
    flex: 1;
    overflow: hidden;
}

.banner .left img:hover,
.banner .right img:hover {
    transform: scale(1.02); /* 이미지 확대 */
}

.banner .txt {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.banner .txt h1 {
    color: var(--fff);
    font-weight: 700;
    font-size: 32px;
}

.banner .txt p {
    color: var(--fff);
    font-size: 14px;
    line-height: 1.55;
    margin-top: 15px;
}
/* BASIC css end */