/* scroll button */
.scroll_btnbox {
	position:fixed;
	left: 50%;
	bottom: 50px;
	z-index: 999;
	transform:translateX(-50%);
	color:#fff;
}
.scroll_btnbox .gototop,
.scroll_btnbox.is_bottom .gotodown {
	display: none;
}
.scroll_btnbox.is_bottom .gototop {
	display: block;
}
.scroll_btnbox.is_bottom {
	bottom: -5px;
    transform: translate(-50%,-50%);
    background-color: #000;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 75px;
    border-radius: 100%;
    left: auto;
    right: 0px;
}
.scroll_btnbox .iconify {
	width:40px;
	height:40px;
}


.reserbt {
	top:50%;
	left:0;
	position:fixed;
	transform:translateY(-50%);
	height:8vw;
	width:2vw;
	background-color:#333;
	z-index:999;
	word-break: break-all;
    writing-mode: vertical-rl;
	text-align:center;
	font-family: 'Noto Sans CJK KR';
	color:#fff;
	font-size:1vw;
    letter-spacing: 0.06em;
    font-weight: 300;
    /* font-style: italic; */
    padding-right: 0.3vw;
}
.reserbt.is_bottom {
	background-color:#000;
	color:#ffff;
}
.reserbt a {
	width:100%;
	height:100%;
	display:block;
}
.reserbt .mobile {
	display:none;
}

/* swiper css */
.swiper-container {
	height: 100%;
	bottom: 0%;
	transform: translateY(0%);
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-wrapper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	height: 100%;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-position: center;
	background-size: cover;
	cursor: -webkit-grab;
	cursor: -ms-grab;
	cursor: -0-grab;
}
.swiper-slide .img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;
}
.swiper-slide a {
	width: 100%;
	height: 100%;
	display: block;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left:90px;
	right:auto;
	z-index:11;	
    width:50px;
	height:50px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right:90px;
	left:auto;
	z-index:11;
    width:50px;
	height:50px;
}
.swiper-button-prev span , .swiper-button-next span {
	font-size:70px;
}
.swiper-button-prev .iconify , .swiper-button-next .iconify {
	width:50px;
	height:50px;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	display: none;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	pointer-events:auto;
	opacity:1;
	cursor:pointer;
}
.page {
	font-family: 'TmonMonsori';
	letter-spacing:0.1em;
	font-size:12px;
	color:#fff;
	position: absolute;
    bottom: 55px;
	right:80px;
    z-index: 10;
    width: 95px;
    height: 30px;
	line-height:32px;
	z-index:99;
}
.page .swiper-pagination {
	position:relative;
	text-align:center;
	bottom:0;
}
.page .swiper-pagination .line {
	display:inline-block;
	margin:0 3px;
}




/* common */
#mainslide {
	width:100%;
	height:100%;
}
#fullpage .section,
#fullpage2 .section {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#fullpage .section,
#fullpage2 .section {
	overflow: hidden;
}

.section .img_box,
.section .img_box .img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* layout */


/*text wrap*/
.tit1 {
	font-family: 'AritaBuri';
	font-size:70px;
	line-height:1.1;
	color:#fff;
}
.mainsectionadd .tit1 {
	font-family: 'AritaBuri';
	font-size:18px;
	line-height:1.1;
	color:#fff;
}
.tit2 {
	font-family: 'Noto Sans CJK KR';
	font-size:50px;
	letter-spacing:-0.02em;
}
.tit3 {
	font-family: 'GmarketSansMedium';
	font-size:35px;
	letter-spacing:-0.02em;
}
.tit4 {
	font-family: 'Noto Sans CJK KR';
	font-size:35px;
	letter-spacing:-0.02em;
}
.tit5 {
	font-family: 'GmarketSansBold';
	font-size:70px;
	letter-spacing:-0.02em;
	color:#fff;
}

