@charset "utf-8";

.bw-placeholder{height:50px;border:1px dashed #b4b9be;}

.opt-10 {
  opacity: 1;
}

.opt-8 {
  opacity: 0.8;
}

.opt-6 {
  opacity: 0.6;
}

.opt-4 {
  opacity: 0.4;
}

.opt-2 {
  opacity: 0.2;
}

.opt-1 {
  opacity: 0.1;
}

.opt-0 {
  opacity: 0;
}

.bw-content-wrapper{
	margin:auto;
	position:relative;
	clear:both;
  width:1400px;
	max-width:100%;
}

.bw-content-wrapper{
	margin:auto;
	position:relative;
	clear:both;
  width:1400px;
	max-width:100%;
  padding:60px 15px;
}

.clear:before, .clear:after,
.bw-clear:before, .bw-clear:after,
.bw-wrapper:before, .bw-wrapper:after,
.bw-content-wrapper:before, .bw-content-wrapper:after{content:"";display:table;table-layout:fixed;}

.clear:after,
.bw-clear:after,
.bw-wrapper:after,
.bw-content-wrapper:after{clear:both;}

.align-l{text-align:left;}
.align-r{text-align:right;}
.align-c{text-align:center;}

.bw-btn, .bw-btn-child > *, .bw-btn:hover, .bw-btn-child > *:hover{line-height:50px;height:50px;color:#000;display:inline-block;cursor:pointer}
.bw-btn.dark, .bw-btn-child.dark > *, .bw-btn.dark:hover, .bw-btn-child.dark > *:hover{color:#fff;}

.bw-btn.small, .bw-btn-child.small > *{
  line-height:40px;height:40px;padding:0 20px;
}

.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper{width:100%;position:relative;overflow:hidden;}

.store-title{margin:50px 0;text-align:center;}

[class^="masonry-"], [class*=" masonry-"] {
  display:flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin:-8px;
}

.wrapper-review{padding:50px 0;}
.score-wrapper{max-width:900px;margin:auto;text-align:center;}
.score{width:100%;margin:40px auto;}
.score td{width:50%;}
.score td:first-child{border-right:1px solid #ddd;font-size:30px;}
.score-total{margin-right:10px;}
.score-total > *:not(:last-child){margin-right:2px;}
.score td:last-child{color:gray;font-size:12px;padding:0px;padding-left:30px;}
.score .bar{width:14px;height:60px;background-color:#ddd;position:relative;margin:auto;}
.score .bars > * {max-width:300px;margin:auto;}
.score .bars .count{
  position: absolute;
  background-color: red;
  color: #fff;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px 20px 20px 5px;
  bottom: 0;
  right: calc(50% + 12px);
  z-index: 1;
  display:none;
}
.score .bars .masonry-5 > *:first-child .count{display:block;}
.score .bars .masonry-5 > *:not(:first-child) .count{background-color:darkgray;}
.list-review{width:100%;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:13px;}

.list-head{padding:15px 10px;text-align:right;}
.list-head > *{cursor:pointer;color:#aaa;}
.list-head > *:not(:last-child):after{content:"|";color:#ccc;font-size:8px;position:relative;margin:0 10px;vertical-align: text-top;}
.list-head .select{color:#000;}

.list-menu{padding:15px 10px;border-top:3px solid #ddd;}
.list-menu > *{cursor:pointer;color:#aaa;float:left;}
.list-menu > *:not(:last-child){margin-right:30px;}
.list-menu .select{color:#000;}

.list-review{font-size:12px;}
.list-review .loop > *:not(:last-child){margin-bottom:5px;}
.list-review .loop .head{font-size:13px;}
.list-review .loop .head > *:not(:last-child):after{content:"|";color:#ccc;font-size:8px;position:relative;margin:0 10px;vertical-align: text-top;}
.list-review .loop .child{position:relative;margin-top: 10px;border: 1px solid #ddd;background-color: #fafafa;padding: 10px;padding-left:40px;}
.list-review .child reply{display:block;position:absolute;left:15px;top:13px;width:10px;height:10px;border-left:1px solid #ccc; border-bottom:1px solid #ccc;}

.more{margin:30px auto;text-align:center;}
.more a{background-color:#e9e9e9;}
.more a:hover{background-color:#eee;}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute;
    height: 5px;
    bottom:0px!important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background:red;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-gallery{margin-bottom:30px;}
.swiper-gallery .swiper-slide{
  height:600px;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.swiper{overflow:hidden;position:relative;}
.swiper-slide{margin-top:auto!important;margin-bottom:auto!important;}
.swiper .bt-next, .swiper-gallery .bt-prev, .swiper-next, .swiper-prev{
  position:absolute;z-index:100;font-size:32px;color:#fff;text-shadow:0px 1px 3px rgba(0,0,0,0.3);cursor:pointer;
	top:50%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		 -o-transform:translateY(-50%);
			transform:translateY(-50%);
}
.swiper .bt-next:hover, .swiper .bt-prev:hover, .swiper-next:hover, .swiper-prev:hover{color:#fff;}
.swiper .bt-next.dark .swiper .bt-next.dark:hover, .swiper .bt-prev.dark, .swiper .bt-prev.dark:hover, .swiper-next.dark, .swiper-next.dark:hover, .swiper-prev.dark, .swiper-prev.dark:hover{color:#000;}
.swiper .bt-prev, .swiper-prev{left:10px;}
.swiper .bt-next, .swiper-next{right:10px;}
.swiper-pagination{bottom:5px;width:100%;left:0px;z-index:100;}
.swiper-pagination.dark > *{background-color:#000;}
.swiper-pagination > *:not(:last-child){margin-right:10px;}

.map_wraper iframe {
  margin-bottom: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: none;
}

.map-list{
  list-style: none;
  line-height: 20px;
  padding-left: 20px;
}
.map-list li{position:relative;}
.map-list li:not(:last-child){margin-bottom:10px;}
.map-list i{
  position: absolute;
  left: -20px;
  margin-top: 5px;
}

.url_wrapper{
  text-align:center;
  padding:50px 0;
}

.url_wrapper a, .url_wrapper a:hover{
  display:inline-block;
  width:200px;
}

.bt-naver, .bt-naver:hover{
  color: #ffff;
  background: #00c73c;
}

.bt-kakao, .bt-kakao:hover{
  color: #1e1e1e;
  background: #fcce00;
}

.bt-naver:hover{
  color: #ffff;
  background: #0dde4c;
}

.bt-kakao:hover{
  background: #e8bf07;
}

.thumb{
  display:block;
  position:relative;
  background-color:#ddd;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.list-manager .thumb{height:280px;margin-bottom:20px;}
.list-manager .thumb:after, .list-manager .thumb:before {
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0,.6);
  box-shadow: 0 15px 10px rgba(0,0,0,.6);
  left: 5px;
  right: 50%;
  bottom: 8px;
  height: 30%;
  z-index: -1;
  border-radius: inherit;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: skewY(-6deg);
  -ms-transform: skewY(-6deg);
  transform: skewY(-6deg);
}

.list-manager .thumb:after{
  left: 50%;
  right: 5px;
  -webkit-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  transform: skewY(6deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.list-manager{text-align:center;}
.list-manager .body{padding:0 20px;}
.list-manager .content > *, .list-manager .review > *{font-weight:500;color:#000;}
.list-manager .content > *:nth-child(2){marign-bottom:15px;}

.list-manager .review{
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ddd;
}
.list-manager .review > *:nth-child(2){marign:0px;line-height:20px;max-height:60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
  max-height:60px;
  line-height:20px;
  padding:0px;
}

.list-manager-booking .loop > *{padding:0px;}
.list-manager-booking > .loop > *:first-child{padding-right:30px;}

.list-manager-booking .body{
  height: 250px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.list-manager-booking a, .list-manager-booking a:hover{color:#000;}

.list-manager-booking .content{
  width:100%;
  display: inline-block;
  border-bottom: 1px solid rgba(0,0,0,0.3);
  padding-bottom: 10px;
}
.list-manager-booking .content h4{margin:0;margin-bottom:10px;}
.list-manager-booking .content h6{margin:0;font-weight:normal;}
.list-manager-booking .review{
  position: relative;
}
.list-manager-booking .layer-btn > *{border:1px solid rgba(0,0,0,0.3);line-height:38px;}
.overlay-review{
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 20px;
  z-index:100;
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background:    -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background:      -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: 		    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.swiper-review .swiper-slide{padding:0 180px;}

@media screen and (max-width: 720px) {
  .score-wrapper h2{font-size:24px;}
  .score-wrapper h5{font-size:11px;}
  .score{margin:20px auto;}
  .score td{display:block;width:100%;border: none!important;}
  .score td:first-child{font-size:24px;margin-bottom:20px;}
  .list-head{padding:10px 0px;}
  .list-head, .list-menu{font-size: 12px;}
  .list-menu > *:not(:last-child){margin-right:20px;}

  .list-review .loop .head .score-detail:after{display:block;content:"";clear:both;}
  .list-review .loop .child{padding-left:30px;}
  .list-review .child reply{left:10px;}

  .swiper-gallery .swiper-slide, .map_wraper iframe{
    height:480px;
  }

  .url_wrapper a, .url_wrapper a:hover{
    display:inline-block;
    width:100%;
    margin-bottom:10px;
  }

  .list-manager-booking > .loop > *:first-child{padding-right:0px;padding-bottom:20px;}
}

@media screen and (max-width: 1200px) {
  .swiper-review .swiper-slide{padding:0 60px;}
}

@media screen and (max-width: 500px) {
  .swiper .bt-next, .swiper-gallery .bt-prev, .swiper-next, .swiper-prev{font-size:20px;}
  .swiper-review .swiper-slide{padding:0 10px;}
}

.inner-load{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1;
	-moz-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
  background-color:rgba(255,255,255,0.6);
}

.spinner {
  margin: auto!important;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: red;
  border-radius: 100%;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}