@import url("https://rotateq.co.kr/css/fonts.css"); /* 노토산스 */
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}

/*
@font-face {
	font-family: 'Nanum Myeongjo';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Nanum Myeongjo.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*/




html, body {
	background-color: #000;
}
.wrap {
	height: 100%;
	position: relative;
	background: #cdba93 !important;
}
.wrap.main {
	overflow: hidden;
}
#fullpage {
	background-color: #fff;
}
.section {
	overflow: hidden;
	background-color: #fff;
}


.con_wrap {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 15px;
    transform: scale(0.8);
}



/*하얀 박스* slick.js*/
.wrap_write {
	width: 100%;
	margin: 0px auto;
}
.wrap_write h1 {
    text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.wrap_write h1 img {
	width:40%;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0px auto;
}


.wrap_write h1 span {
	display: block;
	font-weight: 100;
}


.wrap_write h1::after {
    content: "";
    width: 100%;
    max-width: 1000px;
    height: 1px;
    background-color: #111;
    display: block;
    position: relative;
    margin: 0px auto;
    left: 0;
    right: 0;
    margin-bottom: 50px;
}


.wrap_write li {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.wrap_write li dl dt {
	font-family: 'Nanum Myeongjo';
	font-weight: bold;
	width: 25%;
	float: left;
	text-align: left;
	margin: 6px 0 0 0;
}
.wrap_write li dl dd {
	width: 70%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 50px 0;
}
.wrap_write li dl dd strong {
	font-family: "NotoSans", sans-serif !important;
	font-size: 13px !important;
	position: relative;
	top: 5px;
	letter-spacing: -0.05em !important;
}
.wrap_write li dl dd strong sup {
	position: static;
	top: 6px;
}
.wrap_write li dl dd pre {
	/*font-family: "NotoSans", sans-serif;*/
	font-family: 'Nanum Myeongjo';
	position: relative;
	font-size: 14px;
    font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 24px;
	word-break: keep-all;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 0 25px 0 0;
}

.wrap_write li dl dd sub {
	font-size: 11px !important;
	text-align: center;
	font-family: 'Nanum Myeongjo' !important;
	line-height:1.5;
}

.wrap_write li dl dd sub sup {
	position:initial;
	font-size: 11px !important;
	text-align: center;
	border-top: 1px solid #f1f1f1;
}

.wrap_write li dl dd table th, .wrap_write li dl dd table td {
	font-size: 10px;
	border: 1px solid #f1f1f1;
	padding: 12px 5px;
    font-family: 'Nanum Myeongjo';
}


.wrap_write li dl dd table {
	width:450px;
	margin:20px 0;
	left:0;
	right:0;
}

.wrap_write li dl dd table th {
	background-color: #f4f5f4;
	text-align: center;
	padding: 4px;
}
.wrap_write li dl dd table td span {
	font-size: 15px;
    float: left;
    letter-spacing: -0.05em;
    margin-right: 10px;
    text-align: right;
    display: block;
    width: 100%;
	/*padding-bottom: 10px;*/
}

.wrap_write li dl dd table tr td:nth-child(1) {
	width: 40%;
	text-align: center;
}
.wrap_write li dl dd table tr td:nth-child(2) {
	width: 60%;
}

.wrap_write li dl dd table td p{
	/*position:absolute;*/
    overflow: inherit !important;
}

.wrap_write li dl dd table td p br {
	display:none;
}

.main_image {
	max-width: 500px;
	width: 100%;
	margin: 0px auto;
}
.main_image img {
	width: 100%;
}

.inner {
	position: relative;
	margin: 0 auto;
	width: 95%;
}

.container {
	max-width: 1770px;
	margin: 0 auto;
}
/*header*/
header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
	padding: 2px 0 0 0;
	height: 150px;
	transition: 0.8s;
}

header .inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	max-width: 1770px;
	/*padding-left:1.5vw;*/
	overflow:hidden;
}

header .inner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 85px;
	height: 0.01em;
	width: 100%;
	background-color: #222;
}

header .head_star {
	position: absolute;
	left: 0;
	top: 15px;
	width: 33px;
	height: 33px;
	z-index: 10;
	display: none;
}
header .head_star a {
	display: block;
	height: 100%;
	background: url(../images/head-star.png) no-repeat center;
	background-size: cover;
}
header .nav_btn {
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 10;
	display: none;
}
header .nav_btn button {
	background: none;
	border: none;
	width: 36px;
	display: block;
}
header .nav_btn span {
	display: block;
	background-color: #F1F1F1;
	width: 100%;
	height: 2px;
	transition: 0.3s;
}

header .nav_btn span ~ span {
	margin-top: 6px;
}
header .nav_btn .close span:nth-child(1) {
	transform: translate(0, 7px) rotate(45deg);
}
header .nav_btn .close span:nth-child(2) {
	opacity: 0;
}
header .nav_btn .close span:nth-child(3) {
	transform: translate(0, -7px) rotate(-45deg);
}
header .rig {
	position: absolute;
	right: 0;
	top: 0;
	width: 92px;
	height: 61px;
	background: url(../images/rig-txt.png) no-repeat center;
	background-size: contain;
	z-index: 10;
	transition: 0.6s;
}
header .head_top {
	position: relative;
	width: 100%;
	overflow: hidden;
    margin-top: 10px;
}

header .gnb {
    /*padding-top: 130px;*/
}



header .gnb ul li:hover a .top {
	top: -115%
}

header .gnb ul li:hover a .bot {
	top: -3px;
}

header .inner {
    align-items: start;
}




header .head_top h1 {
	width: 149px;
	height: 63px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -95px;
	z-index: 20;
}

header .head_top h1 a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/logo-wh68b3.png) no-repeat center;
	background-size: contain;
}

header .gnb {
	padding-top: 105px;
	transition: 0.8s;
}
header .gnb ul {
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding-right: 40px;
}
header .gnb ul li {
	margin: 0 30px;
	text-align: center;
	position: relative;
	transition: 0.8s;
	list-style: none;
}
header .gnb ul li a {
	position: relative;
	display: block;
	font-family: 'Nanum Myeongjo';
	font-size: 0.95rem;
	letter-spacing: 0.06em;
	font-weight: 500;
	color: #000;
	overflow: hidden;
	height: 100%;
	text-decoration: none;
}
header .gnb ul li:hover a .top {
	top: -100%
}
header .gnb ul li:hover a .bot {
	top: 0;
}
header .gnb ul li a span {
	position: relative;
	display: block;
	width: 100%;
	transition: 0.3s;
    top: 0;
    padding: 4px;
}

header .gnb ul li a .bot {
	position: absolute;
	left: 0;
	top: 100%;
	color: #000000;
}

header .gnb ul li a strong {
	
}

header .gnb ul li::before {
	content: "";
	background: url(../images/intro-star-bl.png) no-repeat center;
	background-size: contain;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -9px;
	opacity: 0;
	transform: scale(0) rotate(90deg);
	transition: 0.3s;
}
.dim {
	display: none;
}
.full_menu header {
	height: 100%;
	background-color: #000;
}
.full_menu header .rig {
	opacity: 0;
}
.full_menu header .gnb {
	padding: 250px 0;
}
.full_menu header .gnb ul li {
	margin: 0 50px;
	padding-top: 30px;
}
.full_menu header .gnb ul li:hover a .top {
	top: 0
}
.full_menu header .gnb ul li:hover a .bot {
	top: 100%;
}
.full_menu header .gnb ul li a {
	font-size: 1.125rem;
}
.main header {
	transform: translate(0, -110%);
}
.main.active header {
	transform: translate(0, 0);
}
.sub header.down {
	transform: translate(0, -110%);
}
/*footer*/
footer {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: 30px;
	transition: 0.8s;
}
footer .foot_info {
	color: #000;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .foot_info div {
	display: flex;
	align-items: center;
}
footer .foot_info span {
	font-size: 0.625rem;
	font-family: 'Nanum Myeongjo';
	font-weight: 400;
	letter-spacing: 0;
	word-spacing: 0;
	transform: scale(0.8);
	padding-right: 5px;
}
footer .foot_info strong {
	font-size: 0.813rem;
	font-weight: 500;
	font-family: 'Nanum Myeongjo';
	letter-spacing: -0.025em;
	padding-right: 5px;
	padding-bottom: 1px;
}

footer .foot_info p {
    font-size: 0.6em;
    font-weight: 500;
    font-family: 'Nanum Myeongjo';
    padding-left: 3px;
    letter-spacing: 0.09em;
    word-spacing: 0;
    line-height: 1.5;
	text-decoration:none;
}

footer .foot_info div p {
	letter-spacing: -0.025em;
	padding-right: 4px;
	padding-left: 0;
}

footer .foot_info a {
	font-family: 'Nanum Myeongjo';
	padding-left: 2px;
	letter-spacing: 0.05em;
}

footer .foot_info em {
	width: 1px;
	height: 5px;
	background: #fff;
	margin: 0 5px;
}
footer .ori {
	color: #000;
	font-size: 0.625rem;
	font-family: 'Nanum Myeongjo';
	line-height: 1.4em;
	transform: scale(0.8);
	word-spacing: -0.04em;
	letter-spacing: 0.148em;
	padding-left: 8px;
}
footer .ori span {
	letter-spacing: 0.158em;
}

footer .foot_logo {
    margin-top: 0px;
    margin-bottom: 15px;
}

footer .foot_logo img {
	width: 30px;
	heoight:30px;
}

footer .top {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 7px;
	height: 0;
	margin-left: -3px;
	background: url(../images/top-btn.png) no-repeat top center;
	background-size: cover;
	cursor: pointer;
	transition: 0.3s;
	transition-delay: 0.1s;
}
footer .top.on {
	height: 46px;
}
.main footer {
	transform: translate(0, 110%);
}
.main footer .top {
	display: none;
}
.main.active footer {
	transform: translate(0, 0);
}
.full_menu footer {
	opacity: 0;
}
.sub footer {
	position: relative;
	padding-bottom: 140px;
}
.sub footer .top {
	display: block;
}

/*main_num*/
.main_num {
	max-width: 1800px;
	margin: 0 auto;
	width: 100%;
	transition: 0.3s;
	margin-top:0vw;
}

.main_num .top_txt {
	color: #fff;
	font-size: 0.625rem;
	font-family: 'Nanum Myeongjo';
	line-height: 1.6em;
	letter-spacing: 0.12em;
	margin-bottom: 10px;
	padding: 0 15px;
}
.main_num .top_txt span {
	display: block;
	overflow: hidden;
}
.main_num .top_txt span em {
	display: block;
	transform: translate(0, 110%);
	transition: 0.6s;
}
.main_num ul {
	display: flex;
	flex-wrap: wrap;
}
.main_num ul li {
	width: 16.666667%;
	overflow: hidden;
	position: relative;
}

