@charset "UTF-8";
@import url("reset.css");
@import url("/resource/web/css/fonts/SpoqaHanSans/SpoqaHanSans.css");
@import url("/resource/web/css/fonts/NotoSerifKR/NotoSerifKR.css");
body {
  font-family: "Spoqa Han Sans", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 16px;
  scroll-behavior: smooth;
  overscroll-behavior: none;
}

html, body, select, input, button, textarea {
  font-family: "Spoqa Han Sans", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}

select, input, textarea {
  font-size: 16px;
}

input::-webkit-input-placeholder {
  color: #24211d;
}

/* 크롬 4–56 : placeholder style */
input:-moz-placeholder {
  color: #24211d;
}

/* 파이어폭스 4–18 : placeholder style */
input::-moz-placeholder {
  color: #24211d;
}

/* 파이어폭스 19–50 : placeholder style */
input:-ms-input-placeholder {
  color: #24211d;
}

/* 인터넷 익스플로러 10+ : placeholder style */
input::-webkit-input-placeholder {
  color: #24211d;
}

input:-ms-input-placeholder {
  color: #24211d;
}

input::-ms-input-placeholder {
  color: #24211d;
}

input::placeholder {
  color: #24211d;
}

/* 파이어폭스 51+, 크롬 57+ : placeholder style */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:not([disabled]):-webkit-autofill, input:not([disabled]):-webkit-autofill:hover, input:not([disabled]):-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:not([disabled]):-webkit-autofill, textarea:not([disabled]):-webkit-autofill:hover, textarea:not([disabled]):-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:not([disabled]):-webkit-autofill, select:not([disabled]):-webkit-autofill:hover, select:not([disabled]):-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input[disabled]:-internal-autofill-selected, input[disabled]:-webkit-autofill, input[disabled]:-webkit-autofill:hover, input[disabled]:-webkit-autofill:focus, input[readonly]:-internal-autofill-selected, input[readonly]:-webkit-autofill, input[readonly]:-webkit-autofill:hover, input[readonly]:-webkit-autofill:focus, textarea[disabled]:-internal-autofill-selected, textarea[disabled]:-webkit-autofill, textarea[disabled]:-webkit-autofill:hover, textarea[disabled]:-webkit-autofill:focus, textarea[readonly]:-internal-autofill-selected, textarea[readonly]:-webkit-autofill, textarea[readonly]:-webkit-autofill:hover, textarea[readonly]:-webkit-autofill:focus, select[disabled]:-internal-autofill-selected, select[disabled]:-webkit-autofill, select[disabled]:-webkit-autofill:hover, select[disabled]:-webkit-autofill:focus, select[readonly]:-internal-autofill-selected, select[readonly]:-webkit-autofill, select[readonly]:-webkit-autofill:hover, select[readonly]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #f8f8f8 inset !important;
}

input:-internal-autofill-selected {
  background-color: transparent;
}

/* 파이어폭스 input[type=number] 애로우 버튼 숨김 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* 파이어폭스 input[type=number] 애로우 버튼 숨김 */
.wrap .skip-nav-wrap {
  font-size: 0;
  line-height: 0;
}

.offscreen {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  clip: rect(1px 1px 1px 1px);
}

.hide {
  display: none !important;
}

.contents-width {
  position: relative;
  width: 1250px;
  margin: 0 auto;
  padding: 0 20px;
}

template {
  display: none;
}

/**************************\
	버튼
\**************************/
.btn {
  display: block;
  height: 48px;
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  padding: 0 30px;
}
.btn-default {
  background: #a58862;
  color: #fff;
}
.btn-beige {
  background: #a58862;
  border: 1px solid #a58862;
  color: #fff;
}
.btn-ln-beige {
  background: #fff;
  border: 1px solid #a58862;
  color: #a58862;
}

