@charset "UTF-8";
/*
1. Add your custom Css styles below
2. Place the this code in your template:
<link href="css/custom.css" rel="stylesheet">
*/
#topbar .container { text-align: center; }
#topbar .container ul { margin:0; }
#topbar .container ul li { display: inline-block; }
#topbar .container ul li a {
  padding: 7px 17px;
  margin: 0 35px;
  display: block;
}
#topbar .container ul li a > img {
  height: 20px;
  vertical-align: text-top;
}
#topbar .container ul li a > span {
  color:#fff;
  font-size: 15px;
}
#topbar.topbar-colored, #topbar.topbar-colored.dark {
  background-color: #6fc7c2;
}
#header[data-fullwidth="true"] {
  position: absolute;
}
#header[data-fullwidth="true"] .header-inner {
  background: none;
}
#header[data-fullwidth="true"] .header-inner > .container {
  background: rgba(0,0,0,0.45);
  padding: 0px;
  transition: all ease 0.75s;
  -webkit-transition: all ease 0.75s;
  -moz-transition: all ease 0.75s;
  -ms-transition: all ease 0.75s;
  -o-transition: all ease 0.75s;
}
#header[data-fullwidth="true"].sticky-active .header-inner > .container {
  background: #fff;
  box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
}
#header[data-fullwidth="true"] #mainMenu nav > ul > li {
  padding: 18px 0px;
  margin:0;
}
#header[data-fullwidth="true"] #mainMenu nav > ul > li > a {
  color:#fff;
  font-size: 18px;
  font-weight: 200;
  width: 165px;
  display: inline-block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
#header[data-fullwidth="true"] #mainMenu nav > ul > li > a.bt-book,
#header[data-fullwidth="true"] #mainMenu nav > ul > li > a:hover {
  background-color: #6fc7c2;
}
#header[data-fullwidth="true"].sticky-active #mainMenu nav > ul > li > a {
  color:#000;
}
#header.header-sticky.sticky-active .header-inner, #header.header-sticky.sticky-active #header-wrap { box-shadow: none; }
#header .header-inner #logo {
  position: absolute;
  left: 50%;
  top: 15px;
  margin-left: -720px;
}
#header .header-inner #logo2 {
  position: absolute;
  right: 50%;
  top: 15px;
  margin-right: -720px;
}
#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
  margin-top: 18px;
  padding: 0;
  width: 100%;
  border-radius: 0;
  background: rgba(0,0,0,0.45);
  border: none;
  border-top: 1px solid rgba(226, 226, 226, 0.50);
}
#header.header-sticky.sticky-active #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
  background: #fff;
}
#header.header-sticky.sticky-active #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu .gnb-item > a {
  color:#000;
}
.mega-menu-content {
  text-align: center;
}
.gnb-item {
  width : 165px;
  display: inline-block;
  vertical-align: top;
}
.gnb-item > a {
  display: block;
  color:#fff;
  line-height: 35px;
  font-size: 15px;
	font-weight: 200;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.gnb-item > a:hover {
  background-color: #6fc7c2;
  color:#fff !important;
}
#header.header-alternative .header-inner #mainMenu-trigger {
  width: 90px;
}
#header.header-alternative .header-inner #mainMenu-trigger, #header.header-alternative #header-wrap #mainMenu-trigger {
  height: 96px;
}

#mainMenu nav > .dp-mo { display: none; }
#mainMenu nav > .dp-mo .menu-item {
  padding: 15px 30px;
  background: #fff;
}
#mainMenu nav > .dp-mo .menu-item .tit {
/*  background: rgba(0, 0, 0, 0.10);*/
  background-color:#6fc7c2;
  padding: 5px 10px;
  color: #fff;
  font-weight: 500;
  font-size: 1.3rem;
  border-bottom: 1px solid #737373;
}
#mainMenu nav > .dp-mo .menu-item ul > li {
  float: left;
  width: 50%;
}
#mainMenu nav > .dp-mo .menu-item ul > li:nth-child(2n-1) {
  border-right: 1px solid #aaa;
}
#mainMenu nav > .dp-mo .menu-item ul > li > a {
  display: block;
  font-size: 1.3rem;
  padding: 0 5px;
  margin: 0 10px;
  color: #000;
}
#mainMenu nav > .dp-mo .menu-item ul > li > a:hover {
  text-decoration: underline;
  font-size: 1.3rem;
  background: rgba(0, 0, 0, 0.05);
}

@media (max-width: 1024px) {
  #topbar { display: none; }
  #mainMenu nav > ul.dp-pc { display: none !important; }
  #mainMenu nav > .dp-mo { display: block; }
}