.main_num ul li .line {
	position: absolute;
	background-color: #111111;
	transition: 0.6s;
}

.main_num ul li .line.top {
	height: 1px;
	top: 0;
}
.main_num ul li .line.bot {
	height: 1px;
	bottom: 0;
}
.main_num ul li .line.right {
	width: 1px;
	height: 0;
	right: 0;
}
.main_num ul li a {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	padding-bottom: 100%;
	text-align: center;
	filter: blur(7px);
	opacity: 0;
	transition: 0.6s;
}
.main_num ul li .num {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 13.75rem;
	font-family: 'Nanum Myeongjo';
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 6%;
	transition: 0.4s;
}

.main_num ul li .hov {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display :contents;
	align-items: center;
	justify-content: center;
	color: #eb1a00;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	letter-spacing: 0;
	animation: 0s forwards;
}

.main_num ul li .hov .cube {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.6s;
	transition-delay: 0.2s;
}
.main_num ul li .hov .dot {
	font-size: 1.125rem;
}
.main_num ul li .hov .dot.top {
	transform: rotate(180deg);
}
.main_num ul li .hov p {
	font-size: 1.125rem;
	line-height: 1.013em;
	filter: blur(3px);
	letter-spacing: 0.032em;
	word-spacing: -0.02em;
	transition: 0.4s;
	transition-delay: 0s;
}
.main_num ul li .hov p i {
	font-style: normal;
	vertical-align: super;
	line-height: 0;
}
.main_num ul li .hov p em {
	font-weight: 800;
	font-family: 'Times New Roman';
}

/*2023.09.02*/
.main_num ul .num6 p {
	text-align: left;
}

.main_num ul .num11 p {

}

.main_num ul:before, .main_num ul:after {
    content: "";
    width: 98.5%;
    height: 10px;
    margin-bottom: 30px;
	opacity:0;
    margin: 0px auto;
    margin-bottom: 30px;
	margin-top:30px;
    animation-name:fade-in;
	animation-delay:2s;
    animation-duration:1s;
    animation-iteration-count:1;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-fill-mode: both;
    border-top: 3px solid #111;
    border-bottom: 3px solid #111;
}

 @keyframes fade-in {
 0% {
	 opacity:0;
}
 100% {
	 opacity:1;
}
}



/*
.main_num ul li .hov .f_18{font-size:1.125rem;line-height:1.222em;}
.main_num ul li .hov .f_22{font-size:1.375rem;line-height:1.091em;}
.main_num ul li .hov .f_24{font-size:1.5rem;line-height:1.042em;}
.main_num ul li .hov .f_28{font-size:1.75rem;line-height:0.929em;}
.main_num ul li .hov .f_35{font-size:2.188rem;line-height:1em;}
.main_num ul li .hov .f_50{font-size:3.125rem;line-height:1em;}
*/
.main_num ul li .hov .plus {
	width: 20px;
	height: 20px;
	background: url(../images/plus68b3.png) no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -10px;
}
.main_num ul .in-left .num {
	transform: translate(50%, 0);
	opacity: 0;
}
.main_num ul .in-left .hov {
	animation-name: in-left;
}
.main_num ul .in-left .hov .cube {
	transform: translate(50%, 0);
	opacity: 1;
}
.main_num ul .in-left .hov .cube p {
	filter: blur(0);
	transition-delay: 0.4s;
}
.main_num ul .in-right .num {
	transform: translate(-50%, 0);
	opacity: 0;
}
.main_num ul .in-right .hov {
	animation-name: in-right;
}
.main_num ul .in-right .hov .cube {
	transform: translate(-50%, 0);
	opacity: 1;
}
.main_num ul .in-right .hov .cube p {
	filter: blur(0);
	transition-delay: 0.4s;
}
.main_num ul .in-top .num {
	transform: translate(0, 50%);
	opacity: 0;
}
.main_num ul .in-top .hov {
	animation-name: in-top;
}
.main_num ul .in-top .hov .cube {
	transform: translate(0, 50%);
	opacity: 1;
}
.main_num ul .in-top .hov .cube p {
	filter: blur(0);
	transition-delay: 0.4s;
}
.main_num ul .in-left.out .num, .main_num ul .in-right.out .num, .main_num ul .in-top.out .num, .main_num ul .in-bottom.out .num {
	transform: translate(0, 0);
	opacity: 1;
}
.main_num ul .in-left.out .hov .cube, .main_num ul .in-right.out .hov .cube, .main_num ul .in-top.out .hov .cube, .main_num ul .in-bottom.out .hov .cube {
	transform: translate(0, 0);
	opacity: 0;
	transition: 0.5s;
	transition-delay: 0s;
}
.main_num ul .in-left.out .hov .cube p, .main_num ul .in-right.out .hov .cube p, .main_num ul .in-top.out .hov .cube p, .main_num ul .in-bottom.out .hov .cube p {
	filter: blur(3px);
}
.main_num .num1 a, .main_num .num8 a, .main_num .num11 a {
	transform: translate(0, 10%);
}
.main_num .num2 a, .main_num .num5 a, .main_num .num10 a {
	transform: translate(-10%, 0);
}
.main_num .num3 a, .main_num .num7 a, .main_num .num12 a {
	transform: translate(0, -10%);
}
.main_num .num4 a, .main_num .num6 a, .main_num .num9 a {
	transform: translate(10%, 0);
}

.main.active .main_num li a {
	transition-delay: 1.2s;
	transform: none;
	filter: blur(0);
	opacity: 1;
}

.main_num ul .num1 .line.top, .main_num ul .num7 .line.bot {
	width: 0;
	left: 15px;
}
.main_num ul .num6 .line.top, .main_num ul .num12 .line.bot {
	width: 0;
	right: 15px;
}
.main_num ul .num3 .line.top, .main_num ul .num5 .line.top, .main_num ul .num8 .line.top, .main_num ul .num10 .line.top, .main_num ul .num9 .line.bot, .main_num ul .num11 .line.bot, .main_num ul .num12 .line.top {
	width: 0;
	left: 12px;
}
.main_num ul .num2 .line.top, .main_num ul .num4 .line.top, .main_num ul .num7 .line.top, .main_num ul .num9 .line.top, .main_num ul .num11 .line.top, .main_num ul .num8 .line.bot, .main_num ul .num10 .line.bot {
	width: 0;
	right: 12px;
}
.main_num ul .num1 .line.right, .main_num ul .num3 .line.right, .main_num ul .num5 .line.right, .main_num ul .num8 .line.right, .main_num ul .num10 .line.right, .main_num ul .num12 .line.right {
	top: 9px;
}
.main_num ul .num2 .line.right, .main_num ul .num4 .line.right, .main_num ul .num6 .line.right, .main_num ul .num7 .line.right, .main_num ul .num9 .line.right, .main_num ul .num11 .line.right {
	bottom: 9px;
}
.main.active .main_num ul li .line {
	transition-delay: 0.6s;
}
.main.active .main_num ul li .line.top, .main.active .main_num ul li .line.bot {
	width: calc(100% - 24px);
}
.main.active .main_num ul li .line.right {
	height: calc(100% - 18px);
}
.main.active .main_num ul .num1 .line.top, .main.active .main_num ul .num7 .line.bot, .main.active .main_num ul .num12 .line.top, .main.active .main_num ul .num6 .line.top, .main.active .main_num ul .num7 .line.top, .main.active .main_num ul .num12 .line.bot {
	width: calc(100% - 27px);
}
.main.active .main_num .top_txt span em {
	transition-delay: 1.6s;
	transform: none;
}
.full_menu .main_num {
	opacity: 0;
}
/*popup*/
.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	padding: 0 30px;
	z-index: -10;
	opacity: 0;
	display: flex;
	align-items: center;
	;
	transition: 0.6s;
}
.popup .popup_wrap {
	width: 100%;
	max-width: 1770px;
	margin: 0 auto;
}
.popup .popup_wrap .space {
	font-size: 0.625rem;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.popup .popup_box {
	width: 100%;
	position: relative;
	height: calc(100vh - 340px);
}
.popup .popup_box::before, .popup .popup_box::after {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
	background-color: #000;
	z-index: 10;
	transition: 0.8s;
}
.popup .popup_box::before {
	left: 0;
}
.popup .popup_box::after {
	right: 0;
}
.popup .popup_box .txt {
	background-color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}
.popup.gallery .popup_box .txt > div {
	max-height: 477px;
	height: 100%;
}
.popup.gallery .popup_box .txt img {
	max-height: 100%;
	height: 100%;
}
.popup .popup_x .password {
	margin-bottom: 55px;
}
.popup .popup_box .password input {
	width: 260px;
	height: 42px;
	;
	background-color: #000;
	border: none;
	color: #eb1a00;
	font-size: 1.5rem;
	font-family: 'Nanum Myeongjo';
	outline: none;
	padding: 0 10px;
	text-align: center;
	letter-spacing: 0.1em;
}
.popup .popup_box dl dt {
	color: #000;
	font-size: 0.813rem;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: 'Nanum Myeongjo';
}
.popup .popup_box dl dd {
	color: #000;
	font-weight: 700;
	line-height: 1.3em;
	font-size: 1.063rem;
}
.popup.video_pop .popup_wrap {
	max-width: none;
}
.popup.video_pop .popup_box {
	height: calc(100vh - 130px);
	padding: 0 80px;
max-width: calc(((100vh - 130px)*1.777777) + 160px);
	margin: 0 auto;
	max-height: calc(56.25vw - 110px);
}
.popup.video_pop .popup_box::before, .popup.video_pop .popup_box::after {
	transition-duration: 1s;
}
.popup.video_pop .pop_vd {
	height: 100%;
	text-align: center;
	position: relative;
}
.popup.video_pop .close {
	top: 0;/* right:calc((50% - ((100vh - 130px)*1.7777)/2) - 100px); */
	right: 0;
}
.popup .close {
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 20px;
}
.popup .close .open {
	display: block;
	width: 56px;
	height: 25px;
	background: url(../images/close-bl68b3.png) no-repeat center;
	background-size: contain;
	border: none;
}

.popup .close.wh .open {
	background-image: url(../images/close-wh.png);
}
.popup.on {
	z-index: 999;
	opacity: 1;
	transition-delay: 0.5s;
}
.popup.on .popup_box::before, .popup.on .popup_box::after {
	width: 0;
	transition-delay: 0.6s;
}

.popup .close ul li a span {
	color:#fff;
}

/*scroll*/
.scroll {
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 999;
	opacity: 1;
	transition: 0.3s;
}
.scroll span {
	display: block;
	width: 1px;
	height: 58px;
	background-color: rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
}
.scroll span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: scr 4s infinite;
	animation-timing-function: cubic-bezier( 1, 1, 1, 1 );
	background-color: #000;
}
@keyframes scr {
 0% {
transform: translate(0, -100%);
}
 80% {
transform: translate(0, 100%);
}
 100% {
transform: translate(0, 100%);
}
}
.fp-viewing-pg3 .scroll span {
	background-color: rgba(255,255,255,0.2);
}
.fp-viewing-pg3 .scroll span::before {
	background-color: #fff;
}
.fp-viewing-pg4 .scroll {
	opacity: 0;
}
.scroll.ab {
	position: absolute;
}
/*top*/
.top_btn {
	position: fixed;
	bottom: 0;
	left: calc(50% - 18px);
	z-index: 999;
	height: 0;
	overflow: hidden;
	transition: 0.3s;
}
.top_btn button {
	border: none;
	/*background: url(../images/top.png) no-repeat center bottom;
	background-size: contain;*/
	width: 36px;
	height: 46px;
}
.fp-viewing-pg4 .top_btn {
	height: 46px;
}
/*fix_btn*/
.fix_btn {
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 100px;
	height: 100px;
	z-index: 100;
}
.fix_btn a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 17px;
	position: relative;
	transition: 0.3s;
}
.fix_btn a em {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9) url(../images/red-arr.png) no-repeat center;
	border-radius: 50%;
}
.fix_btn a p {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/text-bl.png) no-repeat center;
	background-size: contain;
	animation: fix_btn 7s linear infinite;
	transition: 0.4s;
}
.fp-viewing-pg3 .fix_btn a em {
	background-color: #fff;
}
.fp-viewing-pg3 .fix_btn a p {
	background-image: url(../images/text-wh.png);
}
.fix_btn a:hover {
	padding: 0;
}
.fix_btn a:hover p {
	background-image: url(../images/text-red.png);
}
/*intro*/
.intro {
	position: relative;
	height: 100%;
	/*background: #6f6549;*/
	background: #937b5d;
}
.intro .intro_wrap {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.intro .intro_logo {
	position: relative;
	padding-bottom: 100px;
}
.intro .intro_logo .logo_box {
	position: relative;
	z-index: 10;
	padding-bottom: 80px;
}
.intro .intro_logo .logo_box ul {
	display: flex;
	opacity: 0;
	transition: 0.5s;
	transition-delay: 1.2s;
}
.intro .intro_logo .logo_box ul li {
	filter: blur(10px);
	padding: 0 30px;
	transition: 0.7s;
	transition-delay: 1.5s;
}
.intro .intro_logo .star {
	position: absolute;
	left: calc(50% - 28px);
	bottom: 0;
	width: 57px;
	height: 57px;
	background: url(../images/intro-star-bl.png) no-repeat center;
	background-size: 0 0;
}
.intro .intro_logo .star svg {
	width: 100%;
	height: 100%;
}
.intro .intro_logo .star svg path {
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
	fill: none;
	background-color: transparent;
	stroke: #fff;
}
.intro .intro_logo .star span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/intro-star-wh.png) no-repeat center;
	background-size: contain;
	opacity: 0;
}
.intro .intro_txt {
	position: absolute;
	text-align: center;
	color: #000;
	width: 100%;
	bottom: 80px;
}
.intro .intro_txt .tit {
	font-family: 'Mullion';
	font-size: 1.625rem;
	margin-bottom: 20px;
	overflow: hidden;
}
.intro .intro_txt p {
	font-family: 'Nanum Myeongjo';
	font-weight: 500;
	font-size: 0.875rem;
	line-height: 1.571em;
	overflow: hidden;
}
.intro .intro_txt strong {
	display: block;
	font-size: 1rem;
	font-family: 'Nanum Myeongjo';
	font-weight: 600;
	margin-top: 20px;
	overflow: hidden;
}
.intro .intro_txt span {
	display: block;
	transform: translate(0, 110%);
	transition: 0.6s;
}
.intro .intro_txt .delay1 {
    font-family: 'Nanum Myeongjo';
	transition-delay: 2s;
}

