.area-wrap .area-banner {position:relative;height:650px;background-color:#eee;overflow:hidden;padding-top:120px;}
.area-wrap .area-banner .container {position:relative;z-index:1;}
.area-wrap .area-banner .area-title {font-size:56px;display:block;margin-bottom:10px;color:#5CC89C;text-align:center;font-weight:600;}
.area-wrap .area-banner .area-text1 {font-size:28px;font-weight:400;line-height:1.4;margin-bottom:18px;color:#fff;text-align:center;}
.area-wrap .area-banner .area-text2 {font-size:16px;font-weight:400;line-height:1.4;color:#fff;text-align:center;}
.area-wrap .area-banner .swiper-button-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.area-wrap .area-banner .swiper-button-wrapper .swiper-button-next, .area-wrap .area-banner .swiper-button-wrapper .swiper-button-prev {
  color: #fff;
}
.area-wrap .area-banner .swiper-button-wrapper .swiper-button-next {
  right: 0;
}
.area-wrap .area-banner .swiper-button-wrapper .swiper-button-prev {
  left: 0;
}
.area-wrap .area-banner .swiper-button-wrapper .swiper-button-next::after, .area-wrap .area-banner .swiper-button-wrapper .swiper-button-prev::after {
  font-size: 28px;
}
.area-wrap .area-banner .swiper-pagination {left:50%;transform:translateX(-50%);bottom:20px;width:auto;background-color:#242424;border-radius:100px;padding:10px 16px;display:inline-flex;align-items:center;gap:7px;}
.area-wrap .area-banner .swiper-pagination-bullet {margin:0;background-color:#fff;opacity:1;width:5px;height:5px;border-radius:100px;transition:all .3s ease;}
.area-wrap .area-banner .swiper-pagination-bullet-active {width:48px;background-color:#5CC89C;}
.area-wrap .area-banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.area-wrap .area-banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}

.area-wrap .area-information {background:#459675;padding:27px 0 22px;}
.area-wrap .area-information .container {display:grid;grid-template-columns:repeat(6, 1fr);}
.area-wrap .area-information .area-information-box {text-align:center;color:#fff;position:relative;}
.area-wrap .area-information .area-information-box .box-title {margin-bottom:10px;}
.area-wrap .area-information .area-information-box .box-title i {display:block;margin-bottom:14px;font-size:24px;}
.area-wrap .area-information .area-information-box .box-title strong {font-size:16px;font-weight:600;}
.area-wrap .area-information .area-information-box .box-content p {font-size:14px;line-height:1.2;}
.area-wrap .area-information .area-information-box .box-content small {font-size:12px;font-weight:300;}
.area-wrap .area-information .area-information-box:after {content:'';position:absolute;height:36px;width:1px;background-color:#f0f0f0;right:0;top:50%;transform:translateY(-50%);}
.area-wrap .area-information .area-information-box:last-child:after {content:none;}

.area-wrap .sec {padding:80px 0;}
.area-wrap .sec-head {margin-bottom:22px;}
.area-wrap .sec-head .sec-title {display:inline-flex;font-size:24px;font-weight:600;align-items:center;}
.area-wrap .sec-head .sec-title i {margin-right:10px;}
.area-wrap .sec-head .sec-title img {margin-right:10px;}

.area-wrap .sec.package {overflow:hidden;}
.area-wrap .sec.package .package-list {position:relative;}
.area-wrap .sec.package .package-list .swiper {overflow:hidden;}
.area-wrap .sec.package .package-list .swiper-button-disabled {opacity:0;}
.area-wrap .sec.package .package-list .swiper-button-next {right:-17px;}
.area-wrap .sec.package .package-list .swiper-button-prev {left:-17px;}
.area-wrap .sec.package .package-list .swiper-button-next,
.area-wrap .sec.package .package-list .swiper-button-prev {display:inline-flex;width:34px;height:34px;border-radius:100px;overflow: hidden;background-color:#fff;box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);align-items:center;justify-content:center;}
.area-wrap .sec.package .package-list .swiper-button-next:after,
.area-wrap .sec.package .package-list .swiper-button-prev:after {font-size:14px;color:#333D4B;}
.area-wrap .sec.package .package-item {border-radius:6px;overflow:hidden;}
.area-wrap .sec.package .package-item .package-thumb {height:197px;overflow:hidden;}
.area-wrap .sec.package .package-item .package-thumb img {width:100%;height:100%;object-fit:cover;}
.area-wrap .sec.package .package-item .package-contents {border:1px solid #f0f0f0;border-top:0;padding:14px;border-radius:0 0 6px 6px;}
.area-wrap .sec.package .package-item .package-name {font-size:20px;font-weight:600;display:block;margin-bottom:5px;}
.area-wrap .sec.package .package-item .package-resort {color:#7F8894;display:block;margin-bottom:12px;font-size:14px;}
.area-wrap .sec.package .package-item .package-detail {border-top:1px solid #f0f0f0;padding-top:13px;}
.area-wrap .sec.package .package-item .package-detail li {margin-bottom:9px;color:#7F8894;}
.area-wrap .sec.package .package-item .package-detail li .line {margin:0 4px;}
.area-wrap .sec.package .package-item .package-detail li i {color:#5CC89C;font-size:12px;margin-right:5px;}
.area-wrap .sec.package .package-item .package-detail li:last-child {margin-bottom:0;}

/* 지역별 소개 */
.area-wrap .sec.guide {padding:0;}
.area-wrap .sec.guide .guide-slider {background: rgb(70 70 70); position:relative;}
.area-wrap .sec.guide .guide-tab-bg {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}
.area-wrap .sec.guide .guide-tab-bg img {width:100%;height:100%;object-fit:cover;display:none;opacity:.2;}
.area-wrap .sec.guide .guide-tab-swiper {height:84px;z-index:2;width:100%;}
.area-wrap .sec.guide .guide-tab-swiper .swiper-slide {text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;opacity:.4;position: initial;}
.area-wrap .sec.guide .guide-tab-swiper .swiper-slide-active {opacity:1;}
.area-wrap .sec.guide .guide-tab-swiper .swiper-slide strong {font-size:24px;font-weight:600;}
.area-wrap .sec.guide .guide-tab-swiper .swiper-slide span {color:#5CC89C;margin-top:3px;}
.area-wrap .sec.guide .guide-slider .swiper-button-prev {width:46px;height:100%;background: url(/images/v2/area/guide_tab_prev.svg) no-repeat center/contain;top:0;margin:0;left:40px;}
.area-wrap .sec.guide .guide-slider .swiper-button-next {width: 46px;height:100%;background:url(/images/v2/area/guide_tab_next.svg) no-repeat center/contain;top:0;margin: 0;right:40px;}
.area-wrap .sec.guide .guide-slider .swiper-button-prev:after,
.area-wrap .sec.guide .guide-slider .swiper-button-next:after {content:none;}

/* 상품 */
.area-wrap .sec.product .product-list {display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
.area-wrap .sec.product .product-item {min-width:0;}
.area-wrap .sec.product .product-item .product-thumb {border-radius: 6px 6px 0px 0px;border: 1px solid #F0F0F0;overflow:hidden;}
.area-wrap .sec.product .product-item .product-contents {border-radius: 0px 0px 6px 6px;border: 1px solid #F0F0F0;border-top:0;padding:14px 14px 18px;position:relative;}
.area-wrap .sec.product .product-item .product-title {display:flex;gap:10px;align-items:center;margin-bottom:4px;}
.area-wrap .sec.product .product-item .product-name {font-size:16px;font-weight:600;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.area-wrap .sec.product .product-item .product-resort {color:#7F8894;margin-bottom:10px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.area-wrap .sec.product .product-item .product-icon {color:#5CC89C;display:flex;gap:7px;align-items:center;}
.area-wrap .sec.product .product-item .product-tag {display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px;}
.area-wrap .sec.product .product-item .product-tag .tag {border-radius: 4px;color:#666;background: #f9f9f9;padding:6px 10px;}
.area-wrap .sec.product .product-item .product-tag .tag span {color: #308b66;}
.area-wrap .sec.product .product-item .product-price {color:#ff0004;font-weight:700;font-size:18px;}
.area-wrap .sec.product .precaution {margin-top:80px;border-radius: 12px;border: 1px solid #F0F0F0;padding:22px 24px;}
.area-wrap .sec.product .precaution-title {font-size:24px;font-weight:600;margin-bottom:16px;}
.area-wrap .sec.product .precaution li {color:#7F8894;margin-bottom:5px;line-height:1.4;}
.area-wrap .sec.product .precaution li:last-child {margin-bottom:0;}

/* 다른사람들은 어디로 갈까? */
.area-wrap .sec.custom {background-color:#F9FAFB;}
.area-wrap .sec.custom .custom-header {text-align:center;margin-bottom:40px;}
.area-wrap .sec.custom .custom-header h2 {font-size:24px;font-weight:600;margin-bottom:8px;}
.area-wrap .sec.custom .custom-header p {color:#7F8894;font-size:16px;}
.area-wrap .sec.custom .custom-list {position:relative;}
.area-wrap .sec.custom .custom-list .swiper-button-disabled {opacity:0;}
.area-wrap .sec.custom .custom-list .swiper-button-next {right:-17px;}
.area-wrap .sec.custom .custom-list .swiper-button-prev {left:-17px;}
.area-wrap .sec.custom .custom-list .swiper-button-next,
.area-wrap .sec.custom .custom-list .swiper-button-prev {display:inline-flex;width:34px;height:34px;border-radius:100px;overflow: hidden;background-color:#fff;box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);align-items:center;justify-content:center;top:50%;transform:translateY(-50%);margin-top:0;}
.area-wrap .sec.custom .custom-list .swiper-button-next:after,
.area-wrap .sec.custom .custom-list .swiper-button-prev:after {font-size:14px;color:#333D4B;}
.area-wrap .sec.custom .custom-swiper .swiper-slide {width:190px;height:190px;border-radius:6px;overflow:hidden;position:relative;}
.area-wrap .sec.custom .custom-swiper .swiper-slide .custom-bg {width:100%;height:100%;}
.area-wrap .sec.custom .custom-swiper .swiper-slide .custom-bg img {width:100%;height:100%;object-fit:cover;}
.area-wrap .sec.custom .custom-swiper .swiper-slide .custom-name {position:absolute;bottom:0;display:block;left:0;right:0;background: rgba(0, 0, 0, 0.60);text-align:center;color:#fff;padding:12px 0;font-size:18px;}


@media screen and (max-width: 1241px) {
}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 767px) {
    .area-wrap .area-banner {height:438px;padding-top:60px;}
    .area-wrap .area-banner .area-title {font-size:26px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);margin-bottom:4px;}
    .area-wrap .area-banner .area-text1 {font-size:26px;margin-bottom:15px;}
    .area-wrap .area-banner .area-text2 {font-size:16px;}
    .area-wrap .area-banner .swiper-button-wrapper .swiper-button-next::after, .area-wrap .area-banner .swiper-button-wrapper .swiper-button-prev::after {
      font-size: 20px;
    }
    .area-wrap .area-banner .swiper-button-wrapper .swiper-button-next {
      right: 15px;
    }
    .area-wrap .area-banner .swiper-button-wrapper .swiper-button-prev {
      left: 15px;
    }
    .area-wrap .area-banner .swiper-pagination {bottom:12px;padding:7px 12px;gap:5px;}
    .area-wrap .area-banner .swiper-pagination-bullet {width:4px;height:4px;}
    .area-wrap .area-banner .swiper-pagination-bullet-active {width:34px;}

    .area-wrap .area-information {padding: 0;}
    .area-wrap .area-information .container {grid-template-columns:repeat(3, 1fr);padding:0;}
    .area-wrap .area-information .area-information-box {border-bottom:1px solid #f0f0f0;padding:18px 0;border-right:1px solid #f0f0f0;}
    .area-wrap .area-information .area-information-box:nth-child(3n) {border-right:0;}
    .area-wrap .area-information .area-information-box:after {content:none;}

    .area-wrap .sec {padding:40px 0;}
    .area-wrap .sec-head .sec-title {font-size:20px;}
    .area-wrap .sec-head .sec-title img {width:22px;}

    .area-wrap .sec.package .package-item .package-thumb {height:170px;}
    .area-wrap .sec.package .package-item .package-name {font-size:14px;}
    .area-wrap .sec.package .package-item .package-detail li {font-size:12px;}
    .area-wrap .sec.package .package-item .package-resort {font-size:12px;}
    .area-wrap .sec.package .package-list .swiper {overflow:visible;}
    .area-wrap .sec.package .package-list .swiper-slide {width:84%;}
    .area-wrap .sec.package .package-list .swiper-button-next,
    .area-wrap .sec.package .package-list .swiper-button-prev {display:none;}

    .line-banner {margin-bottom:0;}

    .area-wrap .sec.guide .container {padding:0;}
    .area-wrap .sec.guide .guide-tab-swiper {height:55px;}
    .area-wrap .sec.guide .guide-tab-swiper .swiper-slide strong {font-size:14px;}
    .area-wrap .sec.guide .guide-tab-swiper .swiper-slide span {font-size:12px;}
    .area-wrap .sec.guide .guide-slider .swiper-button-prev {left:16px;width:20px;}
    .area-wrap .sec.guide .guide-slider .swiper-button-next {right:16px;width: 20px;}

    .area-wrap .sec.product .product-list {grid-template-columns: 1fr;gap:10px;}
    .area-wrap .sec.product .product-item .product-thumb {height:197px;}
    .area-wrap .sec.product .product-item .product-thumb img {width:100%;height:100%;object-fit:cover;}
    .area-wrap .sec.product .product-item .product-contents {padding:10px;}
    .area-wrap .sec.product .product-item .product-name {font-size:16px;}
    .area-wrap .sec.product .product-item .product-resort {font-size:14px;}
    .area-wrap .sec.product .product-item .product-tag {margin-bottom:10px;}
    .area-wrap .sec.product .product-item .product-tag .tag {font-size:14px;padding:4px;}
    .area-wrap .sec.product .product-item .product-icon {font-size:12px;}
    .area-wrap .sec.product .precaution {margin-top:40px;padding:14px 14px;}
    .area-wrap .sec.product .precaution-title {font-size:18px;margin-bottom:12px;}
    .area-wrap .sec.product .precaution li {font-size:12px;word-break:keep-all;}

    .area-wrap .sec.custom .custom-header {margin-bottom:20px;}
    .area-wrap .sec.custom .custom-header h2 {font-size:18px;margin-bottom:6px;}
    .area-wrap .sec.custom .custom-header p {font-size:12px;}
    .area-wrap .sec.custom .custom-swiper .swiper-slide {width: 100%;height:156px;}
    .area-wrap .sec.custom .custom-swiper .swiper-slide .custom-name {font-size:12px;}
    .area-wrap .sec.custom .custom-list .swiper-button-next,
    .area-wrap .sec.custom .custom-list .swiper-button-prev {width:28px;height:28px;}
    .area-wrap .sec.custom .custom-list .swiper-button-next:after,
    .area-wrap .sec.custom .custom-list .swiper-button-prev:after {font-size:11px;}
    .area-wrap .sec.custom .custom-list .swiper-button-prev {left:-14px;}
    .area-wrap .sec.custom .custom-list .swiper-button-next {right:-14px;}
}

@media screen and (max-width: 560px) {
}