.main-wrap {width:100%; position:relative;}
.main-wrap .main-bg-area {width:0;}
.main-wrap .main-bg-area .pc {display:block;}
.main-wrap .main-bg-area .mb {display:none;}
.main-wrap .main-bg-area img {display:none; position:relative; bottom:75px; left:50%; transform:translateX(-50%)}
.main-wrap .main-bg-area li {width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; opacity:0;}
.main-wrap .main-bg-area li.active {opacity:0.99}
.main-wrap .main-inner {width:calc(100% - 32px); max-width:1400px; margin:0 auto; position:relative; display:flex; justify-content:space-between;}

/* 메인 페이지 좌측 슬라이드 */
.main-slide-area {width:50%; max-width:552px; display:inline-block; margin-top:65px; margin-left:-20px; position:relative;}
.main-wrap .thums-slide {height:162px; font-size:48px;}
.main-wrap .thums-slide .swiper-wrapper {flex-direction: column;}
.main-wrap .thums-slide .swiper-slide { max-width:320px; height:70% !important; opacity:0 !important; position:relative; margin-left:27px}
.main-wrap .thums-slide .swiper-slide a {pointer-events:none;}
.main-wrap .thums-slide .swiper-slide.swiper-slide-active.jeju {display:block !important;}
.main-wrap .thums-slide .swiper-slide-active {opacity:1 !important; z-index:10}
.main-wrap .thums-slide .swiper-slide-active a {display:inline-block; width:95%; height:90%; margin-top:2px; pointer-events:all}
.main-wrap .thums-slide .swiper-slide a strong {display:inline-block; width:100%; font-size:48px; font-weight:500; color:#fff; text-shadow:0 3px 10px rgba(0,0,0,0.2); white-space:nowrap}
.main-wrap .thums-slide .swiper-slide span {display:inline-block; width:100%; font-size:18px; color:#fff; position:relative; top:14px; left:0px; text-shadow:0 3px 10px rgba(0,0,0,0.2)}
.main-wrap .thums-slide .swiper-slide strong::after {content:""; display:inline-block; width:46px; height:12px; background:url(/img/main/arr_go.png) no-repeat center; position:relative; left:7px; top:4px}
.thums.swiper-button-next,.thums.swiper-button-prev,.thums.swiper-pagination {display:none}
.main-wrap .main-slide {overflow:hidden; width:250px; height:230px; margin-top:-50px; margin-left:0;}
.main-wrap .main-slide .swiper-wrapper {height:100%; display:inline-block;}
.main-wrap .main-slide .swiper-slide {display:flex !important; align-items:center; opacity:1; display:block; position:relative;}
.main-wrap .main-slide .swiper-slide::before {content:""; display:inline-block; width:7px; height:7px; background:#fff; position:relative; top:1px; border-radius:50%; margin-right:20px}
.main-slide-area::after {content:""; display:inline-block; width:24px; height:24px; background:url('/img/main/circle.png') no-repeat center; position:absolute; top:28px; left:-9px}
.main-slide-area::before {content:""; width:1px; height: 275px; background:#fff; position:absolute; left: 3px; top: 51px; opacity:0.6}
.main-wrap .thums-slide .swiper-slide::before {top:-13px; margin-right:17px}
.main-wrap .main-slide .swiper-slide-active {opacity:0}
.main-wrap .main-slide .swiper-slide a {font-size:18px; font-weight:400; color:#fff; text-shadow:0 3px 10px rgba(0,0,0,0.3)}
.main-wrap .main-slide .swiper-slide span{display:none; position:absolute; font-size:18px; font-weight:400; color:#fff}

.main.swiper-button-next, .main.swiper-button-prev {width:26px; height:18px; background:url(/img/main/arr_up.png) no-repeat center; /*top:305px;*/ left:-64px;}
.main.swiper-button-next {top:275px;}
.main.swiper-button-prev {top:335px; background:url(/img/main/arr_down.png) no-repeat center;}

/* 메인 페이지 슬라이드 버튼 IE10+ */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	 .main.swiper-button-next, .main.swiper-button-prev {margin-top: -22px;}
}

/* 메인 슬라이드 재생 정지 버튼 */    
.main-autoplay-control {position: absolute; z-index: 5; top: 283px; left: -57px;}
.autoplay-control {width: 20px;}
.autoplay-control button {display: none; width: 20px; height: 20px; border: 0; background: transparent;text-indent: -9999px; cursor: pointer;}
.autoplay-control button.stop {width: 12px;height: 18px;border-left: 3px solid #fff;border-right: 3px solid #fff;box-sizing: border-box;}
.autoplay-control button.start {border-top: 10px solid transparent;border-left: 14px solid #fff;border-bottom: 10px solid transparent;}
.autoplay-control button.on {display: block;}
.thums-autoplay-control{display: none;} /*모바일용*/
@media screen and (max-width: 1024px) {
	.main-autoplay-control{display: none;} /*pc용*/
	.thums-autoplay-control{display: block; margin-left: 10px;} /*모바일용*/
	.autoplay-control button{margin: auto;}
}

/* 메인 페이지 우측 예약박스 */
.main-wrap .reserve-area {width:100%; max-width:384px; margin-top:48px;}
.main-wrap .reserve-area .reserve-box {margin-bottom:14px; padding:20px 30px; background:rgba(255,255,255,0.9); border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.2)}
.main-wrap .reserve-area .reserve-box .select-list {flex-direction: column;}
.main-wrap .reserve-area .reserve-box .select-list > li {width:100%; margin-top:0; margin-bottom:10px}
.main-wrap .reserve-area .select-box-type-calendar {width:100%}
.main-wrap .reserve-area .reserve-box .flex-box > .btn-type01 {display:inline-block; max-width:100%; width:100%; margin-top:16px}
.main-wrap .reserve-area .reserve-box .text-type-dot {width:100%; line-height:26px; margin:0 auto; padding:10px 0 0;}
.main-wrap .reserve-area .reserve-box .text-type-dot::before {display:none}
.main-wrap .reserve-area .reserve-box .text-type-dot strong,.main-wrap .reserve-area .reserve-box .text-type-dot span {display:inline-block; width:100%; text-align:center}
.main-wrap .reserve-area .info-wrap {width:100%;}
.main-wrap .reserve-area .info-wrap .info-tab{width:100%; display:flex}
.main-wrap .reserve-area .info-wrap .info-tab li {border-bottom:solid 1px #c9ced3; width:50%; background:rgba(255,255,255,0.8); border-radius:5px 5px 0 0; cursor: pointer;}
.main-wrap .reserve-area .info-wrap .info-tab li:first-child {border-right:solid 1px #c9ced3}
.main-wrap .reserve-area .info-wrap .info-tab li.active {border-bottom:0; background:rgba(255,255,255,0.9);}
.main-wrap .reserve-area .info-wrap .info-tab li:before {content:""; display:inline-block; width:24px; height:24px; margin:9px 0 2px; position:relative; top:0; left:50%; transform:translateX(-50%) }
.main-wrap .reserve-area .info-wrap .info-tab li:first-child:before {background:url('/img/main/icon_people_g.png') no-repeat center}
.main-wrap .reserve-area .info-wrap .info-tab li.active:first-child:before {background:url('/img/main/icon_people_b.png') no-repeat center}
.main-wrap .reserve-area .info-wrap .info-tab li:last-child:before {background:url('/img/main/icon_call_g.png') no-repeat center}
.main-wrap .reserve-area .info-wrap .info-tab li.active:last-child:before {background:url('/img/main/icon_call_b.png') no-repeat center}
.main-wrap .reserve-area .info-wrap .info-tab li a {font-weight:700; display:inline-block; width:100%; text-align:center; margin-bottom:9px;}
.main-wrap .reserve-area .info-wrap .info-box {max-height:177px; padding:12px 44px 10px; width:100%; background:rgba(255,255,255,0.9);}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .title {display:flex; margin-bottom:5px;}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .title > li {width:33%; position:relative; font-size:15px; line-height:20px; font-weight:700; display:flex; flex-wrap:wrap; text-align: center; justify-content: center;}
.main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li .img {margin-bottom:8px; display:inline-block; width:58px; height:58px; position:relative;}
.main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li:nth-child(1) .img {background:url('/img/main/kori01.png') no-repeat center}
.main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li:nth-child(2) .img {background:url('/img/main/kori03.png') no-repeat center}
.main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li:nth-child(3) .img {background:url('/img/main/kori02.png') no-repeat center}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .title > li:nth-child(2)::before {content:""; display:inline-block; width:1px; height:26px; background:#c9ced3; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .title > li:nth-child(2)::after {content:""; display:inline-block; width:1px; height:26px; background:#c9ced3; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .ul-type-star {display:flex; flex-direction:column; justify-content: center; text-align:center}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .ul-type-star li {display:inline-block; width:auto; font-size:11px !important; color:#73777a; line-height:14px}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .ul-type-star li a {font-size:11px !important; color:#73777a; line-height:14px}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .ul-type-star li:first-child {margin-bottom:2px}
.main-wrap .reserve-area .info-wrap .info-box .list-01 .ul-type-star li::before {position:relative}
.main-wrap .reserve-area .info-wrap .info-box .list-02 {display:none; width:100%; padding:3px 0; justify-content:center;}
.main-wrap .reserve-area .info-wrap .info-box .list-02 .mb-tab {display:none}
.main-wrap .reserve-area .info-wrap .info-box .list-02 ul{width:50%}
.main-wrap .reserve-area .info-wrap .info-box .list-02 ul:last-child{border-left:solid 1px #c9ced3}
.main-wrap .reserve-area .info-wrap .info-box .list-02 li {width:100%}
.main-wrap .reserve-area .info-wrap .info-box .list-02 li span {display:inline-block; width:100%; text-align:center; font-size:15px; font-weight:500}
.main-wrap .reserve-area .info-wrap .info-box .list-02 li span {letter-spacing:-0.05em}
.main-wrap .reserve-area .info-wrap .info-box .list-02 li a {display:inline-block; width:100%; text-align:center; font-size:18px; font-weight:700;}
.main-wrap .reserve-area .info-wrap .info-btn-wrap {display:flex; width:100%; line-height:52px; background:#0066b3}
.main-wrap .reserve-area .info-wrap .info-btn-wrap li {width:50%; position:relative;}
.main-wrap .reserve-area .info-wrap .info-btn-wrap li:first-child::before {content:""; width:1px; height:36px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:#222; opacity:0.4}
.main-wrap .reserve-area .info-wrap .info-btn-wrap li a {display:inline-block; width:100%; height:100%; text-align:center; color:#fff;}
.main-wrap .reserve-area .info-wrap .info-box .mb-tab {display:none}

.reserve-info-wrap .reserve-date-box {padding:35px 16px 16px}
.reserve-info-wrap .reserve-date-box::before {top:69%}
.reserve-info-wrap .reserve-date-box .reserve-date li > p {font-size:15px; font-weight:500; margin-bottom:2px} 
.reserve-info-wrap .reserve-date-box .reserve-date li > span {font-size:18px; font-weight:700}
.reserve-info-wrap .term-box {height:48px}
.reserve-info-wrap .price-info-box {margin-top:16px}
.reserve-info-wrap .price-box,.reserve-info-wrap .price-info-box .info li:last-child {margin-bottom:10px}
.reserve-info-wrap .btn-type01 {margin-top:0 !important}
.calendar-wrap .x-btn.d-mb {display:block !important; width:20px; height:20px; background-size:100% 100%; background:url(/img/common/icon_exit20x20.png); position:absolute; right:16px; top:16px;}
.calendar-mobile-bg {width:100%; height:100%; z-index:100; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6)}

/* 메인 페이지 팝업 */
.popup-wrap {width:calc(100% - 20px); max-width:29rem; height:auto; min-height:auto; max-height:calc(100% - 21px); overflow:auto; border:solid 5px #0066b3; background:#0066b3; padding:0;}
.popup-wrap::-webkit-scrollbar {display:none}
.popup-wrap .popup-header {width:100%; padding-top:0; padding:24px 8.4% 20px; background:#fff;}
.popup-header::before{content: ""; position:absolute; left:26px; top:24px; width: 100px;height: 10px;background: url(/img/common/logo.png) no-repeat center; background-size: cover;}
.popup-wrap .popup-body {padding:0 1.2rem 1.5rem; background:#fff; position:relative;}
.popup-wrap .popup-body::before {content:""; display:inline-block; width:100%; height:5px; background:#fff; position:absolute; top:-1px; left:50%; transform:translateX(-50%)}
.popup-wrap .popup-body::after {content:""; display:inline-block; width:100%; height:5px; background:#fff; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%)}
.popup-wrap .popup-body .title {font-size:16px; line-height:26px; font-weight:700; margin-bottom:10px;}
.popup-wrap .popup-body > .text {font-size:12px; font-weight:400; line-height:22px; color:#222; margin-bottom:16px}
.popup-wrap .popup-body .text-box {width:100%; padding:14px 12px; border:solid 1px #c9ced3}
.popup-wrap .popup-body .text-box .text, .popup-wrap .popup-body .text-box .text a {font-size:12px; line-height:22px; color:#222}
.popup-wrap .popup-footer {padding:6px 8.4% 10px; position:relative; background:#fff}
.popup-wrap .popup-footer::before {content:""; display:inline-block; width:calc(100% - 52px); height:1px; background:#c9ced3; position:absolute; top:0; left:50%; transform:translateX(-50%)}
.popup-wrap .popup-footer .copyright {font-size:9px; line-height:14px;}
.popup-wrap .btn-wrap {margin:0; width:100%; display:flex; align-items:flex-start; background:#0066b3; position:sticky; bottom:-1px}
.popup-wrap .btn-wrap a {display:inline-block; width:50%; min-height:33px; margin:0 !important; background:#0066b3; font-size:12px; font-weight:500; color:#fff; text-align:center; padding:10px; position:relative;}
.popup-wrap .btn-wrap a:focus {outline:0 !important; color:#ffb81c !important}
.popup-wrap .btn-wrap a::before {content:""; display:inline-block; width:1px; height:10px; position:absolute; right:0; top:calc(50% + 2px); transform:translateY(-50%); background:#fff;}
.popup-wrap .btn-wrap a:last-child::before {display:none}
.popup-wrap img {width:100%;}
.popup-first {max-width:max-content;}

@media screen and (max-width:1600px) {
    .main-slide-area {margin-left:60px}
}

@media screen and (max-width:1200px) {
    .main-wrap .thums-slide .swiper-slide.jeju a strong {margin-top:16px; line-height:1.2; font-size:35px}
    .main-wrap .thums-slide .swiper-slide.jeju a strong .d-mb {display:block !important}
}
@media screen and (max-width:1024px) {
    .wrap {margin-top:60px}
    .main-wrap .main-bg-area img {bottom:auto; top:-30px; width:100%; height:100vh; object-fit: cover; object-position:top;}
    .main-wrap .thums-slide .swiper-slide.jeju a strong {display:inline-block; margin:3px 10px 0 0; font-size:35px}
    header,footer {position:relative; z-index:10}
    .main-wrap {padding-top:40px}
    .main-wrap .main-bg-area {position:fixed; top:90px; left:0; z-index:0; width:100%; opacity:0.99; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
    .main-wrap .main-bg-area li {overflow:visible;}    
    .main-wrap .main-inner {max-width:600px; flex-direction:column; justify-content:flex-start}
    .main-wrap .thums-slide {height:auto; height:157px}
    .main-wrap .thums-slide .swiper-wrapper {flex-direction: row;}
    .main-wrap .reserve-area .reserve-box {padding:20px 16px 13px 16px}
    .main-wrap .thums-slide .btn-wrap {z-index:10; /*width:215px;*/ width:230px; position:absolute; left:50%; bottom:15px; transform:translateX(-50%); display:flex; justify-content: space-between; align-items: center;}
    .thums.swiper-button-next, .thums.swiper-button-prev {display:block; width:25px; height:25px; background:#fff; border-radius:50%; opacity:0.5; top:138px; position:relative; margin-top:0; position:relative; top:0; left:0}
    .thums.swiper-button-next {background:#fff url(/img/common/arr_slide_r.png) no-repeat center; background-size:8px 12px; right:0}
    .thums.swiper-button-prev {background:#fff url(/img/common/arr_slide_l.png) no-repeat center; background-size:8px 12px; left:0}
    .thums.swiper-pagination {display:block; position: relative; top:-4px}
    .thums.swiper-pagination .swiper-pagination-bullet {background:#fff; width:8px; height:8px; opacity:1; margin:0 8px !important}
    .thums.swiper-pagination .swiper-pagination-bullet {position:relative}
    .thums.swiper-pagination .swiper-pagination-bullet-active::before {content:""; display:inline-block; width:17px; height:17px; border:solid 1px #fff; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);  border-radius:50%; opacity:1 !important; }
    .thums.swiper-pagination .swiper-pagination-bullet::before {content:""; display:inline-block; opacity:0; width:17px; height:17px; border:solid 1px #fff; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);  border-radius:50%;} 
    .main-slide-area, .main-wrap .reserve-area {margin:0 auto !important; width:100%; max-width:768px;}
    .main-wrap .main-slide,.main-slide-area::before,.main-slide-area::after {display:none}
    .main-wrap .reserve-area .info-wrap .info-tab li {width:100%; padding:18px 27px 10px; display:flex; align-items: center; cursor:none; position:relative}
    .main-wrap .reserve-area .info-wrap .info-tab li::after,.main-wrap .reserve-area .info-wrap .info-box .mb-tab::after {content:""; width:calc(100% - 50px); height:1px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#c9ced3}
    .main-wrap .reserve-area .info-wrap .info-tab li a {width:auto; margin:0; cursor:none}
    .main-wrap .reserve-area .info-wrap .info-tab li:before {left:0; transform:translateX(0); margin:0 8px 0 0}
    .main-wrap .reserve-area .info-wrap .info-tab li:last-child {display:none}
    .main-wrap .reserve-area .info-wrap .info-box {max-height:100%; padding:12px 0 0 !important}
    .main-wrap .reserve-area .info-wrap .info-box .list-01 .title {justify-content: space-around; max-width:390px; margin:0 auto; margin-bottom:10px;}
    .main-wrap .reserve-area .info-wrap .info-box .list-01 .title > li {flex-direction: column; justify-content: center; padding:0 2.7%;}
    .main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li .img {left:50%; transform:translateX(-50%); width:70px; height:70px}
    .main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li:nth-child(1) .img {background:url(/img/main/kori01_m.png) no-repeat center}
    .main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li:nth-child(2) .img {background:url(/img/main/kori03_m.png) no-repeat center} 
    .main-wrap .reserve-area .info-wrap .info-box .list-01 > .title > li:nth-child(3) .img {background:url(/img/main/kori02_m.png) no-repeat center} 
    .main-wrap .reserve-area .info-wrap .info-box .list-01 .ul-type-star {margin-bottom:18px}
    .main-wrap .reserve-area .info-wrap .info-box .list-02 {display:flex !important; padding:20px 0 0 0}
    .main-wrap .reserve-area .info-wrap .info-box .list-02 li span {margin-bottom:5px}
    .main-wrap .reserve-area .info-wrap .info-box .list-02 li a {margin-bottom:15px}
    .main-wrap .reserve-area .info-wrap .info-btn-wrap li {min-height:80px; display:flex; justify-content: center; align-items: center;}
    .main-wrap .reserve-area .info-wrap .info-btn-wrap li a {width:65%; height:auto; line-height:80px; line-height:24px; font-size:18px; font-weight:500;}
    .main-wrap .reserve-area .info-wrap .info-box .mb-tab {position:relative; font-weight:700; display:flex; align-items:center; width:100%; padding:0 27px 10px}
    .main-wrap .reserve-area .info-wrap .info-box .mb-tab::before {content:""; display:inline-block; width:24px; height:24px; margin: 0 8px 0 0; background:url('/img/main/icon_call_b.png') no-repeat center}
    .main-wrap .thums-slide .swiper-slide a strong {font-size:35px; font-weight:500; line-height:43px;}
    .main-wrap .thums-slide .swiper-slide span {display:inline-block; width:100%; position:relative; top:0; margin-top:8px; line-height:24px}
    /* .main-wrap .thums-slide .swiper-slide.jeju {height:168px;} */
    .main-wrap .thums-slide .swiper-slide.jeju a span {top:-18px}
    .main-wrap .thums-slide .swiper-slide.jeju a strong {position:relative; top:-10px}
    .main-wrap .reserve-area .info-wrap .info-tab li {border-bottom:0; background:rgba(255,255,255,0.9);}
    .main-wrap .reserve-area .info-wrap .info-tab li:first-child:before {background:url('/img/main/icon_people_b.png') no-repeat center}
    .main-wrap .reserve-area .info-wrap .info-box .list-01 {display:block !important}
    .main .calendar-wrap {width:100%; min-width:auto; min-height:calc(100vh - 172px); overflow:auto; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%)}
    .main.swiper-button-next, .main.swiper-button-prev {display:none}
    .main-wrap .thums-slide .swiper-slide {transition:0.3s}
}
@media screen and (max-width:768px) {
    .main-wrap .main-bg-area .pc {display:none !important;}
    .main-wrap .main-bg-area .mb {display:block !important; width:100%}
}

@media (min-width:1701px) and (max-height:850px) {
    .calendar-wrap {max-width:360px; height:calc(100% - 40px); left:50%; padding-bottom:20px; background:#fff; border:solid 1px #c9ced3; position:fixed; transform:translateY(-50%) translateX(-50%) !important}
    .rnb-area {position:absolute; top:140px; right:50px;}
}
@media (min-width:1025px) {
	body, html {height:100%}
}
@media screen and (max-height:700px) {
    .main .calendar-wrap {max-width:360px; height:calc(100% - 40px); top:50% !important; left:50% !important; padding-bottom:20px; background:#fff; border:solid 1px #c9ced3; position:fixed; transform:translateY(-50%) translateX(-50%) !important;}
}
@media (min-width:1025px){
	body, html {height:100%;}
	body {display:flex; flex-direction:column;}
	.wrap.main {height:100%; min-height:780px; max-height:900px}
	.main-wrap, .main-inner {height:100%;}
	.main-wrap .reserve-area {position:absolute; right:0; bottom:0; margin-top:0;}
	.main-wrap .main-bg-area .pc {display:inline-block; bottom:0}
}
@media (max-width:350px) {
	.popup-wrap .popup-body {padding:0 5% 24px;}
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .main-wrap .main-bg-area img {position:relative; min-width:100%; min-height:100vh; width:auto !important; height:auto !important; left:50%; transform:translateX(-50%)}
}