#main { width:100%; display:block; float:left;}
#main .main_menu {width:100%; padding:3% 0% 0% 2%; font-size:1.2em; background:#fff;  box-sizing:border-box; }
#main .main_menu h3 {text-align:center; padding:20px 0; }

#main .box_title {font-size:1.25em; font-weight:500; margin-bottom:10px;}

#main .main_menu ul {display:flex; flex-wrap:wrap; justify-content:flex-start; }
#main .main_menu ul li {text-align:left; margin:20px 0 10px 0; transition:.2s all; padding:0px 10px; box-sizing:border-box;}

#main .main_menu ul li a {display:block; font-size:1.28em; font-weight:400}
#main .main_menu ul li a.ov {font-weight:600;}

#main .main_menu .wrap li:hover {border:1px solid #da0006;}
#main .more_btn {text-align:center; display:block;}
#main .more_btn2 {width:100%;float:left;text-align:center; display:block; text-decoration:none  !important; color:#555 !important; margin:10px 0;   font-size:1.05em}





#main .main_menu .wrap li a {font-size:.85rem; padding:10px; display:inline-block;  width:100%; }
#main .main_menu .wrap li a img {display:inline-block; width:60%;}
#main .main_menu .wrap li a p {margin-top:8px; font-weight:500; color:#111;}


#main .main_content {width:100%; position:relative; padding:6% 3.5%; box-sizing:border-box;}
#main .main_box {width:100%; float:left; background:#fff; box-shadow:2px 3px 2px rgba(0,0,0,0.1); border-radius:5px; padding:5% 4%; box-sizing:border-box; display:block;	}
#main .main_box_pd0 {background:#fff;  border-radius:5px; box-sizing:border-box}


ul,ol {
  list-style-type: none;
}

.container-wrapper {
	width:100%;
  position: relative;
  overflow: hidden;
}

/* CSS Tab styling is start here */

  /* Tab menu styling*/
  input.tab-menu-radio {
    display: none;
  }
  label.tab-menu {
    display: inline-block;
    float: left;
    padding:14px 0px;
    cursor: pointer;
    z-index: 99;
    width:50%;
    text-align:center;
	font-size:1rem;
  }
  /* End Tab menu styling*/

  /* Tab content styling*/

  .tab-content {
    top:-3px;
    clear: both;
    width: 100%;
    position: relative;
    background-color: #333;
    border-top:2px solid #333;
  }
  /* End Tab content styling*/

  /* CSS tab core */
    .tab-menu-radio:checked + label {
      -webkit-transition:all 0.5s; /* Optional */
      -moz-transition:all 0.5s; /* Optional */
      transition:all 0.5s; /* Optional */
      background-color: #333;
      color: #fff;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
    }
    .tab-content .tab {
      height: 0;
      opacity: 0;
    }
    #tab-menu1:checked ~ .tab-content .tab-1,
    #tab-menu2:checked ~ .tab-content .tab-2,
    #tab-menu3:checked ~ .tab-content .tab-3 {
      -webkit-transition:opacity 0.5s; /* Optional */
      -moz-transition:opacity 0.5s; /* Optional */
      transition:opacity 0.5s; /* Optional */
      height: auto;
      opacity: 1;
    }

/* End CSS tab core */




/* CSS Tab Styling is end here */
/* 더보기 버튼  (카드/멤버쉽)*/
.wrapper {
	background-color: #fff;
	position: relative;
	padding-bottom:20px;
}

.text-container {
	line-height: 1.6rem;
	max-height: 136px;
	overflow: hidden;
	transition: max-height .4s ease;
}

.text-container_ {
	line-height: 1.6rem;
	max-height: 136px;
	overflow: hidden;
	transition: max-height .4s ease;
}


.text-container.show, .text-container2.show , .text-container_.show  {
	max-height: 2000px;
}


.gradient::before {
	content:'';  height:100px; position:absolute; bottom:0px; left:0; width:100%;  transition:height .5s ease;
}

.show.gradient::before { height:50px;}

.show-btn {
	background-color:#aaa;
	border: none;
	border-radius: 100%;
	bottom: -10px;
	color: #fff;
	cursor: pointer;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	transition: background-color .25s ease;
	width: 30px;
	font-size:15px;
	font-weight:300;
}



