.tour-thema,
.pop-thema > .pop-list-wrap,
.eat-thema,
.guest-thema{
  width:1170px;
  margin:0 auto;
}
.tour-thema,
.guest-thema{
  margin-bottom:50px;
}
.tour-thema > h2{
  font-size:25px;
  font-weight:600;
  color:#1f2020;
  text-align:center;
  margin:50px 0 30px 0;
}
.pop-thema{
  width:100%;
  background:url(../img/bg_back.jpg) no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  margin-bottom:10px;
}
.pop-thema > h2{
  padding:50px 0 35px 0;
  font-size:28px;
  font-weight:600;
  color:#fff;
  text-align:center;
}
.pop-thema > h2 > span{
  display:block;
  font-size:14px;
  font-weight:400;
  color:#d4d4d4;
  margin-top:8px;
}
.pop-zone{
  text-align:center;
}
.pop-zone > a{
  display:inline-block;
  width:120px;
  height:120px;
  border:5px solid #8f8f8c;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin:0 1.7%;
}
.pop-zone > a > p{
  position:relative;
  display:inline-block;
  width:100px;
  height:100px;
  font-size:20px;
  font-weight:600;
  color:#fff;
  line-height:96px;
  border:2px solid #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin:5px;
  text-shadow: #242424 0px 0px 3px,   #242424 0px 0px 3px,   #242424 0px 0px 3px,
             #242424 0px 0px 3px,   #242424 0px 0px 3px,   #242424 0px 0px 3px; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.pop-zone > a > p:before{
  content:'';
  display:block;
  width:100px;
  height:100px;
  position:absolute;
  left:-2px;
  top:-2px;
}
.pop-zone > a.active > p:before,
.pop-zone > a:hover > p:before{
  background-color:rgba(205,31,38,0.8);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
	-webkit-transition:background-color 0.4s;
  transition:background-color 0.4s;
}
.pop-zone > a.active > p > span,
.pop-zone > a:hover > p > span{
  position:relative;
}
.pop-list-wrap{
  padding:38px 0 50px 0;
}
.pop-list-wrap > .list-wrap > a > dl{
  background:#fff;
}
.pop-list-wrap > .list-wrap > a > dl > dt{
  position:relative;
  text-align:center;
}
.pop-list-wrap > .list-wrap > a > dl > dt:before{
  content:'';
  width:33%;
  height:5px;
  background:#f48d91;
  left:50%;
  margin-left:-16.5%;
  position:absolute;
}
.pop-list-wrap > .list-wrap > a > dl > dt > h3{
  font-size:14px;
  font-weight:600;
  color:#191919;
  padding:17px 0 10px 0;
}
.pop-list-wrap > .list-wrap > a > dl > dt > h3 > span{
  font-size:17px;
  color:#2c2c2c;
}
.eat-thema > h2,
.guest-thema > h2{
  font-size:23px;
  font-weight:600;
  color:#1f2020;
  text-align:center;
  margin:48px 0 28px 0;
}
.eat-thema > h2 > span,
.guest-thema > h2 > span{
  font-size:28px;
}
.eat-thema > h2 > span,
.guest-thema > h2 > span{
  color:#f44956;
}
/* visual */
.uk-slider li.uk-slide-after figure,
.uk-slider li.uk-slide-before figure{
  display:block;
  opacity:0.4;
}
.uk-slider{
  transition:transform 300ms linear !important;
}
.uk-slider .uk-active{
  -webkit-box-shadow: 0px -3px 20px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    0px -3px 20px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         0px -3px 20px 0px rgba(50, 50, 50, 0.5);
}
.uk-slider .uk-active a figure{
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.uk-slider a, .uk-slider img{
  width:100%;
}
.visual figure{
  display:block;
  position:relative;
}
.visual figure figcaption{
  width:100%;
  text-align:center;
  position:absolute;
  left:0;
  top:42%;
}
.visual figure figcaption p,
.visual figure figcaption h4{
	text-shadow: 0px 0px 8px #000;
}
.visual figure figcaption p{
  font-size:23px;
  font-weight:700;
  color:#fff;
}
.visual figure figcaption h4{
  font-size:57px;
  color:#fff;
}
.visual figure figcaption span{
  display:inline-block;
  width:184px;
  height:40px;
  border:2px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size:15px;
  color:#fff;
  text-align:center;
  line-height:38px;
  margin-top:15px;
  font-family:Arial, sans-serif
}
.visual figure figcaption span:hover{
  -webkit-transition: 0.7s;
  transition: 0.7s;
  background:rgba(255, 255, 255, 0.4)
}
/* 더보기 */
.tour-thema > h2,
.eat-thema > h2,
.guest-thema > h2{
  position:relative;
}

/* 반응형 */  
@media (max-width: 1199px) {
  .visual figure figcaption{
    top:16vw;
  }
  .tour-thema, .pop-thema > .pop-list-wrap, .eat-thema, .guest-thema{
    width:100%;
  }
  div.slick-slide > img{
    width:100%;
  }
  .tour-thema, .eat-thema, .guest-thema{
    padding:0 10px;
  }  
  .pop-list-wrap{
    padding:20px 10px 20px 10px;
  }
}
@media (max-width: 767px) {
  .visual figure figcaption{
    top:17vw;
  }
  .visual figure figcaption h4{
    font-size:30px;
  }
  .visual figure figcaption p{
    font-size:16px;
  }
  .pop-zone > a{
    width:auto;
    height:auto;
    border:0;
    margin:0 1.7%;
  }
  .pop-zone > a > p{
    width:auto;
    height:auto;
    font-size:20px;
    color:#fff;
    line-height:1;
    border:0;
    margin:5px;
    background-image:none !important;
  }
  .pop-zone > a > p:before{
    display:none;
  }
  .pop-zone > a.active > p > span{
    color:#ff6252;
  }
}
@media (max-width: 570px) {
  .visual figure figcaption{
    top:15.5vw;
  }
  .visual figure figcaption span{
    border:1px solid #fff;
    width: 120px;
    height: 30px;
    line-height: 28px;
  }
}
@media (max-width: 450px) {
  .visual figure figcaption{
    top:18vw;
  }
  .visual figure figcaption h4{
    font-size:20px;
  }
  .visual figure figcaption p{
    font-size:12px;
  }
  .visual figure figcaption span{
    font-size:12px;
    border:1px solid #fff;
    width: 80px;
    height: 22px;
    line-height: 20px;
    margin-top:8px;
  }
}