/* BASIC css start */
.abpre {width: 100%;margin: 0 auto;text-align: center;font-size: 25px;padding-top: 40px;background: #f7f7f7;}
.sub50{display: flex;padding: 20px 0;background: #f7f7f7;margin-bottom: 40px;}
.pd_wrap li .pd_info {padding: 15px 0 0!important;}
.con0204 {text-align:center;}
.subdescrip {padding: 40px 42px 20px;font-size: 30px;line-height: 1.5; font-weight: 500;}

ul#countdown_ul {
    display: flex;
}




p#bf20day_font {
    font-size: 13px;
    text-align: center;
}

.subdescrip2 {padding: 40px 42px;margin-bottom: 0px;font-size: 15px;background: #f7f7f7;height: 320px;width: 550px;}
.subdescrip2 h1 {line-height: 1.5;font-size: 20px;padding-bottom: 15px;}
.subdescrip2 p {line-height: 1.5;font-size: 15px;}
.subdescrip3 {padding: 0px;line-height: 1.5;font-size: 15px; margin-bottom:30px;}
.subdescrip3 h1 {line-height: 1.5;font-size: 15px;}
.subdescrip4 {text-align: center;background: #120b19;color: #fff;width: 200px;margin: 20px auto;padding: 10px;font-size: 15px;}
.subdescrip4 a {color: #fff;font-size: 17px;}

.subdescrip2 h2 {font-size: 25px;font-weight: 500;padding-bottom: 20px;}

.pfoot {padding: 30px 42px 30px;background: #f7f7f7;margin-bottom: 40px;}
.pfoot h3 {margin: 10px 0 5px; font-weight: 500;font-size: 15px;line-height: 1.5; }
.pfoot p {line-height: 1.5; font-size: 15px;}

.pretit {margin-bottom: 20px;}




#contentWrapper{padding:0; padding-top:30px; border:none;}
body #header{box-shadow:none;}
#footer{margin:0 ! important;}


.inner1280 { width:100%; display:block; margin:0 auto;}

.pd_wrap li .pd_info { text-align:left; }


/* 컬렉션 */
.collection{background:white; padding:80px 0px 117px;}
.collection .tit{padding-bottom:50px;}
.collection .tit h1{line-height: 57px;color: #333;margin-top: 60px;text-align: left;font-family: 'heebo','Noto Sans KR';font-size: 20px;font-weight: 500;}
.collection .list{display:table; width:100%; table-layout:fixed;}
.collection .banner{position:relative; display:table-cell; vertical-align:middle; width:680px;}
.collection .banner .ban{display:none; position:relative;}
.collection .banner .ban.on{display:block;}
.collection .banner .ban .img img{width:100%;}
.collection .banner .ban .txt{position:absolute; top:0; left:0; width:100%; height:100%; padding:30px; box-sizing:border-box;}
.collection .banner .ban .txt h6{position:relative; font-size:16px; font-weight:bold; line-height:1; color:#fff; font-family:'Brewery Com', sans-serif; letter-spacing:1px;}
.collection .banner .ban .txt h6 span{display:block; width:38px; height:6px; position:absolute; top:50%; right:0; margin-top:-3px;}
.collection .banner .ban .txt h6 span.line1{background:url('http://sappun.img13.kr/wib/img/banner/icon_line1_w.png')no-repeat right center;}
.collection .banner .ban .txt h6 span.line2{background:url('http://sappun.img13.kr/wib/img/banner/icon_line2_w.png')no-repeat right center;}
.collection .banner .ban .txt h6 span.line3{background:url('http://sappun.img13.kr/wib/img/banner/icon_line3_w.png')no-repeat right center;}
.collection .banner .ban .txt h6 span.line4{background:url('http://sappun.img13.kr/wib/img/banner/icon_line4_w.png')no-repeat right center;}
.collection .banner .ban .txt h1{text-align:center; font-size:29px; color:#fff; font-weight:500; position:absolute; top:50%; transform:translateY(-50%); width:100%; line-height:1.5;}
.collection .banner .tab{position:absolute; bottom:40px; left:0; width:100%; text-align:center;}
.collection .banner .tab ul{font-size:0;}
.collection .banner .tab ul li{display:inline-block; vertical-align:top; margin-right:10px; box-sizing:border-box; width:120px; line-height:51px; border:1px solid #fff; font-size:17px; color:#fff; font-weight:500; letter-spacing:0.7px; font-family:'Brewery Com', sans-serif; cursor:pointer;}
.collection .banner .tab ul li:last-child{margin:0;}
.collection .banner .tab ul li.on{background:#fff; color:#120B19; font-weight:bold;}
.collection .pd{display:table-cell; vertical-align:middle; width:calc(100% - 680px); box-sizing:border-box; background:#fff;}
.collection .pd .pd_cont{display:none;}
.collection .pd .pd_cont.on{display:block;}
.collection .pd .pd_cont .pd_wrap li{margin-top:0;padding-bottom:30px;}
.collection .swiper-container-horizontal>.swiper-scrollbar {width: 100% !important;height:1px !important;margin-left: auto; margin-right: auto;left: 0;right: 0;text-align: center;opacity:1 !important; background: rgba(0,0,0,.2) !important;bottom:0px;}
.collection .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag{background:#120B19;}

.collection .pd .pd_cont .pd_wrap li .pd_info { text-align:left; }


/* 상품폼 공통 */
.pd .pd_tit{position:relative; margin-top:150px;}
.pd .pd_tit h1{font-size:35px; font-weight:500; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.5px; padding-bottom:50px; letter-spacing:-2.5px;}
.pd .pd_tit .pd_tab{position:absolute; bottom:50px; right:0; font-size:0;}
.pd .pd_tit .pd_tab li{display:inline-block; vertical-align:top; font-size:18px; color:#8E8E8E; letter-spacing:-0.5px; margin-right:30px; cursor:pointer;}
.pd .pd_tit .pd_tab li:last-child{margin:0;}
.pd .pd_tit .pd_tab li.on{color:#D35460; font-weight:700; text-decoration:underline;}
.pd .pd_list .cont{display:none;}
.pd .pd_list .cont.on{display:block;}
/* 신상품 */
.new_pd .pd_tit{margin-top:130px;}
/* 키워드 */
.keyword_pd .pd_tit{margin-top:172px;}





.titflex {
    background: url(http://sappun.img13.kr/site/event/20220526/PC_02_01.jpg);
    background-size: cover; overflow:hidden;
}

.cont_wrap{overflow:hidden;}








/* BASIC css end */