#dpLauncher {
  display: block;
  position: absolute;
  top: -36px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.daterangepicker {
  width: 880px;
  padding: 30px 50px;
  border-radius: 0;
  z-index: 9;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border: 1px solid #e8e8e8;
}
.daterangepicker:before, .daterangepicker:after {
  border: none;
  content: none;
}
.daterangepicker .drp-calendar {
  max-width: 400px;
}
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
  position: relative;
  width: calc(50% - 15px);
  padding: 0;
}
.daterangepicker .drp-calendar.left:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  right: -15px;
  top: 0;
  background: #e8e8e8;
}
.daterangepicker .drp-calendar.right {
  float: right;
}
.daterangepicker .calendar-table {
  width: 100%;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  width: auto !important;
  min-width: auto !important;
  height: 34px;
  font-size: 15px;
  line-height: 34px;
}
.daterangepicker th.month {
  color: #725444;
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 10px;
}
.daterangepicker .table-condensed td.today.active.start-date.active.end-date.available, .daterangepicker .table-condensed td.today.available {
  background-color: #e8e8e8;
  color: #000;
}
.daterangepicker .table-condensed td.today:hover {
  color: #000;
}
.daterangepicker .table-condensed td.today.active.start-date.available {
  background-color: #A58862;
  color: #fff;
  /* border-radius: 50% 0 0 50% */
}
.daterangepicker td.in-range {
  background-color: #CEBEA8;
}
.daterangepicker td.active {
  background-color: #A58862;
}
.daterangepicker td.active:hover {
  background-color: #A58862;
}
.daterangepicker td.available:hover {
  background-color: #CEBEA8;
  border-color: transparent;
  color: #fff;
}
.daterangepicker .drp-buttons {
  padding: 37.4px 0 0 0;
  border-top: none;
  text-align: center;
}
.daterangepicker .drp-buttons .btn {
  cursor: pointer;
  padding: 0;
  outline: 0;
  border: none;
  display: inline-block;
  background: #5d4e3c;
  margin: 0 auto;
  width: 185px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 17px;
}
.daterangepicker .drp-buttons .btn.cancelBtn {
  display: none;
}
.daterangepicker .drp-selected {
  display: none;
}
.daterangepicker.drop-up {
  margin-top: 0;
}

/**************************\
	버튼
\**************************/
.btn {
  display: block;
  height: 48px;
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  padding: 0 30px;
}
.btn-default {
  background: #a58862;
  color: #fff;
}
.btn-beige {
  background: #a58862;
  border: 1px solid #a58862;
  color: #fff;
}
.btn-ln-beige {
  background: #fff;
  border: 1px solid #a58862;
  color: #a58862;
}

header,
footer,
.wrap {
  min-width: 1260px;
}

/**************************\
	header
\**************************/
header {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 1900px;
  min-height: 90px;
  padding-top: 15px;
  background: #fff;
  z-index: 51;
}
header h1 {
  position: absolute;
  top: 24px;
  left: 50px;
  width: 182px;
  height: 48px;
  background: url("/resource/web/image/img_hplogo_new.jpg") no-repeat 0 0;
}
 header h3 {
  position: absolute;
  top: 12px;
  left: 170px;
  width: 170px;
  height: 60px;
  background: url("/resource/web/image/img_hplogo2.jpg") no-repeat 0 0;
}
 header h4 {
  position: absolute;
  top: 15px;
  left: 335px;
  width: 170px;
  height: 60px;
  background: url("/resource/web/image/img_hplogo3.png") no-repeat 0 0;
}  
header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
header nav .nav-title {
  display: none;
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-770px);
}
header nav .nav-title h2 {
  font-family: "Noto Serif KR", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  color: #a58862;
  font-weight: 300;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 35px;
}
header nav:before {
  content: "";
  display: block;
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d7d7d7;
}
header nav > ul {
  display: flex;
  width: 950px;
  justify-content: space-between;
}
header nav > ul > li {
  position: relative;
  width: calc(100% / 8);
  text-align: center;
}
header nav > ul > li > a {
  display: inline-block;
  position: relative;
  line-height: 3.44;
  color: #24211d;
  white-space: nowrap;
}
header nav > ul > li > a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 0;
  height: 3px;
  background: #a58862;
  opacity: 0;
  transition: all 200ms ease-in;
  transform: translateX(-50%);
}
header nav > ul > li ul {
  display: none;
}
header nav > ul > li ul li {
  text-align: left;
}
header nav > ul > li ul li + li {
  margin-top: 15px;
}
header nav > ul > li ul li a {
  font-size: 15px;
  color: #24211d;
  transition: all 150ms ease-in;
  line-height: 1.3;
  word-break: keep-all;
}
header nav > ul > li ul li a:hover {
  color: #9b6722;
}
header nav > ul > li:hover > a:after {
  width: 100%;
  opacity: 1;
}
header .header-util {
  position: absolute;
  top: 35px;
  right: 180px;
}
header .header-util + .header-util {
  right: 35px;
  top: 25px;
}
header .header-util ul {
  display: flex;
  gap: 0 20px;
}
header .header-util ul li a {
  font-size: 13px;
  color: #24211d;
}
header .header-util .btn {
  font-weight: 700;
}
header.is-active nav .nav-title {
  display: block;
}
header.is-active nav > ul {
  margin-bottom: 65px;
}
header.is-active nav > ul > li ul {
  display: block;
  margin-top: 60px;
  padding-left: 30px;
}
header.is-active nav > ul > li ul li a {
  font-size: 15px;
  color: #24211d;
  transition: all 150ms ease-in;
}
header.is-active nav > ul > li ul li a:hover {
  color: #9b6722;
}

