/* swiper */

main{ font-size: 18px; line-height: 1.5em; /*margin-top:60px;*/ }
#slide-wrap{ width: 100%; height: 90vh;}

.swiper {
    height: 100%;
  }
.swiper-container{ height: 100%;}
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 100%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;

  }

.slide1{background: url(../images/dog-gd45d716b7_1920.jpg) no-repeat top  ;}
.slide2{background: url(../images/french-bulldog-g0e83f83fd_1920.jpg)no-repeat center ;}
.slide3{background: url(../images/puppy-gaa48abc82_1920.jpg)no-repeat center ;}
.slide4{background: url(../images/french-bulldog-g0e83f83fd_1920.jpg)no-repeat center ;}

.swiper-button-next, .swiper-button-prev,  .swiper-pagination{transition: all .3s; opacity: 0;}

.swiper-container:hover .swiper-button-next{ transform: translate(-20px);opacity: 1;}
.swiper-container:hover .swiper-button-prev{ transform: translate(20px);opacity: 1;}
.swiper-container:hover .swiper-pagination{opacity: 1;}





  /* weeken-hot */
.weeken-hot-box{ display: flex; justify-content: space-between;}

.weeken-hot-box li { width: 30%; text-align: center;}


/* hot-item */

.item-list-wrap{ display: flex;  justify-content: normal; flex-wrap: wrap;} 



/* cart-modal  아이폰 안읽힘*/

#cart_modal{font-size:  .8em;}
#cart_modal .o_list_box{width: 100%;}
#cart_modal .o_list_box2{width: 50%;}
#cart_modal .o_list_name{width: 30%;}
.w_modal_price_box{ width: 20%;}
#cart_modal .o_item_price{ width: 50%;}
.o_list_sum_box{ width: 50%; margin-left: 20%;}
#cart_modal .o_list_sum{width: 80%;}

#cart_modal .c_modal_img { width: 20%; margin: 0 0;}
#cart_modal h3{ padding-bottom: 20px;}
.c_modal_item{display: flex; margin-bottom: 20px;}
.c_modal_option{ margin-bottom: 25px;}



.c_modal_bg{ width: 100%; height: 100vh; background: rgba(100,100,100,.5); position: fixed; top:0; left: 0; right: 0; display: none; z-index: 999; display: none; }
.cart_modal_wrap{ width: 40%; height: 65vh; background: #fff; position: fixed; top:50%; left: 50%; z-index: 999; padding: 50px 20px; transform: translate(-50%, -50%); display: none; box-sizing: border-box;}
.c_modal_close_btn{ position: absolute; top: 10px; right: 10px;}


@media (min-width:788px) and (max-width:1200px){

  #cart_modal{font-size:  .8em;}
  #cart_modal .o_list_box{width: 100%;}
  #cart_modal .o_list_box2{width: 50%;}
  #cart_modal .o_list_name{width: 30%;}
  .w_modal_price_box{ width: 20%;}
  #cart_modal .o_item_price{ width: 50%;}
  .o_list_sum_box{ width: 50%; margin-left: 20%;}
  #cart_modal .o_list_sum{width: 80%;}
  
  #cart_modal .c_modal_img { width: 20%; margin: 0 0;}
  #cart_modal h3{ padding-bottom: 20px;}
  .c_modal_item{display: flex; margin-bottom: 20px;}
  .c_modal_option{ margin-bottom: 25px;}
  
  
  
  .c_modal_bg{ width: 100%; height: 100vh; background: rgba(100,100,100,.5); position: fixed; top:0; left: 0; right: 0; z-index: 999; }
  .cart_modal_wrap{ width: 55%; height: 60vh; background: #fff; position: fixed; top:50%; left: 50%; z-index: 999; padding: 50px 20px; transform: translate(-50%, -50%); }
  .c_modal_close_btn{ position: absolute; top: 10px; right: 10px;}
}

@media (max-width:787px){
  #cart_modal{font-size:  .8em;}
  #cart_modal .o_list_box{width: 100%;}
  #cart_modal .o_list_box2{width: 50%;}
  #cart_modal .o_list_name{width: 30%;}
  .w_modal_price_box{ width: 20%;}
  #cart_modal .o_item_price{ width: 50%;}
  .o_list_sum_box{ width: 50%; margin-left: 20%;}
  #cart_modal .o_list_sum{width: 80%;}
  
  #cart_modal .c_modal_img { width: 20%; margin: 0 0;}
  #cart_modal h3{ padding-bottom: 20px;}
  .c_modal_item{display: flex; margin-bottom: 20px;}
  .c_modal_option{ margin-bottom: 25px;}
  
  
  
  .c_modal_bg{ width: 100%; height: 100vh; background: rgba(100,100,100,.5); position: fixed; top:0; left: 0; right: 0;  z-index: 999; }
  .cart_modal_wrap{ width: 100%; height: 70vh; background: #fff; position: fixed; top:50%; left: 50%; z-index: 999; padding: 50px 20px; transform: translate(-50%, -50%); }
  .c_modal_close_btn{ position: absolute; top: 10px; right: 10px;}
}

#add_cart{ color: red;}