@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700'); /* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,500,600'); /* font-family: 'Noto Serif KR', serif; */
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css'); /* font-family: 'Jeju Myeongjo', serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700'); /* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700'); /* font-family: 'Quicksand', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500'); /* font-family: 'Fira Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Lora'); /* font-family: 'Lora', serif; */
@import url('https://fonts.googleapis.com/css?family=Vidaloka'); /* font-family: 'Vidaloka', serif; */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i'); /* font-family: 'Playfair Display', serif; */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500'); /* font-family: 'Montserrat', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond'); /* font-family: 'Cormorant Garamond', serif; */
@import url('https://fonts.googleapis.com/css?family=Sacramento'); /* font-family: 'Sacramento', cursive; */
@import url('https://fonts.googleapis.com/css?family=Dancing+Script'); /* font-family: 'Dancing Script', cursive; */
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre'); /* font-family: 'Abhaya Libre', serif; */
@import url('https://fonts.googleapis.com/css?family=Oleo+Script'); /* font-family: 'Oleo Script', cursive; */
@import url('https://fonts.googleapis.com/css?family=Sacramento'); /* font-family: 'Sacramento', cursive; */
/* font-family: 'Libre Bodoni', serif; */
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@1,400;1,500;1,600;1,700&display=swap');
/* font-family: 'Lobster', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
/* font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@font-face {
	font-family: 'Gotham';
	font-style: normal;
    font-weight: 100;
	src: url('./fonts/GothamThin.eot');
	/*src: local('Gotham Thin'),*/ url('./fonts/GothamThin.woff') format('woff'), url('./fonts/GothamThin.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham';
	font-style: normal;
    font-weight: 400;
	src: url('./fonts/GothamMedium.eot');
	/*src: local('Gotham Medium'),*/ url('./fonts/GothamMedium.woff') format('woff'), url('./fonts/GothamMedium.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham';
	font-style: normal;
    font-weight: 700;
	src: url('./fonts/GothamBold.eot');
	/*src: local('Gotham Bold'),*/ url('./fonts/GothamBold.woff') format('woff'), url('./fonts/GothamBold.ttf') format('truetype');
}

.topTypo {position:absolute; width:76%; left:50%; top:50%; text-align:center; transform: translate(-50%,-50%) scale(0.85); -ms-transform:translate(-50%,-50%) scale(0.85); -webkit-transform:translate(-50%,-50%) scale(0.85); opacity:0;  text-shadow:1px 1px 2px rgba(255,255,255,0.1);z-index:5; }
.topTypo .topTypo00 {font-size:1.2em; line-height:1.5em; color: #fff; text-shadow: 2px 2px 2px rgb(18,18,18);}
.topTypo .topTypo00_room {font-family: 'Libre Bodoni', serif; font-size:1.55em; line-height:1.5em; letter-spacing:0.05em; color: #fff; text-shadow: 2px 2px 2px rgb(18,18,18);}
.topTypo .topTypo01 {font-family: 'Pretendard', cursive; color: #fff; font-size:3.5em; line-height:1.35em; text-transform:uppercase; text-shadow: 2px 2px 2px rgb(18,18,18); }
.topTypo_room .topTypo01 {font-size:6.5em; line-height:1.35em;  text-transform:inherit; }
.topTypo .topTypo02 { font-size:1.35em; line-height:1.6em; color: #fff; text-shadow: 2px 2px 2px rgb(18,18,18);}
.active .topTypo {transform: translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); -webkit-transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); opacity:1;}

@media  (max-width: 1420px){
.topTypo .topTypo01 { font-size:4vw;}
.topTypo_room .topTypo01 { font-size:6vw;}
.topTypo .topTypo02 { font-size:1.05em;}

}

@media  (max-width: 768px){
.topTypo { text-shadow:1px 1px rgba(255,255,255,0.2);}
.topTypo .topTypo01 { font-size:6vw; text-shadow:1px 1px rgba(255,255,255,0.3);}
.topTypo_room .topTypo01 { font-size:9vw;}
.topTypo .topTypo02 { font-size:1em; letter-spacing:-0.05em; }

.topTypo .topTypo00 { font-size:1em;}
.topTypo .topTypo00_room {font-size:1em; line-height:1.5em; letter-spacing:0.05em;}
}