/**************************\
	footer
\**************************/
footer .container {
  border-top: 1px solid #e8e8e8;
}
footer .container:nth-child(1) .contents-width {
  padding: 25px 20px;
}
footer .container:nth-child(2) .contents-width {
  padding: 45px 20px 90px;
  align-items: flex-start;
}
footer .container .contents-width {
  display: flex;
  align-items: center;
}
footer .container .contents-width .col {
  flex: 1 0 auto;
  color: #797979;
  font-size: 14px;
}
footer .container .contents-width .col-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 50px;
}
footer .container .contents-width .col-inner .col {
  flex: 0 0 auto;
}
footer .container .contents-width .col ul {
  display: flex;
}
footer .container .contents-width .col ul li a {
  color: #666;
  font-size: 17px;
}
footer .container .contents-width .col-terms ul li + li {
  position: relative;
  padding-left: 15px;
  margin-left: 15px;
}
footer .container .contents-width .col-terms ul li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -6px;
  background: #cbc7b6;
}
footer .container .contents-width .col-link ul li {
  margin-right: -1px;
  border: 1px solid #e1e1e1;
}
footer .container .contents-width .col-link ul li a {
  display: flex;
  padding: 8px 17px;
  font-size: 13px;
  line-height: 1.07;
}
footer .container .contents-width .col-link ul li a .img {
  display: block;
  margin-right: 10px;
}
footer .container .contents-width .col-sns ul {
  gap: 0 10px;
}
footer .container .contents-width .col-sns ul li a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #b2b2b2;
  transition: background-color 200ms ease-in;
}

footer .container .contents-width .col-sns ul li a.youtube {
  background: red;
}

footer .container .contents-width .col-sns ul li a.insta {
    background: radial-gradient(
    circle at 30% 107%,
    #FDF497 0%,
    #FDF497 5%,
    #FD5949 45%,
    #D6249F 60%,
    #285AEB 90%
  );
}

footer .container .contents-width .col-sns ul li a:hover {
  background: #7f7f7f;
}
footer .container .contents-width .col-sns ul li a .ic {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transform: translate(calc(-50% - 0.3px), calc(-50% - 0.3px));
}
footer .container .contents-width .col-sns ul li a .ic-kakao {
  background-image: url("/resource/web/image/ic_kakao.png");
}
footer .container .contents-width .col-sns ul li a .ic-blog {
  background-image: url("/resource/web/image/ic_blog.png");
}
footer .container .contents-width .col-sns ul li a .ic-insta {
  background-image: url("/resource/web/image/ic_insta.png");
}
footer .container .contents-width .col-sns ul li a .ic-youtube {
  background-image: url("/resource/web/image/ic_youtube.png");
}
footer .container .contents-width .col-copyright p {
  line-height: 1.42;
}
footer .container .contents-width .col-copyright p.copyright {
  margin-top: 25px;
  font-size: 12px;
}
footer .container .contents-width .col-copyright p .bar {
  display: inline-block;
  width: 1px;
  height: 13px;
  margin: 4px 8px 0;
  background: #ddd;
  vertical-align: top;
}
footer .container .contents-width .col-cs {
  position: relative;
  margin-left: 30px;
  padding-left: 30px;
}
footer .container .contents-width .col-cs:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 60px;
  background: #e8e8e8;
}
footer .container .contents-width .col-cs dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.42;
}
footer .container .contents-width .col-cs dl + dl {
  margin-top: 20px;
}
footer .container .contents-width .col-cs dl dt {
  width: 55px;
  margin-right: 30px;
  font-weight: 700;
}
footer .container .contents-width .col-cs dl dd {
  width: calc(100% - 85px);
}
footer .container .contents-width .col-certify ul {
  gap: 0 30px;
  text-align: right;
  line-height: 1.57;
  justify-content: flex-end;
}
footer .container .contents-width .col-certify ul:nth-child(1) {
  flex-direction: column;
  gap: 0;
  margin-bottom: 35px;
}

/**************************\
	content
\**************************/
.container.is-sub {
  padding: 170px 0 120px;
}
.container.is-sub h2 {
  font-family: "Noto Serif KR", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 32px;
  text-align: center;
  margin-bottom: 50px;
}

.box-title {
  margin-bottom: 70px;
  text-align: center;
}
.box-title .title {
  font-family: "Noto Serif KR", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 36px;
  font-weight: 400;
  color: #424242;
}
.box-title .desc {
  font-size: 17px;
  color: #767676;
  margin-top: 15px;
}

.btn-more {
  position: absolute;
  bottom: 0;
  right: 20px;
  display: block;
  font-size: 14px;
  color: #121212;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: -0.35px;
}
.btn-more:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

:root {
  --swiper-navigation-size: 79px;
  --swiper-navigation-color: #828282;
  --swiper-pagination-bullet-horizontal-gap:7px;
}

