
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.swiper-slide img {
  display: block;
  width: 100% ;
  height: 100%;
  object-fit: cover;
}


section.main_section {  width:1280px;  margin:70px auto; }
section.main_section_1,
section.main_section_2 { margin:0 auto; }


section.main_section_1 ,
section.main_section_rolling {  width:100%; padding:0 50px;  margin:0 auto;  }
.main_slide { height:700px;  width:100% ; border-radius:20px; overflow:hidden; max-width:2000px; margin:0 auto; }
.main_slide .swiper-slide { height:700px; width:100%;   }
.main_slide .swiper-slide a { width:100% ; height:100%; display:block;   }
.main_slide .swiper-slide img { height:700px; object-fit:cover; border-radius:20px;  width:100%;   }



.main_slide .swiper-button-next, 
.main_slide .swiper-button-prev { width:50px; height:50px; background:rgba(255,255,255,0.5);  border-radius:25px; }
.main_slide .swiper-button-next { right:60px; left:auto; }
.main_slide .swiper-button-prev {   left:60px; }
.main_slide .swiper-button-next:after,
.main_slide .swiper-button-prev:after { color:#666; overflow:hidden; line-height:40px; font-size:20px; display:block; overflow:hidden; }

.main_slide .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ccc;
  opacity: 1;             /* 기본은 0.2~0.5 */
  margin: 0 3px !important;
  border-radius: 50%;
  transition: all 0.3s;
}

.main_slide .swiper-pagination-bullet-active {
  background: #333;
  border-radius: 10px;    /* pill 모양 */
}




