/* BASIC css start */
/****/
.backwhite{background:#fff;}
#footer {border: 0px;margin-top: 0px!important;background: #fff;padding-top: 150px;}
.common_editorial {
    padding: 100px 0 50px 0;
    background: #f7f7f7;
    margin-top: 0px!important;
}


.flexdiv{display:flex;width: 1912px;position: relative;margin: 0 auto;}
.setback{background:#fff;}
.setback2{background:#f7f7f7;}
.flexdiv5{display:flex;}

/**/

.swiper-containerh1{overflow: hidden; background:url(//sappun.img13.kr/site/event/20220314/pc/PC_01_00.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.swiper-containerh2{overflow: hidden;}
.swiper-containerh3{overflow: hidden;}
.swiper-containerh4{overflow: hidden;}
.swiper-containerh5{overflow: hidden;}
.swiper-containerh6{overflow: hidden;}
.swiper-containerh7{overflow: hidden;}
.swiper-containerh8{overflow: hidden;}
.swiper-containerh9{overflow: hidden;}
.swiper-containerh10{overflow: hidden;}
.swiper-containerh11{overflow: hidden; padding-bottom:200px;}
.swiper-containerh12{overflow: hidden;}


/*swiper css 01*/
.swiper-containerh2 .swiper-wrapper {
  -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; 
}


/*style swiper*/
.style01{background:#f7f7f7;}
.swiper-containerh3 {width: 956px;}
.swiper-containerh3 .swiper-pagination { padding-bottom: 900px;display: block;margin-left: 51.5%;position: absolute;width: 21%!important; text-align:left}
.swiper-containerh3 .swiper-pagination-bullet {margin: 0px 5px;background:#fff0;width:auto;height:auto;border-radius: 30px;opacity:1 !important;font-size: 20px; color: #c692d4;padding: 1% 4%;transition: 0.25s ease; }
.swiper-containerh3 .swiper-pagination-bullet:last-child{margin-right:0 !important;}
.swiper-containerh3 .swiper-pagination-bullet-active {background:#c692d4 !important; opacity:1 !important;padding: 1% 7%!important; color:#fff!important;}

.style02{background:#1a1a1a;}
.swiper-containerh5 {width: 956px;}
.swiper-containerh5 .swiper-pagination { padding-bottom: 900px;display: block;margin-left: 26.5%;position: absolute;width: 21%!important;}
.swiper-containerh5 .swiper-pagination-bullet {margin: 0px 5px;background:#fff0;width:auto;height:auto;border-radius: 30px;opacity:1 !important;font-size: 20px; color: #ffffff;padding: 1% 4%;transition: 0.25s ease; }
.swiper-containerh5 .swiper-pagination-bullet:last-child{margin-right:0 !important;}
.swiper-containerh5 .swiper-pagination-bullet-active {background:#363636 !important; opacity:1 !important;padding: 1% 7%!important; color:#fff!important;}

.style03{background:#ffffff;}
.swiper-containerh7 {width: 956px;}
.swiper-containerh7 .swiper-pagination { padding-bottom: 900px;display: block;margin-left: 51.5%;position: absolute;width: 22%!important;}
.swiper-containerh7 .swiper-pagination-bullet {margin: 0px 5px;background:#fff0;width:auto;height:auto;border-radius: 30px;opacity:1 !important;font-size: 20px; color: #b9c68e;padding: 1% 4%;transition: 0.25s ease; }
.swiper-containerh7 .swiper-pagination-bullet:last-child{margin-right:0 !important;}
.swiper-containerh7 .swiper-pagination-bullet-active {background:#b9c68e !important; opacity:1 !important;padding: 1% 7%!important; color:#fff!important;}

.style04{background:#c0bbb5;}
.swiper-containerh9 {width: 956px;}
.swiper-containerh9 .swiper-pagination { padding-bottom: 900px;display: block;margin-left: 27%;position: absolute;width: 21%!important;}
.swiper-containerh9 .swiper-pagination-bullet {margin: 0px 5px;background:#fff0;width:auto;height:auto;border-radius: 30px;opacity:1 !important;font-size: 20px; color: #604c43;padding: 1% 4%;transition: 0.25s ease; }
.swiper-containerh9 .swiper-pagination-bullet:last-child{margin-right:0 !important;}
.swiper-containerh9 .swiper-pagination-bullet-active {background:#604c43 !important; opacity:1 !important;padding: 1% 7%!important; color:#fff!important;}

/*video*/
.section {position: relative;}
.section .video{width:70%;height:0;margin: 0 auto;font-size:16px;color:#000; position: relative;z-index:3;}
.section .content-wrap{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%; height: 72%;}
.section .video .youtube{position: relative;  padding-bottom: 56.25%; /* 16:9 */  height: 0;}
.section .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section img {width: 100%;}
.stylesection img {width: 956px;}
.headsection img {width: 1912px;}


/*fixbackground 01*/
.fixback2:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(//sappun.img13.kr/site/event/20220314/fix/back_pc.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/*set product*/
.swiper-containerh11 .swiper-slide {height: 63vh;display:flex;background: #e8e8e8;align-items: center;justify-content:center;transition:all 200ms linear;transform: scale(0.8);border-radius: 10px;box-shadow: 0px 20px 20px -25px #000;}
.swiper-containerh11 .swiper-slide-active{transform: scale(1);background: #e8e8e8}
.swiper-containerh11 .swiper-slide__content {height: 300px;}
.swiper-containerh11 .swiper-pagination { display: block;margin-left: auto;margin-right: auto; position: relative !important;bottom: 0px;padding: 50px 15px 15px;}
.swiper-containerh11 .swiper-pagination-bullet {margin: 0px 5px;background:#bdbdbd;width:8px;height:8px;border-radius: 10px;opacity:1 !important;transition: 0.25s ease;}
.swiper-containerh11 .swiper-pagination-bullet:last-child{margin-right:0 !important;}
.swiper-containerh11 .swiper-pagination-bullet-active {background:#4C4D4E !important; opacity:1 !important;width:20px;}

.setimg {width:100%;padding: 0vh 0; text-align: center;}
.setimg img {width:45vh!important;}
.set_info {padding: 7% 30px;}
.set_info .set_dct {color: #4C4D4E;font-size: 15px;font-weight: 600;line-height: 1;margin: 0 0 10px 0;position: relative;letter-spacing: .5px;float: left;}
.set_info .set_name {color: #120B19;font-size: 20px;   font-weight: 400;width: 100%;margin-bottom: 30px;display: flex;}
.set_info .set_price {color: #120B19;font-size: 20px;font-weight: 600;}
.set_info strike {color: #8F8F8F;padding-left: 5px;font-size: 20px;font-weight: 400;}
.set_info .set_discount_rate {color: #d15460;font-size: 30px;margin-top: -12px;float: right;width: 70%;margin-left: 50%;}



/* 컬렉션 */

.inner1280 { width:1280px; display:block; margin:0 auto;}
.collection{background:white; padding:117px 0px 117px;text-align: left!important;}
.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;}

/* BASIC css end */