/* thumbnail slider */
.carousel-slick .slick-slider .slick-slide img { width: 100%; }
.carousel-slick .slick-slider.slider-nav { padding: 0 40px; }
.carousel-slick .slick-slider.slider-nav button.slick-arrow { width:30px; height: 30px; }
.carousel-slick .slick-slider.slider-nav button.slick-arrow.slick-prev { left:10px; }
.carousel-slick .slick-slider.slider-nav button.slick-arrow.slick-next { right:10px; }
.carousel-slick .slick-slider.slider-nav button.slick-arrow:before {
  font-size: 30px;
  color:#a59b9b;
}
.carousel-slick .slick-slider.slider-nav .slick-slide:focus { outline:none; }
.carousel-slick .slick-slider.slider-nav .slick-slide { padding: 10px 5px;}
.carousel-slick .slick-slider.slider-nav .slick-slide .thumbs {
  border: 3px solid transparent;
  transition: all ease 0.7s;
  -webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -ms-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
}
.carousel-slick .slick-slider.slider-nav .slick-slide:hover .thumbs {
  cursor: pointer;
  border: 3px solid #aed8d6;
}
.carousel-slick .slick-slider.slider-nav .slick-slide.slick-current .thumbs {
  border: 3px solid #61c7c2;
}

.textcenter { text-align: center; }


.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1240px;
}


@media (max-width: 1024px) {
  #topbar { display: none; }
  #mainMenu nav > ul.dp-pc { display: none !important; }
  #mainMenu nav > .dp-mo { display: block; }
}

/* 예약메인 */
.booking .post-item-wrap { }
.booking p.simple-desc { height:85px; overflow:hidden; }
.booking .post-image { height:220px; overflow:hidden; }
.booking .post-slider { height:220px; overflow:hidden; }

/* paginate */
.pagi-wrap { margin: 10px 0 5px; text-align:center; }
ul.paginate { width:auto; display:inline-block; margin:0 auto; padding:0; border:1px solid #e6e6e6; text-align: center; }
ul.paginate li { margin:0; padding:0; float:left; border-right:1px solid #e6e6e6; background-color:#fff; }
ul.paginate li.prev a,
ul.paginate li.next a { padding:4px 4px; }
ul.paginate li.prev a:before { content:'\00ab  '; }
ul.paginate li.next a:after { content:' \00bb'; }
ul.paginate li a.a-disable { pointer-events:none; color:rgba(46,64,87,.4); }
ul.paginate li:last-child { border-right:none; }
ul.paginate li a { float:left; margin:0; padding:4px 9px; border:none; font-size:12px; color:#5A5A5A; }
ul.paginate li a.current { background-color:#818af3; color:#fff; font-weight:600; text-shadow: 1px 1px 1px #aaa; }
ul.paginate li a:not(.current):hover { background-color:#f0f0f0; }
ul.paginate li > span { padding: 3px 5px 2px; display: inline-block; }


/* 메인페이지 carousel */
.carousel-wrap {
  position: fixed;
  top:200px;
  left:0;
  right:0;
  margin:auto;
  /* width:80%; */
  /* margin: 0 10%; */
  max-width: 800px;
  min-height: 100px;
  box-shadow: 1px 1px 5px #000;
  background: #515151;
  z-index: 999;
}
.carousel-wrap > .inner {
  min-height: 100px;
  position: relative;
}
.carousel-wrap > .inner button.bt-close {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
}
.carousel-wrap .owl-carousel .owl-nav { margin-top: 0px !important; }
.carousel-wrap .owl-carousel .owl-nav > div {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto !important;
  height: 36px;
  background: #6fc7c2;
}
.carousel-wrap .owl-carousel .owl-nav > div.owl-prev { left: 20px; }
.carousel-wrap .owl-carousel .owl-nav > div.owl-next { right: 20px; }
.carousel-wrap .owl-carousel .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.carousel-wrap .owl-carousel .owl-dots .owl-dot.active span, .carousel-wrap .owl-carousel .owl-dots .owl-dot:hover span {
  background: #6fc7c2;
}
.carousel-wrap .owl-carousel .owl-dots .owl-dot > span {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
}
.carousel-wrap .carousel-bottom {
  padding: 2px 10px;
}

@media (min-width: 576px){
  .carousel-wrap { max-width: 450px; }
}

@media (max-width: 575px){
  .carousel-wrap { max-width: 90%; }
}


.popup-wrap { position: absolute; max-width: 450px; box-shadow: 1px 1px 8px rgb(0 0 0 / 35%); z-index: 999; }
.popup-wrap#pop_0 { top:5%; left:5%; }
.popup-wrap#pop_1 { top:9%; left:9%; }
.popup-wrap#pop_2 { top:13%; left:13%; }
.popup-wrap#pop_3 { top:17%; left:17%; }
.popup-wrap#pop_4 { top:21%; left:21%; }
.popup-wrap#pop_5 { top:25%; left:25%; }
.popup-wrap img { max-width: 100%; }
.popup-wrap .pu-footer { background: #666; padding: 3px 10px; }