/* BASIC css start */
/* 메인 배너 */
#main_bnr_swiper { position: relative; margin: 40px 0 80px; overflow: hidden; } 
#main_bnr_swiper .swiper-wrapper { padding-bottom:40px; } 
#main_bnr_swiper .swiper-slide:after { content:''; background: rgb(0 0 0 / 46%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } 
#main_bnr_swiper .swiper-slide-prev:after, #main_bnr_swiper .swiper-slide-active:after, #main_bnr_swiper .swiper-slide-next:after { content:''; background:unset; display:none; } 
#main_bnr_swiper .swiper-slide { border-radius: 20px; overflow: hidden; } 
#main_bnr_swiper .swiper-slide a { display: inline-block; border-radius: 20px; overflow: hidden; } 
#main_bnr_swiper .swiper-slide a img { width: 100%; } 
#main_bnr_swiper .arrow_wrap { position: relative; max-width: 73.6%; width:100%; margin:0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } 
#main_bnr_swiper .swiper-button-prev { left: 0; } 
#main_bnr_swiper .swiper-button-next { right: 0; } 


/*아이콘메뉴*/
.icon_menu{max-width:1260px; margin:0 auto 80px;}
.icon_menu ul{display:flex; align-items:center; justify-content: space-between;}
.icon_menu li img{width:76px; height:76px;}
.icon_menu li p{padding-top:20px; font-size: 15px; text-align:center;}


/* 트랜드 */
.bnr_pd_wrap { display:flex; justify-content:space-between; align-items:center; gap:50px; } 
.bnr_pd_wrap .sub_bnr_wrap { position: relative; width:900px; border-radius:20px; overflow:hidden; } 
.bnr_pd_wrap .sub_bnr_wrap a { display: inline-block; font-size: 14px; font-weight: 400; border: 1px solid var(--point-color2); border-radius: 30px; padding: 14px 34px; box-sizing: border-box; line-height: 1; } 
.bnr_pd_wrap .sub_bnr_wrap span { position: absolute; top: 50%; top:80px; left: 680px; transform: translateY(-50%); font-size: 28px; font-weight: 400; } 
.bnr_pd_wrap .sub_bnr_wrap span b { display: block; font-size:30px; font-weight:800; margin-top: 10px; } 
.bnr_pd_wrap .item-wrap { width:310px; } 
.bnr_pd_wrap .item-wrap .item-list { display:flex; align-items:center; gap:25px; width: 100%; } 
.bnr_pd_wrap .item-wrap .item-list dt { width:98px !important;} 
.bnr_pd_wrap .item-wrap .item-list dd { position: relative; width: 187px; padding:0 !important; } 
.bnr_pd_wrap .item-wrap .item-cont.flexed { gap: 20px !important; } 
.bnr_pd_wrap .item-wrap .item-list dd .prd-wish .my-wish-list { position: absolute; right: 0; bottom: 0; } 

/* board 배너(롤링) */
#board_bnr_swiper { width: 1260px; margin: 0 auto; overflow: hidden; } 
#board_bnr_swiper .swiper-wrapper { padding-bottom:50px; } 
#board_bnr_swiper .swiper-slide a{display:inline-block;}
#board_bnr_swiper .swiper-slide img {width: 100%;margin-bottom: 25px;transition: transform 0.3s ease; border-radius:10px;} 
#board_bnr_swiper .swiper-slide img:hover{transform: scale(1.03)}
#board_bnr_swiper .swiper-slide .bnr_txt { font-size: 14px; font-weight: 400; color: #666; } 
#board_bnr_swiper .swiper-slide .bnr_txt p { font-size:18px; font-weight:700; color:#000; margin-bottom:20px; } 


/* 이벤트 배너(롤링) */
#event_bnr_swiper { width: 1260px; margin: 0 auto; overflow: hidden; } 
#event_bnr_swiper .swiper-wrapper { padding-bottom:50px; } 
#event_bnr_swiper .swiper-slide a{display:inline-block;}
#event_bnr_swiper .swiper-slide img {width: 100%;margin-bottom: 25px;transition: transform 0.3s ease;} 
#event_bnr_swiper .swiper-slide img:hover{transform: scale(1.03)}
#event_bnr_swiper .swiper-slide .bnr_txt { font-size: 14px; font-weight: 400; color: #666; } 
#event_bnr_swiper .swiper-slide .bnr_txt p { font-size:18px; font-weight:700; color:#000; margin-bottom:20px; } 

/* 이벤트 배너(일반) */
.event_bnr_2nd { position: relative; } 
.event_bnr_2nd ul { display: flex; justify-content: space-between; align-items: center; } 
.event_bnr_2nd ul li a { display:inline-block; } 

/* 탭롤링 */
#tab_swiper { margin-bottom:40px; } 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { font-weight: 800; color: #fff; background: var(--point-color2); } 
#tab_swiper .swiper-slide { width: auto !important;} 
#tab_swiper .swiper-slide a {display: inline-block;font-size: 14px;font-weight: 400;color: #000;padding: 15px 37px;white-space: pre;border: 1px solid #ddd;border-radius: 30px;} 
#tab_swiper .swiper-slide a:hover{font-weight: 800; color: #fff; background: var(--point-color2);}


/* 기간할인 */
.a1 { padding-left: 5px; font-size: 18px; color: #db0d0d; font-weight: bold; }


/* sec04 */
.sec04{margin-bottom:100px;}
.sec04 .cont_tit{padding:0 20px;}
.sec04 .inner_list {display:flex; gap:20px; overflow:hidden; padding:0 20px;}
.sec04 .inner_list .chanceBan {}
.sec04 .inner_list .chanceBan img {width:100%; border-radius:10px;}
.sec04 .title_box{margin:30px 0 20px;}
.sec04 .title_box h2{font-size:30px; font-weight:bold;}
.sec04 .title_box p{font-size:18px; color:#888; padding-top:10px;}
.sec04 .prdList ul li {margin-top:12px; position:relative;}
.sec04 .prdList ul li a {display:flex; flex-wrap: wrap; justify-content: space-between;}
.sec04 .prdList ul li a .imgWrap {width:30%; /*margin-right:20px;*/}
.sec04 .prdList ul li a .textWrap {width:65%; display:flex; flex-direction: column; justify-content: center;}
.sec04 .prdList ul li .prdName {/*margin-top:4px;*/ line-height:20px; margin-bottom:10px;
    display: -webkit-box;        /* 필수 */
    -webkit-box-orient: vertical; /* 필수 */
    -webkit-line-clamp: 1;      /* 자를 줄 수 */
    overflow: hidden; 
}
.sec04 .prdList ul li .prdSubName {color:var(--light_txt); display:none;}
.sec04 .prdList ul li .c_price{color: #999; font-weight: 400; font-size: 12px; margin-left:4px; text-decoration:line-through;}
.sec04 .prdList ul li .discountPer{font-size: 18px; color: #db0d0d; font-weight: bold; margin-left:4px;}
.sec04 .prdList ul li .wishIcon {left:70px; right:auto; top:5px; padding:0;}
.sec04 .prdList ul li .imgWrap img {border-radius:10px; width:100%;}

.sec04 .swiper-slide { width: 456px !important;} 
.sec04 .prd-wish .my-wish-list { position: absolute; right: 0; bottom: 44px; } 
.sec04 .prd-wish .my-wish-list img { width:23px; } 
.sec04 .prd-wish .my-wish-list .wish_on { display: none; } 
.sec04 .prd-wish .my-wish-list.wish-on .wish_on { display: block; } 
.sec04 .prd-wish .my-wish-list.wish-on .wish_off { display:none; } 

/* BASIC css end */