- 해당 부분 CSS 에 오류가 있습니다.

 

 

 

- 해당 슬라이드의 한칸의 크기를 위해서 다음과 같은 css가 있습니다.

 

.b_color {background: #ffffff;width: 100%;font-size: 14px;}
  .b_color a:last-child{color:#ffffff;background: #000000;width: 68px;margin: 0 auto;padding: 7px;font-size: 14px;border-radius: 10px;margin-bottom: 10px;margin-top: 10px;}
  .owl-item{     
    width: 292.5px;
    margin-right: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;}
</style>

<div id="owl__150089_" class="owl-carousel pm-goods_slide_responsive__150089_" cond="count($shop_goods)">

 

 

 

- .owl-item 은 모든 슬라이드에서 공통으로 사용하는 이름이므로,

   위와 같이 사용하실 경우 메인 슬라이드에도 영향을 주게 됩니다.

 

   margin-right:10px 로 인해서 메인 슬라이드에 불필요한 공백이 생겨서 발생한 오류 입니다.

 

 

 

- 다음과 같이 수정해서 사용하시기 바랍니다.

  (앞 부분에 슬라이드의 고유명 추가)

 

#owl__150089_  .owl-item{     
    width: 292.5px;
    margin-right: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;}

 

 

 

- 위와 같은 형식으로 등록된 모든 소스를 수정하시면 됩니다.