/* BASIC css start */
.block-cont {transition: transform 0.3s ease-out;}
.con_tit {font-size: 15px;font-weight: 400;text-align: center;width: 100%;padding: 10px 0;background: #252a2e;color: #fff;}
#container {padding-top:30px;}
 
#open1, #open2, #open3 {padding-top: 30px;padding-bottom: 30px;}
#close1, #close2, #close3 {padding-top: 30px;padding-bottom: 30px;}
.product_list_box {margin-top:80px;}

.not { pointer-events: none; touch-action: none;}

.visual-animation .scroll {position: absolute;    bottom: 50px;left: 50%;transform: translateX(-50%);z-index: 2;width: 100%;height: 95px;border-radius: 100px;top: 70vh;}
.visual-animation .scroll span{display:block;width:1px;height:40px;background:#fff;margin:20px auto 0;animation: scrolldown infinite 1.5s;}
.visual-animation .scroll p{position: absolute;bottom: 0px; left: 50%; transform: translateX(-50%);z-index: 100;animation: scrolldown2 infinite 1.5s; font-size:13px;color:#fff;font-weight:500;letter-spacing:1px;}
@keyframes scrolldown {
    0% {
        margin-top:20px;
    }
    50% {
        margin-top:30px;
    }
    100% {
        margin-top:20px;
    }
}
@keyframes scrolldown2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

ul.items.SMSitems {padding: 10px;}
#MS_product .item-price-wrap {padding: 13px 0px 0!important;}
#MS_product .item-list > ul > li.lay2 {margin-bottom: 30px!important;}
.SMS_Product_display .items li .thumb img {border-radius: 5px;}
.icon-tags span img:nth-child(1) {border-radius: 5px 0 0;}

 

#footer {margin-top: 0px!important;}
.mb70{margin-bottom:70px;}
 
.bgcpdd{background:#f5f1ef;padding-bottom:50px;}
.subname_1 {color: #120B19;font-size: 12px;font-weight: 600;line-height: 1;}
.subname_2 {color: #8F8F8F;padding-left: 3px;font-size: 12px;font-weight: 400;}
.subname_3 {color: #d15460;font-size: 12px; padding-left: 3px;font-weight: 600;}
.subname_4 {color: #fff;margin-right: 3px;padding: 2px 4px;font-size: 10px;background: #d15460;border-radius: 5px;}

/* 리스트공통*/
.img_m{display:block}
.btn-mode{display:block !important;}

/* 상단 */
#bbbox {width:100%;margin: 0 auto;}
#CouponBoxbg {padding-bottom: 50px;background-color: #f6f6f6;}
#CouponBox { width:100%;display:block;margin:0 auto;background-color:#f6f6f6;} 
.temporaryCoupon {width: 100%;height: auto;color: white;display: block;margin: 0 auto;text-align: center;font-size: 40px;line-height: 50px;user-select:none;} 
.downloadButton {width: 240px;height: 32px;color: white; background-color: #c2c2c2; display: block;margin: 0px auto 40px auto; text-align: center;font-size: 12px; line-height: 32px;}
.downloadButton a{width: 240px; height: 32px; color: white; background-color: #272727;display: block; margin: 0px auto 40px auto; text-align: center; font-size: 12px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(//sappun.img13.kr/outsidemall/test/swipet_prev.png);left: 0px;right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(//sappun.img13.kr/outsidemall/test/swipet_next.PNG);right: 0px;left: auto;}
.swiper-button-next, .swiper-button-prev {top: 32%!important;}
.cate-list-wrap {display: flex;position: fixed;top: 0;width: 100%;height: 60px;line-height: 60px;padding: 0px 15px;background: #fff;box-sizing: border-box;z-index: 888;}


.back_header {width: calc(10% - 0px);display: inline-block;    position: fixed;background: #252a2e;text-align: center;z-index: 10;    height: 50px;}
.back_header a {display: inline-block;width: 13px;cursor: pointer;position: relative;overflow: hidden;font-size: 14px;padding: 14px 0;}

/* 대분류 카테고리 베스트*/
.cate-best-wrap{ padding:45px 15px 23px;background:#F8F8FA}
.cate-best-wrap h4{font-size:20px;color:#120B19;font-weight:500;line-height:1;margin-bottom:20px;}
.cate-best-wrap .swiper-container{overflow:visible !important;}
.cate-best-wrap .swiper-container .swiper-pagination{position: absolute !important;bottom:auto;top:-50px;text-align: right;}
.cate-best-wrap .item-wrap.cate-best .img_l{display:none;}
.cate-best-wrap .item-wrap.cate-best .review{margin-top:13px;}
.cate-best-wrap .item-wrap.cate-best .review span,.item-wrap.cate-best .review strong{color:#4C4D4E;font-weight:400;}


/*1차 분류 리스트
.cate-title {display: block!important;font-size: 16px;font-weight: 500;padding: 20px 0px 0px 10px;}
.cate-list-wrap ul{ font-size:0px; padding:20px 0px; box-sizing:border-box;}
.cate-list-wrap ul li{ display:inline-block;line-height:32px;border-radius:60px;background:#fff;border:1px solid #EBEBEB;width:auto;}
.cate-list-wrap ul li a{display:block;padding:0px 20px;color:#717171;line-height:32px;font-size:12px; vertical-align:middle; }
.cate-list-wrap ul li.sel{background:#363636;border:1px solid #363636;}
.cate-list-wrap ul li.sel a{color:#fff;}
*/
#MS_product .item-list > ul > li.lay2{margin-bottom:40px;}
#MS_product .item-price-wrap{padding:13px 10px 0;}
#MS_product .review{margin-top:13px;}
#MS_product .review span{ color: #4C4D4E; font-size: 11px;font-weight: 400;}
#MS_product .review strong {color:#4C4D4E;font-weight: 400;font-size: 11px;}

.item-title2 {padding-bottom: 20px;}
.review {padding-top: 15px;}



.sappun_live { margin-bottom: 0px; background: #efeadd; width: 100%; }
.item-wrap.cate-best .item-list > ul > li{padding:0px !important;}
.soldout {color : #aaa; text-align:left;}
.page_location{display:none;}
img{border: none; height: auto;max-width: 100%; width: auto; }
img[usemap] { border: none; height: auto; max-width: 100%;width: auto; }

.setp1 {color: #120B19;font-size: 13px;font-weight: 600;line-height: 1;}
.setp2 {color: #8F8F8F;padding-left: 5px;font-size: 13px;font-weight: 400;}

.setdis {    font-size: 13px;color: #D35460;font-weight: 500;margin-left: 7px;}
.setdis b {    font-weight: 500;}

 
 
/* 탭영역 
#section_list{height:50px; position:relative;background:#252a2e; }
#section_list ul{position:absolute; right:0; background:#252a2e; text-align:center; font-size:0; width:90%; box-sizing:border-box; padding:0px;}
#section_list ul li{display:inline-block; vertical-align:top; width:calc(33.33% + 0px); margin-right:0px; cursor:pointer; position:relative; overflow:hidden;font-size: 14px;line-height: 50px;color: #fff;}
#section_list ul li:last-child{margin:0;}
#section_list ul li:after{content:''; display:block; width:100%; height:2px;  position:absolute; left:0; bottom:-2px; transition:all 0.1s;}
#section_list ul li h3{font-size:13px; color:#232323; letter-spacing:-0.3px; font-weight:normal; font-family:'Noto Sans KR', sans-serif; line-height:20px;font-weight: 500;}
#section_list ul li.on:after{bottom:0;}
#section_list ul .on {color: #3cb4ed;    font-weight: 500;}
#section_list_ul { transition:all 0.3s; }
#section_list.fix ul {position:fixed; z-index:10;top: 0px;}


#section_list{height: 50px;background: #252a2e;position: fixed;width: 100%;right: 0;}
#section_list ul{}
#section_list ul li{display: inline-block;color:#fff;overflow: hidden;height: 50px;
    line-height: 50px;}
    */
    
    
.section_tab {    width: calc(90% - 0px)!important;right: 0;position: fixed;background: #252a2e;text-align: center;z-index: 10;height: 50px!important;}
.section_tab ul{background:#252a2e; font-size:0px; height: 50px; box-sizing:border-box;}
.section_tab ul li{ display:inline-block; width:auto;font-size:14px;color: #fff;line-height: 50px;} 
.section_tab ul .on {color: #3cb4ed;    font-weight: 500;}

/* BASIC css end */