/**************************\
	메인
\**************************/
.visual {
  padding-top: 90px;
  min-height: 650px;
  height: 42vw;
}
.visual .contents-width {
  position: relative;
  height: 100%;
}
.visual .contents-width .visual-text {
  position: absolute;
  bottom: 2.5vw;
  left: 0;
  color: #fff;
}
.visual .contents-width .visual-text h2 {
  font-size: 50px;
  line-height: 1.2;
  font-size: 50px;
  letter-spacing: -1.25px;
}
.visual .contents-width .visual-text .desc {
  margin-top: 20px;
  font-size: 22px;
  line-height: 2;
}
.visual .contents-width .visual-text .btn-go {
  display: block;
  width: 160px;
  height: 48px;
  margin-top: 45px;
  padding-left: 20px;
  line-height: 46px;
  background: rgba(0, 0, 0, 0.3) url("/resource/web/image/main/icon_go_arrow.png") no-repeat 96px 16px;
  background-size: 42px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.visual .swiper-slide {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.visual .swiper-horizontal > .swiper-pagination-bullets,
.visual .swiper-pagination-bullets.swiper-pagination-horizontal,
.visual .swiper-pagination-custom, .visual .swiper-pagination-fraction {
  bottom: 70px;
}
.visual .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  border-radius: 0;
  width: 45px;
  height: 4px;
  background: #fff;
  opacity: .5;
  transition: all 200ms ease;
}
.visual .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
.visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #c38c44;
  opacity: 1;
}
.visual .swiper-button-prev,
.visual .swiper-button-next {
  width: 40px;
  height: 79px;
  top: 50%;
  transform: translateY(calc(-50% + 60px));
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 200ms ease-in;
}
.visual .swiper-button-prev {
  left: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='79px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M39.853,77.520 L39.146,78.228 L0.146,39.227 L0.187,39.186 L0.146,39.145 L39.146,0.145 L39.853,0.853 L1.519,39.187 L39.853,77.520 Z'/%3E%3C/svg%3E");
}
.visual .swiper-button-next {
  right: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='79px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M39.853,39.227 L0.853,78.228 L0.146,77.520 L38.481,39.187 L0.146,0.853 L0.853,0.145 L39.853,39.145 L39.812,39.186 L39.853,39.227 Z'/%3E%3C/svg%3E");
}
.visual .swiper-button-prev:after,
.visual .swiper-button-next:after {
  display: none;
}
.visual .swiper-button-prev.swiper-button-disabled,
.visual .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.main-contents {
  position: relative;
  margin-bottom: 125px;
  overflow: hidden;
}
.main-contents.special-offer .swiper {
  overflow: visible !important;
}
.main-contents.special-offer .item {
  width: 383px !important;
  overflow: hidden;
}
.main-contents.special-offer .item a {
  display: block;
}
.main-contents.special-offer .item .img {
  display: block;
  height: 444px;
  overflow: hidden;
}
.main-contents.special-offer .item .img img {
  -webkit-transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}