.intro .intro_txt .delay2 {
	transition-delay: 2.3s;
}
.intro .intro_txt .delay3 {
	transition-delay: 2.4s;
}
.intro .intro_txt .delay4 {
	transition-delay: 2.5s;
}
.intro .intro_txt .delay5 {
	transition-delay: 2.8s;
}
.mo_com .intro .intro_logo .logo_box ul {
	opacity: 1;
}

.mo_com .intro .intro_logo .logo_box ul li {
	padding: 0;
	filter: blur(0);
	margin:0px auto;
	max-width:580px;
}

.mo_com .intro .intro_logo .logo_box ul .txt1 img {
	margin:0px auto;
}


.mo_com .intro .intro_logo .star {
	animation: star 0.8s ease forwards;
	animation-delay: 0.9s;
}
.mo_com .intro .intro_logo .star svg path {
	animation: star_line 1.2s ease forwards;
	animation-delay: 0.2s;
}
.mo_com .intro .intro_logo .star span {
	animation: star_bg 1.2s ease forwards;
	animation-delay: 0.2s;
}
.mo_com .intro .intro_txt span {
	transform: none;
}
/*sd_wrap*/
#fullpage #section1 {
	background-color: #402d20;
}
.sd_wrap, .sd_wrap .swiper-wrapper, .sd_wrap .swiper-slide, .sd_wrap .swiper-slide .bg {
	height: 100% !important;
}
.sd_wrap {
	position: relative;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	transition: 0.6s;
}
.sd_wrap .bg {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sd_wrap .top_logo {
	position: absolute;
	width: 100%;
	left: 0;
	top: 75px;
	text-align: center;
	opacity: 0;
	transition: 0.6s;
}
.sd_wrap .bot_txt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 80px;
	text-align: center;
	opacity: 0;
	transition: 0.6s;
	font-size: 0.938rem;
	font-family: 'Nanum Myeongjo';
}
.sd_wrap .bot_txt strong {
	display: block;
	color: #000;
	font-weight: 500;
	font-size: 1.5rem;
	font-family: 'Nanum Myeongjo';
	margin-bottom: 5px
}
.sd_wrap .bot_txt span {
	display: block;
	color: #000;
	font-weight: 500;
	margin-bottom: 15px;
	font-family: 'Nanum Myeongjo';
}
.sd_wrap .bot_txt pre {
	font-size: 1rem;
	letter-spacing: -0.01em;
	word-spacing: -0.01em;
	line-height: 1.7em;
	font-family: 'Nanum Myeongjo';
	font-weight:400;
}

.sd_wrap .sd1 .bot_txt pre {
	position: absolute;
	/* margin-top: -650px; */
	margin: 0px auto;
	left: 0;
	right: 0;
	margin-top: -570px;
}
.sd_wrap .txt ul li {
	opacity: 0;
	filter: blur(10px);
	transition: 0.5s;
}
.sd_wrap .txt ul li.lef {
	/*transform: translate(-15%, 0);*/
	text-align: center;
}

.sd_wrap .txt ul li.lef img {
	width: 180%;
    position: relative;
    display: block;
    max-width: 500px;
}

.sd_wrap .txt ul li.rig {
	transform: translate(15%, 0);
}
.sd_wrap .sd1 .txt .t2 {
	margin-top: -6px;
}
.sd_wrap .sd1 .txt .t3 {
	margin-top: -6px;
}
.sd_wrap .sd1 .txt .t4 {
	margin-top: -7px;
}
.sd_wrap .sd2 .txt .t3 {
	margin-top: -4px;
}
.sd_wrap .sd4 .txt .t3 {
	margin-top: -5px;
}
.sd_wrap .sd5 .txt .t1 {
	margin-bottom: 25px;
}
.sd_wrap .swiper-slide .bg {
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 5s;
	transition-delay: 0.4s;
}
.sd_wrap .sd1 .bg {
	background-image: url(../images/slide-img1.jpg);
	background-position: center bottom;
}
.sd_wrap .sd2 .bg {
	background-image: url(../images/slide-img2.jpg);
	background-position: center top;
}
.sd_wrap .sd3 .bg {
	background-image: url(../images/slide-img3.jpg);
	background-position: left center;
}
.sd_wrap .sd4 .bg {
	background-image: url(../images/slide-img4.jpg);
	background-position: center top;
}
.sd_wrap .sd5 .bg {
	background-image: url(../images/slide-img5.jpg);
	background-position: center bottom;
}
.mo_com .sd_wrap {
	opacity: 1;
}
.mo_com .sd_wrap .swiper-slide-active .top_logo, .mo_com .sd_wrap .swiper-slide-active .bot_txt {
	opacity: 1;
	/*color: #fff;*/
	font-weight: bold;
	text-align: center;
	color:#111111;
}

.mo_com .sd_wrap .swiper-slide-active .top_logo, .mo_com .sd_wrap .swiper-slide-active .bot_txt .cat_house {
	position: absolute;
	bottom: 0;
	width: 60%;
	margin: 0px auto;
	left: 0;
	right: 0;
}
.cat_house img {
	/*width: 100%;*/
	width: 100%;
	top: 110px;
	position: relative;
}
.mo_com .sd_wrap .swiper-slide-active .top_logo {
}
.mo_com .sd_wrap .swiper-slide-active .txt ul li {
	opacity: 1;
	filter: blur(0);
	transform: none;
	transition-delay: 0.6s;
	font-size: 5em;
	color: #fff;
	font-weight: bold;
	font-family: 'Nanum Myeongjo';
	text-align: center;
	margin-top: -250px;
}
.mo_com .sd_wrap .swiper-slide-active.sd1 .bg {
	background-position: center bottom 100%;
}
.mo_com .sd_wrap .swiper-slide-active.sd2 .bg {
	background-position: center top 100%;
}
.mo_com .sd_wrap .swiper-slide-active.sd3 .bg {
	background-position: left 100% center;
}
.mo_com .sd_wrap .swiper-slide-active.sd4 .bg {
	background-position: center top 100%;
}
.mo_com .sd_wrap .swiper-slide-active.sd5 .bg {
	background-position: center bottom 100%;
}
/*cooperative*/
.cooperative {
	height: 100%;
	background-color:#cdba93;
	transform: scale(1.2);
	transition: 1s;
	transition-delay: 0.1s;
}
.cooperative .bg {
	height: 100%;
	/*background: #ffffff;*/
	background: #cdba93;
	background-size: cover;
	position: relative;
	opacity: 0;
	transition: 0.8s;
	transition-delay: 0.2s;
}

