
.menu-hover{
   border-bottom:2px solid yellow !important;
}
#top-line-bar-pc, #top-line-bar-mobile{
   display:none;
}
#top-line-bar-pc{
   background:#302f34;
   /* background:#fe4e00; */
}
#top-line-bar-mobile{
   position:none;
   top:0;left:0;
   background:#fff;
   color:#000;
   /* border-bottom:1px solid #e1e1e1; */
}
#top-line-bar-mobile a{
   color:#000;
}

/* PC 상단 첫 메뉴 */
#top-line-logo{
   width:1180px;
}
#top-line-menu-pc{
   width:100%;
   list-style:none;
}
#top-line-menu-pc > li{
   list-style:none;
   width:25%;
   float:left;
   text-align:right !important;
   font-size:.8rem;
}
#top-line-menu-pc > li > a{
   color:#959595;
   /* font-weight:lighter; */
}
#top-line-menu-pc > li > a:hover{
   color:#fff;
}

/* 메인 메뉴 */

#top-main-menu{
   /* width:100%; */
   width:1180px;
}
#top-main-menu a{
   color:#fff;
}
#top-main-menu span:hover{
   border-bottom:2px solid #4c16ae;
} 


/*  메인 이벤트 배너 */
.banner-imgs{
   position:relative;
}


/* 상품 리스트  */

.prd-list-borders{
   border:1px solid #e3e3e3;
   margin-right:-1px;
   margin-top:-1px;
}

.prd-columns{
   position:relative;
}

@media screen and (min-width:1367px) {
   .banner-imgs{
      width:100%;
      height:490px;
   }
   .next-btns, .prev-btns{
      position:absolute;
      z-index:100;
      margin-top:-2%;
      cursor:pointer;
   }
   .prev-btns{
      left:10%;top:50%;
   }
   .next-btns{
      right:10%;top:50%;
   }

   /* 모두 에서 구매하면 이런점이 좋아요 */
   .modoo-best-list{
      width:100%;
      height:100%;
   }
   .modoo-best-list li{
      list-style:none;
      float:left;
      font-weight:lighter;
      /* border:1px solid #e1e1e1; */
      border:1px solid #ebebeb;
      margin-top:-1px;
      margin-left:-1px;
      padding:20px;
      height:130px;
      font-size:12px;
       
   }
   .modoo-best-list li img{
      margin-bottom:5px;
   }
   .modoo-best-list li .point{
      display:block;
      color:#51197e;
      font-weight:bold;
   }
   .mobile-margin{
      display:none;
      margin:0;padding:0;
   }
}

@media screen and (max-width:1366px) {
   body{
      scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #ffffff; 
      scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #ffffff; 
      scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; 
      scrollbar-arrow-color: #ffffff;
      -webkit-overflow-scrolling:touch;
   }
   /*body::-webkit-scrollbar { */
      /*display: none; */
   /*}*/

   /* 모바일 배너 */
   #top-line-bar-mobile{
      /*display:none;*/
      position: -webkit-sticky; /* Safari */
      position: sticky;
      top: 0;
      /*position:fixed;*/
      /*left:0;*/
      /*top:0;*/
      z-index:1000;
   }
   #mobile-main-menu{
      background:#fff !important;
   }
   #mobile-main-menu > div{
      border-bottom:1px solid #666;
      border-top:1px solid #e1e1e1;
   }
   #mobile-main-menu ul{
      width:100%;
      height:55px;
      padding:0;margin:0;
      background:#fff !important;
      bottom:0;left:0;
      white-space: nowrap;
      overflow-x:auto;
      overflow-y:hidden;
   }

   #mobile-main-menu ul li{
      list-style:none;
      display:inline-block;
      /* float:left; */
      padding:15px 15px;
      text-align:center;
      font-weight:bold;
   }


   /* 메인 이벤트 배너 모바일 */
   .banner-imgs{
      width:100%;
      height:300px;
   }
   .banner-imgs img{
      width:100%;
      height:300px;
      object-fit: cover;
      /* object-fit: contain; */
      /* object-fit: scale-down; */
      /* object-fit: fill; */
   }

   .next-btns, .prev-btns{
      position:absolute;
      z-index:100;
      padding-top:0px;
      height:30px;
      margin-top:-15px;
      cursor:pointer;
      top:50%;
      text-align:center;
      vertical-align:middle;
   }
   .prev-btns{
      left:0%;
   }
   .prev-btns img{
      width:50px;
   }
   .next-btns{
      right:0%;
   }
   .next-btns img{
      width:50px;
   }

   /* 모두 에서 구매하면 이런점이 좋아요 */
   .modoo-best-list{
      width:100%;
      height:100%;
   }
   .modoo-best-list li{
      list-style:none;
      float:left;
      font-weight:lighter;
      border:1px solid #ebebeb;
      margin-top:-1px;
      margin-left:-1px;
      padding:20px;
      height:130px;
      font-size:10px;
   }
   .modoo-best-list li img{
      margin-bottom:3px;
   }
   .modoo-best-list li .point{
      display:block;
      color:#51197e;
      font-weight:normal;
   }

}