/* main css */
.owl-carousel .animated  {
  animation-duration : 200ms !important;
  animation-fill-mode : both;
}  


.sec01_top {
	background-color: #ece6e1;
	height: 426px;
	width: 100vw;
	position: relative;
}
.section_01_text {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	top: calc(50% - 30px);
	left: 50%;
	transform: translate(-50%, 0);
}
.section_01_text_01, .section_01_text_02, .section_01_text_03 {
	opacity: 0;
}
.section_01_text_01 {
	animation: section_01_text_01 .75s .5s ease-in-out forwards;
}
.section_01_text_02 {
	padding-top: 20px;
	padding-bottom: 20px;
	animation: section_01_text_02 .75s 1.35s ease-in-out forwards;
}
.section_01_text_03 {
	animation: section_01_text_03 .75s 2.1s ease-in-out forwards;
}
@keyframes section_01_text_01 {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes section_01_text_02 {
	from {
		opacity: 0;
		transform: scale(1.2);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes section_01_text_03 {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}


.scroll_motion {
	position:absolute;
	width: 60px;
	height: 150px;
	bottom: 0;
	left: 50px;
	text-align:center;
	text-indent:0px !important;
}
.scroll_motion > img {
	position: absolute;
	left: 6px;
	top: 20px;
}
.scroll_motion p {
	writing-mode: vertical-rl;
	color:#0f243a;
	font-size:12px;
	letter-spacing:1px;
	font-weight: 800;
}
.scroll_motion span {
	width: 1px;
	height: 75px;
	background-color:#7d858d;
	position:absolute;
	left: 10px;
	bottom: 0;
}
.scroll_motion span::before {
	width: 10px;
	height: 10px;
	background-color:#856d52;
	content:'';
	display:block;
	position:absolute;
	left: 50%;
	top: 50%;
	border-radius:50%;
	animation: scrollMagic 1.35s linear 0s infinite;
}
@keyframes scrollMagic {
	0%{opacity:0;  transform:translate(-50%, -30px) scale(1);}
	10%{opacity:1; transform:translate(-50%, -30px) scale( 1 );}
	50%{transform:translate(-50%, 15px) scale( 1 );}
	55%{opacity:1; transform:translate(-50%, 15px) scale(1);}
	60%{opacity:.3;}
	80%{opacity:0;transform:translate(-50%, 15px) scale(5);}
	100%{opacity:0;transform:translate(-50%, 15px) scale(5);}
}
.main_slider {
	width: 100%;
}
.bx-wrapper {
	border: 0 !important;
	margin-bottom: 0 !important;
}
.main_slider > li {
	position:relative;
	/*height: calc(var(--vh) - 100px);*/
	height: 550px;
}
.main_slider > li .bg {
	position:absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	animation: zoomOut2 3s 0.2s both;
	z-index: 2;
}
.main_slider > li.imsi .bg {
	animation:none !important;
}
.main_slider > li.first .bg {
	background-image:url('../img/main/slider01_bg.jpg?new');
	background-size:cover;
	background-position:center 50%;
}
.main_slider > li.second .bg {
	background-image:url('../img/main/slider02_bg.jpg?new');
	background-size:cover;
	background-position:center 50%;
}
@keyframes zoomOut2 {
	0% {
		webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.section_01_logo {
	position: absolute;
	top: 85px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	opacity: 0;
}
.main_slider > li.active .section_01_logo {
	animation: section_01_logo 1.5s .5s ease-in-out forwards;
}
@keyframes section_01_logo {
	from {
		opacity: 0;
		transform: translateX(-50%) scale(.5);
	}
	to {
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}
}

.open_btn_box {
	position: absolute;
	top: 215px;
	right: 120px;
	display: flex;
	flex-direction: column;
}
.open_btn_box > a {
	padding-top: 7px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	border-radius: 60px;
	transition: .2s;
}
.open_btn_box > a:hover {
	transform: translateY(-3px);
}
.open_btn_box img {
	border-radius: 38px;
}
.open_btn04 {
	margin-top: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	border-radius: 60px;

}

.banner {
	position: absolute;
	bottom: 10%;
	right: 150px;
	z-index:9999;
}


.section_02 {
	position:relative;
	height: 1020px;
	min-height:860px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-bottom: 90px;
}
.section_02::after {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position:absolute;
	content:'';
	display:block;
	width: 100%;
	height: 100%;
	background-image:url('../img/main/section02_bg.jpg?new');
	background-position:0 center;
	background-size:cover;
	z-index: 2;
}
.section_02 .row {
	position:relative;
	width: 100%;
	height: 660px;
	z-index: 3;
}
.section_02 .s2_bg_slider_wrap {
	position: absolute;
	width: 532px;
	height: 602px;
	left: 0;
	top: calc(50% + 204px);
}

.section_02 .s2_bg_slider li {
	width: 460px;
	height: 200px;
	background-position:center !important;
	background-size:459px 100%;
	position: relative;
	right: 1px;
}

.section_02 .s2_bg_slider li.first {
	background-image:url('../img/main/s2_slider_item01.png?new');
}
.section_02 .s2_bg_slider li.second {
	background-image:url('../img/main/s2_slider_item02.png?new');
}

.section_02 .s2_bg_slider li.third {
	background-image:url('../img/main/s2_slider_item03.png?new');
}

.section_02 .s2_bg_slider li.forth {
	background-image:url('../img/main/s2_slider_item04.png?new');
}

.section_02 .s2_bg_slider li.fifth {
	background-image:url('../img/main/s2_slider_item05.png?new');
}

.section_02 .s2_bg_slider li.sixth {
	background-image:url('../img/main/s2_slider_item06.png?new');
}

.section_02 .s2_bg_slider li.seven {
	background-image:url('../img/main/s2_slider_item07.png?new');
}


.section_02 .s2_item_slider_wrap {
	position:absolute;
	width: 360px;
	height: 202px;
	left: 506px;
	bottom: -75px;
}

.section_02 .s2_item_slider li {
	width: 360px;
	height: 202px;
	background-position:center !important;
	!transition-duration: 400ms;
}

@keyframes s2_item_slider_ani {
	from {
		transform: translateX(35px);
	}
	to {
		transform: translateX(0px);

	}
}
.section_02 .s2_item_slider .firstactiveitem li.first {
	animation: s2_item_slider_ani .4s ease-in-out forwards;
	background-image:url('../img/main/s2_slider_text01.png?new');
}
.section_02 .s2_item_slider .firstactiveitem li.second {
	animation: s2_item_slider_ani .4s ease-in-out forwards;
	background-image:url('../img/main/s2_slider_text02.png?new');
}
.section_02 .s2_item_slider .firstactiveitem li.third {
	background-image:url('../img/main/s2_slider_text03.png?new');
	animation: s2_item_slider_ani .4s ease-in-out forwards;
}
.section_02 .s2_item_slider .firstactiveitem li.forth {
	background-image:url('../img/main/s2_slider_text04.png?new');
	animation: s2_item_slider_ani .4s ease-in-out forwards;
}
.section_02 .s2_item_slider .firstactiveitem li.fifth {
	background-image:url('../img/main/s2_slider_text05.png?new');
	animation: s2_item_slider_ani .4s ease-in-out forwards;
}
.section_02 .s2_item_slider .firstactiveitem li.sixth {
	background-image:url('../img/main/s2_slider_text06.png?new');
	animation: s2_item_slider_ani .4s ease-in-out forwards;
}
.section_02 .s2_item_slider .firstactiveitem li.seven {
	background-image:url('../img/main/s2_slider_text07.png?new');
	animation: s2_item_slider_ani .4s ease-in-out forwards;
}

.section_02 .title {
	position:absolute;
	left: 250px;
	top: 80px;
	width: 563px;
	height: 175px;
	background-image:url('../img/main/section02_title.png?new');
	background-position:0 0;
}

.section_02 .title .link {
	position:absolute;
	right: 0;
	bottom: 0;
	font-size:14px;
	font-family:'Montserrat-Bold';
	color:#11243a;
	border-bottom:1px solid #11243a;
	padding-bottom: 3px;
	letter-spacing:-1px;
}

.section_02 .owl-dots {
	position: absolute;
	bottom: 370px;
	left: 350px;
	width: 217px;
	height: 1px;
	overflow: hidden;
}
.section_02 .owl-dots:before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1px;
	width: 217px;
	background-color: #e7e9eb;
}
.section_02 .owl-theme .owl-dots .owl-dot {
	position: absolute;
	top: 0;
	left: 0;
}
.section_02 .owl-theme .owl-dots .owl-dot span {
	height: 1px;
	margin: 0;
	position: absolute;
	left: 0;
	transition: .2s;
	opacity: 0;
}
.section_02 .owl-theme .owl-dots .owl-dot.active span {
	background-color: #0f243a;
	opacity: 1;
	animation: dot_active01 1s ease-in-out forwards;
	z-index: 99;
}
@keyframes dot_active01 {
	from {
		transform: translateX(-31px);
	}
	to {
		transform: translateX(0);
	}
}

.section_02 .owl-theme .owl-dots .owl-dot:nth-child(1) span {
	width: 31px;
}
.section_02 .owl-theme .owl-dots .owl-dot:nth-child(2) span {
	width: 62px;
}
.section_02 .owl-theme .owl-dots .owl-dot:nth-child(3) span {
	width: 93px;
}
.section_02 .owl-theme .owl-dots .owl-dot:nth-child(4) span {
	width: 124px;
}
.section_02 .owl-theme .owl-dots .owl-dot:nth-child(5) span {
	width: 155px;
}
.section_02 .owl-theme .owl-dots .owl-dot:nth-child(6) span {
	width: 186px;
}
.section_02 .owl-theme .owl-dots .owl-dot:nth-child(7) span {
	width: 217px;
}


.section_02 .gage_bar {
	position: absolute;
	top: -183px;
	left: 315px;
	width: 292px;
	display: flex;
	justify-content: space-between;
}
.section_02 .gage_bar > p:nth-child(1) {
	font-size:16px;
	font-family:'Montserrat-Bold';
	color:#0f243a;
}
.section_02 .gage_bar > p:nth-child(2) {
	font-size:16px;
	font-family:'Montserrat-Regular';
	color:#4f5e6f;
}
.section_02 .gage_bar > div {
	position: absolute;
	top: 12px;
	left: 35px;
	height: 1px;
	width: 217px;
	background-color: #e7e9eb;
	overflow: hidden;
}
.section_02 .gage_bar > div::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1px;
	width: 217px;
	background-color: #0f243a;
	transform: translateX(-186px);
}

.section_02 .owl-theme .owl-nav {
	position: absolute !important;
	top: -210px !important;
	left: 0 !important;
}
.section_02 .owl-prev,
.section_02 .owl-next {
	display:block;
	position:absolute;
	top: 50%;
	width: 100%;
	margin-top: -30px;
	width: 49px;
	height: 48px;
}

.section_02 .owl-prev {
	background-image:url('../img/main/section02_arrow.png?new') !important;
	background-position:0 center !important;
	left: 626px !important;
}

.section_02 .owl-next {
	background-image:url('../img/main/section02_arrow.png?new') !important;
	background-position:100% center !important;
	left: auto !important;
	right: -741px !important;
}

.s2_item_slider_wrap .owl-prev,
.s2_item_slider_wrap .owl-next {
	opacity: 0;
	visibility:hidden;
}

.section_02_fixed_img {
	position: absolute;
	left: calc(50% + 11px);
	top: 54px;
	box-shadow: rgba(0, 0, 0, 0.15) 10px 10px 10px;
	border-top-right-radius: 209px;
}
.section_02_fixed_img_ani {
	animation: section_02_fixed_img ease-in-out 1s forwards;
}
@keyframes section_02_fixed_img {
	from {
		transform: translateX(50px);
	}
	to {
		transform: translateX(0px);
	}
}
.section_02_fixed_img::before {
	content: url("../img/main/section_02_fixed_box.png?new");
	display: inline-block;
	position: absolute;
	bottom: 2px;
	right: -130px;
	z-index: -1;
	width: 308px;
	height: 350px;
}
.section_02_fixed_box_ani {
	animation: section_02_fixed_box ease-in-out 1s forwards;
}
@keyframes section_02_fixed_box {
	from {
		transform: translateX(-50px);
	}
	to {
		transform: translateX(0px);
	}
}
.section_02_fixed_text01 {
	position: absolute;
	top: -25px;
	right: -104px;
	z-index: -1;
	transform: rotate(344deg) translate(-138px, -63px);
}
.section_02_fixed_text01_ani {
	animation: section_02_fixed_text01 ease-in-out 1s forwards;
}
@keyframes section_02_fixed_text01 {
	from {
		transform: rotate(344deg) translate(-138px, -63px);
	}
	to {
		transform: rotate(359deg) translate(-98px, -4px);
	}
}
.section_02_fixed_leaf {
	position: absolute;
	bottom: -115px;
	right: -263px;
	opacity: 0;
}
.section_02_fixed_leaf_ani {
	animation: ease-in-out 1s .9s section_02_fixed_leaf both;
}
@keyframes section_02_fixed_leaf {
	0% {
		opacity: 0;
		transform: translate(-30px, -30px);
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}
.section_02_fixed_text02 {
	position: absolute;
	bottom: -94px;
	right: -189px;
	opacity: 0;
	clip:rect(0,676px,500px,0);
}
.section_02_fixed_text02_ani {
	animation: ease-in-out 1.2s 1.6s txt_01 both;
}

@keyframes txt_01 {
	from {
		opacity: 0;
		clip:rect(0,0,254px,0);
	}
	to {
		opacity: 1;
		clip:rect(0,676px,500px,0);
	}
}

@media(max-width:1860px) {

}

@media(max-width:1440px) {




}

.section_03 {
	position: relative;
	height: 2204px;
	min-height: 860px;
	display: flex;
	flex-direction: column;
	padding: 200px 140px;
}
.section_03::after {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position:absolute;
	content:'';
	display:block;
	width: 100%;
	height: 100%;
	background-image:url('../img/main/section03_bg.jpg?new');
	background-position:0 center;
	background-size:cover;
	z-index: -1;
}

.section03_top {
	display: flex;
	justify-content: space-between;
}
.section03_tl_box {
	position: relative;
	top: 110px;
}
.section03_tl_text {
	position: absolute;
	top: -102px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
.section03_tl_text_ani {
	animation: section03_tl_text_ani ease-in-out .8s .5s both;
}
@keyframes section03_tl_text_ani {
	from {
		opacity: 0;
		transform: translateX(-50%) translateY(-50px);
	}
	to {
		opacity: 1;
		transform: translateX(-50%) translateY(0px);
	}
}
.section03_tr_box {
	display: flex;
	flex-direction: column;
	position: relative;
	top: 110px;
	height: 580px;
	justify-content: space-between;
}
.section03_tr_box > div {
	display: flex;
	width: 520px;
	justify-content: space-between;
}
.section03_tr_box > div > div {
	width: 240px;
	position: relative;

	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.section03_hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.1s linear;
}
.section03_tr_box > div > div:hover .section03_hover {
	opacity: 1;
}

.section03_bottom {
	display: flex;
	justify-content: space-between;
	position: relative;
	top: 110px;
}
.section03_bl_box {
	width: 880px;
	height: 410px;
	display: flex;
	justify-content: space-between;
	position: relative;
	top: 165px;
}
.section03_bl_text {
	position: relative;
	height: 187px;
	top: 140px;
}
.section03_bl_btn {
	position: absolute;
	bottom: -70px;
	left: 0;
}

.s3_item_slider_wrap {
	position: relative;
	width: 720px;
	height: 350px;
	top: 235px;
}
.s3_item_slider li {
	width: 640px;
	height: 350px;
	background-position:center !important;
	!transition-duration: 400ms;
}

.section_03 .s3_item_slider li.first {
	background-image:url('../img/main/section03_br_img01.png?new');
}
.section_03 .s3_item_slider li.second {
	background-image:url('../img/main/section03_br_img02.png?new');
}
.section_03 .s3_item_slider li.third {
	background-image:url('../img/main/section03_br_img03.png?new');
}

.section_03 .owl-dots {
	position: absolute;
	bottom: -25px;
	left: 0px;
	width: 450px;
	height: 1px;
	!overflow: hidden;
	z-index: 999;
}
.section_03 .owl-theme .owl-dots .owl-dot {
	position: absolute;
	top: 0;
	left: 0;
}

.section_03 .owl-theme .owl-dots .owl-dot span {
	position:relative;
	height: 2px;
	margin: 0;
	position: absolute;
	transition: .2s;
	background-color: #d5d2d0;
	width: 150px;
	z-index: 99;
}
.section_03 .owl-theme .owl-dots .owl-dot.active span {
	
	background-color: #0f243a;

}

.section_03 .owl-theme .owl-dots .owl-dot span::before {
	width: 100%;
	display:block;
	position:absolute;
	left: 50%;
	transform:translateX(-50%);
	bottom: -30px;
	font-size: 17px;
	font-family:'NanumSquareB';
	color:#726f6d;
	text-shadow: 0.2px 0.2px 0.2px #726f6d;
	letter-spacing: -1px;
}

.section_03 .owl-theme .owl-dots .owl-dot.active span::before {
	color:#0F243A;
}

.section_03 .owl-theme .owl-dots .owl-dot:nth-child(1) span {
	left: 0;
}

.section_03 .owl-theme .owl-dots .owl-dot:nth-child(1) span::before {
	content:'1층 상가 로비뷰';
}


.section_03 .owl-theme .owl-dots .owl-dot:nth-child(2) span {
	left: 150px;
}

.section_03 .owl-theme .owl-dots .owl-dot:nth-child(2) span::before {
	content:'2층 상가 로비뷰';
}

.section_03 .owl-theme .owl-dots .owl-dot:nth-child(3) span {
	left: 300px;
}

.section_03 .owl-theme .owl-dots .owl-dot:nth-child(3) span::before {
	content:'3층 레스토랑뷰';
}

.s3_text_slider_wrap {
	position: absolute;
	width: 450px;
	height: 100px;
	bottom: -140px;
	left: 0;
}
.s3_text_slider li {
	width: 450px;
	height: 100px;
}
.s3_slider_text_box {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.s3_slider_text_box > span {
	width: 150px;
	cursor: default;
	font-size: 17px;
	font-family:'NanumSquareB';
	color:#726f6d;
	text-shadow: 0.2px 0.2px 0.2px #726f6d;
	letter-spacing: -1px;
}
.section_03 .s3_text_slider li.first > div > span:nth-child(1) {
	color: #0f243a;
	text-shadow: 0.2px 0.2px 0.2px #0f243a;
}
.section_03 .s3_text_slider li.second > div > span:nth-child(2) {
	color: #0f243a;
	text-shadow: 0.2px 0.2px 0.2px #0f243a;
}
.section_03 .s3_text_slider li.third > div > span:nth-child(3) {
	color: #0f243a;
	text-shadow: 0.2px 0.2px 0.2px #0f243a;
}

.section03_br_text {
	position: absolute;
	bottom: -80px;
	right: -4px;
	z-index: 9999;
}
.section03_br_text > img {
	animation: section03_br_text 9s linear infinite;
}
@keyframes section03_br_text {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.section03_br_circle {
	width: 126px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.section03_bl_logo {
	position: absolute;
	top: calc(50% + 520px);
}





.section_04 {
	position: relative;
	height: 325px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.section_04::after {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position:absolute;
	content:'';
	display:block;
	width: 100%;
	height: 100%;
	background-image:url('../img/main/section04_bg.jpg?new');
	background-position:0 center;
	background-size:cover;
	z-index: -1;
}
.section04_text01 {
	position: relative;
	top: 20px;
}
.section04_text02 {
	position: relative;
	top: 40px;
}


.section_05 {
	position: relative;
	height: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 50px;
}
.section_05::after {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position:absolute;
	content:'';
	display:block;
	width: 100%;
	height: 100%;
	background-image:url('../img/main/section05_bg.jpg?new');
	background-position:0 center;
	background-size:cover;
	z-index: -1;
}

.video_wrapper {
	width: 904px;
	height: 509px;
	z-index: 9999;
	min-width:768px;
	min-height:448px;
	box-shadow: 3px 5px 24px 5px rgb(0 0 0 / 39%);
	position: relative;
}
.video-container::after {
	content:'';
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
}
.video-container {
	width: 100%;
	height: 100%;
	padding-top: 0;
}
.section_05_lt, .section_05_rt {
	position: absolute;
	top: -60px;
	color: #ffffff;
	font-size: 22px;
	font-family:'NanumSquareR';
	padding-left: 20px;
}
.section_05_lt::before, .section_05_rt::before {
	content: '';
	width: 6px;
	height: 22px;
	background-color: #ffffff;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.section05_con {
	margin-left: 45px;
	position: relative;
}

.section_06 {
	position: relative;
	height: 772px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section_06::after {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position:absolute;
	content:'';
	display:block;
	width: 100%;
	height: 100%;
	background-image:url('../img/main/section06_bg.jpg?new');
	background-position:0 center;
	background-size:cover;
	z-index: -1;
}