@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=Roboto:300,400'); /* font-family: 'Roboto', sans-serif; */
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400'); /* font-family: 'Heebo', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i'); /* font-family: 'Playfair Display', serif; */
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500'); /* font-family: 'Kanit', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre'); /* font-family: 'Abhaya Libre', serif;  */
@import url('https://fonts.googleapis.com/css?family=Satisfy'); /* font-family: 'Satisfy', cursive; */
@import url('https://fonts.googleapis.com/css?family=Crimson+Text'); /* font-family: 'Crimson Text', serif; */
@import url('https://fonts.googleapis.com/css?family=Cookie'); /* font-family: 'Cookie', cursive; */
@import url('https://fonts.googleapis.com/css?family=Marck+Script'); /* font-family: 'Marck Script', cursive; */
@import url('https://fonts.googleapis.com/css?family=Pacifico'); /* font-family: 'Pacifico', cursive; */
@import url('https://fonts.googleapis.com/css?family=Great+Vibes'); /* font-family: 'Great Vibes', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i'); /* font-family: 'Vollkorn', serif; */
@font-face {
    font-family: 'TmoneyRoundWindRegular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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');
}

 /*
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 100;
   src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'),
	url('https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-ExtraLight-subset.woff') format('woff'),url('https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-ExtraLight-subset.woff2') format('woff2'), url('https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-ExtraLight-subset.otf') format('otf');
}
*/

/*

@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'), url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-Regular-subset.woff) format('woff'),url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-Regular-subset.woff2) format('woff2'), url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-Regular-subset.otf) format('otf'),        url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/1d04ede6/fonts/NotoSerifCJKkr-Regular-subset.ttf)  format('truetype')
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 600;
    src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'), url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-Bold-subset.woff) format('woff'),url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-Bold-subset.woff2) format('woff2'),  url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Katter/7392ea08/fonts/NotoSerifCJKkr-Bold-subset.otf) format('otf');
}*/

@font-face {
  font-family: 'Abuget';
    src:  url('./fonts/Abuget.woff') format('woff'),
    url('./fonts/Abuget.svg#Abuget') format('svg'),
    url('./fonts/Abuget.eot'),
    url('./fonts/Abuget.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/*
i {
	display: inline-block;
	font: normal normal normal 14px/1 naver;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/
.typo_01 {}
.typo_01 dt { font-family:  'Varela Round';font-size:3.4em; line-height:1.2em; color:#242d4c; margin-bottom:5%;}
.typo_dd {font-size:1.2em; line-height:2em; color:#000; font-weight:300; letter-spacing:-0.02em;}

.typo_02 {}
.typo_02 dt { font-size:1.5em; line-height:1.5em; color:#000; letter-spacing:-0.02em; margin-bottom:5%; font-weight: bold;}

.typo_03 {}
.typo_03 dt { font-size:1.5em;}
.typo_03 dt span {display:block; color:#242d4c;}
.typo_03 dt .title_01 {font-family: 'Vollkorn', serif; font-size:1.2em; line-height:1em; font-style:italic;}
.typo_03 dt .title_02 {font-family:  'Varela Round'; font-size:4.5em; line-height:1em; margin-bottom:3%;}
.typo_03 dt .title_03 { font-size:11px; line-height:1.5em; opacity:0.5; margin-bottom:10%;}

@media  (max-width: 1580px){

.typo_01 dt {font-size:3em; font-size:3vw; margin-bottom:5%;}
.typo_dd {font-size:1em; line-height:1.8em;}
.typo_02 dt { font-size:1.15em;}

.typo_03 dt { font-size:1.1em;}

}

@media  (max-width: 1280px){

.typo_dd {font-size:0.95em; line-height:1.7em;}

.typo_03 dt .title_01 {font-size:1em;}
.typo_03 dt .title_02 {font-size:3.2em;}
.typo_03 dt .title_03 { font-size:10px;}

}

@media  (max-width: 768px){

.typo_01 dt {font-size:3.2vw;}
.typo_dd {font-size:0.9em; line-height:1.5em;}
.typo_02 dt { font-size:1.1em;}

.typo_03 dt { font-size:1em;}
.typo_03 dt .title_02 { margin-bottom:15%;}
.typo_03 dt .title_03 {display:none;}

}

@media  (max-width: 420px){

.typo_01 dt {font-size:4vw;}
.typo_dd {font-size:0.8em; letter-spacing:-0.05em;}
.main .typo_dd {font-size:0.87em; letter-spacing:-0.07em;}
.typo_02 dt { font-size:1em;}

.typo_03 dt { font-size:0.75em;}
.typo_03 .typo_dd { font-size:0.75em;}

}

@media  (max-width: 360px){

.typo_dd {font-size:0.75em;}
.typo_02 dt { font-size:0.95em;}

.typo_03 dt { font-size:0.7em;}

}




.topTypo { position:absolute; left:50%; top:50%; color:#fff; transform: translate(-50%,-50%) scale(0.75); -ms-transform:translate(-50%,-50%) scale(0.75); -webkit-transform:translate(-50%,-50%) scale(0.75);  opacity:0; text-align:center; -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); z-index:5;}
.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); transition-delay:0.3s; -ms-transition-delay : 0.3s; -moz-transition-delay : 0.3s; -o-transition-delay : 0.3s; -webkit-transition-delay : 0.3s; opacity:1;}
.topTypo00 {font-family:  'Varela Round'; font-size:1.6em; line-height:1.2em; text-transform:uppercase; letter-spacing:0.05em; }
.topTypo01 {font-family:  'Varela Round'; font-size:4.6em; line-height:1.4em;  text-transform:uppercase; letter-spacing:0.05em; }
@media  (max-width: 1900px){.topTypo01{font-size:5vw;} }
.topTypo01 img { width:100%; max-width:818px; vertical-align:top;}
.topTypo02 { font-size:1.25em; line-height:1.5em; }
@media  (max-width: 1480px){.topTypo02{font-size:1.15em;} }

@media  (max-width: 1024px){
.topTypo { width:60%;}
.topTypo00 {font-size:1.1em; }
.topTypo01{font-size:6vw; line-height:1.2em; }
.topTypo02{font-size:1.8vw;} 
}

@media  (max-width: 560px){
.topTypo00 {font-size:3.5vw}
.topTypo01{font-size:7vw;}
.topTypo02{font-size:3vw;} 
}