/* BASIC css start */
 /*=====================================*/
/*START BLOCK INSTAGRAM*/
/*=======================================*/
#instafeed-gallery-feed{width:1200px; margin:0 auto; overflow:hidden;}
.insta_list{width:200px;float:left;}
.insta_list img{width:200px; height:200px;}
.insta_link{margin-bottom:40px;}

.insta_list {

  width: 200px;
  overflow: hidden;
  font-size: 0;
}
.zoom_effect{
  max-width: 100%;
  transition: transform 0.3s ease-in-out;
}
.insta_list:hover img {
  transform: scale(1.1);
}
/*=====================================*/
/*END BLOCK INSTAGRAM*/
/*=======================================*/
 
 
 .swiper-container.swiper2 {
      width: 1200px;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: 200px;

      /* 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-container.swiper2 .tb-center{width:100%; padding:0 !important;}
    .swiper-container.swiper2 .thumb{    width: 100% !important;
    height: 100% !important; position:relative;
    border: 1px solid #eeeded;
    box-sizing: border-box;}
     .swiper-container.swiper2 .thumb img{width: 70%;
    height: 70%;
    margin: 15% auto 15%;}


.prd-list .swiper-slide {background:transparent;}
.prd-list .swiper-slide .info{    text-align: left;
    background: 0 0;
    padding-top: 15px;    padding-bottom: 10px;}
    
    .prd-list .swiper-slide .thumb figure a {
    padding: 0;
}
.prd-list .swiper-pagination-bullets{text-align:center; margin-top:30px;}
.prd-list .swiper-pagination-bullet{width:15px; height:15px; opacity:1; background:#cacaca;  }
.prd-list .swiper-pagination-bullet-active{background:#e11113}


.more_btn a{background:#000; color:#fff; display:inline-block;     border:1px solid #000; box-sizing:border-box;   padding: 5px 15px;
    font-size: 23px;
    font-weight: 300; -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
    .more_btn a:hover{border:1px solid #000; background:#fff; color:#000;}
#contentWrapper {
   opacity:1;
}
.best_prd{background:#f7f7f7;padding:55px 0 35px;margin-top:80px}
.best_prd .prd-list h3{margin-top:0}
.best_prd .prd-list h5{margin-top:0; text-align:center;}
.best_prd .prd-list .thumb{border:1px solid #eeeded}
.best_prd .prd-list .thumb figure{   text-align: center;
    background: #fff;
    height: 378px;}
   .best_prd .prd-list .thumb figure a{padding:0;}
.best_prd .prd-list .thumb figure img{width: 70%;
    height: 70%;
    margin: 15% auto 15%;
}
.best_prd .photo_zoom{overflow:hidden;}
#bx-pager{text-align:center}
#bx-pager a{margin:0 3px 0 4px;width:15px;height:15px;border:0;display:inline-block;cursor:pointer;box-sizing:border-box;border-radius:100px;background:#cacaca}
#bx-pager a.active,.best_seller_label{background:#e11113}

.best_prd .prd-list .thumb,.prd-list .thumb{position:relative}

.best_prd .prd-list table td{padding:0 30px 60px 0}
.best_prd table{width:1230px!important}
.swiper1 .swiper-slide{text-align:center;width:100%;height:420px;overflow:hidden;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 a{display:block;width:100%;height:100%}
.swiper-container{z-index:0!important;height:420px;overflow:hidden}
.swiper1 .main_bg_text01{font-size:100px;font-family:Raleway,sans-serif;font-weight:700;line-height:60px;letter-spacing:1px;color:rgba(255,255,255,.7)}
.swiper1 .main_bg_text02{font-size:21px;letter-spacing:-.5px;line-height:32px;padding-top:32px;font-weight:300}
.swiper1 .swiper-slide-active .main_bg_text01{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.5s!important;animation-duration:1.5s!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper1 .swiper-slide-active .main_bg_text02{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2;-webkit-animation-duration:1.5s!important;animation-duration:1.5s!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-slide a>.main_bg_text01{text-align:left;width:1080px;margin:130px auto 0}
@-webkit-keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.keep_list,.product-wrap{width:100%;margin:40px 0 80px;box-sizing:border-box;background:#fff}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{position:absolute;top:50%;width:39px;height:76px;margin-top:-22px;z-index:10;cursor:pointer;background-size:39px 76px;     -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;}
.swiper1 .swiper-button-next{background:none;right:18%;opacity:.3!important}
.swiper1 .swiper-button-prev{background:none;left:18%;opacity:.3!important}
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{opacity:.7!important}
.swiper1 .swiper-pagination{bottom:15px!important}
.swiper1 .swiper-pagination-bullet{background:0 0;border:2px solid #000;margin:0 6px!important;width:6px;height:6px;opacity:.5!important}
.swiper1 .swiper-pagination-bullet-active{background-color:black;opacity:1!important}
.keep_list ul{overflow:hidden;width:1200px;margin:0 auto}
.keep_list ul li{float:left;margin-left:10px}
.keep_list ul li:first-child{margin-left:0!important}
.keep_txt01{font-size:30px;font-family:'Noto Sans KR',sans-serif;font-weight:600;color:#222;padding-top:28px}
.keep_txt02{font-size:16px;font-family:"Open Sans","Nanum Gothic",sans-serif;color:#666;padding-top:18px;font-weight:700}
.keep_txt03{font-size:20px;color:#000;padding-top:15px;font-weight:700}
.keep_list li .keep_thumb img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.border_effect{position:relative;display:inline-block}
.border_effect::after,.border_effect::before{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .38s ease-in-out,transform .35s ease-in-out;content:'';opacity:0;pointer-events:none}
.border_effect::before{transform:scale3d(0,1,1);transform-origin:left top;border-top:1px solid #e11113;border-bottom:3px solid #e11113}
.border_effect::after{transform:scale3d(1,0,1);transform-origin:right top;border-right:1px solid #e11113;border-left:1px solid #e11113}
.border_effect:focus::after,.border_effect:focus::before,.border_effect:hover::after,.border_effect:hover::before{transform:scale3d(1,1,1);opacity:1}
.event_container ul{margin:0 auto;overflow:hidden;font-size:0}
.event_container .event_top{width:1200px}
.event_container .event_bottom{width:1200px;margin-top:-260px}
.event_container .event_top li:nth-child(1){margin-right:8px}
.event_container .event_top li:nth-child(2) img{margin-top:-260px}
.event_container .event_bottom li:nth-child(1){margin-right:8px;margin-top:8px}
.event_container .event_bottom li:nth-child(2){margin-right:7px;margin-top:8px}
.event_container .event_bottom li:nth-child(3){margin-top:8px}
.event_container .event_bottom li img{vertical-align:bottom}
.event_container ul li{position:relative;display:inline-block}

.prd-list h3{font-size:30px;color:#000;font-weight:550;letter-spacing:-.5px;margin-top:120px;margin-bottom:45px;}
.prd-list .flo_title{margin-bottom:0px!important;}
.prd-list h5{font-size:18px;color:#777;font-weight:380;letter-spacing:-.5px;margin-top:0px;margin-bottom:45px;}
.btn-list h3{font-size:30px;color:#000;font-weight:550;letter-spacing:-.5px;margin-top:120px;margin-bottom:0px;}
.btn-list h5{font-size:18px;color:#777;font-weight:380;letter-spacing:-.5px;margin-top:0px;margin-bottom:45px;}
.insta_container{width:1200px;margin:128px auto 0}
.insta_container h3{margin-bottom:25px}
/* BASIC css end */