.cooperative .bg .load {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.cooperative .bg .load .maker, .cooperative .bg .load .line, .cooperative .bg .load .txt {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.cooperative .bg .load .maker li, .cooperative .bg .load .line li, .cooperative .bg .load .txt li {
	position: absolute;
	width: 100%;
	height: 100%;
}
.cooperative .bg .load .maker li svg, .cooperative .bg .load .line li svg, .cooperative .bg .load .txt li svg {
	width: 100%;
	height: 100%;
}
.cooperative .bg .load .maker li .star {
	fill: #fff;
	opacity: 0;
	transform: rotate(180deg) scale(0);
	transform-origin: center;
	transform-box: fill-box;
	transition: 0.5s;
}
.cooperative .bg .load .maker .mk1 .star {
	transition-delay: 1s;
}
.cooperative .bg .load .maker .mk2 .star {
	transition-delay: 1.9s;
}
.cooperative .bg .load .maker .mk3 .star {
	transition-delay: 2s;
}
.cooperative .bg .load .maker .mk4 .star {
	transition-delay: 2.1s;
}
.cooperative .bg .load .maker .mk5 .star {
	transition-delay: 3.2s;
}
.cooperative .bg .load .line li .dot {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 0.76px;
	transition: 0.6s;
}
.cooperative .bg .load .line .line1 .dot {
	transition: 0.6s;
	transition-delay: 1.6s;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
}
.cooperative .bg .load .line .line2 .dot {
	transition: 0.8s;
	transition-delay: 1.5s;
	stroke-dasharray: 300;
	stroke-dashoffset: -300;
}
.cooperative .bg .load .line .line3 .dot {
	transition: 0.7s;
	transition-delay: 1.6s;
	stroke-dasharray: 220;
	stroke-dashoffset: 220;
}
.cooperative .bg .load .line .line4 .dot {
	transition: 0.6s;
	transition-delay: 2.5s;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
}
.cooperative .bg .load .line .line5 .dot {
	transition: 0.8s;
	transition-delay: 2.5s;
	stroke-dasharray: 400;
	stroke-dashoffset: 400;
}
.cooperative .bg .load .txt li {
	opacity: 0;
	transform: translate(0, 10px)
}
.cooperative .bg .load .txt li svg .cls-1 {
	fill: #fff;
}
.cooperative .bg .load .txt .t1 {
	transition: 0.5s;
	transition-delay: 1.3s;
}
.cooperative .bg .load .txt .t2 {
	transition: 0.5s;
	transition-delay: 2.3s;
}
.cooperative .bg .load .txt .t3 {
	transition: 0.5s;
	transition-delay: 2.3s;
}
.cooperative .bg .load .txt .t4 {
	transition: 0.5s;
	transition-delay: 2.3s;
}
.cooperative .bg .load .txt .t5 {
	transition: 0.5s;
	transition-delay: 3.4s;
}
.mo_com .cooperative {
	transform: none;
}
.mo_com .cooperative .bg {
	opacity: 1;
}
.mo_com .cooperative .bg .load .maker li .star {
	transform: none;
	opacity: 1;
}
.mo_com .cooperative .bg .load .line .line1 .dot {
	stroke-dasharray: 4.01 4.01;
	stroke-dashoffset: 0;
}
.mo_com .cooperative .bg .load .line .line2 .dot {
	stroke-dasharray: 4.08 4.08;
}
.mo_com .cooperative .bg .load .line .line3 .dot {
	stroke-dasharray: 4.06 4.06;
	stroke-dashoffset: 0;
}
.mo_com .cooperative .bg .load .line .line4 .dot {
	stroke-dasharray: 4.1 4.1;
	stroke-dashoffset: 0;
}
.mo_com .cooperative .bg .load .line .line5 .dot {
	stroke-dasharray: 4.05 4.05;
	stroke-dashoffset: 0;
}
.mo_com .cooperative .bg .load .txt li {
	opacity: 1;
	transform: none;
}
/*info*/
.info {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.info .txt_wrap .logo {
	width:680px;
    margin-top: 120px;
    margin-bottom: 100px;
}

.info .txt_wrap .logo ul {
	display: flex;
	justify-content: center;
	margin-bottom: 35px;
}
.info .txt_wrap .logo ul li {
	opacity: 0;
	transition: 0.5s;
	transition-delay: 0.3s;
}
.info .txt_wrap .logo ul .t1 {
	transform: translate(-10px, 10px) rotate(-5deg);
}
.info .txt_wrap .logo ul .t2 {
	transform: translate(-10px, 7px) rotate(-3deg);
	transition-delay: 0.4s;
}
.info .txt_wrap .logo ul .t3 {
	transform: translate(-10px, 4px) rotate(-1deg);
	transition-delay: 0.5s;
}
.info .txt_wrap .logo ul .t4 {
	transform: translate(-10px, 1px);
	transition-delay: 0.6s;
}
.info .txt_wrap .logo ul .t5 {
	transform: translate(-10px, 4px) rotate(1deg);
	transition-delay: 0.7s;
}
.info .txt_wrap .logo ul .t6 {
	transform: translate(-10px, 7px) rotate(3deg);
	transition-delay: 0.8s;
}
.info .txt_wrap .logo ul .t7 {
	transform: translate(-10px, 10px) rotate(5deg);
	transition-delay: 0.9s;
}
.info .txt_wrap .logo p {
	filter: blur(5px);
	opacity: 0;
	transition: 0.8s;
}
.info .txt_wrap .logo strong {
	display: block;
	margin-top: 25px;
	font-family: 'Mullion';
	font-size: 0.875rem;
	color: #000;
	font-weight: 400;
	opacity: 0;
	transition: 0.6s;
	transition-delay: 1s;
}
.info .txt_wrap .building {
	margin-bottom: 10px;
	transform: translate(0, 30px);
	opacity: 0;
	transition: 0.6s;
	transition-delay: 1.2s;
}
.info .txt_wrap .open {
	color: #000;
	font-size: 1.375rem;
	font-family: 'Nanum Myeongjo';
	font-weight: 500;
	overflow: hidden;
}
.info .bot_txt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 80px;
	text-align: center;
	padding: 0 10px;
}
.info .bot_txt strong {
	display: block;
	color: #1d1d1b;
	font-family: 'Nanum Myeongjo';
	font-weight: 500;
	font-size: 2.25rem;
	margin-bottom: 3px;
	overflow: hidden;
}
.info .bot_txt p {
	color: #1d1e1c;
	font-family: 'Nanum Myeongjo';
	font-size: 0.69rem;
	font-weight: 600;
	overflow: hidden;
	line-height: 1.4em;
	margin-bottom: 5px;
}
.info .bot_txt .ori {
	color: #999;
	font-size: 0.75rem;
	font-family: 'Noto Sans KR';
	line-height: 1.4em;
	overflow: hidden;
}
.info .mo {
	display: block;
	transform: translate(0, 110%);
	transition: 0.6s;
}
.info .mo.delay1 {
	transition-delay: 1.4s;
}
.info .mo.delay2 {
	transition-delay: 1.8s;
}
.info .mo.delay3 {
	transition-delay: 1.9s;
}
.info .mo.delay4 {
	transition-delay: 2s;
}
.mo_com .info .txt_wrap .logo ul li {
	opacity: 1;
	transform: none;
}
.mo_com .info .txt_wrap .logo p {
	filter: blur(0);
	opacity: 1;
}

.mo_com .info .txt_wrap .logo strong {
	opacity: 1;
	letter-spacing: 6px;
    margin-top: -3vw;
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
}

.mo_com .info .txt_wrap .building {
	opacity: 1;
	transform: none;
}
.mo_com .info .mo {
	transform: none;
}
.content {
	padding: 195px 30px 150px;
	transition: 0.6s;
}
.content.hide {
	opacity: 0;
}
.h_max {
	height: 100%;
}
.video_wrap {
	height: 100%;
}
.video {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	opacity: 0;
	transform: translate(0, 60px);
	transition: 0.8s;
}
.video iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	will-change: auto;
}
.point_sd.active .video {
	opacity: 1;
	transform: none;
}
.video .thm {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.video .thm_img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: no-repeat center;
	background-size: contain;
	transition: 0.6s;
	will-change: opacity;
}
.video .thm_img span {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/video-btn.png) no-repeat center;
	background-size: contain;
}
.video .thm::before {
	content: url(../images/video-thm1.jpg) url(../images/video-thm2.jpg) url(../images/video-thm3.jpg) url(../images/video-thm4.jpg) url(../images/video-thm5.jpg) url(../images/video-thm6.jpg) url(../images/video-thm7.jpg) url(../images/video-thm8.jpg) url(../images/video-thm9.jpg) url(../images/video-thm10.jpg) url(../images/video-thm11.jpg) url(../images/video-thm12.jpg);
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: -10;
}