.main-contents.special-offer .item:hover .img img {
  transform: scale(1.1);
}
.main-contents.special-offer .item .category {
  position: absolute;
  top: 412px;
  left: 0;
  display: block;
  background: #9b866b;
  color: #fff;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
}
.main-contents.special-offer .item .box-text {
  background: #fff;
  padding: 45px 15px 25px;
}
.main-contents.special-offer .item .box-text h4 {
  color: #424242;
  font-size: 26px;
  font-weight: 600;
  font-size: 26px;
  letter-spacing: -0.65px;
}
.main-contents.special-offer .item .box-text p {
  color: #6d6d6d;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: -0.08px;
}
.main-contents.special-offer .swiper-button-prev,
.main-contents.special-offer .swiper-button-next {
  width: 88px;
  height: 88px;
  top: 360px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 200ms ease-in;
}
.main-contents.special-offer .swiper-button-prev {
  left: 6.818vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='39px'%3E%3Cpath fill-rule='evenodd' fill='rgb(88, 88, 88)' d='M19.854,37.519 L19.147,38.227 L0.147,19.226 L0.188,19.185 L0.147,19.144 L19.147,0.144 L19.854,0.851 L1.520,19.186 L19.854,37.519 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(88, 88, 88)' d='M0.958,18.957 L0.958,19.956 L47.208,19.956 L47.208,18.957 L0.958,18.957 Z'/%3E%3C/svg%3E");
}
.main-contents.special-offer .swiper-button-next {
  right: 6.818vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='39px'%3E%3Cpath fill-rule='evenodd' fill='rgb(88, 88, 88)' d='M47.853,19.226 L28.853,38.227 L28.146,37.519 L46.480,19.186 L28.146,0.851 L28.853,0.144 L47.853,19.144 L47.812,19.185 L47.853,19.226 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(88, 88, 88)' d='M47.042,18.957 L47.042,19.956 L0.792,19.956 L0.792,18.957 L47.042,18.957 Z'/%3E%3C/svg%3E");
}
.main-contents.special-offer .swiper-button-prev:after,
.main-contents.special-offer .swiper-button-next:after {
  display: none;
}
.main-contents.special-offer .swiper-button-prev.swiper-button-disabled,
.main-contents.special-offer .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.main-contents.fourseasons .contents-width {
  z-index: 19;
  margin-bottom: 40px;
}
.main-contents.fourseasons .box-title {
  z-index: 19;
  padding-bottom: 0;
}
.main-contents.fourseasons .box-title .title:before, .main-contents.fourseasons .box-title .title:after {
  content: "";
  display: block;
  position: Absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-220px);
  width: 68px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='68px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(212, 161, 112)' d='M67.557,7.317 C67.421,5.799 66.816,4.449 65.783,3.353 C64.861,2.374 63.722,1.642 62.517,1.090 C59.941,-0.087 57.073,-0.155 54.473,0.993 C53.017,1.637 51.584,2.620 50.614,3.928 C52.704,2.459 55.280,1.454 57.826,1.401 C59.136,1.372 60.429,1.625 61.628,2.172 C62.736,2.678 63.805,3.322 64.662,4.215 C65.522,5.111 66.099,6.253 66.145,7.527 C66.191,8.796 65.820,10.042 65.175,11.117 C64.517,12.214 63.620,13.128 62.485,13.690 C61.329,14.262 60.034,14.457 58.760,14.408 C57.440,14.357 56.154,14.043 54.902,13.630 C53.677,13.226 52.482,12.724 51.330,12.136 C51.045,11.991 50.766,11.837 50.488,11.678 C51.699,11.070 52.869,10.373 53.981,9.587 C53.231,9.952 52.474,10.306 51.705,10.627 C51.326,10.785 50.945,10.937 50.562,11.084 C50.373,11.157 50.166,11.269 49.969,11.308 C49.863,11.330 49.818,11.292 49.723,11.237 C49.620,11.178 49.517,11.118 49.414,11.058 C47.969,10.220 46.535,9.362 45.100,8.507 C43.473,7.539 41.844,6.580 40.183,5.676 C38.877,4.966 37.527,4.333 36.163,3.751 C33.948,2.808 31.618,2.047 29.221,1.836 C25.984,1.553 22.739,2.180 19.725,3.388 C19.561,3.453 19.398,3.521 19.236,3.589 C19.148,3.626 19.130,3.643 19.052,3.622 C18.980,3.602 18.901,3.533 18.838,3.497 C18.487,3.293 18.134,3.093 17.777,2.901 C17.082,2.528 16.374,2.183 15.652,1.869 C14.194,1.237 12.667,0.695 11.106,0.410 C8.320,-0.100 5.230,0.289 3.108,2.377 C0.952,4.500 -0.234,7.975 1.113,10.878 C1.743,12.237 2.847,13.294 4.070,14.089 C5.007,14.698 6.067,15.195 7.136,15.499 C10.204,16.369 13.486,15.584 15.988,13.599 C16.546,13.155 17.072,12.660 17.500,12.081 C15.411,13.550 12.835,14.555 10.289,14.609 C8.979,14.638 7.686,14.385 6.487,13.838 C5.379,13.332 4.310,12.687 3.453,11.795 C2.593,10.898 2.016,9.756 1.970,8.483 C1.924,7.214 2.295,5.968 2.940,4.892 C3.598,3.795 4.495,2.881 5.630,2.320 C6.786,1.748 8.081,1.552 9.355,1.602 C10.674,1.653 11.960,1.967 13.213,2.380 C14.438,2.784 15.633,3.286 16.785,3.874 C17.070,4.019 17.349,4.173 17.627,4.331 C16.416,4.940 15.246,5.637 14.134,6.422 C15.279,5.865 16.440,5.352 17.627,4.897 C17.775,4.841 17.923,4.784 18.072,4.729 C18.181,4.688 18.185,4.679 18.289,4.713 C18.347,4.732 18.407,4.781 18.461,4.812 C18.747,4.978 19.033,5.144 19.318,5.311 C19.867,5.632 20.414,5.955 20.961,6.280 C22.775,7.356 24.578,8.454 26.413,9.493 C28.304,10.565 30.240,11.543 32.241,12.380 C33.745,13.009 35.320,13.554 36.913,13.888 C39.322,14.396 41.847,14.342 44.256,13.866 C45.421,13.636 46.568,13.302 47.685,12.893 C47.969,12.789 48.250,12.680 48.530,12.565 C48.658,12.513 48.786,12.460 48.913,12.406 C49.040,12.352 49.061,12.387 49.176,12.454 C49.711,12.766 50.252,13.069 50.802,13.353 C52.917,14.442 55.227,15.368 57.583,15.693 C59.715,15.987 61.956,15.744 63.820,14.570 C65.687,13.393 67.064,11.279 67.459,9.068 C67.562,8.493 67.594,7.901 67.557,7.317 ZM44.746,12.741 C42.085,13.194 39.322,13.186 36.700,12.497 C34.483,11.916 32.340,11.005 30.281,9.990 C29.418,9.564 28.567,9.115 27.718,8.660 C26.223,7.858 24.760,6.992 23.300,6.127 C22.229,5.492 21.159,4.854 20.085,4.224 C20.018,4.184 19.950,4.145 19.883,4.106 C22.712,3.235 25.683,2.769 28.636,3.031 C31.512,3.287 34.276,4.348 36.888,5.563 C37.862,6.016 38.821,6.505 39.769,7.013 C41.241,7.802 42.691,8.629 44.131,9.478 C45.429,10.244 46.724,11.018 48.024,11.782 C48.093,11.823 48.163,11.863 48.232,11.903 C47.088,12.256 45.924,12.542 44.746,12.741 Z'/%3E%3C/svg%3E");
  background-size: 100%;
}
.main-contents.fourseasons .box-title .title:after {
  transform: translateX(150px);
}
.main-contents.fourseasons:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 40px;
  width: 100%;
  height: 230px;
  background: #ebebeb;
  z-index: 1;
}
.main-contents.fourseasons:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 1320px;
  height: 90px;
  z-index: 9;
  background: url("/resource/web/image/main/bg_seasons_img.png") no-repeat calc(50% + 5px) 0;
}
.main-contents.fourseasons .swiper-button-prev {
  top: 430px;
  left: 50%;
  transform: translateX(-710px);
  background: url("/resource/web/image/main/icon_swiper_prev.png") no-repeat 0 0;
}
.main-contents.fourseasons .swiper-button-next {
  top: 430px;
  right: 50%;
  transform: translateX(710px);
  background: url("/resource/web/image/main/icon_swiper_next.png") no-repeat 0 0;
}
.main-contents.fourseasons .swiper-button-prev:after,
.main-contents.fourseasons .swiper-button-next:after {
  display: none;
}
.main-contents.fourseasons .swiper-pagination-fraction, .main-contents.fourseasons .swiper-pagination-custom,
.main-contents.fourseasons .swiper-horizontal > .swiper-pagination-bullets,
.main-contents.fourseasons .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
.main-contents.fourseasons .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.main-contents.fourseasons .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  background: #d6d6d6;
  transition: all 200ms ease;
  opacity: 1;
}
.main-contents.fourseasons .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
.main-contents.fourseasons .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #d4a170;
}
.main-contents.facilities {
  padding-bottom: 40px;
}
.main-contents.facilities .swiper-slide {
  position: relative;
  color: #fff;
}
.main-contents.facilities .swiper-slide .box-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transform: translateY(100%);
  transition: all 200ms cubic-bezier(0.76, 0.085, 0.295, 0.72);
}
.main-contents.facilities .swiper-slide .box-text .inner {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-contents.facilities .swiper-slide .box-text .inner p {
  font-size: 18px;
  line-height: 1.33;
  font-size: 18px;
  letter-spacing: -0.45px;
}
.main-contents.facilities .swiper-slide .box-text .inner a {
  display: inline-block;
  margin-top: 30px;
  padding-right: 25px;
  font-size: 14px;
  font-weight: 700;
  color: #e5ab45;
  background: url("/resource/web/image/main/icon_more_arrow.png") no-repeat 100% calc(50% + 2px);
  font-size: 14px;
  letter-spacing: -0.35px;
}
.main-contents.facilities .swiper-slide:hover .box-text {
  opacity: 1;
  transform: translateY(0);
}
.main-contents.facilities .swiper-button-prev {
  top: 260px;
  left: 50%;
  transform: translateX(-710px);
  background: url("/resource/web/image/main/icon_swiper_prev.png") no-repeat 0 0;
}
.main-contents.facilities .swiper-button-next {
  top: 260px;
  right: 50%;
  transform: translateX(710px);
  background: url("/resource/web/image/main/icon_swiper_next.png") no-repeat 0 0;
}
.main-contents.facilities .swiper-button-prev:after,
.main-contents.facilities .swiper-button-next:after {
  display: none;
}
.main-contents.facilities .swiper-pagination-fraction, .main-contents.facilities .swiper-pagination-custom,
.main-contents.facilities .swiper-horizontal > .swiper-pagination-bullets,
.main-contents.facilities .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
.main-contents.facilities .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.main-contents.facilities .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  background: #d6d6d6;
  transition: all 200ms ease;
  opacity: 1;
}
.main-contents.facilities .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
.main-contents.facilities .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #d4a170;
}
.main-contents.youtube .contents-inner {
  height: 640px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.main-contents.youtube .contents-inner .contents-width {
  height: 100%;
  text-align: center;
}
.main-contents.youtube .contents-inner .logo {
  position: absolute;
  top: 30px;
  left: 0;
}
.main-contents.youtube .contents-inner .box-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(calc(-50% + 0.3px), calc(-50% + 0.3px));
  color: #fff;
}
.main-contents.youtube .contents-inner .box-text a {
  display: block;
}
.main-contents.youtube .contents-inner .box-text .sup {
  display: block;
  font-family: GothamPro, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 18px;
  position: relative;
  font-size: 18px;
  letter-spacing: 0.9px;
}
.main-contents.youtube .contents-inner .box-text .sup:after {
  content: "";
  display: block;
  position: Absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 1px;
  background: #fff;
}
.main-contents.youtube .contents-inner .box-text .title {
  margin: 85px 0 20px;
  font-size: 58px;
  font-size: 58px;
  letter-spacing: 1.45px;
}
.main-contents.youtube .contents-inner .box-text .desc {
  font-size: 32px;
  font-family: GothamPro, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 32px;
  letter-spacing: 0.8px;
}
.main-contents.youtube .contents-inner .box-text .btn-youtube {
  display: block;
  margin: 40px auto 0;
  width: 53px;
  height: 36px;
  background: url("/resource/web/image/main/icon_youtube.png") no-repeat 0 0;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
}
.main-contents.youtube .contents-inner .box-text .btn-youtube.is-active {
  opacity: 1;
}
.main-contents.youtube .youtube-wrap {
  display: none;
  height: 650px;
  background: #000;
}
.main-contents.youtube .youtube-wrap iframe {
  display: block;
  width: 1040px;
  height: 650px;
  margin: 0 auto;
}
.main-contents.youtube .swiper-button-prev,
.main-contents.youtube .swiper-button-next {
  width: 40px;
  height: 79px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 200ms ease-in;
}
.main-contents.youtube .swiper-button-prev {
  left: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='79px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M39.853,77.520 L39.146,78.228 L0.146,39.227 L0.187,39.186 L0.146,39.145 L39.146,0.145 L39.853,0.853 L1.519,39.187 L39.853,77.520 Z'/%3E%3C/svg%3E");
}
.main-contents.youtube .swiper-button-next {
  right: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='79px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M39.853,39.227 L0.853,78.228 L0.146,77.520 L38.481,39.187 L0.146,0.853 L0.853,0.145 L39.853,39.145 L39.812,39.186 L39.853,39.227 Z'/%3E%3C/svg%3E");
}
.main-contents.youtube .swiper-button-prev:after,
.main-contents.youtube .swiper-button-next:after {
  display: none;
}
.main-contents.youtube .swiper-button-prev.swiper-button-disabled,
.main-contents.youtube .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.booking-wrap {
  margin-bottom: 75px;
}
.booking-wrap > .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid #dfdfdf;
}
.booking-wrap h3 {
  margin-right: 45px;
  font-weight: 700;
  font-size: 20px;
  color: #a58862;
  font-size: 20px;
  letter-spacing: -0.2px;
}
.booking-wrap .date-wrap {
  display: flex;
  align-items: center;
  position: relative;
}
.booking-wrap .date-wrap .check-inout {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 135px;
}
.booking-wrap .date-wrap .check-inout .cal-select {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1d;
}
.booking-wrap .date-wrap .check-inout + .check-inout {
  margin-left: 30px;
  padding-left: 30px;
}
.booking-wrap .date-wrap .check-inout + .check-inout:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 1px;
  margin-left: -5px;
  background: #727272;
}
.booking-wrap .people-wrap {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 30px;
  padding-left: 30px;
}
.booking-wrap .people-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background: #e4e4e4;
}
.booking-wrap .people-wrap .select-num {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 110px;
}
.booking-wrap .people-wrap .select-num + .select-num {
  margin-left: 45px;
}
.booking-wrap .people-wrap .select-num .select-tit {
  margin-bottom: 10px;
}
.booking-wrap .people-wrap .select-num .range-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 24px;
}
.booking-wrap .people-wrap .select-num .range-wrap .num {
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1d;
}
.booking-wrap .people-wrap .select-num .range-wrap .btn-circle {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 1px solid #a58862;
}
.booking-wrap .people-wrap .select-num .range-wrap .btn-circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px;
}
.booking-wrap .people-wrap .select-num .range-wrap .btn-circle.minus:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='2px'%3E%3Cpath fill-rule='evenodd' fill='rgb(165, 136, 98)' d='M-0.000,-0.000 L11.000,-0.000 L11.000,2.000 L-0.000,2.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E");
}
.booking-wrap .people-wrap .select-num .range-wrap .btn-circle.plus:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px'%3E%3Cpath fill-rule='evenodd' fill='rgb(165, 136, 98)' d='M24.000,13.1000 L13.1000,13.1000 L13.1000,24.000 L10.000,24.000 L10.000,13.1000 L-0.000,13.1000 L-0.000,10.000 L10.000,10.000 L10.000,-0.000 L13.1000,-0.000 L13.1000,10.000 L24.000,10.000 L24.000,13.1000 Z'/%3E%3C/svg%3E");
}
.booking-wrap .people-wrap .select-num .range-wrap .btn-circle.disable, .booking-wrap .people-wrap .select-num .range-wrap .btn-circle:disabled {
  border: 1px solid #c7c7c7;
}
.booking-wrap .people-wrap .select-num .range-wrap .btn-circle.disable.minus:after, .booking-wrap .people-wrap .select-num .range-wrap .btn-circle:disabled.minus:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='2px'%3E%3Cpath fill-rule='evenodd' fill='rgb(172, 172, 172)' d='M-0.000,-0.000 L11.000,-0.000 L11.000,2.000 L-0.000,2.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E");
}
.booking-wrap .people-wrap .select-num .range-wrap .btn-circle.disable.plus:after, .booking-wrap .people-wrap .select-num .range-wrap .btn-circle:disabled.plus:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px'%3E%3Cpath fill-rule='evenodd' fill='rgb(172, 172, 172)' d='M24.000,13.1000 L13.1000,13.1000 L13.1000,24.000 L10.000,24.000 L10.000,13.1000 L-0.000,13.1000 L-0.000,10.000 L10.000,10.000 L10.000,-0.000 L13.1000,-0.000 L13.1000,10.000 L24.000,10.000 L24.000,13.1000 Z'/%3E%3C/svg%3E");
}
.booking-wrap .btn-wrap {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 55px;
  padding-left: 40px;
}
.booking-wrap .btn-wrap .btn {
  height: 58px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
  width: 92px;
}
.booking-wrap .btn-wrap .btn + .btn {
  margin-left: 6px;
  width: 185px;
}
.booking-wrap .btn-wrap .ui-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 31 !important;
}
.booking-wrap .btn-wrap .ui-tooltip .btn-tooltip {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background: #aaaaaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4px' height='11px'%3E%3Ctext kerning='auto' font-family='Gulim' fill='rgb(0, 0, 0)' transform='matrix( 1.09217835520072, 0, 0, 1.09217835520074,0.87341802661035, 10.4830637456034)' font-size='12px'%3E%3Ctspan font-size='12px' font-family='SpoqaHanSans' font-weight='bold' fill='%23FFFFFF'%3E&%2333;%3C/tspan%3E%3C/text%3E%3C/svg%3E") no-repeat 50% 50%;
  border-radius: 100%;
  cursor: pointer;
}
.booking-wrap .btn-wrap .ui-tooltip .tooltip-list {
  position: absolute;
  top: -115px;
  left: -15px;
  display: none;
  width: 375px;
  height: 110px;
  background: #fff;
  border: 1px solid #a58862;
}
.booking-wrap .btn-wrap .ui-tooltip .tooltip-list.is-active {
  display: block;
}
.booking-wrap .btn-wrap .ui-tooltip .tooltip-list:after {
  content: '';
  height: 12px;
  width: 12px;
  position: absolute;
  background-color: #fff;
  bottom: -7px;
  left: 18px;
  border-top: 1px solid #a58862;
  border-left: 1px solid #a58862;
  transform: rotate(225deg);
}
.booking-wrap .btn-wrap .ui-tooltip .tooltip-list .inner ul {
  padding-top: 10px;
  margin-left: 25px;
}
.booking-wrap .btn-wrap .ui-tooltip .tooltip-list .inner ul li {
  position: relative;
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  color: #5d4e3c;
}
.booking-wrap .btn-wrap .ui-tooltip .tooltip-list .inner ul li:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  background: #5d4e3c;
  left: -10px;
  top: 50%;
  margin-top: -3px;
  border-radius: 50%;
}
.booking-wrap .select-tit {
  font-size: 14px;
  font-weight: 700;
  color: #9e9e9e;
  font-size: 14px;
  letter-spacing: -0.35px;
}

.visual .contents-width .visual-text .btn-instargram:before {content:"";display:block;background:url(/resource/web/image/main/icon_instargram.png) no-repeat;background-size:cover;margin:25px 0 0 0;width:240px;height:65px;}