.main-text-01{font-family: acumin-pro, 'Noto Sans KR'; color: #000; font-weight: 800; line-height:1.2; font-size: 35px; -webkit-transition:all .3s; transition:all .3s; }
.main-text-02{font-family: acumin-pro, 'Noto Sans KR'; color:#fff; line-height:1; font-weight:700; font-size: 35px;}
.main-text-03{font-family: acumin-pro, 'Noto Sans KR'; color: #000; font-weight: 100; line-height:1.2; font-size: 22px; -webkit-transition:all .3s; transition:all .3s; }
.main-text-03 sup{font-size: 16px;}
.main-text-04{font-family: acumin-pro, 'Noto Sans KR'; color: #000; font-weight: 700; font-size: 40px;}
.main-text-05{font-family: acumin-pro, 'Noto Sans KR'; font-size: 19px;}
.main-text-06{font-family: acumin-pro, 'Noto Sans KR'; font-weight: 700; color: #fff; font-size: 20px;}
.main-text-07{font-family: acumin-pro, 'Noto Sans KR'; color: #C52F3F; font-weight: 800; font-size: 25px;}
.main-text-08{font-family: acumin-pro, 'Noto Sans KR'; font-size: 20px;}
.main-text-09{font-family: acumin-pro, 'Noto Sans KR'; color:#808080; font-size: 15px;}
.main-text-10{font-family: 'score-r'; color:#fff; font-weight: 600; font-size: 15px;}
.main-text-11{font-family: acumin-pro, 'Noto Sans KR'; color:#fff; font-weight: 600; font-size: 13px;}
.text-stra{font-family: acumin-pro, 'Noto Sans KR'; font-weight:800; color:#fff; -webkit-transition:all .3s; transition:all .3s; font-size: 25px; }
.text-small{font-family: acumin-pro, 'Noto Sans KR'; font-size: 	13px;}

@media (min-width: 768px) {
	.main-text-01{font-size: 55px;}
	.main-text-02{font-size: 45px;}
	.main-text-03{font-size: 35px;}
	.main-text-03 sup{font-size: 20px;}
	.main-text-04{font-size: 40px;}
	.main-text-05{font-size: 27px;}
	.main-text-06{font-size: 25px;}
	.main-text-07{font-size: 25px;}
	.main-text-08{font-size: 20px;}
	.main-text-09{font-size: 15px;}
	.text-stra{font-size: 45px;}
}

@media (min-width: 992px) {
	.main-text-01{font-size: 70px;}
	.main-text-02{font-size: 60px;}
	.main-text-03{font-size: 50px;}
	.main-text-03 sup{font-size: 30px;}
	.main-text-04{font-size: 40px;}
	.main-text-05{font-size: 35px;}
	.main-text-06{font-size: 30px;}
	.main-text-07{font-size: 25px;}
	.main-text-08{font-size: 20px;}
	.main-text-09{font-size: 17px;}
	.text-stra{font-size: 55px;}
}

@media (min-width: 1200px) {
	.text-stra{font-size: 65px;}
}


/* 슬라이더 관련 */
.col-left{margin-bottom: 20px;}
.content-title{margin-bottom: 30px;}
.left-info{margin-top: 30px; }
@media (min-width: 992px) {
	.content-title{position: absolute; top: 70px;}
	.col-left{width: 50%;}
	.left-info{margin-top: 180px; padding-right: 50px;}
	.col-right{width: 50%; }
}


/*.swiper-nav-wrapper{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1001; left: 0; right: 0;}*/
.swiper-nav-wrapper{position: absolute; right: 15px; top: 0; z-index: 1001;}
.swiper-nav-wrapper .swipe-prev, .swiper-nav-wrapper .swipe-next{font-size: 25px; color: #fff; background-color: transparent; width:50px; text-align: center; border:1px solid #fff; -webkit-transition:all .3s; transition:all .3s; vertical-align: middle; padding-top: 3px; padding-bottom: 3px;}
.swiper-nav-wrapper .swipe-prev:hover, .swiper-nav-wrapper .swipe-next:hover{color: #fff; background-color: #fff; border:1px solid #fff; color: #000}

@media (min-width: 992px) {
	.swiper-nav-wrapper{left: calc(50% - 130px); bottom: 0; right: unset;}
}


.swiper-pagination{width:calc(100% - 30px) !important; position: absolute; left: 15px !important; bottom: -40px !important}
.swiper-pagination-bullet {background:	!important; border: none !important; border-radius:0 !important; position: relative; width: 80px; height: 4px; display: inline-block; border: 1px solid transparent; background: transparent; opacity: 1; -webkit-transition:all .3s; transition:all .3s; margin-left: 0 !important; margin-right: 0 !important; background: rgba(2, 206, 127, .1); }
.swiper-pagination-bullet.swiper-pagination-bullet-active {background:#02CE7F !important;}
.swiper-pagination-bullet {width: 25%;}
.swiper-pagination-bullet span{}

@media (min-width: 992px) {
	.swiper-pagination{width:calc(50% - 15px) !important; position: absolute; left: 50% !important; bottom: 0;}
}

.page-wrapper {margin-bottom: 20px;}
@media (min-width: 992px) {
	.page-wrapper {position: absolute; top: 0; margin-bottom: 0;}
}
.page-wrapper span{font-size: 35px; font-family: acumin-pro, 'score-r';color: #fff; font-weight: 100; margin-right: 20px; position: relative;}
.page-wrapper span:after {content: ''; width:0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition:all .3s; transition:all .3s}
.page-wrapper span.active:after {width: 100%;}


/* 슬라이드 텍스트*/
.slide-content{height:100%; position: relative; z-index: 110; display: table-cell; padding-left: 0; padding-right: 0; }
.slide-content.slide-a{vertical-align: bottom; padding-bottom: 250px;}
.slide-content.slide-b{vertical-align: top; padding-top: 150px;}
.slide-content.slide-c{vertical-align: middle;}
@media (min-width: 768px) {
	.slide-content.slide-a{vertical-align: bottom; padding-bottom: 150px;}
	.slide-content.slide-b{vertical-align: top; padding-top: 250px;}
	.slide-content.slide-c{vertical-align: middle;}
}
.slide-text-01{font-family: acumin-pro, 'score-r'; color: #fff; font-size: 13px; line-height: 1.3; visibility: hidden; font-weight: 300;}
.slide-text-02{color: #fff; font-family: acumin-pro, 'score-r'; font-size: 45px; visibility: hidden; font-weight: 700;}
.slide-text-03{color: #fff; font-family: acumin-pro, 'score-r'; font-size: 15px; visibility: hidden; font-weight: 700;}

@media (min-width: 768px) {
	.slide-text-01{font-size: 15px;}
	.slide-text-02{font-size: 60px;}
	.slide-text-03{font-size: 22px;}
	.logo-main{max-width: 395px; margin-top: 40px; margin-bottom: 20px; }
}

@media (min-width: 992px) {
	.slide-text-01{font-size: 20px;}
	.slide-text-02{font-size: 80px;;}
	.slide-text-03{font-size: 26px;}
}

@media (min-width: 1200px) {
	.slide-content{padding-left: 20px; padding-right: 20px;}
}



.room-info{background: #02CE7F; padding: 15px 20px; margin-top: 30px;}
@media (min-width: 992px) {
	.room-info{margin-right: 30px;}
}
@media (min-width: 1200px) {
	.room-info{position: absolute; width: 800px; }
}
.info-row {border-bottom: 1px solid #000; padding-top: 10px; padding-bottom: 10px;}
.info-row .info-text-01{color: #000; width: 100px; font-weight: 600; font-size: 15px;}
.info-row .info-text-02{color: #000; font-weight: 600; font-size: 13px;}
.info-row .info-text-03{width: 80px; color: #000; font-weight: 600; font-size: 12px;}
.info-row .info-text-04{color: #000; font-weight: 400; font-size: 12px; line-height: 1.5}
@media (min-width: 768px) {
	.info-row .info-text-01{font-size: 20px;}
	.info-row .info-text-02{font-size: 17px;}
	.info-row .info-text-03{font-size: 13px;}
	.info-row .info-text-04{font-size: 13px;}
}


.sl-wrapper{max-width: 1920px; overflow-x: hidden; margin: 0 auto}
.sl-wrapper{max-width: 1920px; overflow-x: hidden; margin: 0 auto}

.card-wrapper{width: 230px; cursor: pointer;}
.card-content{position: absolute; top: 25px; left: 20px; }
.card-text-01{font-size: 20px; font-weight: 800; margin-bottom: 20px; line-height: 1.1; color: #fff}
.card-text-02{font-size: 12px; color: #fff}

@media (min-width: 768px) {
	.card-wrapper{width: 280px;}
	.card-text-01{font-size: 26px;}
	.card-text-02{font-size: 13px;}
}

@media (min-width: 992px) {
	.card-wrapper{width: 325px;}
	.card-text-01{font-size: 34px;}
	.card-text-02{font-size: 14px;}
}

.gallery-wrapper a img{
	position: relative;
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}


@media (min-width: 768px) {
	.gallery-wrapper a img{width: 33.3%; }
}

@media (min-width: 992px) {
	.gallery-wrapper a img{width: 20%; }
}

.sl-wrapper{max-width: 1920px; overflow-x: hidden; margin: 0 auto}
.sl-wrapper{max-width: 1920px; overflow-x: hidden; margin: 0 auto}

.card-wrapper{width: 230px; cursor: pointer;}
.card-content{position: absolute; top: 25px; left: 20px; }
.card-text-01{font-size: 20px; font-weight: 800; margin-bottom: 20px; line-height: 1.1; color: #fff}
.card-text-02{font-size: 12px; color: #fff}

@media (min-width: 768px) {
	.card-wrapper{width: 280px;}
	.card-text-01{font-size: 26px;}
	.card-text-02{font-size: 13px;}
}

@media (min-width: 992px) {
	.card-wrapper{width: 325px;}
	.card-text-01{font-size: 34px;}
	.card-text-02{font-size: 14px;}
}


#map{height: 250px}
@media (min-width: 768px) {
	#map{height: 400px}
}
@media (min-width: 992px) {
	#map{height: 500px}
}
.logo-map{max-width: 80px}
@media (min-width: 768px) {
	.logo-map{max-width: 140px}
}


.category-text{font-size: 28px; color: #000; font-weight: 300; margin-right: 20px !important; cursor: pointer; -webkit-transition:all .2s; transition:all .2s; }
.category-text.active{font-weight: bold; }
.place-wrapper{display: flex; flex-wrap: wrap;}
.place-wrapper .place-content{width: 50%; }
@media (min-width: 768px) {
	.place-wrapper .place-content{width: 25%;}
}

@media (min-width: 992px) {
	.place-wrapper .place-content{width: 20%;}
}

.place-text-1{font-family: score-l; font-size: 40px; color: #fff; position: absolute; top: 15px; left: 15px;}
.place-text-2{font-family: score-l; font-size: 20px; color: #fff;}
.place-text-3{font-family: score-l; font-size: 13px; color: #fff;}
.place-info{position: absolute; left: 20px; bottom: 20px}
@media (min-width: 768px) {
	.place-text-1{font-size: 45px;}
	.place-text-2{font-size: 25px;}
	.place-text-3{font-size: 15px;}
}


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	 opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.popup-text-1{text-align: center; font-family: score-r; font-size: 15px; margin-bottom: 20px;}
.popup-text-2{text-align: center; font-family: acumin-pro, 'Noto Sans KR'; color: #000; font-weight: 800; font-size: 30px; margin-bottom: 40px;}
.popup-text-3{text-align: center; font-family: score-r; font-size: 17px; margin-bottom: 30px;}
.popup-text-4{text-align: center; font-family: score-r; font-size: 13px; line-height: 30px}
.popup-text-5{text-align: center; font-family: acumin-pro, 'Noto Sans KR'; color: #000; font-weight: 600; font-size: 18px; }
.popup-wrapper{padding: 70px 5px 60px 5px;}

@media (min-width: 768px) {
	.popup-wrapper{padding: 70px 30px 40px 30px;}
	.popup-text-1{font-size: 20px;}
	.popup-text-2{font-size: 50px;}
	.popup-text-3{font-size: 24px;}
	.popup-text-4{font-size: 15px;}
	.popup-text-5{font-size: 23px; }
}