.txt1 {
	font-family: 'Noto Sans CJK KR';
	font-size:15px;
	letter-spacing:0.3em;
	color:#fff;
	margin-top:15px;
}
.mainsectionadd .txt1 {
	font-family: 'Noto Sans CJK KR';
	font-size:70px;
    letter-spacing: 0.15em;
    margin-top: -10px;
}
.txt2 {
	font-family: 'Noto Sans CJK KR';
	font-size:10px;
	letter-spacing:-0.02em;
	color:#fff;
	line-height: 0.3;
}
.txt3 {
	font-family: 'GmarketSansMedium';
	font-size:12px;
	letter-spacing:-0.02em;
	margin-top:40px;
	line-height: 0.5;
    color: #999;
}
.txt4 {
	font-family: 'Noto Sans CJK KR';
	font-size:20px;
	letter-spacing:-0.02em;
	margin-top:20px;
	line-height: 0.5;
    color: #999;
}
.map .txt4 {
	line-height: 1.0;
}
.txt5 {
	font-family: 'GmarketSansLight';
	font-size:15px;
	letter-spacing:-0.02em;
	color:#fff;
}
.txt6 {
	font-family: 'GmarketSansMedium';
	font-size:25px;
	letter-spacing:-0.02em;
	color:#fff;
}

.txtwrap {
	position:absolute;
	z-index:10;
}


.mainsection .txtwrap {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


/* footer */
.footer {
	font-family: 'Noto Sans CJK KR';
    background-color: #333;
}
.footer .ft_txt {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer .ft_txt span {
	color:#fff;
	font-size:15px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:1.8;
}
.ft_box1 {
	margin-bottom:5px;
	font-size:30px;
	font-weight:bold;
}
.ft_box1 span {
	position:relative;
	display:block;
}

.ft_box3 {
	margin-top:30px;
}
.ft_box3  a {
	position:relative;
	padding-right: 24px;
	color:#fff;
	font-size:11px;
	font-weight:300;
}
.ft_box3 a:last-child {
	padding-right:0;
}
.ft_box3 a:after {
	content: '|';
	display: block;
	position: absolute;
	right: 8px;
	top: -0px;
}
.ft_box3 a:last-child:after {
	display: none;
}


@media(min-width: 1921px) {

	
}

@media  (max-width: 1600px){

}

@media  (max-width: 1440px){
	
}

@media(max-width: 1366px) {
	
	
}

@media(max-width: 1280px) {
	
}

@media(max-width: 1024px) {
    .mainsection .txtwrap {
        width: 100%;
    }
	.tit1 {
        font-size: 40px;
    }
    .txt1 {
        font-size: 13px;
    }
    .mainsectionadd .tit1 {
        font-size: 14px;
    }
    .mainsectionadd .txt1 {
        font-size: 40px;
    }
}

@media(max-width: 992px) {}

@media(max-width:769px) {
	
}

@media(max-width:560px) {
    .reserbt {
        height: 33vw;
        width: 10vw;
        font-size: 4vw;
        padding-right: 3vw;
    }

    .tit1 {
        font-size: 30px;
    }
	.tit2 {
        font-size: 30px;
    }
	.tit3 {
        font-size: 28px;
    }
	.tit4 {
        font-size: 25px;
    }
	.txt3 {
		line-height: 1.2;
	}
	#wrap.room .roomsub_title .txt3 {
		font-size: 8px;
		line-height: 1;
	}
    .txt4 {
        font-size: 17px;
    }

	.scroll_btnbox {
		bottom:10px;
	}
	.scroll_btnbox .iconify {
		width:30px;
		height:30px;
	}
	.scroll_btnbox.is_bottom {
		width:30px;
		height:30px;
		line-height:36px;
	}
	.scroll_btnbox.is_bottom .iconify {
		width:20px;
		height:20px;
	}

	.page {
		bottom:10px;
		right:10px;
		font-size:10px;
		width:80px;
	}
	
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left:5px;
		right:auto;
		z-index:11;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right:5px;
		left:auto;
		z-index:11;
	}
	.swiper-button-prev span , .swiper-button-next span {
		font-size:20px;
	}


}


@media(max-width: 320px) {
}