/* BASIC css start */
/* 롤링배너 */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #333 !important;;
}
/* //롤링배너 */


.bnrBox { margin:0 auto 0; padding-bottom:0px; width:100%; box-sizing:border-box;}	
.bnrBox:after { content: ""; display: block; clear: both; box-sizing:border-box; }	
.bnrBox	ul { font-size:0; vertical-align:bottom; }
.bnrBox li { float:left;width:calc(100% / 3); }	
.bnrBox li img  { width:100%; -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }		
.bnrBox li img:hover { opacity:0.7; filter:alpha(opacity=70); }


/* 메인텍스트타이틀 */
.main_list_title {  margin: 0px auto 20px;   text-align: center; }
.main_title h1 { font-size:16px; padding-bottom:10px; font-weight:400; color:#84643f; text-transform:uppercase;letter-spacing:0.1em;}
.main_list_title .main_title {   color:#333; font-size:16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em;  }
.main_list_title p { color:#999;  }


.mainTap .tit_common{margin:40px auto 10px}
.mainTap {max-width:100%;padding:0 5px;margin:0 auto 30px}
.mainTap .tit_common{margin-bottom:20px}
.mainTap .mainTap_menu ul{border:1px solid #eee;width:100%;box-sizing:border-box}
.mainTap .mainTap_menu ul li{width:20% !important;text-align:center;margin:0!important;box-sizing:border-box}
.mainTap .mainTap_menu ul li+li{border-left:1px solid #eee }
.mainTap .mainTap_menu ul li.swiper-slide-thumb-active a {color:#fff;background:#333 }
.mainTap .mainTap_menu ul li a{font-size:11px;color:#999;display:block;padding:8px 0}
.mainTap .item_over{overflow:hidden}
.mainTap .item_over li{float:left}
.mainTap .item_over li .itemWrap{padding:4px;}
.mainTap .item_over.item-list2 li{width:50%}
.mainTap .item_over.item-list4 li{width:25%}
.mainTap .item_over.item-list5 li{width:20%}
.mainTap .thumb{position:relative;}
.mainTap .thumb .img img{width:100%}
.mainTap .item_over li .over{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.35);overflow:hidden;transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-khtml-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease}
.mainTap .item_over li .over span{display:block}.mainTap .txtWrap{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:50%;transform:translateY(-50%)}
.mainTap .txtWrap .name{margin-bottom:8px;text-align:center}
.mainTap .txtWrap .subname {width:100%;text-align:center}
.mainTap .txtWrap .price01 {width:100%;text-align:center; text-decoration:line-through; }
.mainTap .txtWrap .price02 {width:100%;text-align:center;line-height:1.6}
.mainTap .txtWrap .etc{width:100%;text-align:center}
.mainTap .txtWrap .etc_txt{width:100%;text-align:center;line-height:1.6}
.mainTap .txtWrap span{color:#fff;font-size:11px}
.mainTap .best_icon {position:absolute;left:5px;top:5px;width:40px;height:40px;border-radius:100%; background:rgba(199,171,138,0.5); text-align:center;padding-top:6px;box-sizing:border-box;z-index:10; display:none; }
.mainTap .best_icon span {display:block;font-weight:400;color:#fff;font-size:10px}
.mainTap .best_icon span.best_number{letter-spacing:-1px;position:relative;padding-top:0px}


#trekustyle{width:100%; height:100%; }
.trekubox{width:100%; height:66vh; background-color:#fff;}
.treku_image{position:relative; width:100%; height:53%; background-color:#fff;}
.treku_imagebox {position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); width:90%; height:90%; overflow:hidden;}
.treku_textbox {position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); width:90%; height:100%; overflow:hidden; background-color:#fff;}
.treku_image img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; object-fit:cover;}
.trekupbox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background-color:#fff; border-bottom:1px solid #cdcdcd;}
.treku_text {position:relative;  width:100%; height:43%; background-color:#fff; text-align:center; margin:0 auto;}
.treku_text .tr1{margin:0 auto; font-size:16px; font-weight:normal; line-height:16px; color:#333;}
.treku_text .tr2{font-size:28px; font-weight:bold; line-height:56px; color:#333; margin-bottom:2px;}
.treku_text .tr3{font-size:14px; line-height:18px; font-weight:lighter; color:#333;}
.treku_text .tr4{margin:18px auto; width:30%; height:auto; font-size:12px; line-height:20px; border:1px solid #999; color:#555; padding-bottom:2px;}

.treku_text_last {position:relative;  width:100%; height:43%; background-color:#fff; text-align:center; margin:0 auto; margin-bottom:-30px; border-bottom:1px solid #cdcdcd;}
.treku_text_last .tr1{margin:0 auto; font-size:16px; font-weight:normal; line-height:16px; color:#333;}
.treku_text_last .tr2{font-size:28px; font-weight:bold; line-height:56px; color:#333; margin-bottom:2px;}
.treku_text_last .tr3{font-size:14px; line-height:18px; font-weight:lighter; color:#333;}
.treku_text_last .tr4{margin:18px auto; width:30%; height:auto; font-size:12px; line-height:20px; border:1px solid #999; color:#555; padding-bottom:2px;}


#treku01{width:100%; height:100%; background-color:#fff; }

.treku01_text{position:absolute; width:100%; height:40vh; overflow:hidden; text-align:center; background-color:rgba(0,0,0,0.3);}
.treku01_textinfo_box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70%; height:50%;}
.treku01_textinfo_01{margin-top:5px; font-size:10px; font-weight:normal; line-height:10px; color:#fff;margin-bottom:10px;}
.treku01_textinfo_02{font-size:22px; font-weight:bold; line-height:30px; color:#fff; margin-bottom:10px;}
.treku01_textinfo_03{font-size:14px; line-height:14px; font-weight:lighter; color:#fff; margin-top:14px;}
.treku01_textinfo_04{margin:0 auto; margin-top:25px; width:50%; height:auto; font-size:12px; line-height:24px; border:1px solid #fff; color:#fff; padding-bottom:2px;}

.treku01_box{position:relative; top:-100%;  width:100%; height:40vh; margin-top:20px; margin-bottom:20px; overflow:hidden;}
.treku01_box:after{width:100%; height:100%; content:"" display:block; background-color:rgba(0,0,0,0.3); z-index:2;}
.treku01_box img{width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }


/* BASIC css end */