/* BASIC css start */
ul,li{ list-style:none; }

.slide { margin:0 auto; padding:20px 0 30px 0; width: 950px; height:600px; overflow:hidden; }

.slide ul{ width:calc(100% * 5);display:flex;animation:slide 25s infinite;  } /* slide를 12초동안 진행하며 무한반복 함 */
.slide li{ width:calc(100% / 5);height:600px; }

.slide li:nth-child(1){ background-image: url("http://ftp.ppoya212.img9.kr/anais%20home/2019%2Dwiz/offlineshop/200305%2Dshop%2DUjangsan1.jpg"); }
.slide li:nth-child(2){ background-image: url("http://ftp.ppoya212.img9.kr/anais%20home/2019%2Dwiz/offlineshop/200305%2Dshop%2DUjangsan2.jpg"); }
.slide li:nth-child(3){ background-image: url("http://ftp.ppoya212.img9.kr/anais%20home/2019%2Dwiz/offlineshop/200305%2Dshop%2DUjangsan3.jpg"); }
.slide li:nth-child(4){ background-image: url("http://ftp.ppoya212.img9.kr/anais%20home/2019%2Dwiz/offlineshop/200305%2Dshop%2DUjangsan4.jpg"); }
.slide li:nth-child(5){ background-image: url("http://ftp.ppoya212.img9.kr/anais%20home/2019%2Dwiz/offlineshop/200305%2Dshop%2DUjangsan5.jpg"); }

@keyframes slide {
  0% { margin-left:0; } /* 0 ~ 10  : 정지 */
  10% { margin-left:0; } /* 10 ~ 25 : 변이 */
  20% { margin-left:-100%; } /* 25 ~ 35 : 정지 */
  30% { margin-left:-100%; } /* 35 ~ 50 : 변이 */
  40% { margin-left:-200%; }
  50% { margin-left:-200%; }
  60% { margin-left:-300%; }
  70% { margin-left:-300%; }
  80% { margin-left:-400%; }
  90% { margin-left:-400%; }

  100% { margin-left:0; }
}

.shop_info { width:950px; margin:0 auto; padding:20px 0 30px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.shop_info #info-01, #info-02 { color:#434343; font-family:나눔고딕; font-size:20px; }      
.shop_info #info-01 { font-size:14px; line-height:40px; text-transform:uppercase; letter-spacing:0.6px;font-weight:bold; margin-bottom:10px; }
.shop_info #info-02 { font-size :12px; line-height:23px; margin-bottom:20px; }

.shop_info .btn { overflow:hidden; margin-top:30px; }
.shop_info .btn a { font-family: Josefin sans, sans-serif; font-size:12px; padding: 15px 50px; line-height:55px; text-align: center; color: #9d9d9d; background: #fff; border: 1px solid #9d9d9d; font-weight: bold; }
.shop_info .btn a:hover { color: #222; border: 1px solid #222; }
/* BASIC css end */