/* BASIC css start */
* { padding:0; margin:0; box-sizing:border-box; }

header { display:none !important; }
#contents { padding-top:50px; }


.ifr_wrap { display:block; margin:50px auto 0; border-radius:12px; outline:1px solid #fff; }

.btn_insta { margin-top:60px; }
.btn_insta a { display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px 25px; background: linear-gradient(93deg, #7D3BB6 20.05%, #C5447A 57.25%, #F29559 92.2%); color:#fff; }
.btn_insta a p { font-size: 13px; font-weight: 400; line-height: 17px; letter-spacing: -0.078px; }
.btn_insta a p span { display:block; font-size: 17px; font-weight: 700; line-height:23px; letter-spacing: -0.102px; }


.ani_next { position:absolute; left:50%; top:46%; transform:translate(-50%, -50%); text-align:center; z-index:5; pointer-events:none; }
.ani_next img { width:96px; height:96px; }
.ani_next p { padding-top:5px; color: #FFF; font-size: 15px; font-weight: 500; line-height: normal; }

.btn_more { display:flex; gap:6px; align-items:center; justify-content:flex-end; width:fit-content; margin:0 0 0 auto; padding:10px; }
.btn_more span { font-size: 16px; font-weight: 500; } 



.mdSwiper { width:100% !important; height:auto !important; }
.mdSwiper .swiper-slide > img { width:100% !important; height:auto !important; }

#finish { width:100%; height:auto; }
.off { display:none; }

.img_visual { width:100%; height:auto; }




/*상단 fixed 해더*/
.listPageHeader{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    background:#fff;
    z-index:998;
}

.listPageHeader .topBox{
    position:relative;
    border-bottom:1px solid #eee;
}

.listPageHeader .goToBackBtn{
    position:absolute;
    height:17px;
    top:50%;
    left:15px;
    transform:translateY(-50%);
}

.listPageHeader .goToBackBtn img{
    display:block;
    height:100%;
}

.listPageHeader .cateName{
    width:100%;
    text-align:center;
    padding:15px 0;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
}

.listPageHeader .rightBox{
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
}

.listPageHeader .rightBox ul li{
    position:relative;
    height:19px;
    margin-left:15px;
}

.listPageHeader .rightBox ul li a img{
    display:block;
    height:100%;
}




.h_title, .plan-tab, .search-wrap, .topBannerWrap { display:none !important; }


.sub_tit { padding-top:32px; font-size: 16px; font-weight: 400; }
.event_date { padding:6px 0 40px; font-size: 16px; font-weight: 400;  }
.swiper-fade .swiper-slide { background:#fff; }


.evt_top { position:relative; }
.evt_top, .evt_cnt { text-align:center; }
.evt_top > img {  height:auto; }
.evt_cnt ul li img { width:100%; }
.evt_cnt .swiper { position:relative; padding-top:50px; }
.evt_cnt .swiper2 { position:relative; padding-top:50px; }
.evt_cnt > img { width:335px; height:auto; }
.sw_cmt { margin:20px auto; width:360px !important; height:auto; }

.sale_wrap { position:absolute; left:calc(50% + 40px); top:0; z-index:0; animation:descAni 1s forwards; opacity:0; animation-delay:1.2s; }
.sale_wrap .bg { width:120px; height:auto; }
.sale_wrap .txt { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:110px; height:auto; animation:rollingAni 20s linear infinite; transform-origin: 0 0; }
@keyframes rollingAni {
    0% { transform:rotate(0deg) translate(-50%, -50%); }
    100% { transform:rotate(360deg) translate(-50%, -50%); }
}

.evt_top > img { position:relative; animation:descAni 1s forwards; opacity:0; animation-delay:0.3s; z-index:1; }
.evt_top .sub_tit, .evt_top .event_date { animation:descAni 1s forwards; opacity:0; animation-delay:0.5s }
.evt_cnt { animation:descAni 1s forwards; opacity:0; animation-delay:0.8s; }
@keyframes descAni {
    0% { transform:translateY(80px); opacity:0; }
    100% { transform:translateY(0); opacity:1; }
}

.model_desc { padding:50px 22px 0; }
.model_desc h3 { font-size: 23px; font-weight: 800; line-height: 29px; }
.model_desc .size { padding-top:8px; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: -1px; }
.model_desc .info { padding-top:20px; word-break: keep-all; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing:-1.3px; }


.plan_tit { padding:60px 10px 20px; text-align:left; font-size: 21px; font-weight: 600; line-height: normal; }

.item-wrap .item-cont .item-list .prd-name a { font-size:12px; font-weight:500; color:#222; }
.listDiscount del { color:#999; }
.listPrice { padding-left:4px; font-weight:600; font-size:13px; color:#000; }
.dc_txt{ padding-left:4px; font-weight:800; font-size:14px; color:#ff5c35; }

.listDiscount,.listPrice { display:inline-block; }
.list_shopping2x .list_shoppingInfo { text-align:left !important; }
.listName {
    color: #333 !important;
    word-break: keep-all !important;
    font-weight: 500 !important;
}
.list_array { display:none !important; border:none !important; }
.list_shopping2x ul{ padding:0 10px !important; }

.swiper-pagination { top:60px; bottom:unset !important; }
.swiper-pagination-bullet { background:#fff !important; opacity:0.8 !important; }
.swiper-pagination-bullet-active { background:#000 !important; opacity:0.3 !important; }








.tool-wrap {padding:5px 10px;}
.tool-wrap select {width:100%;}
.list_array {border-top:0px none;}
.plan .list_array .list_arrayRight img {width: 23px; height: auto;}






@media screen and (min-width: 420px) and (max-width: 767px){
.list_shopping2x li {width: 50% !important;}
}






/* BASIC css end */