.point_tab {
	padding-top: 40px;
	opacity: 0;
	transform: translate(0, 40px);
	transition: 0.8s;
	transition-delay: 0.3s;
}
.point_tab ul {
	display: flex;
	justify-content: center;
	width: 588px;
	margin: 0 auto;
}
.point_tab ul li {
	width: 8.33%;
	position: relative;
	overflow: hidden;
}
.point_tab ul li ~ li::before {
	content: "";
	position: absolute;
	background-color: #333;
	width: 1px;
	height: 8px;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.point_tab ul li button {
	display: block;
	border: none;
	background: none;
	width: 100%;
	color: #6b6b6b;
	font-size: 1.5rem;
	font-family: 'Nanum Myeongjo';
	font-weight: 500;
	transition: 0.3s;
}
.point_tab ul li .on {
	color: #eb1a00;
	position: absolute;
	left: 0;
	top: 100%;
}
.point_tab ul li.active button {
	transform: translate(0, -100%);
}
.point_sd.active .point_tab {
	opacity: 1;
	transform: none;
}
.point_con {
	margin-top: 70px;
	position: relative;
	text-align: center;
}
.point_con span {
	display: block;
	transform: translate(0, 100%);
	transition: 0.3s;
}
.point_con .p_num {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}
.point_con .p_num> div {
	overflow: hidden;
}
.point_con .p_num dl {
	margin-bottom: 20px;
}
.point_con .p_num dl dt {
	color: #fff;
	font-family: 'Nanum Myeongjo';
	font-size: 0.813rem;
	line-height: 1.231em;
	overflow: hidden;
	letter-spacing: 0.1em;
	word-spacing: 0;
}
.point_con .p_num dl dt p {
	overflow: hidden;
}
.point_con .p_num dl dt p span {
	transition-delay: 0.3s;
}
.point_con .p_num dl dd {
	color: #fff;
	font-family: 'Nanum Myeongjo';
	font-size: 1.5rem;
	font-weight: 600;
	margin-top: 10px;
	overflow: hidden;
	letter-spacing: 0.06em;
	word-spacing: 0;
}
.point_con .p_num dl dd span {
	transition-delay: 0.5s;
}
.point_con.active .p_num span {
	transform: none;
}
.point_con .p_num strong {
	display: block;
	color: #fff;
	font-family: 'Nanum Myeongjo';
	font-size: 15rem;
	font-weight: 500;
	position: relative;
	overflow: hidden;
	transform: translate(0, 100%);
	letter-spacing: 0;
	word-spacing: 0;
	transition: 0.6s;
	transition-delay: 0.7s;
}
.point_con .p_num strong p {
	opacity: 0;
}
.point_con .p_num strong .num {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.point_con .p_num strong em {
	display: block;
	will-change: transform;
}
.point_con .p_num strong .up {
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
}
.point_con .p_num strong .down {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
}
.point_con.active .p_num strong {
	transform: none;
}
.point_con .p_num .down_num em {
	animation: down_num 0.6s ease forwards;
	animation-delay: 0.3s;
}
.point_con .p_img {
	text-align: center;
	opacity: 0;
	transform: translate(0, 80px);
	transition: 1s;
}
.point_con .p_img ul {
	position: relative;
}
.point_con .p_img > ul > li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	transform: translate(0, 60px);
	transition: 0.6s;
}
.point_con .p_img ul li.img1 {
	position: static;
}
.point_con .p_img .box {
	display: inline-block;
}
.point_con .p_img .img_box {
	display: flex;
}
.point_con .p_img .img_box img ~ img {
	padding-left: 15px;
}
.point_con .p_img .txt_box {
	display: flex;
	align-items: center;
	padding-top: 40px;
}
.point_con .p_img .txt_box .p_num, .point_con .p_img .txt_box .p_txt, .point_con .p_img .txt_box .p_txt ul li {
	position: static;
}
.point_con .p_img .txt_box .p_num, .point_con .p_img .txt_box .p_txt {
	width: 50%;
	justify-content: center;
}
.point_con .p_img .txt_box .p_num span, .point_con .p_img .txt_box .p_num strong {
	transform: translate(0, 100%);
}
.point_con.hide .p_img .txt_box .p_num span, .point_con.hide .p_img .txt_box .p_num strong {
	transform: none;
}
.point_con.active .p_img {
	opacity: 1;
	transform: none;
}
.point_con .p_img ul li.active {
	opacity: 1;
	transform: none;
}
.point_con .p_txt {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}
.point_con .p_txt ul {
	position: relative;
}
.point_con .p_txt ul li {
	position: absolute;
	right: 0;
	top: 0;
}
.point_con .p_txt ul li.txt12 {
	position: static;
}
.point_con .p_txt ul li strong {
	display: block;
	color: #fff;
	font-family: 'Nanum Myeongjo';
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 12px;
	overflow: hidden;
	letter-spacing: 0.05em;
	word-spacing: 0;
}
.point_con .p_txt ul li p {
	color: #fff;
	line-height: 1.5em;
	overflow: hidden;
	letter-spacing: 0.04em;
	word-spacing: 0;
}
.point_con.active .p_txt ul li.active strong span, .point_con.active .img4.active .p_txt strong span {
	transform: none;
	transition-delay: 0.5s;
}
.point_con.active .p_txt ul li.active p span, .point_con.active .img4.active .p_txt p span {
	transform: none;
	transition-delay: 0.7s;
}




.hotel_du_chat .white_content_box {
	position: relative;
	background-color: #eb1a00;
	padding: 58px 20px 103px;
	text-align: center;
	overflow: hidden;
	opacity: 0;
	transform: translate(0, 80px);
	transition: 0.8s;
}
.hotel_du_chat .white_content_box .txt p {
	font-size: 1.125em;
	line-height: 1.222em;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	color: #000;
	overflow: hidden;
	letter-spacing: 0.125em;
	word-spacing: 0;
}
.hotel_du_chat .white_content_box .txt p span {
	display: block;
	transform: translate(0, 110%);
	transition: 0.8s;
	transition-delay: 0.6s;
}
.hotel_du_chat .white_content_box ul {
	margin-top: 40px;
}
.hotel_du_chat .white_content_box ul li {
	opacity: 0;
	filter: blur(5px);
	transition: 1s;
}
.hotel_du_chat .white_content_box ul li.t1 {
	transform: translate(-60px, 0);
	transition-delay: 1.2s;
}
.hotel_du_chat .white_content_box ul li.t2 {
	transform: translate(60px, 0);
	transition-delay: 1.5s;
}
.hotel_du_chat .white_content_box ul li.t3 {
	transform: translate(-60px, 0);
	transition-delay: 1.8s;
}
.hotel_du_chat .white_content_box.active {
	opacity: 1;
	transform: none;
}
.hotel_du_chat .white_content_box.active .txt p span {
	transform: none;
}
.hotel_du_chat .white_content_box.active ul li {
	opacity: 1;
	transform: none;
	filter: blur(0);
}
.hotel_du_chat .img_box {
	margin-top: 80px;
	opacity: 0;
	transform: translate(0, 80px);
	transition: 0.8s;
}
.hotel_du_chat .img_box.active {
	opacity: 1;
	transform: none;
}
.hotel_du_chat .txt_box {
	margin-top: 90px;
	text-align: center;
}
.hotel_du_chat .txt_box strong {
	display: block;
	color: #fff;
	font-size: 3.25rem;
	font-family: 'Nanum Myeongjo';
	font-weight: 500;
	margin-bottom: 25px;
	word-spacing: 0;
	letter-spacing: 0.024em;
	line-height: 0.95em;
	opacity: 0;
	filter: blur(3px);
	transition: 0.8s;
}
.hotel_du_chat .txt_box p {
	color: #fff;
	font-size: 0.938rem;
	line-height: 1.45em;
	letter-spacing: 0;
	word-spacing: 0;
	font-weight: 400;
	overflow: hidden;
}
.hotel_du_chat .txt_box p span {
	display: block;
	transform: translate(0, 110%);
	transition: 0.8s;
	transition-delay: 0.6s;
}
.hotel_du_chat .txt_box .txt_logo {
	margin-top: 65px;
	opacity: 0;
	transition: 0.8s;
	transition-delay: 1.2s;
	filter: blur(3px);
}
.hotel_du_chat .txt_box.active strong {
	opacity: 1;
	filter: blur(0);
}
.hotel_du_chat .txt_box.active p span {
	transform: none;
}
.hotel_du_chat .txt_box.active .txt_logo {
	opacity: 1;
	filter: blur(0px);
}
.overview .img_box {
	opacity: 0;
	transform: translate(0, 80px);
	transition: 0.8s;
}
.overview .white_content_box {
	padding: 30px 0px;
	background-color: #fff;
	text-align: center;
	opacity: 0;
	transform: translate(0, 80px);
	transition: 0.8s;
	opacity:1;
}

.overview .white_content_box strong {
	display: block;
	color: #000;
	font-family: 'Nanum Myeongjo' !important;
	font-weight: 500;
	font-size: 2.5rem;
	letter-spacing: 0.05em;
	margin-bottom: 18px;
	opacity: 0;
	transition: 0.6s;
	transition-delay: 0.8s;
}

.overview .white_content_box ul {
	margin-bottom: 5px;
}
.overview .white_content_box ul li {
	color: #000;
	font-size: 0.813rem;
	overflow: hidden;
	line-height: 1.4em;
	font-weight: 700;
	letter-spacing: -0.02em;
	word-spacing: 0;
}
.overview .white_content_box ul li em {
	margin: 0 9px;
	width: 1px;
	height: 6px;
	background-color: #fff;
}
.overview .white_content_box ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(0, 110%);
	transition: 0.8s;
	transition-delay: 1.2s;
}
.overview .white_content_box p {
	color: #000;
/*	font-family: 'Noto Sans KR';*/
	font-family: 'Nanum Myeongjo';
	font-size: 10px;
	overflow: hidden;
	line-height: 1.5em;
	letter-spacing: 0;
	word-spacing: 0;
}