.show-btn_ {
	background-color:#aaa;
	border: none;
	border-radius: 100%;
	bottom: -10px;
	color: #fff;
	cursor: pointer;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	transition: background-color .25s ease;
	width: 30px;
	font-size:15px;
	font-weight:300;
}

.show-btn:hover {
	background-color: #a1c923;
}

.show-btn.fa.rotate {transform:rotate(180deg); background:#a1c923}






/**/
.mem_tabs {
   width: 100%;
   float:left;
}

.tabs-header {
   display: flex;

}

.tabs-header__item {
	width:50%;
	float:left;
   padding: 10px 0px;
   box-sizing:border-box;
   cursor: pointer;
   text-align:center;
   background:#fff;
   border:1px solid #ddd;
   font-size:1em;
   font-weight:500;
}

.tabs-header__item.active {
   background:#555;
   color:#fff;
}

.tabs-content {
width:100%; float:left; background:#fff;
margin-bottom:15px; box-shadow: 2px 3px 2px rgb(0 0 0 / 10%);
border-radius:5px;box-sizing:border-box;display:block; padding-bottom:10px;
}

.tabs-content__item {
   display: none;
   padding:10px 15px;
   box-sizing:border-box;
}

.tabs-content__item.active {
   display: block;
}




/* 카드 */
#main .card_ul {width:100%; float:left; margin-bottom:5px;}
#main .card_ul li{width:49%; margin-right:2%;  float:left; border-radius:5px 5px  0 0 ; background:#f5f5f5 ;margin-bottom:5px; border:1px solid #ddd; }
#main .card_ul li:last-child {margin-bottom:0; margin-right:0}

#main .card_ul li>a {display:block; padding:8px 10px; box-sizing:border-box; font-size:0.98em;font-weight:500; letter-spacing:0px; color:#000 }

#main .card_ul li a span {color:#c00; float:right; font-weight:400; letter-spacing:0px; }
#main .card_ul img {max-width:40px; max-height:40px; border:1px solid #ddd; border-radius:50%; box-sizing:border-box;vertical-align:middle; margin-right:10px;}


/* 카드 더보기 */
#main .card_ul_100 {width:100%; float:left;}
#main .card_ul_100 li{width:100%;  float:left; border-radius:5px 5px  0 0 ; background:#f5f5f5 ;margin-bottom:10px; border:1px solid #ddd; }
#main .card_ul_100 li>a {display:block; padding:6px 10px; box-sizing:border-box; font-size:1.05em; line-height:1.5em; font-weight:500; letter-spacing:0px; color:#000 }


#main .card_ul_100 li a span {color:#c00; float:right; font-weight:400; letter-spacing:0px; }
#main .card_ul_100 img {max-width:30px; max-height:30px; border:1px solid #666; border-radius:50%;  padding:2px; box-sizing:border-box;vertical-align:middle; margin-right:10px;}

/* 쿠폰 */
#main .coupon_ul {width:100%; }
#main .coupon_ul li {position:relative; width:100%; float:left; box-sizing:border-box; border-bottom:1px solid #ddd; background:#fff; padding:2px 0; margin:2px 0; }
#main .coupon_ul li:last-child {border:none; margin-bottom:0; padding-bottom:0;}
#main .coupon_ul li a {display:block;  box-sizing:border-box; font-size:1rem;font-weight:600; letter-spacing:0px; color:#000;}
/*#main .coupon_ul li div.cp_text_wrap {position:absolute; width:75%; left:90px; top:20px;}*/


div.cp_img_wrap {display:inline-block;}
div.cp_img_wrap img {max-width:52px; max-height:52px; border:0px solid #ddd; margin-right:12px;  }

div.cp_text_wrap {display:inline-block; width:77%; vertical-align:12px; }
div.cp_text_wrap h3 {font-size:1em; font-weight:600; color:#222; margin:0; line-height:1em;}
div.cp_text_wrap p {font-size:0.95em; font-weight:400;  color:#777;}

div.cp_text_wrap i {position:absolute; right:10px; top:50%; font-size:1.8rem;  transform:translateY(-50%);}
div.cp_text_wrap .icon {position:absolute; right:10px; top:50%; max-width:20px; transform:translateY(-50%);}
div.cp_text_wrap .icon_out {position:absolute; right:10px; top:42%; max-width:75px; transform:translateY(-50%);}



/* 멤버쉽 */
#main .mbs_ul {width:100%; }
#main .mbs_ul li {position:relative; width:100%; float:left; box-sizing:border-box; border-bottom:1px solid #ddd; background:#fff; margin-bottom:10px; padding-bottom:10px; }
#main .mbs_ul li:last-child {border:none; margin-bottom:0; padding-bottom:0;}
#main .mbs_ul .mbs_img_wrap img {max-width:90px; max-height:50px; border:0px solid #ddd; margin-right:10px;  }

div.mbs_img_wrap {display:inline-block;}

div.mbs_text_wrap {display:inline-block; width:72%; vertical-align:20px;  }
div.mbs_text_wrap h3 {font-size:1.05em; font-weight:600; color:#222; margin:0;}
div.mbs_text_wrap p {font-size:0.97em; font-weight:400;  color:#777;}

div.mbs_text_wrap .icon {position:absolute; right:10px; top:50%; max-width:20px; transform:translateY(-50%);}



#main .category_ul {width:100%; float:left; }
#main .category_ul li {width:100%; float:left;}

.main_banner {text-align:center;  margin-top:5px;  }
.main_banner img {width:100%;  }



/* 혜택더보기 */
ul.slick01 {
  width: 100%;
  margin: auto;
  margin: 3% 0;
}

.slick01 li {
  color: #fff;
  text-align: center;
   height:auto;
}

.slick01 li a {color:#333; text-decoration:none; display:block; }
.slick01 li h2 { margin-top:10px; line-height:1.2em; font-size:0.85rem;}
.slick01 li img { border-radius:50%; width:100%;}

/*-----//Settings-----*/
/*-----Slick Settings-----*/
.slick-prev::before,
.slick-next::before,
.slick-dots li button::before,
.slick-dots li.slick-active button::before {
  color: #000;
}

.slick-dots li {
  background: transparent;
}

/*-----//Slick Settings-----*/
.slick-slide {
  margin: 0 10px;
}



/* table > table-cell + inline-block */
.table_cell_inblk {display:table; width:100%; padding:0 20px; box-sizing:border-box;}
.table_cell_inblk .inblk {display:inline-block; width:55px; height:55px; border-radius:100%; background:cadetblue; text-align:center;}
.table_cell_inblk .inblk:before {display:inline-block; content:""; width:0; height:100%; vertical-align:middle;}
.table_cell_inblk .inblk span {display:inline-block; vertical-align:middle; line-height:1.3em;}
.table_cell_inblk .table_cell {display:table-cell; width:100%; padding-left:15px; box-sizing:border-box;}
/* =============================== */

/*.swiper-slide >div {height:100px;}*/
/*.swiper-slide >div:before {display:inline-block; content:""; width:0; height:100%; vertical-align:middle;}*/
/*.swiper-slide >div >span {display:inline-block; vertical-align:middle;}*/

/* scroller bar 보이지않게 (scroll-wrap 높이만큼 히든) */
.scroll-wrap {overflow:hidden; height:40px; }
.scroller {overflow:hidden; width:100%; height:100%; overflow-x:auto; padding-bottom:15px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */}
.scroller::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.scroller ul {display:table; width:100%;}
.scroller ul li {display:table-cell;}
.scroller ul li a {display:block; white-space:nowrap; color:#333; margin-right:5px;box-sizing:border-box; border: 1px solid #ccc; border-radius:15px; padding:5px 8px; font-size:0.95em; text-align:center;}
.scroller ul li.on a {color:#fff; font-weight:500; background:#333;}

#mainCont .swiper-slide {width:100%; display:block; padding:8px 0;}
.swiper-slide .swiper_cp_box {border-bottom:1px solid #ddd; padding:8px 0px; box-sizing:border-box;  }

/**/
/*.scroll-wrap .list-nav li {*/
/*  border: 1px solid #ccc;*/
/*  border-radius:20px;*/
/*  margin-right:5px;*/
/*  cursor: pointer;*/
/*  font-size:0.92em;*/
/*  box-sizing:border-box;*/
/*  margin-left: -1px;*/
/*}*/