/* BASIC css start */
/* 랜딩 */
.wd50 {display:inline-block!important; width:50% !important;}
.wd33 {display:inline-block!important; width:33.333% !important;}

.prdWrap{ font-size: 0;}
.prdWrap > img,
.prdWrap #timer img,
.prdWrap a:not(.wd50),
.prdWrap a:not(.wd50) img{display: block; width:100%}
.prdWrap > p{font-size:1.1rem; margin-top:26px; line-height:1.5;}
.prdWrap .flex_box{display:flex;}
.prdWrap .flex_box a{display:inline-block; width:unset !important;}

.gamtan-promotion {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.gamtan-promotion a {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.gamtan-promotion img {
    width: 100%;
    display: block;
    border: 0;
}

.gamtan-promotion .menuBtn { margin: 0 auto; }

.gamtan-promotion .wd25 {
    width: 25%;
    display: inline-block;
}

.gamtan-promotion .wd33 {
    width: 33.33%;
    display: inline-block;
}

.gamtan-promotion .wd50 {
    width: 50%;
    display: inline-block;
}

.gamtan-promotion .swiper19 .swiper-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: #ededed;
    margin: 0 5px;
    opacity: 1;
}

.gamtan-promotion .swiper19 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #efc5b2;
}

.gamtan-promotion .video-container {
    position: relative;
    height: 0;
    padding-bottom: 49%;
    padding-top: 30px;
    overflow: hidden;
}

.gamtan-promotion .video-container iframe,
.gamtan-promotion .video-container object,
.gamtan-promotion .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -------------------------------------------------------------------------------- */
/* 상단 플로팅 탭 */
.menuBtn{display: flex;}
.menuBtn.hidden{display:none;}

