@charset "utf-8";

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item.hover .btn-prev,
.list-item.hover .btn-next { display: block }
.list-item .btn-prev { width: 32px; height: 100%; background: transparent; border: 0 none; position: absolute; left: 0; z-index: 10; font-size: 28px; display: none }
.list-item .btn-next { width: 32px; height: 100%; background: transparent; border: 0 none; position: absolute; right: 0; z-index: 10;  font-size: 28px; display: none }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }

/* Responsive */
@media all and (max-width:767px) {
  .responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
  .responsive .list-row { width:50% !important }
}

@media all and (max-width: 420px) {
  .responsive figcaption {
      display: none !important;
  }
}
/* Infinite */
.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin-bottom:20px; }
.list-wrap .list-more a { color:#ddd; font-size:60px; }
.list-wrap .list-top { line-height:1px; }


	/* 색상 변경 시작 */


	/*검색*/
	.list-tsearch { border:1px solid #333; background:transparent; }
	.list-tsearch .form-control, .list-tsearch .well {
	  background-color: #000 !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}
	.list-tsearch .input-group-addon {
	  background-color: #000 !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}

	/* 리스트 카테고리 */
	.list-category .active a, .list-category .selected a { color:#000 !important; }

	.div-tab.tabs.trans-top ul.nav-tabs {
	  border-bottom: 1px solid #333;
	}
	.div-tab.tabs.trans-top ul.nav-tabs > li {
	  float: left;
	  margin-bottom: 1px;
	}
	.div-tab.tabs.trans-top ul.nav-tabs li.active { 
		border-top-color: #333 !important; 
	}
	.div-tab.tabs.trans-top ul.nav-tabs li.active a { 
		color: crimson !important;
		border-top-color: transparent !important; 
	}
	.div-tab.tabs ul.nav-tabs li { 
		background: #000 !important;
		color: #fff !important; 
		border-top: 1px solid #333 !important; 
		border-left: 1px solid #333 !important; 
	}
	.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus { 
		border-top: 1px solid #333 !important; 
		border-left: 1px solid #333 !important; 
	}
	.div-tab.tabs ul.nav-tabs li:first-child  {
		border-left:1px solid #333 !important; 
	}
	.div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover {
		border-right:1px solid #333 !important; 
	}
	.div-tab.tabs ul.nav-tabs li.active { 
		background: #fff; 
		border-top:1px solid #333; 
	}
	.div-tab.tabs ul.nav-tabs li a, .div-tab.tabs ul.nav-tabs li a:hover, .div-tab.tabs ul.nav-tabs li a:focus,
	.div-tab.tabs ul.nav-tabs li:first-child a, .div-tab.tabs ul.nav-tabs li:first-child a:hover, .div-tab.tabs ul.nav-tabs li:first-child a:focus,
	.div-tab.tabs ul.nav-tabs li:last-child a, .div-tab.tabs ul.nav-tabs li:last-child a:hover, .div-tab.tabs ul.nav-tabs li:last-child a:focus { 
		color:#333;
		border:0;
		border-bottom:0px solid rgb(221, 221, 221);
	}
	.div-tab.tabs ul.nav-tabs li.active a, .div-tab.tabs ul.nav-tabs li.active a:hover, .div-tab.tabs ul.nav-tabs li.active a:focus,
	.div-tab.tabs ul.nav-tabs li.active:first-child a, .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
	.div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus { 
		color: #333;
		border-top:0px solid #333; 
		border-bottom:0px solid transparent;
	}

	.list-category .dropdown-menu > li > a {
		color:#000 !important;
	}
	.list-category .dropdown-menu > li > a:hover,
	.list-category .dropdown-menu > li > a:focus {
		color:#000 !important;
	}
	.list-category .dropdown-menu > .active > a,
	.list-category .dropdown-menu > .active > a:hover,
	.list-category .dropdown-menu > .active > a:focus {
		color:#000 !important;
	}


	.list-wrap .btn-sm {
		padding:10px 20px;
	}
	.list-board .list-head { background-color:#FED200; color:#000 !important; }
	.list-board .list-head a { color:#000 !important; }
	.list-board .list-head span { padding:8px 0; }
	.list-board .list-body li { padding:8px 0; }
	.list-board .list-body li { border-bottom:1px solid #333; }
	.list-board .list-body li:hover { background-color:#000; color:#FED200 !important; }

	.list-page .pagination li a { color:#fff !important; padding:10px 15px; }
	.list-page .pagination li.active a { color:#fff !important; }
	/* 색상 변경 끝 */

@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
figure.snip1249 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #1a1a1a;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
figure.snip1249 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
figure.snip1249 .image {
  position: relative;
}
figure.snip1249 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1249 i {
  z-index: 2;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
figure.snip1249 img.royal {
    position: absolute;
    top: 12px;
    left: 12px;
    opacity: 0;
    z-index: 999;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
figure.snip1249:hover img,
figure.snip1249.hover img{
    opacity: 0.7;
    z-index: 999;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
figure.snip1249 h3 {
  color:#fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}
figure.snip1249:before,
figure.snip1249:after {
  width: 105px;
  height: 105px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  z-index: 1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1249:before {
  background-color: #333;
  -webkit-transform: skew(-45deg) translateX(-150%);
  transform: skew(-45deg) translateX(-150%);
  border-right: 1px solid #333;
}
figure.snip1249:after {
  background-color: #f1c40f;
  -webkit-transform: skew(-45deg) translateX(-175%);
  transform: skew(-45deg) translateX(-175%);
  border-right: 1px solid #f1c40f;
}
figure.snip1249 figcaption {
  padding: 5px 80px 25px 25px;
  background-color: #444;
  color: #fff;
  position: relative;
  font-size: 0.9em;
}
figure.snip1249 figcaption p {
  font-size: 12px;
  margin-bottom: 15px;
}
figure.snip1249 figcaption:before {
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  z-index: 1;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  background-color: #333;
  -webkit-transform: skew(-45deg) translateX(50%);
  transform: skew(-45deg) translateX(50%);
  border-right: 1px solid #333;
}
figure.snip1249 .add-to-cart {
  display: inline-block;
  width: auto;
  border: 1px solid #555;
  padding: 0.2em 1.4em;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.0em;
  border-radius: 24px;
  text-transform: uppercase;
}
figure.snip1249 .add-to-cart:hover {
  background-color: #333;
  color: #ffffff;
}
figure.snip1249 .price {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ffffff;
  z-index: 2;
  text-transform: uppercase;
  padding: 20px;
  font-weight: 800;
  font-size: 1.2em;
  text-align: center;
}
figure.snip1249 .price s {
  display: block;
  font-size: 1.0em;
  font-weight: 400;
  text-decoration: none;
  opacity: 0.8;
}
figure.snip1249:hover i,
figure.snip1249.hover i {
  opacity: 0.7;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip1249:hover h3,
figure.snip1249.hover h3 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
figure.snip1249:hover:before,
figure.snip1249.hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: skew(-45deg) translateX(-50%);
  transform: skew(-45deg) translateX(-50%);
}
figure.snip1249:hover:after,
figure.snip1249.hover:after {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: skew(-45deg) translateX(-75%);
  transform: skew(-45deg) translateX(-75%);
}