/* BASIC css start */
/*»ó´Ü ½½¶óÀÌµå ¸Þ´º */
@keyframes textclip {
  to {
    background-position: -200% center;
  }
}
.hdBtm { position: relative; background: #fff; }
.hdBtm .swiper-container01 { height: 45px; overflow: hidden; padding-left: 10px; }
.hdBtm .swiper-container01 .swiper-slide { width: auto; margin-right: 20px; box-sizing: border-box; }
.hdBtm .swiper-container01 .swiper-slide.new:before { content: ""; position: absolute; top: 11px; right: -4px; display: block; width: 4px; height: 4px; background-color: #7A0514; border-radius: 2px; }
.hdBtm .swiper-container01 .swiper-slide.sale:before { content: "È¸¿øÀü¿ë"; position: absolute; top: 0px; right: -7px; display: block; font-size: 10px; color: #fff; background: #B68645; border-radius: 6px; padding: 0 3px; height: 16px; line-height: 17px; }
.hdBtm .swiper-container01 .swiper-slide.on { border-bottom: 2px solid #000; }
.hdBtm .swiper-container01 .swiper-slide a { color:#000; display: block; font-size: 14px; font-weight: 500; line-height: 50px; }
/*
.hdBtm .swiper-container01 .swiper-slide a.evt{
    background: linear-gradient(to left,#EF8024 40%, #F3C33B 50%, #5D3081 60%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;

}
*/
.hdBtm .swiper-container01 .swiper-slide.sw:before {
    background: #3F291C;
}
/* BASIC css end */