/* 하단 플로팅 */
.floating_box{ position: fixed; z-index: 1; top: 8%; left: 50%; width: 90%; transform: translate(-50%, 0); display: none; gap: 8px; align-items: center; background: #DB7445; padding: 12px 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); }
.floating_box p{font-size: 3.8vw; white-space: nowrap;}
.floating_box span{color:#ffffff; font-size: 4vw; font-weight:400;}
.floating_box .close{display:block; margin: 0 0 0 auto; width:20px !important;}

/* 스와이퍼 */
.swiper19{position: relative; width:100%; overflow:hidden;}
.swiper19 .swiper-wrapper{position:absolute; top:35%;}
.swiper19 .swiper-button-next::after, .swiper19 .swiper-button-prev::after{color:#000000}

.thumbnail_slide > .thumb-list{position:relative;}
.thumbnail_slide > .thumb-list .swiper-pagination{display: flex; top: 0; width: 88%; left: 5.5%; justify-content: space-between; padding-bottom:10px;}
.thumbnail_slide > .thumb-list .swiper-pagination img{width:23% !important; border-radius:0; height:auto; margin:0;}


.gamtan_swiper {background: #544639;}
.gamtan_swiper .swiper-button-next{ color: #d1d1d1; right:4px;}
.gamtan_swiper .swiper-button-prev{ color: #d1d1d1; left:4px;}
.gamtan_swiper .swiper-button-next::after, .gamtan_swiper .swiper-button-prev::after{font-size:6vw;}

.jase_swiper{position: relative; overflow: hidden; -ms-overflow-style: none;}
.jase_swiper .swiper-wrapper{position:absolute; top:35%;}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets{display: flex; overflow: auto; width: 100%; bottom:70%; padding: 0 10%;}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets::-webkit-scrollbar { display: none; }
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    background: 0;
    border: 1px solid #9EA193;
    border-radius: 25px;
    padding: 0 18px;
    white-space: nowrap;
    color: #9EA193;
}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border-color: #897500;
    color: #897500;
}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet span{font-size: 4vw; line-height: 32px;color: inherit;}

.junior_swiper{position: relative; overflow: hidden; -ms-overflow-style: none;}
.junior_swiper :is(.swiper-button-next, .swiper-button-prev){ color: #a7a7a7; top: 40% !important;  z-index:10;}
.junior_swiper .swiper-button-next:after, .junior_swiper .swiper-button-prev:after{font-size: 6vw;}
.junior_swiper::-webkit-scrollbar{ display:none;}

.swiper01 .swiper-button-next::after,
.swiper01 .swiper-button-prev::after{color:#2781A3; font-size:6vw;}


/* #38340 자세브라 스와이퍼 페이드 타입 2025-10-24 차민우 */
.jase-swiper-fade { position: relative; }
.jase-swiper-fade .swiper-nav { 
    position: absolute; 
    bottom: 49vw;
    width: 100%;
}
.jase-swiper-fade .swiper-nav .swiper-btn {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='38' fill='none' viewBox='0 0 22 38'%3E%3Cpath fill='%23000' fill-opacity='.3' d='m18.752-.002 2.85 2.95-15.75 15.8 15.75 15.85-2.85 2.9-18.75-18.75z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 11px;
    border: 0;
    cursor: pointer;
}
.jase-swiper-fade .swiper-nav .btn-prev {
    left: 1vw;
}
.jase-swiper-fade .swiper-nav .btn-next {
    right: 1vw;
    transform: scale(-1);
}

.relative { position: relative; }
    
.echo-text-bubble-wrap { 
    position: absolute;
    top: -25px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
.echo-text-bubble { 
    display: block;
    width: 100%;
    height: 50px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='291' height='138' fill='none' viewBox='0 0 291 138'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%232d2d2d' d='M233.5 15c23.472 0 42.5 19.028 42.5 42.5S256.972 100 233.5 100h-73.105l-12.138 20.61c-1.16 1.971-4.01 1.971-5.17 0L130.949 100H57.5C34.028 100 15 80.972 15 57.5S34.028 15 57.5 15z'/%3E%3Cpath fill='%23fff' d='M64.192 45.713H81.76v3.701H68.487v8.578H80.49v3.688H68.487V74h-4.295zm24.497 32.541h-3.715l9.116-33.867h3.715zm11.18-32.541h4.53l5.497 21.864h.262l5.719-21.864h4.475l5.718 21.878h.249l5.497-21.878h4.53L128.501 74h-4.337l-5.939-21.133h-.221L112.065 74h-4.351zm77.276 7.886h5.069v3.094h-5.069v11.851h-3.715V42.343h3.715zm-27.458-7.168h8.591v-4.102h3.688v4.102h8.549v2.983h-20.828zm1.906 11.298q0-1.989 1.063-3.48 1.063-1.506 2.998-2.32 1.933-.83 4.461-.83 2.486 0 4.406.83 1.934.813 2.997 2.32 1.077 1.491 1.077 3.48 0 1.948-1.077 3.44-1.064 1.477-2.997 2.292-1.92.801-4.406.801-2.527 0-4.461-.8-1.935-.816-2.998-2.294-1.063-1.49-1.063-3.439m3.37 8.73h3.688v7.099h19.986v3.039h-23.674zm.207-8.73q-.013 1.119.594 1.948.621.828 1.74 1.27 1.119.429 2.611.429 1.478 0 2.597-.428 1.118-.443 1.74-1.271.621-.83.635-1.948-.014-1.146-.635-1.989-.623-.856-1.74-1.312-1.12-.456-2.597-.456-1.492 0-2.611.456t-1.74 1.312q-.608.843-.594 1.99m59.017 5.415h-3.702V54.29h-6.533v-3.052h6.533v-8.923h3.702zm-29.158-3.15q2.652-.939 4.627-2.707 1.99-1.782 3.053-4.06 1.063-2.28 1.063-4.697v-.773h-7.596v-3.025h18.895v3.025h-7.542v.746q0 2.223 1.009 4.31 1.022 2.085 2.928 3.715 1.92 1.63 4.503 2.5l-1.893 2.955q-2.9-1.007-5.041-2.997a13.9 13.9 0 0 1-3.301-4.627 14.8 14.8 0 0 1-3.426 5.207q-2.265 2.238-5.359 3.37zm5.608 10.733q-.014-2.073 1.409-3.55 1.422-1.493 4.088-2.265 2.666-.788 6.326-.788t6.312.788q2.666.772 4.089 2.265 1.436 1.477 1.436 3.55 0 2.057-1.436 3.535-1.423 1.479-4.089 2.252-2.652.788-6.312.8-3.66-.012-6.326-.8-2.666-.773-4.088-2.252-1.423-1.477-1.409-3.535m3.674 0q-.013 1.16.953 2.002.967.83 2.804 1.257 1.837.429 4.392.415 2.542.013 4.379-.415 1.836-.427 2.804-1.257.98-.842.98-2.002 0-1.174-.98-2.017-.968-.843-2.804-1.27-1.837-.443-4.379-.443-2.555 0-4.392.442-1.837.43-2.804 1.27-.966.844-.953 2.017m32.166-4.876h-3.854l-.359-20.138h4.572zm-4.682 5.649q-.015-.746.359-1.381.373-.636 1.008-1.008a2.8 2.8 0 0 1 1.409-.373q.732 0 1.367.373.636.372 1.009 1.008.386.635.386 1.381t-.386 1.381q-.373.636-1.009 1.008a2.65 2.65 0 0 1-1.367.373 2.8 2.8 0 0 1-1.409-.373 2.8 2.8 0 0 1-1.008-1.008 2.57 2.57 0 0 1-.359-1.381'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='291' height='137.086' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3386_7829'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_3386_7829' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    animation: floatY 2s ease-in-out infinite;
}
    
/* 위아래로 천천히 움직이는 애니메이션 */
@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

[class*="outlet-swiper"] {
    position: relative;
}
[class*="outlet-swiper"] .swiper-nav {
    position: absolute;
    bottom: 29vw;
    width: 100%;
}
/* 마지막 스와이퍼 예외처리*/
.outlet-swiper3 .swiper-nav {
    bottom: 36vw;
}

[class*="outlet-swiper"] .swiper-btn {
    position: absolute;
    z-index:1;
    display: block;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='53' fill='none' viewBox='0 0 29 53'%3E%3Cpath stroke='%23777' stroke-width='3.271' d='M27.32 1.156 1.153 27.324M27.32 51.18 1.153 25.013'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 16px;
    border: 0;
    cursor: pointer;
}

[class*="outlet-swiper"] .swiper-btn.prev {
    left: 2vw;
}
    
[class*="outlet-swiper"] .swiper-btn.next {
    right: 2vw;
    transform: scale(-1);
}


/* 플로팅 네비 */
.floating_nav{overflow:auto; background:#ffffff; z-index:9; width:100%;}
.floating_nav ul{width:100%; display:flex; justify-content: space-between;}
.floating_nav ul li{width:100%; padding:16px 18px; margin-right:1px; position:relative; font-size:4vw; font-weight:500; color:#999999; cursor:pointer; line-height:5vw; white-space: nowrap;}
.floating_nav ul li::after{content:''; display:block; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:1px; height:14px; background:#ccc;}
.floating_nav ul li:last-child::after{display:none;}
.floating_nav ul li.active{color:#E64E63;}

.floating_nav.gamtan_gnb{background:#fff;}
.floating_nav.gamtan_gnb ul li{font-size:4.5vw; font-weight: 400; color:#999999;}
.floating_nav.gamtan_gnb ul li span {color:#999999;}
.floating_nav.gamtan_gnb ul li.active{font-weight: 500; color:#E64E63}
.floating_nav.gamtan_gnb ul li.active span{color:#E64E63}

/* -------------------------------------------------------------------------------- */
/* 아코디언 */
.accordionBox{display:none;}

/* -------------------------------------------------------------------------------- */
/* 타이머 */
#timer19{ width: 100%; text-align: center; position:relative;}
#timer19 img{width:100%}
#HourCountdown19 { 
     font-family:'SpoqaHanSansNeo-Regular' !important; 
     display: flex; justify-content: space-between; position:absolute;  transform:translateY(-50%); 
     text-align:center; letter-spacing: 1px;
     
     width:43%; bottom: 53%; left: 23.5%;  
}
#HourCountdown19 span{display: inline-block; text-align:center; font-size: 6vw; font-weight: 600; color: #fff; line-height:1;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";}
#HourCountdown19 .timerText {font-weight:400; text-align:left; color: #fff; font-size:5.6vw;}


#floating_timer { 
     font-family:'SpoqaHanSansNeo-Regular' !important; 
     display: flex; text-align:center; font-weight: 500; letter-spacing: 1px; gap:4px;
}
#floating_timer span{ width: 100%; display: block; font-size: 4vw; font-weight:500; color: #ffffff; }


#timer32{ width: 100%; text-align: center; position:relative;}
#timer32 img{width:100%}

#HourCountdown32 { 
     font-family:'SpoqaHanSansNeo-Regular' !important; 
     display: flex; position:absolute; transform:translateY(-50%); 
     justify-content: space-between; gap:3px;
     text-align:center; font-weight: 400; letter-spacing: 0.5px; line-height: 1;
    
     width:48%; bottom: 28%; left: 18.5%;  
}

#HourCountdown32 span{display: inline-block; text-align:center; font-size: 6vw; font-weight: 500; color: #fff; line-height:1;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum"; }
#HourCountdown32 .timerText {font-weight:400; text-align:left; color: #fff; font-size:5.6vw;}


#timer24{ width: 100%; text-align: center; position:relative;}
#timer24 img{width:100%}

#HourCountdown24 { 
     font-family:'SpoqaHanSansNeo-Regular' !important; 
     display: flex; position:absolute; transform:translateY(-50%); 
     justify-content: space-between; gap:3px;
     text-align:center; font-weight: 400; letter-spacing: 0.5px; line-height: 1;
    
     width: 84.5%; bottom: 22.5% ; left: 7.8%; 
}
#HourCountdown24 span{ width:100%; display:inline-block; font-size: 7.5vw; color: #FF6200; font-weight:500; text-align:center; white-space:nowrap; }


div[id*='timer'].blur{ width: 100%; text-align: center; position: relative;}
div[id*='timer'].blur .timer-box{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%;  background:#016D9D /*rgba(12, 46, 86, 0.50);  backdrop-filter: blur(26px)*/; padding:18px 24px; text-align:left;}
div[id*='timer'].blur .timer-box div[id*='HourCountdown']{position:unset !important; transform:unset !important;}
div[id*='timer'].blur .timer-box > span{color:#fff; display:block; font-size:3.8vw; padding-top:6px; line-height:1;}
div[id*='timer'].blur .timer-box > span:last-child{padding:8px 12px; background:#fff; color:#003349; position:absolute; right:24px; top:50%; transform:translateY(-50%); line-height:1;}
div[id*='timer'].blur + img{padding-top:79px;}

#timer19.blur .timer-box{background:#3D1C00}
#timer32.blur .timer-box{background:#3D1C00}
#timer19.blur .timer-box > span:last-child{color:#3D1C00;}
#timer32.blur .timer-box > span:last-child{color:#3D1C00;}

/* -------------------------------------------------------------------------------- */

/* 이벤트 탭 */
.displaynone {display:none !important; }
.plan { margin-bottom:120px; }
.cateWrap {border-top: 1px solid #E5E5E5; margin-bottom: 50px;}

.eventTab_wrap {padding: 16px 0 16px !important; overflow:hidden; width:100%;}
.eventTab_wrap .eventTab {display:flex;}
.eventTab_wrap .eventTab::-webkit-scrollbar {display:none;}
.eventTab_wrap .eventTab p {font-size: 15px; border: 1px solid #D6D6D6; border-radius: 4px; background-color:#fff; padding: 11px 18px; margin-right: 8px; color: #545454; box-sizing: border-box; cursor:pointer; white-space: nowrap; width:auto !important;}
.eventTab_wrap .eventTab p:last-child {margin-right:0;}
.eventTab_wrap .eventTab p.on { color: #F06D48; font-weight: 600; border: 2px solid #F06D48; padding:10px 17px;}
.eventTab_wrap .eventTab p span {font-weight: 300;padding: 0 0.135em;}
.eventTab_wrap .eventTab p .prd_num {display:none;}

.titleWrap {line-height: normal; display: block; padding: 31px 16px 32px;}
.event_title {font-size: 20px;font-weight: 600;color: #353535;}
.event_subTitle {font-size: 16px;font-weight: 400;margin-top: 5px;display: block;color: #444;}
.event_description {display:none;}


/* 더보기 버튼 */
.more.on { display:block !important; }
.less.on { display:block !important; }
.more,
.less { margin:26px auto 0; text-align: center; width: 100%;}
.more .btn_more,
.less .btn_less {display:inline-block; font-size: 15px; color: #545454; padding: 13px 24px; border: 1px solid #D6D6D6; background-color: #fff; cursor:pointer; border-radius: 4px;}
.more .btn_more:after {content:url(/design/justmysize/img/m/morebtn.svg); margin-left:8px; display: inline-block;}
.less .btn_less:after { content:url(/design/justmysize/img/m/morebtn.svg); margin-left:8px; transform: rotate(180deg); display: inline-block;}


/* 주니어브라 */
.eventTab_wrap.junior{padding:15px 0 32px !important;}
.eventTab_wrap.junior .eventTab{justify-content:center;}
.eventTab_wrap.junior .eventTab p{width:auto; text-align:center; border-radius:20px;}
.eventTab_wrap.junior .eventTab p.on{background:#F69155; border-color:#F69155; color:white;}


/* 탭 */
.prd_tab{display:flex; width:100%;}
.prd_tab li img{display:none !important;}
.prd_tab li img.on{display:block !important;}
.tab-con{display:none;}
.tab-con.on{display:flex; flex-wrap: wrap;}

.text_tab>*{flex : 1;}
.text_tab li{line-height: 22px; padding: 12px 0; font-size: 3.5vw; font-weight: 400; background: #ffffff; color: #999999;}
.text_tab li.on{color: #493A3A; border-bottom: 6px solid #493A3A;}
.text_tab li span{display: block; font-size: 4.5vw; font-weight: 500; color: #999999;}
.text_tab li.on span {color: #493A3A;}

.text_tab.green li.on{color: #3D1C00; background: #DFDCC5; border-bottom: 3px solid #3D1C00;}
.text_tab.green li.on span {color: #3D1C00;}

.text_tab.pink li.on{color: #461A12; background: #EDCAC7; border-bottom: 3px solid #461A12;}
.text_tab.pink li.on span {color: #461A12;}

.text_tab.orange li.on{color: #E76616; background: #FFF6F0; border-bottom: 3px solid #E76616;}
.text_tab.orange li.on span {color: #E76616;}


.text_tab.beige li.on{color: #3D1C00; background: #F4F2EC; border-bottom: 3px solid #3D1C00;}
.text_tab.beige li.on span {color: #3D1C00;}

.text_tab.brown li.on{color: #FDD2CB; background: #3C1217; border-bottom: 3px solid #FDD2CB;}
.text_tab.brown li.on span {color: #FDD2CB;}

.text_tab.blue li.on{color: #1395CC; background: #F0F6F9; border-bottom: 3px solid #1395CC;}
.text_tab.blue li.on span {color: #1395CC;}

.text_tab.purple li.on{color: #754A8C; background: #F8E9FF; border-bottom: 3px solid #754A8C;}
.text_tab.purple li.on span {color: #754A8C;}

.text_tab.red li.on{color: #F97A0F; background: #FAECDD; border-bottom: 3px solid #F97A0F;}
.text_tab.red li.on span {color: #F97A0F;}

.text_tab.yellow li.on{color: #D08E00; background: #FFF6E0; border-bottom: 3px solid #D08E00;}
.text_tab.yellow li.on span {color: #D08E00;}

.text_tab.lightbrown li.on{color: #BB830A; background: #F9F4EA; border-bottom: 3px solid #BB830A;}
.text_tab.lightbrown li.on span {color: #BB830A;}

.inner_tab .tab{display:flex;}
.inner_tab .tab li img{display:none !important;}
.inner_tab .tab li img.on{display:block !important;}
.inner_tab .con{display:none;}
.inner_tab .con.on{display:flex; flex-wrap: wrap;}


/* ----------------------------------------------------------------------------------- */
/* 하단 상품 진열 */
#MS_product > .list_shopping2x{display:none;}

#MS_product ul{display:flex; flex-wrap: wrap;}
#MS_product ul li{display:block; width:calc((100% - 8px)/2); margin-bottom:24px;}
#MS_product ul li:nth-child(odd){margin-right:8px;}
#MS_product ul li a{display:block; position:relative;}
#MS_product ul li a .number{position:absolute; top:0; left:0; display:block; width:24px; height:24px; text-align:center; font-size:14px; font-weight:500; line-height:24px; color:#fff; background:#000;}
#MS_product ul li a figure{width:100%;}
#MS_product ul li a figure > img{width:100%; border:solid 1px #F6F6F6;}
#MS_product ul li a figure .list_shoppingInfo{padding-top:16px;}
#MS_product ul li a figure .list_shoppingInfo .listName{font-size:14px; font-weight:500; line-height:17px; color:#333; padding-bottom:4px;}
#MS_product ul li a figure .list_shoppingInfo .listDiscount{display:block; font-size:12px; font-weight:500; line-height:14px; color:#B3B3B3; text-decoration:line-through; padding-bottom:2px;}
#MS_product ul li a figure .list_shoppingInfo .c-sale{display:flex; }
#MS_product ul li a figure .list_shoppingInfo .c-sale div{margin-right:4px; font-size:16px; font-weight:700; line-height:17px; color:#F06D48; }
#MS_product ul li a figure .list_shoppingInfo .c-sale div strong{font-size:16px; font-weight:700; line-height:17px; color:#F06D48; }
#MS_product ul li a figure .list_shoppingInfo .c-sale .listPrice,
#MS_product ul li a figure .list_shoppingInfo .c-sale .listPrice *{font-size:16px; font-weight:700; line-height:17px; color:#000;}
#MS_product ul li a figure .list_shoppingInfo .c-icons span{display:flex;padding-top:10px;}
#MS_product ul li a figure .list_shoppingInfo .c-icons span img{ height:21px !important; width:auto !important; margin-right:4px;}
#MS_product ul li a figure .list_shoppingInfo .c-prd-etc{padding-top:10px;}
#MS_product ul li a figure .list_shoppingInfo .c-prd-etc *{display:inline-block; font-size:12px !important; font-weight:500 !important; line-height:14px !important; color:#999 !important;}
#MS_product ul li a figure .list_shoppingInfo .c-prd-etc .c-review .crema-product-reviews-score{margin-right:14px;}


.float_text{ position: absolute; top: -75%; left: 50%; width: 110px; height: 35px; font-size: 16px; background: #232323; transform:translate(-50%,0);
             display: flex; color: #ffffff; align-items: center; justify-content: center; border-radius: 45px; animation: joinAni .6s infinite alternate;}
.float_text::after {content:""; position: absolute; bottom: -5px; left: 50%; width: 10px; height: 10px; background: #232323; transform:translate(-50%,0) rotate(45deg);}

@keyframes joinAni {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 5px;
    }
}


/* BASIC css end */