.main_slide_img .swiper-pagination { background:rgba(0,0,0,0.5); padding:5px 10px; width:auto; margin-left:570px; bottom:20px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet { border:0; background:rgba(255,255,255,0.5); height:8px; width:8px; border-radius:4px; margin:0 3px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet-active {  width:17px; background:#fff;  }

@media(max-width:1000px){
.main_slide_img .swiper-pagination { margin-left:0; bottom:10px; left:auto; right:10px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet { border:0; background:rgba(255,255,255,0.5); height:6px; width:6px; border-radius:3px; margin:0 2px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet-active {  width:17px; background:#fff;  }
}





section.main_section_rolling { background:#f5f5f5; padding:80px 0; }
section.main_section_rolling .rolling_area { width:1280px; display:flex; margin:0 auto; position:relative; }
section.main_section_rolling .rolling_title { font-size:1.5rem; font-weight:bold; width:250px; }
section.main_section_rolling  .swiper {  width:1030px; position:static; }
section.main_section_rolling  .swiper-slide { width: calc(100% / 3 - 30px); margin:0 15px; background:#f5f5f5; position:relative; overflow:hidden; border-radius:50% }
section.main_section_rolling  .swiper-slide .rolling_over { display:none; position:absolute;  top:0; left:0; width:100%; height:100%; flex-direction: column; ; justify-content:center; }
section.main_section_rolling  .swiper-slide:hover  .rolling_over{  background:rgba(0,0,0,0.4) ; display:flex }
section.main_section_rolling  .swiper-slide .info { margin:0 auto; width:calc(100% - 50px); }
section.main_section_rolling  .swiper-slide .info * { color:#fff; }
section.main_section_rolling  .swiper-button-next, 
section.main_section_rolling  .swiper-button-prev { width:50px; height:50px; background:rgba(0,0,0,0.5);  border-radius:25px; margin-top:110px;}
section.main_section_rolling  .swiper-button-next { left:60px; }
section.main_section_rolling  .swiper-button-prev { left:0px; }
.main_rolling_item .swiper-button-next:after,
.main_rolling_item .swiper-button-prev:after { color:#fff; overflow:hidden; line-height:40px; font-size:20px; display:block; overflow:hidden; }
section.main_section_rolling .swiper-pagination { display:none; }


span.btn_more_view { font-size:14px; color:#777; font-weight:normal; margin-left:10px; position:absolute; right:0; top:-40px; }
span.btn_more_view > a { display:flex; align-items:center; line-height:20px; }
span.btn_more_view > a > span { font-weight:200; }



.cate_best_item { margin:20px auto 50px; width:100%; }
h3.prdlist_title { font-size:1.5rem; font-weight:bold; display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
h3.prdlist_title > span { font-size:14px; color:#999; font-weight:normal; margin-left:10px ; }
h3.prdlist_title > span > a { display:flex; align-items:center; line-height:20px; }
h3.prdlist_title > span > a > span { font-weight:200; }
.prdlist { display:flex; flex-wrap:wrap; width:100%; margin-left:-10px; }
.prdlist > li { width:calc(100% / 4); margin-bottom:10px; }
.column5 > li { width:calc(100% / 5); }
.item_box { margin:1.5rem; }
.item_box img.thumb { margin-bottom:10px; width:100%; border-radius:10px; }
.item_box ul.info { }
.item_box ul.info li { font-size:0.95rem; margin-top:5px; line-height:130%;text-align:center;  }
.item_box ul.info li.name { }
.item_box ul.info li.summary { font-size:0.9rem; color:#999;  line-height:120%; }
.item_box ul.info li.price { color:#222; text-align:center; }
.item_box ul.info li.price .line-through { text-decoration:line-through; font-weight:normal; }
.item_box ul.info li.price strong { font-weight:bold; }
.main_section .line-through { text-decoration:line-through; font-weight:normal; }

.column_best_cate { position:relative; padding-left:370px; height:370px; }
.column_best_cate > li:first-child { position:absolute; left:0; top:0; width:370px; }
.column_best_cate > li:first-child .item_box ul.info { position:absolute; bottom:30px; left:20px; width:calc(100% - 40px);  background:rgba(255,255,255,0.6); padding:7px 10px; }
.column_best_cate > li { width:calc(100% / 4); }
.column_best_cate .item_box { margin:10px; }
.column_best_cate .item_box img.thumb { margin-bottom:10px; width:100%; }
.column_best_cate .item_box ul.info { }
.column_best_cate .item_box ul.info li { font-size:1rem; margin-top:5px; line-height:130%; }
.column_best_cate .item_box ul.info li.name { }
.column_best_cate .item_box ul.info li.summary { font-size:0.9rem; color:#999;  line-height:120%; }
.column_best_cate .item_box ul.info li.price { color:#2a5bd8; font-weight:bold; }

.banner_set { display:flex; width:100%; margin:50px auto; }
.banner_set > div { margin-left:10px; }
.banner_set > div:first-child { margin-left:0; }


.main_bottom_big_img {
  height: 500px; /* 배너 영역 높이 */
  /*
  background-image: url("../_image/main_bottom_big_img.jpg");
  */
  background-size: 100% cover;  
  background-position: center; 
  background-repeat: no-repeat;
  background-attachment: fixed; 
  display:flex; align-items:center; justify-content:center;
  }

.main_bottom_big_img .txt { color:#fff; text-align:center; }
.main_bottom_big_img .txt p { display:block; text-align:center;  }
.main_bottom_big_img .txt .p1 { font-size:1.5rem; }
.main_bottom_big_img .txt .p2 { font-size:3rem; font-weight:bold; margin:1.5rem 0 2.2rem; }
.main_bottom_big_img .txt > a { background:rgba(255,255,255,0.5); color:#222; padding:1.2rem 2.5rem; border-radius:3rem; display:inline-block; font-weight:500;letter-spacing:1px}


/*반응형*/


@media (max-width: 1280px){

section.main_section {  width:calc(100% - 50px);  margin:70px auto; }
section.main_section_1,
section.main_section_2 { margin:0 auto; }

section.main_section_1 ,
section.main_section_rolling {  width:100%; padding:0 30px;  margin:0 auto;  }
.main_slide { height:400px;  width:100%; border-radius:20px; overflow:hidden; max-width:2000px; margin:0 auto; }
.main_slide .swiper-slide { height:400px;  }
.main_slide .swiper-slide img { height:400px; object-fit:cover; border-radius:20px;}
.main_slide .swiper-button-next, 
.main_slide .swiper-button-prev { width:40px; height:40px; background:rgba(255,255,255,0.5);  border-radius:25px; }
.main_slide .swiper-button-next { right:20px; left:auto; }
.main_slide .swiper-button-prev {   left:20px; }
.main_slide .swiper-button-next:after,
.main_slide .swiper-button-prev:after { color:#666; overflow:hidden; line-height:40px; font-size:15px; display:block; overflow:hidden; }


section.main_section_rolling { background:#f5f5f5; padding:7rem 0; }
section.main_section_rolling .rolling_area {  width:calc(100% - 50px);  display:flex; margin:0 auto; position:relative; }
section.main_section_rolling .rolling_title { font-size:2rem; font-weight:bold; width:16rem; }
section.main_section_rolling  .swiper {  width:100%; position:static; }
section.main_section_rolling  .swiper-slide { width: calc(100% / 3 - 1.6rem); margin:0 0.8rem; background:#f5f5f5; position:relative; overflow:hidden; border-radius:50% }
section.main_section_rolling  .swiper-slide .rolling_over { display:none; position:absolute;  top:0; left:0; width:100%; height:100%; flex-direction: column; ; justify-content:center; }
section.main_section_rolling  .swiper-slide:hover  .rolling_over{  background:rgba(0,0,0,0.4) ; display:flex }
section.main_section_rolling  .swiper-slide .info { margin:0 auto; width:calc(100% - 50px); }
section.main_section_rolling  .swiper-slide .info * { color:#fff; }
section.main_section_rolling  .swiper-button-next, 
section.main_section_rolling  .swiper-button-prev { width:35px; height:35px; background:rgba(0,0,0,0.5);  border-radius:20px; margin-top:5rem;}
section.main_section_rolling  .swiper-button-next { left:45px; }
section.main_section_rolling  .swiper-button-prev { left:0px; }
.main_rolling_item .swiper-button-next:after,
.main_rolling_item .swiper-button-prev:after { color:#fff; overflow:hidden; line-height:35px; font-size:20px; display:block; overflow:hidden; }
section.main_section_rolling .swiper-pagination { display:none; }

.main_bottom_big_img { height: 400px; }


.cate_best_item { margin:20px auto 50px; width:100%; }
h3.prdlist_title { font-size:2rem; font-weight:bold; display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
h3.prdlist_title > span { font-size:14px; color:#999; font-weight:normal; margin-left:10px ; }
h3.prdlist_title > span > a { display:flex; align-items:center; line-height:20px; }
h3.prdlist_title > span > a > span { font-weight:200; }
.prdlist { display:flex; flex-wrap:wrap; width:100%; margin-left:-10px; }
.prdlist > li { width:calc(100% / 4); margin-bottom:10px; }
.column5 > li { width:calc(100% / 5); }
.item_box { margin:0.8rem; }
.item_box img.thumb { margin-bottom:10px; width:100%; border-radius:10px; }
.item_box ul.info { }
.item_box ul.info li { font-size:1rem; margin-top:5px; line-height:130%; }
.item_box ul.info li.name { }
.item_box ul.info li.summary { font-size:0.9rem; color:#999;  line-height:120%; }
.item_box ul.info li.price { color:#222; font-weight:bold; }




}




@media (max-width: 640px){


section.main_section {  width:calc(100% - 20px);  margin:30px auto; }
section.main_section_1,
section.main_section_2 { margin:0 auto; }

section.main_section_1 ,
section.main_section_rolling {  width:100%; padding:0 15px;  margin:0 auto;  }
.main_slide { height:250px;  width:100%; border-radius:10px; overflow:hidden; max-width:2000px; margin:0 auto; }
.main_slide .swiper-slide { height:250px;  }
.main_slide .swiper-slide img { height:250px; object-fit:cover; border-radius:20px;}
.main_slide .swiper-button-next, 
.main_slide .swiper-button-prev { width:30px; height:30px; background:rgba(255,255,255,0.5);  border-radius:25px; }
.main_slide .swiper-button-next { right:10px; left:auto; }
.main_slide .swiper-button-prev {   left:10px; }
.main_slide .swiper-button-next:after,
.main_slide .swiper-button-prev:after { color:#666; overflow:hidden; line-height:30px; font-size:15px; display:block; overflow:hidden; }


section.main_section_rolling { background:#f5f5f5; padding:2.2rem 0; }
section.main_section_rolling .rolling_area {  width:calc(100% - 30px);  display:block; margin:0 auto; position:relative; }
section.main_section_rolling .rolling_title { font-size:1.5rem; font-weight:bold; width:12rem; margin-bottom:1rem; }
section.main_section_rolling  .swiper {  width:100%; position:static; }
section.main_section_rolling  .swiper-slide { width: calc(100% / 3 - 0.8rem); margin:0 0.4rem; background:#f5f5f5; position:relative; overflow:hidden; border-radius:50% }
section.main_section_rolling  .swiper-slide .rolling_over { display:none; position:absolute;  top:0; left:0; width:100%; height:100%; flex-direction: column; ; justify-content:center; }
section.main_section_rolling  .swiper-slide .rolling_over .price { display:none; }
section.main_section_rolling  .swiper-slide:hover  .rolling_over{  background:rgba(0,0,0,0.4) ; display:flex }
section.main_section_rolling  .swiper-slide .info { margin:0 auto; width:calc(100% - 20px); }
section.main_section_rolling  .swiper-slide .info * { color:#fff; }
section.main_section_rolling  .swiper-slide .info .name { font-size:1rem; line-height:1.3rem; }
section.main_section_rolling  .swiper-slide .info .price { display:none; }
section.main_section_rolling  .swiper-button-next, 
section.main_section_rolling  .swiper-button-prev { width:20px; height:20px; background:rgba(0,0,0,0.5);  border-radius:20px; margin-top:0;}
section.main_section_rolling  .swiper-button-next { left:17rem; top:0.3rem; }
section.main_section_rolling  .swiper-button-prev { left:14rem; top:0.3rem; }
.main_rolling_item .swiper-button-next:after,
.main_rolling_item .swiper-button-prev:after { color:#fff; overflow:hidden; line-height:20px; font-size:9px; display:block; overflow:hidden; }
section.main_section_rolling .swiper-pagination { display:none; }

span.btn_more_view { font-size:14px; color:#777; font-weight:normal; margin-left:10px; position:absolute; right:0; top:0px; }
span.btn_more_view > a { display:flex; align-items:center; line-height:20px; }
span.btn_more_view > a > span { font-weight:200; }


.main_bottom_big_img { height: 400px; }


.cate_best_item { margin:20px auto 50px; width:100%; }
h3.prdlist_title { font-size:1.5rem; font-weight:bold; display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; margin-left:10px; }
h3.prdlist_title > span { font-size:14px; color:#999; font-weight:normal; margin-left:10px ; }
h3.prdlist_title > span > a { display:flex; align-items:center; line-height:20px; }
h3.prdlist_title > span > a > span { font-weight:200; }
.prdlist { display:flex; flex-wrap:wrap; width:100%; margin-left:0px; }
.prdlist > li { width:calc(100% / 2); margin-bottom:10px; }
.column5 > li { width:calc(100% / 5); }
.item_box { margin:0.8rem; }
.item_box img.thumb { margin-bottom:10px; width:100%; border-radius:5px; }
.item_box ul.info { }
.item_box ul.info li { font-size:1rem; margin-top:5px; line-height:130%; }
.item_box ul.info li.name { }
.item_box ul.info li.summary { font-size:0.9rem; color:#999;  line-height:120%; }
.item_box ul.info li.price { color:#222; font-weight:bold; }

.banner_set { display:flex; width:calc(100% - 12px); margin:50px auto; flex-wrap:wrap; }
.banner_set > div { margin-left:0px; width:100%; margin-bottom:12px; }


.main_bottom_big_img {
  height:250px; /* 배너 영역 높이 */
  background-image: url("../_image/main_bottom_big_img.jpg");
  background-size: 100% cover;  
  background-position: center; 
  background-repeat: no-repeat;
  background-attachment: fixed; 
  display:flex; align-items:center; justify-content:center;
  }

.main_bottom_big_img .txt { color:#fff; text-align:center; }
.main_bottom_big_img .txt p { display:block; text-align:center;  }
.main_bottom_big_img .txt .p1 { font-size:1.5rem; }
.main_bottom_big_img .txt .p2 { font-size:2.3rem; font-weight:bold; margin:1rem 0 1.5rem; }
.main_bottom_big_img .txt > a { background:rgba(255,255,255,0.5); color:#222; padding:1rem 2.5rem; border-radius:3rem; display:inline-block; font-weight:500;letter-spacing:1px}

}




#contents { max-width:100%; margin:0 auto;  }
.inner_con { max-width:100%; margin:0 auto; }
#contents img { max-width:100%; }