.overview .white_content_box p span {
	display: block;
	transform: translate(0, 110%);
	transition: 0.8s;
	transition-delay: 1.6s;
}
.overview .img_box.active, .overview .white_content_box.active, .overview .white_content_box.active strong, .overview .white_content_box.active ul li span, .overview .white_content_box.active p span {
	opacity: 1;
	transform: none;
}
.location {
	background-color: #fff;
	padding: 55px 70px;
	opacity: 0;
	transition: 0.8s;
	transform: translate(0, 80px);
}
.location .area {
	position: relative;
	padding-right: 76%;
	height: 1155px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.location .area .tit {
	width: 100%;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 70px;
	overflow: hidden;
}
.location .area .tit div {
	overflow: hidden;
}
.location .area .tit img {
	transform: translate(0, 100%);
	transition: 0.6s;
	transition-delay: 0.5s;
}
.location .area .img {
	position: absolute;
	right: 0;
	top: 0;
	width: 76%;
	height: 100%;
	overflow: hidden;
}
.location .area .img div {
	width: 100%;
	height: 100%;
	background: url(../images/location-cooperative592e.svg?ver=3) no-repeat center;
	background-size: cover;
	transform: scale(1.1);
	opacity: 0;
	transition: 1s;
	transition-delay: 0.9s;
}
.location .area .img img {
	display: none;
}
.location .area .txt {
	width: 100%;
	padding-right: 30px;
}
.location .area .txt .type {
	display: flex;
	flex-wrap: wrap;
}
.location .area .txt .type > li {
	width: 50%;
}
.location .area .txt .type > li:nth-child(n+3) {
	margin-top: 35px;
}
.location .area .txt .type p {
	color: #000;
	font-family: 'Nanum Myeongjo';
	font-size: 0.75rem;
	font-weight: 700;
	margin-bottom: 10px;
	opacity: 0;
	transform: translate(0, 20px);
	transition: 0.6s;
	transition-delay: 1.6s;
}
.location .area .txt .list li ~ li {
	margin-top: 5px;
}
.location .area .txt .list li {
	display: flex;
	align-items: center;
	overflow: hidden;
}
.location .area .txt .list li strong {
	width: 15px;
	line-height: 15px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-weight: 500;
	margin-right: 5px;
	font-size: 0.6rem;
	font-family: 'Nanum Myeongjo';
	transform: translate(0, 110%);
	transition: 0.6s;
	transition-delay: 2.2s;
}
.location .area .txt .list li strong em {
	transform: scale(0.9);
	display: block;
}
.location .area .txt .r_b .list li strong {
	background-color: #6780a7
}
.location .area .txt .a_c .list li strong {
	background-color: #80452d
}
.location .area .txt .gs .list li strong {
	background-color: #728043
}
.location .area .txt .lm .list li strong {
	background-color: #785c80
}
.location .area .txt .list li span {
	color: #000;
	font-size: 0.75rem;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	transform: translate(0, 110%);
	transition: 0.6s;
	transition-delay: 2.2s;
}
.location .area .bot {
	margin-top: 55px;
}
.location .area .bot p {
	display: flex;
	align-items: center;
}
.location .area .bot p ~ p {
	margin-top: 5px;
}
.location .area .bot p strong {
	color: #000;
	font-size: 0.6rem;
	font-family: 'Nanum Myeongjo';
	font-weight: 700;
}
.location .area .bot p em {
	margin: 0 5px;
	width: 1px;
	height: 4px;
	background-color: #000;
}
.location .area .bot p span {
	color: #000;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	font-size: 0.6rem;
}
.location.active, .location.active .area .tit img, .location.active .area .img div, .location.active .area .txt .type p, .location.active .area .txt .list li strong, .location.active .area .txt .list li span {
	transform: none;
	opacity: 1;
}
/*invitation*/
.row_scroll {
	position: fixed;
	bottom: calc((100% - 140vw)/2 - 7px);
	right: 15px;
	z-index: 100;
	display: flex;
}
.row_scroll span {
	display: block;
	background: url(../images/invitation/row-scroll.png) no-repeat center;
	background-size: contain;
	width: 8px;
	height: 14px;
	animation: row_scr1 2s infinite;
	animation-timing-function: cubic-bezier( 1, 1, 1, 1 );
}
.row_scroll span:first-child {
	opacity: 0;
	animation-delay: 0.5s;
}
.row_scroll.wh span {
	background-image: url(../images/invitation/row-scroll-wh.png);
}
.row_scroll.rot {
	transform: rotate(180deg);
}
.row_scroll.none {
	opacity: 0;
}
.invitation {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.invitation section {
	max-width: 640px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.invitation .mo {
	display: block;
	transform: translate(0, 110%);
	transition: 0.6s;
}
.invitation .mo_de2 {
	transition-delay: 0.2s;
}
.invitation .mo_de16 {
	transition-delay: 1.6s;
}
.invitation .mo_com .mo {
	transform: none;
}
.invitation section.col {
	display: flex;
	flex-direction: column;
}
.invitation .img_area {
	position: relative;
	overflow: hidden;
}
.invitation .img_area > img {
	transform: scale(1.1);
	transition: 1s;
	z-index: 1;
	will-change: auto;
	display: block;
}
.invitation .img_area::before {
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	transform: scale(1.1);
	transition: 1s;
	z-index: 10;
	will-change: auto;
}
.invitation .img_area.none::before {
	display: none;
}
.invitation .img_area.img_top::before {
	bottom: 0
}
.invitation .img_area.img_bot::before {
	top: 0
}
.invitation .mo_com .img_area > img {
	transform: none;
}
.invitation .mo_com .img_area::before {
	height: 0%;
	transform: none;
}
.invitation .txt_area {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	overflow: hidden;
	z-index: 20;
	background-color: #fff;
	width: 100%;
}
.invitation .txt_area ul li {
	overflow: hidden;
	opacity: 0;
	filter: blur(5px);
	transition: 1s;
	transition-delay: 0.8s;
}
.invitation .txt_area ul .lef {
	transform: translate(-40%, 0);
}
.invitation .txt_area ul .rig {
	transform: translate(40%, 0);
}
.invitation .mo_com .txt_area ul .lef, .invitation .mo_com .txt_area ul .rig, .invitation .mo_com .txt_area ul .fade {
	transform: none;
	opacity: 1;
	filter: blur(0);
}
.invitation .w_10 {
	max-width: 10%;
}
.invitation .w_28 {
	max-width: 28%;
}
.invitation .w_25 {
	max-width: 25%;
}
.invitation .w_41 {
	max-width: 41%;
}
.invitation .w_43 {
	max-width: 43%;
}
.invitation .w_51 {
	max-width: 51%;
}
.invitation .w_62 {
	max-width: 62%;
}
.invitation .w_67 {
	max-width: 67%;
}
.invitation .w_70 {
	max-width: 70%;
}
.invitation .w_72 {
	max-width: 72%;
}
.invitation .w_78 {
	max-width: 78%;
}
.invitation .w_81 {
	max-width: 81%;
}
.invitation .w_85 {
	max-width: 85%;
}
.invitation .pg1 section {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ea1a00;
	text-align: center;
}
.invitation .pg1 .img_area > img {
	opacity: 0;
}
.invitation .pg1 .txt_area ul li {
	opacity: 1;
	filter: blur(0);
}
.invitation .pg1 .tit {
	position: absolute;
	left: 0;
	top: 13%;
	width: 100%;
}
.invitation .pg1 .tit > div {
	max-width: 79%;
	margin: 0 auto;
}
.invitation .pg1 .tit .top {
	max-width: 45%;
	margin: 0 auto;
	margin-bottom: 8%;
}
.invitation .pg1 .tit .top ul li {
	opacity: 0;
	transition: 0.5s;
}
.invitation .pg1 .tit .top ul li:nth-child(1) {
	transform: translate(-10px, 10px) rotate(-5deg);
	transition-delay: 1.4s;
}
.invitation .pg1 .tit .top ul li:nth-child(2) {
	transform: translate(-10px, 7px) rotate(-3deg);
	transition-delay: 1.5s;
}
.invitation .pg1 .tit .top ul li:nth-child(3) {
	transform: translate(-10px, 4px) rotate(-1deg);
	transition-delay: 1.6s;
}
.invitation .pg1 .tit .top ul li:nth-child(4) {
	transform: translate(-10px, 1px);
	transition-delay: 1.7s;
}
.invitation .pg1 .tit .top ul li:nth-child(5) {
	transform: translate(-10px, 4px) rotate(1deg);
	transition-delay: 1.8s;
}
.invitation .pg1 .tit .top ul li:nth-child(6) {
	transform: translate(-10px, 7px) rotate(3deg);
	transition-delay: 1.9s;
}
.invitation .pg1 .tit .top ul li:nth-child(7) {
	transform: translate(-10px, 10px) rotate(5deg);
	transition-delay: 2s;
}
.invitation .pg1 .tit .mid {
	margin-bottom: 5%;
}
.invitation .pg1 .tit .mid ul li {
	filter: blur(5px);
	opacity: 0;
	padding: 0 5px;
	transition: 0.8s;
	transition-delay: 1.1s;
}
.invitation .pg1 .tit .bot {
	max-width: 50%;
	opacity: 0;
	margin: 0 auto;
	overflow: hidden;
	transition: 0.5s;
	transition-delay: 2s;
}
.invitation .pg1 .tit .top ul, .invitation .pg1 .tit .mid ul, .invitation .pg1 .tit .bot ul {
	display: flex;
	justify-content: space-between;
}
.invitation .pg1 .tit .bot ul li {
	padding: 0 2%;
}
.invitation .pg1 .tit .bot ul li:first-child {
	padding-left: 0;
}
.invitation .pg1 .tit .bot ul li:last-child {
	padding-right: 0;
}
.invitation .pg1 .cen_txt {
	max-width: 62.5%;
	margin: 0 auto;
	padding-top: 1.5%;
	overflow: hidden;
}
.invitation .pg1 .cen_txt p {
	position: relative;
}
.invitation .pg1 .cen_txt p::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #000;
	transition: 0.6s;
	transition-delay: 0.1s;
}
.invitation .pg1 .cen_txt p img {
	transform: translate(0, 100%);
	transition: 0.6s;
	transition-delay: 0.6s;
}
.invitation .pg1 .bot_txt {
	position: absolute;
	left: 0;
	bottom: 12%;
	width: 100%;
}
.invitation .pg1 .bot_txt p {
	overflow: hidden;
}
.invitation .pg1 .bot_txt p ~ p {
	margin-top: 1.5%;
}
.invitation .pg1 .bot_txt p img {
	display: block;
	margin: auto;
}
.invitation .pg1.mo_com .tit .top ul li {
	transform: none;
	opacity: 1;
}
.invitation .pg1.mo_com .tit .mid ul li {
	filter: blur(0);
	opacity: 1;
	padding: 0;
}
.invitation .pg1.mo_com .tit .bot {
	max-width: 45%;
	opacity: 1;
}
.invitation .pg1.mo_com .cen_txt p::before {
	width: 100%;
	left: 0;
}
.invitation .pg1.mo_com .cen_txt p img {
	transform: none;
}
.invitation .pg3 .on_txt {
	position: absolute;
	left: 0;
	top: 7%;
	width: 100%;
	text-align: center;
}
.invitation .pg3 .on_txt p {
	margin: 0 auto;
	overflow: hidden;
}
.invitation .pg4 .on_txt {
	position: absolute;
	left: 5%;
	top: 6%;
}
.invitation .pg4 .on_txt strong {
	display: block;
	margin-bottom: 7%;
	opacity: 0;
	transition: 0.6s;
	transition-delay: 1.5s;
}
.invitation .pg4 .on_txt p {
	opacity: 0;
	transform: translate(20%, 0);
	transition: 0.6s;
	transition-delay: 1.8s;
}
.invitation .pg4 .on_txt p img {
	display: block;
}
.invitation .pg4 .star {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transform: translate(0, 3%);
	transition: 0.6s;
	transition-delay: 1.1s;
}
.invitation .pg4.mo_com .star {
	transform: none;
	opacity: 1;
}
.invitation .pg4.mo_com .on_txt strong, .invitation .pg4.mo_com .on_txt p {
	opacity: 1;
	transform: none;
}
.invitation .pg5 .col {
	height: 85%;
	justify-content: space-between;
	padding: 4vh 0;
	box-sizing: border-box;
}
.invitation .pg5 .top {
	max-width: 43%;
	margin: 0 auto;
	opacity: 0;
	filter: blur(6px);
	transition: 0.7s;
}
.invitation .pg5 .mid {
	max-width: 81%;
	margin: 0 auto;
	opacity: 0;
	transform: translate(0, 10%);
	transition: 0.8s;
	transition-delay: 0.3s;
}
.invitation .pg5 .bot {
	max-width: 56%;
	margin: 0 auto;
}
.invitation .pg5 .bot img {
	display: block;
}
.invitation .pg5 .bot .txt1 {
	overflow: hidden;
	margin-bottom: 1.6vw;
}
.invitation .pg5 .bot .txt2 {
	overflow: hidden;
	margin-bottom: 3.2vw;
}
.invitation .pg5 .bot .txt3 {
	overflow: hidden;
}
.invitation .pg5 .go_home {
	height: 15%;
	overflow: hidden;
}
.invitation .pg5 .go_home a {
	display: block;
	background: #ea1a00;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(0, 100%);
	transition: 0.8s;
	transition-delay: 1.3s;
}
.invitation .pg5 .go_home p {
	color: #000;
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 6.4vw;
}
.invitation .pg5 .delay1 {
	transition-delay: 0.6s;
}
.invitation .pg5 .delay2 {
	transition-delay: 0.7s;
}
.invitation .pg5 .delay3 {
	transition-delay: 0.8s;
}
.invitation .mo_com.pg5 .top {
	opacity: 1;
	filter: blur(0);
}
.invitation .mo_com.pg5 .mid {
	opacity: 1;
	transform: none;
}
.invitation .mo_com.pg5 .go_home a {
	transform: none;
}

.brand_button {
    width: 120px;
    height: 30px;
    border: 1px solid #dec9c1;
    border-radius: 25px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    background: rgb(255,255,255,0.5);
    color: #856c61;
    margin: 0px auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    cursor: pointer;
    z-index: 1000;
    vertical-align: middle;
}

.pc_image {display:initial; margin-top:6vw;}
.mobile_image {display:none;}

.cooperative .bg .pc_image {
    display: initial;
    max-width: 1400px;
    margin: 0px auto;
    margin-top: 10vw;
    left: 0;
    right: 0;
    position: absolute;
	}


 @media all and (min-width:1025px) {
.point_con.hide > .p_num span, .point_con.hide > .p_num strong {
	transform: translate(0, 100%);
	transition-delay: 0s;
}
}
@media all and (max-width:1700px) {
.main_num ul li .num {
	font-size: 10rem;
}
}
@media all and (max-width:1500px) {
.location {
	padding: 50px 30px;
}
.location .area .tit {
	padding-right: 30px;
}
.location .area .txt {
	padding-right: 10px;
}
}
@media all and (max-width:1400px) {
header .gnb ul li {
	margin: 0 25px;
}
.full_menu header .gnb ul li {
	margin: 0 25px;
}
.full_menu header .gnb ul li a {
	font-size: 0.9rem;
}
.con_wrap {
	padding: 0 5px;
}
.main_num ul li .num {
	font-size: 8rem;
}
.main_num ul li .hov .dot, .main_num ul li .hov p {
	font-size: 1rem;
}
.main_num ul li .hov .plus {
	bottom: 20px;
}
.popup {
	padding: 0 20px;
}
.popup .popup_box {
	height: calc(90vh - 340px);
}
.point_con .p_num strong {
	font-size: 12rem;
}
.point_con .p_num, .point_con .p_txt {
	width: 25%;
}
.point_con .p_img > ul > li img {
	max-width: 50%;
	margin: 0 auto;
	display: block;
}
.location .area {
	display: block;
	padding-right: 0;
	height: auto;
}
.location .area .tit {
	padding-right: 0;
	margin-bottom: 50px;
}
.location .area .img {
	position: static;
	width: 100%;
}
.location .area .img div {
	background: none;
}
.location .area .img img {
	display: block;
}
.location .area .txt {
	margin-top: 30px;
	padding-right: 0;
}
.location .area .txt .type {
	display: block;
}
.location .area .txt .type > li {
	width: 100%;
}
.location .area .txt .type > li:nth-child(n+2) {
	margin-top: 20px;
}
.location .area .txt .type p {
	margin-bottom: 0;
}
.location .area .txt .list {
	display: flex;
	flex-wrap: wrap;
}
.location .area .txt .list li {
	margin-top: 10px;
	margin-right: 10px;
}
.location .area .txt .list li ~ li {
	margin-top: 10px;
}
.location .area .txt .list li strong {
	margin-right: 2px;
}
}
 


 @media all and (max-width:1000px) {
html {
	font-size: 12px;
}
.wrap.main {
	overflow: auto;
}
.scroll.ab {
	display: none;
}
header {
	height: 70px;
	padding: 0 20px;
	padding-top: 10px;
	overflow: hidden;
}
.full_menu header {
	background: none;
}
header .inner::before {
	display: none;
}
header .head_top h1 {
	width: 100px;
	height: 42px;
	margin-left: -50px;
	top: 27px;
	margin-top: -21px;
	transition: 0.8s;
}

.full_menu header .head_top h1 {
	top: 0;
	margin-top: 0;
    filter: invert(1);
}

.full_menu header .head_top h1 a {
	
}


header .gnb, .full_menu header .gnb {
	padding: 70px 0 0;
}

header .gnb ul {
	flex-wrap: wrap;
	padding-right: 0;
}

header .gnb ul li {
	margin: 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
}
.full_menu header .gnb ul li {
	margin: 0;
	padding-top: 22px;
}
header .gnb ul li ~ li, .full_menu header .gnb ul li ~ li {
	margin-top: 15px;
}
header .gnb ul li::before {
	width: 14px;
	height: 14px;
}
header .gnb ul li a, .full_menu header .gnb ul li a {
	font-size: 1.2rem;
	transition: 0.4s;
}
header .gnb ul li a {
	transform: translate(0, 110%);
	transition-delay: 0s;
}
.full_menu header .gnb ul li a {
	color: #fff !important;
	transform: none;
	transition-delay: 0.4s;
}
header .head_star {
	display: none;
}
header .nav_btn {
	top: 27px;
	display: block;
}
header .nav_btn button {
	width: 25px;
}
header .rig {
	width: 35px;
	height: 23px;
	top: 18px;
}
.dim {
	display: block;
	position: fixed;
	left: -100%;
	top: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #080f66;
	transition: 0.6s;
}

.full_menu .dim {
	left: 0;
}
footer {
	padding-bottom: 10px;
	position: static;
}
footer .foot_info {
	margin-bottom: 5px;
}
footer .top.on {
	height: 30px;
}

.main footer {
	margin-top:-80px;
	padding-bottom: 30px;
}

.sub footer {
	padding-bottom: 50px;
}
.con_wrap {
    height: auto;
    padding-top:0vw;
    padding-bottom:5vw;
	margin-top:-5vw;
}

.main_num {
	padding: 0;
	padding-bottom:0;
	max-width: 600px;
	margin: 0 auto;
}
.main_num ul li {
	width: 33.33%;
}
.main_num ul li a {
	padding-bottom: 115%;
	transition-delay: 0.4s;
}

.main_num ul li .num {
	font-size: 6rem;
	transform: none !important;
	opacity: 1 !important;
}
.main_num ul li .line {
	transition-delay: 0.3s;
}
.main_num ul .num9 .line.top {
	right: 15px;
}
.main.active .main_num ul .num3 .line.top, .main.active .main_num ul .num9 .line.bot, .main.active .main_num ul .num4 .line.top, .main.active .main_num ul .num9 .line.top, .main.active .main_num ul .num10 .line.bot {
	width: calc(100% - 27px);
}
.main_num ul li .hov {
	opacity: 0 !important;
	animation: none !important;
}


.main_num ul:before, .main_num ul:after {
    content: "";
}



.full_menu .main_num {
	opacity: 1;
}

.wrap_write h1 img {
	width:80%;
}

.popup {
	padding: 0;
}
.popup .popup_wrap {
	padding: 0 20px;
	padding-bottom: 30px;
	max-width: 600px;
	margin: 0 auto;
}
.popup .popup_box {
	height: auto;
	padding-bottom: 127%;
}
.popup .popup_box .txt {
	padding: 0 20px;
}
.popup .popup_box .password, .popup .popup_box .password input {
	width: 100%;
}
.popup .popup_box .password {
	margin-bottom: 45px
}
.popup .popup_box .password input {
	height: 40px;
}
.popup .close button {
	width: 40px;
	height: 18px;
}
.popup.video_pop .popup_box {
	padding: 0;
	max-height: none;
	max-width: none;
	height: auto;
}
.popup.video_pop .pop_vd {
	padding-bottom: 56.25%;
}
.popup.video_pop .pop_vd iframe {
	position: absolute;
	left: 0;
	top: 0;
}
.popup.video_pop .close {
	right: 0;
	top: -30px;
}

.content {
    padding: 100px 4vw 60px;
}

.point_tab {
	padding-top: 20px;
}
.point_tab ul {
	width: 100%;
}
.point_con {
	margin-top: 30px;
}
.point_con .p_num, .point_con .p_txt {
	position: static;
	width: 100%;
	justify-content: center;
}
.point_con .p_txt ul li {
	width: 100%;
}
.point_con .p_img .img_box {
	display: block;
}
.point_con .p_img .img_box img {
	width: 100%;
}
.point_con .p_img .img_box img ~ img {
	margin-top: 15px;
	padding-left: 0;
}
.point_con .p_img > ul > li img {
	max-width: 100%;
}
.point_con .p_img .txt_box {
	padding-top: 0;
}
.point_con .p_img .txt_box .p_num {
	display: none;
}
.point_con .p_img .txt_box .p_txt {
	width: 100%;
}
.point_con .p_num {
	margin-bottom: 10px;
}
.point_con .p_num dl {
	margin-bottom: 5px;
}
.point_con .p_num dl dd {
	margin-top: 5px;
	font-size: 1.3rem;
}
.point_con .p_num strong {
	font-size: 5rem;
}
.point_con .p_txt {
	margin-top: 20px;
}
.point_con .p_txt ul li strong {
	margin-bottom: 5px;
}
.point_con .p_num dl dt p span {
	transition-delay: 0.8s;
}
.point_con .p_num dl dd span {
	transition-delay: 1s;
}
.point_con .p_num strong {
	transition-delay: 1.2s;
}
.point_con.active .p_img {
	transition-delay: 1.6s;
}
.point_con.active .p_txt.mo_top ul li.active strong span, .point_con.active .img4.active .p_txt.mo_top strong span {;
	transition-delay: 2.2s;
}
.point_con.active .p_txt.mo_top ul li.active p span, .point_con.active .img4.active .p_txt.mo_top p span {
	transition-delay: 2.4s;
}
.scroll span {
	height: 35px;
}
.top_btn button {
	height: 35px;
}
.fp-viewing-pg4 .top_btn {
	height: 35px;
}
.fix_btn {
	width: 55px;
	height: 55px;
	bottom: 5px;
	right: 5px;
}
.fix_btn a {
	padding: 10px;
}
.fix_btn a em {
	background-size: 12px auto;
}
.intro .intro_logo {
	padding-bottom: 25vh;
}
.intro .intro_logo ul li {
	padding: 0 10px;
}
.intro .intro_logo ul li img {
	display: block;/*height: 10vw;*/
}
.intro .intro_logo .logo_box {
	padding-bottom: 60px;
}
.intro .intro_logo .star {
	left: calc(50% - 18px);
	width: 36px;
	height: 36px;
}
.intro .intro_txt {
	bottom: 50px;
	padding: 0 15px;
}
.intro .intro_txt .tit {
	margin-bottom: 10px;
	font-size: 1.4rem;
}
.intro .intro_txt p {
	line-height: 1.4em;
	letter-spacing: -0.05em;
}
.intro .intro_txt strong {
	margin-top: 10px;
}
.sd_wrap .top_logo {
	top: 40px;
}
.sd_wrap .top_logo img {
	width: 100px;
}

.sd_wrap .bot_txt {
	top: 75vw;
	padding: 0 10px;
}

.sd_wrap .bot_txt strong {
	margin-bottom: 3px;
}
.sd_wrap .bot_txt span {
	margin-bottom: 10px;
	font-size: 0.8rem;
}
.sd_wrap .bot_txt p {
	font-size: 1rem;
}
.sd_wrap .sd1 .txt {
	max-width: 70%;
}
.sd_wrap .sd2 .txt {
	max-width: 65%;
}
.sd_wrap .sd3 .txt {
	max-width: 75%;
}
.sd_wrap .sd4 .txt {
	max-width: 70%;
}
.sd_wrap .sd5 .txt {
	max-width: 55%;
}
.sd_wrap .sd1 .bg {
	background-image: url(../images/mslide-img1.jpg);
}
.sd_wrap .sd2 .bg {
	background-image: url(../images/mslide-img2.jpg);
}
.sd_wrap .sd3 .bg {
	background-image: url(../images/mslide-img3.jpg);
}
.sd_wrap .sd4 .bg {
	background-image: url(../images/mslide-img4.jpg);
}
.sd_wrap .sd5 .bg {
	background-image: url(../images/mslide-img5.jpg);
}
.info {
	align-items: center;
	padding-top: 0;
}

.info .txt_wrap {
	padding-bottom: 50px;
}

.info .txt_wrap .logo {
    width: 88vw;
    max-width: 100%;
    margin: 0 auto;
	margin-top:15vw;
    margin-bottom: 40px;
    min-height: 125vw;
    background-color: #fff;
}

.info .txt_wrap .logo ul {
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.info .txt_wrap .logo strong {
	margin-top: 15px;
}

.mo_com .info .txt_wrap .logo strong {
    left: 1vw;
    right: 0;
    height: 5vw;
    width: 87.8vw;
}

.info .txt_wrap .building img {
	max-width: 40%;
}
.info .txt_wrap .open {
	font-size: 1.2rem;
}
.info .bot_txt {
	bottom: 45px;
}
.info .bot_txt strong {
	font-size: 1.7rem;
}
.hotel_du_chat .white_content_box {
	padding: 5px 20px 25px;
}
.hotel_du_chat .white_content_box ul {
	margin-top: 5px;
}
.hotel_du_chat .white_content_box ul li {
	max-width: 60%;
	margin: 0 auto;
}
.hotel_du_chat .white_content_box .txt {
	transform: scale(0.6);
}
.hotel_du_chat .white_content_box .txt p {
	font-size: 0.8rem;
}
.hotel_du_chat .img_box {
	margin-top: 30px;
	transition-delay: 0.3s;
}
.hotel_du_chat .white_content_box.active + .img_box {
	opacity: 1;
	transform: none;
}
.hotel_du_chat .txt_box {
	margin-top: 40px;
}
.hotel_du_chat .txt_box strong {
	font-size: 2.2rem;
	margin-bottom: 15px;
}
.hotel_du_chat .txt_box p {
	font-size: 0.7rem;
}
.hotel_du_chat .txt_box .txt_logo {
	max-width: 35%;
	margin: 0 auto;
	margin-top: 30px;
}
.overview .white_content_box {
	padding: 20px 10px;
	transition-delay: 0.5s;
}
.overview .white_content_box strong {
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.overview .white_content_box ul {
	margin-bottom: 10px;
}
.overview .white_content_box ul li {
	font-size: 0.7rem;
}
.overview .white_content_box ul li span {
	display: block;
}
.overview .white_content_box ul li em {
	display: none;
}
.location {
	padding: 40px 15px;
}
.location .area .tit {
	max-width: 35%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.location .area .txt .list li, .location .area .txt .list li ~ li {
	margin-top: 5px;
}
.location .area .txt .list li strong {
	width: 12px;
	line-height: 12px;
}
.location .area .bot {
	margin-top: 40px;
}
.location .area .bot p {
	display: block;
}
.location .area .bot p ~ p {
	margin-top: 15px;
}
.location .area .bot p em {
	display: none;
}
.location .area .bot p strong {
	display: block;
}
.location .area .bot p span {
	display: block;
	margin-top: 3px;
}

.wrap_write li {
	width:100%;
}

.wrap_write h1 {
	margin-top:10vw;
}

.wrap_write li dl dt {
    width: 100%;
    font-size: 6vw;
	text-align:center;
}

.wrap_write li dl dd pre {
    text-align: center;
    padding: 0 5vw;
	font-size:2.5vw;
	line-height:1.5;
}

.overview .white_content_box strong {
	font-size:xx-small !important;
}


.main_image img {
	margin:0px auto;
}

.wrap_write {
	width:initial;
}

.wrap_write li dl dd {
    width: 100%;
    margin: 2vw 0 0 0;
}

.wrap_write li dl dd table {
	width:80%;
	margin:0px auto;
	left:0;
	right:0;
}

.wrap_write li dl dd table tr td:nth-child(1) {
    width: 18%;
}


.sd_wrap .sd1 .bot_txt pre {
	margin-top: -440px;
}


.mo_com .sd_wrap .swiper-slide-active .top_logo, .mo_com .sd_wrap .swiper-slide-active .bot_txt .cat_house {
	width:100%;
}

.mo_com .sd_wrap .swiper-slide-active .txt ul li {
	position:absolute;
	left:0;
	right:0;
}

.sd_wrap .txt ul li.lef img {
	max-width:300px;
	margin:0px auto;
	margin-top:-50px;
}


.cat_house img {
	top:50px;
}

.mobile_block_500 {
	width:100%;
	height:75vw;
	display:block;
}

.wrap_write li dl dd table td p br {
	display:inherit;
}


.wrap_write li dl dd sub {
    display: flow-root;
    margin-top: 2vw;
	font-family: 'Nanum Myeongjo' !important;
}

.wrap_write h1::after { 
   max-width:84%;
}


.footer_logo {
	width:7vw;
	height:7vw;
	margin:0px auto;
	position:relative;
    margin-top: -24vw;
    margin-bottom: 24vw;
}

.pc_image {display:none !important;}
.mobile_image {display:initial;}


}

 @media all and (max-height:800px) {
.main_num {
	max-width: 1300px;
}
.main_num ul li .num {
	font-size: 8rem;
}
.main_num ul li .hov .dot, .main_num ul li .hov p {
	font-size: 1rem;
}
.popup .popup_wrap {
	max-width: 1300px;
}
.popup.video_pop .popup_wrap {
	max-width: none;
}
.info .txt_wrap {
	padding-bottom: 100px;
}
.mo_com .sd_wrap .swiper-slide-active .top_logo, .mo_com .sd_wrap .swiper-slide-active .bot_txt .cat_house {
	width: 70vw;
}



}




/*애니메이션*/
@keyframes in-top {
 from {
transform:translate(0, -50%);
}
to {
	transform: translate(0, -50%);
	opacity: 1;
}
}
.main_num ul .in-bottom .num {
	transform: translate(0, -50%);
	opacity: 0;
}
.main_num ul .in-bottom .hov {
	animation-name: in-bottom;
}
.main_num ul .in-bottom .hov .cube {
	transform: translate(0, -50%);
	opacity: 1;
}
.main_num ul .in-bottom .hov .cube p {
	filter: blur(0);
	transition-delay: 0.4s;
}
@keyframes in-bottom {
 from {
transform:translate(0, 50%);
}
to {
	transform: translate(0, 50%);
	opacity: 1;
}
}
 @keyframes row_scr1 {
 0% {
opacity:0;
transform:none;
}
 60% {
opacity:1;
transform:translate(5px, 0);
}
 80% {
opacity:0;
transform:translate(5px, 0);
}
 100% {
opacity:0;
transform:none;
}
}
 @keyframes down_num {
 0% {
transform:translate(0, 0);
}
 100% {
transform:translate(0, -100%);
}
}
.point_con .p_num .up_num em {
	animation: up_num 0.6s ease forwards;
	animation-delay: 0.3s;
}
@keyframes up_num {
 0% {
transform:translate(0, 0);
}
 100% {
transform:translate(0, 100%);
}
}
 @keyframes video_mask {
 0% {
width:0;
}
 40% {
width:100%;
}
 60% {
width:100%;
transform:translate(0, 0);
}
 100% {
width:100%;
transform:translate(100%, 0);
}
}
 @keyframes fix_btn {
 0% {
transform:rotate(0deg);
}
 100% {
transform:rotate(360deg);
}
}
 @keyframes star {
 0% {
transform:rotate(0deg) scale(1.4)
}
 100% {
transform:rotate(180deg)
}
}
@keyframes star_line {
 40% {
stroke-dashoffset: 0;
stroke:#fff;
opacity:1;
}
 55% {
opacity:0;
}
 100% {
opacity:0;
}
}
@keyframes star_bg {
 40% {
opacity:0;
}
 55% {
opacity:1;
}
 65% {
opacity:1;
background-image:url(../images/intro-star-wh.png);
}
 100% {
opacity:1;
background-image:url(../images/intro-star-bl.png);
}
}
 @keyframes in-left {
 from {
transform:translate(-50%, 0);
}
to {
	transform: translate(-50%, 0);
	opacity: 1;
}
}
 @keyframes in-right {
 from {
transform:translate(50%, 0);
}
to {
	transform: translate(50%, 0);
	opacity: 1;
}
}