@charset "utf-8";
.section1 {
	height: 100vh;
}
/* 슬라이더 슬로건 */
.sloganWrap {
	position: absolute;
	top: 46%;
	width: 100%;
	font-family: 'Cinzel', sans-serif;
	color: #fff;
	transform: translateY(-50%);
	text-align: center;
	z-index: 30;
	overflow: hidden;
}
.sloganWrap h5 {
	font-family:'Nanum Pen Script',sans-serif,serif;
	font-size: 90px;
	line-height: 70px;
	color:rgba(255,255,255,1);
	margin: 1% 0;
	transform: scale(1.1);
}
.sloganWrap h6 {
	font-family:'Nanum Pen Script',sans-serif;
	font-size: 30px;
	line-height:30px;
	color:rgba(255,255,255,1);
}
/* 슬라이더 view */
.viewObj {
	position: absolute;
	right: 30px; bottom: 50px;
	font-family: 'Cinzel', sans-serif,serif;
	font-size: 15px;
	color: #fff;
	z-index: 10;
}
.viewObj a {
	position: relative;
	display: inline-block;
	height: 38px;
	margin: 0 12px;
	padding: 0 4px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.viewObj a i { margin-right: 10px; }
.viewObj a:before, .viewObj a:after {
	content: '';
	position: absolute;
	right: 0; left: 0;
	margin: auto;
	width: 0; height: 1px;
	background-color: #fff;
	transition: all 280ms ease-in-out;
}
.viewObj a:before { top: 0; }
.viewObj a:after { bottom: 0; }
.viewObj a:hover:after,
.viewObj a:hover:before {
	content: '';
	width: 100%;
	transition: width 350ms ease-in-out;
}

.viewObj .play-pause {
	font-size:13px;
}

.viewObj i {
	cursor:pointer;
}

/* 메인슬라이드 마우스 오버 애니효과 */
.owl-carousel .owl-nav button.owl-prev {
	display: inline-block;
	width: 17%;
	height: 26px;
	overflow: hidden;
}
.owl-carousel .owl-nav button.owl-prev .btn_motion {
	display: inline-block;
	width: 400%;
}
.owl-carousel .owl-nav button.owl-prev:hover .btn_motion {
	animation-name: leftRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.owl-carousel .owl-nav button.owl-next {
	display: inline-block;
	width: 17%;
	height: 26px;
	overflow: hidden;
}
.owl-carousel .owl-nav button.owl-next .btn_motion {
	display: inline-block;
	width: 400%;
	float: right;
}
.owl-carousel .owl-nav button.owl-next:hover .btn_motion {
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.btn_motion i { display: none; }
.btn_motion i:first-child { display: block; }
.btn_motion i { display: inline-block; width: 25%; float: left; text-align: center;}

#icon-play {
	margin-right:3px;
}

/* 슬라이더 페이지 */
.pageObj {
	position: absolute;
	right: 0; left: 0; bottom: 50px;
	width: 150px; height: 38px;
	margin: auto;
	line-height: 33px;
	font-family: 'Playfair Display', sans-serif,serif;
	font-size: 24px; font-style: italic;
	color: #fff;
	text-align: center;
	z-index: 10;
}
.pageObj .all:before {
	content: ' of ';
}

.section1-line {
	width:100%;
	height:10vw;
	background:#2d2f31;
}


@media ( max-width: 1365px ) {
	.section1 {
		height: 70vh;
	}
	.firstSlider .owl-carousel .owl-item img {
		width: 100%;
		height: 100%;
		transition: width 0.3s;
	}
	.sloganWrap h5 {
		font-size: 54px;
		line-height: 54px;
	}
	.owl-nav { 
		bottom: 19px;
		width: 145px;
	}
	.owl-nav i:before {
		font-size: 14px;
	}
	.pageObj {
		bottom: 20px;
		width: 90px; height: 32px;
		font-size: 15px;
	}
	.viewObj {
		right: 20px; bottom: 19px;
		font-size: 12px;
	}
	.viewObj a {
		height: 32px;
		line-height: 34px;
	}
}
@media ( max-width: 719px ) {
	.section1 {
		height:auto;
		padding-top:56.25%;
	}

	.firstSlider {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		margin: auto;
	}

	.sloganWrap { top: 44%; }
	.firstSlider .owl-carousel .owl-item img {
		width: auto;
		object-fit: cover;
		object-position: center;
	}
	.owl-nav {
		bottom: 8.6%;
	}
	.pageObj {
		bottom: 8.6%;
	}
	.sloganWrap img {
		max-width: 8%;
	}
	.sloganWrap h5 {
		font-size: 34px;
		line-height: 34px;
	}
	.sloganWrap h6 {
		font-size: 12px;
	}
	.viewObj {
		right: 0; left: 0; bottom: -9.9vw;
		line-height: 10vw;
		text-align: center;
	}
}
@media ( max-width: 380px ) {
	.viewObj {
		bottom: auto;
		line-height: 20vw;
	}
	.section1-line {
		height: 20vw;
	}
}





/* SECTION2 */

.section2 {
	height: 100%;
	margin: auto;
	overflow: hidden;
}
.section2::before {
	content: '';
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: auto;
	width: 100%; height: 55%;
	background-color:#2d2f31;
	z-index: -1;
}
.section2::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0; left: 0;
	margin: auto;
	width: 100%; height: 45%;
	background-color: #eceaea;
	z-index: -1;
}
.section2_content {
	position: relative;
	width: 68.32%;
	margin: auto;
}
.section2_content .deco_left {
	position: absolute;
	top: 255px;
	left: -190px;
	display: block; 
	width: 400px;
	font-size:14px;
	color: rgba(126,131,137,1);
	letter-spacing: 0.08em;
	transform: rotate(-90deg);
}
.section2_content .deco_left::before {
	content: '';
	display: inline-block;
	width: 100px; height: 2px;
	margin-right: 20px;
	background: rgba(126,131,137,1);
	vertical-align: middle;
}
.section2_content .deco_right {
	position: absolute;
	top: 220px;
	right: -190px;
	display: block; 
	width: 400px;
	font-size: 14px;
	color: rgba(126,131,137,1);
	letter-spacing: 0.08em;
	transform: rotate(90deg);
}
.section2_content .deco_right::before {
	content: '';
	display: inline-block;
	width: 100px; height: 2px;
	margin-right: 20px;
	background: rgba(126,131,137,1);
	vertical-align: middle;
}
.section2_content .section2_slider {
	position: relative;
	width: 90%;
	padding-top: 49.93%;
	margin: auto;
}
.section2_content .slider_bullet {
	position: absolute;
	right: 4.8%; bottom: -20px;
	z-index: 10;
}
.section2_slogan {
	position: relative;
	/* 걸치는 텍스트디자인 없음 */
	/*margin-top: -2%;*/
	padding-bottom: 1.5%;
	text-align: center;
	transform: translateY(10vw);
	transition-delay: 0.4s;
	transition: all 4s;
}
.section2_slogan .txt1 {
	display: inline-block;
	font-family: 'Nanum Pen Script', cursive;
	font-size: 162px;
	color:rgba(243,199,102,1);
	transition-delay: 0.3s;
}
.section2_slogan .txt2 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 17px;
	color:rgba(126,131,137,1);
	letter-spacing: 0.4em;
}
.section2_slogan .txt3 {
	margin-top: 2vw;
	font-family: 'Dancing Script', cursive;
	font-size: 21px;
	color: rgba(38,38,40,1);
}
.section2_slogan .txt4 {
	font-family: 'Malgun Gothic', sans-serif;
	margin-top: 1.4vw;
	font-size: 14px;
	color: rgba(126,131,137,1);
	line-height: 20px;
}
.section2_slogan::before {
	content: '';
	position: absolute;
	top: 0; bottom: 0; right: 0; left: 0;
	margin: auto;
	z-index: -1;
}
/*
#section02-slides .owl-dots {
	padding:0;
	margin-top:5px;
	text-align:right;
}


#section02-slides .owl-dots .owl-dot span {
  background:#a3a6a9;
  cursor:pointer;
}

#section02-slides .owl-dots .owl-dot.active span, #section02-slides .owl-dots .owl-dot:hover span {
  background:#2d2f31;
  cursor:pointer;
}
*/

@media (max-width: 1600px) {
	.section2_content {
		width: 89.6%;
	}
	.section2_slogan .txt1 {
		font-size: 122px;
	}
}

@media ( max-width: 1365px ) {
	.section2::before {
		height: 45%;
	}
	.section2::after {
		height: 55%;
	}
	.section2_content .deco_left {
		top: 100px; left: -96px;
		width: 200px;
		font-size: 7px;
	}
	.section2_content .deco_left::before {
		width: 53px; height: 1px;
		margin-right: 10px;
	}
	.section2_content .deco_right {
		top: 100px; right: -96px;
		width: 200px;
		font-size: 7px;
	}
	.section2_content .deco_right::before {
		width: 53px; height: 1px;
		margin-right: 10px;
	}
	.section2_slogan .txt1 {
		font-size: 72px;
	}
	.section2_slogan .txt2 {
		font-size: 8px;
		letter-spacing: 0.15em;
	}
	.section2_slogan .txt3 {
		font-size: 15px;
	}
	.section2_slogan .txt4 {
		font-size: 12px;
	}
}


@media ( max-width: 719px ) {
	.section2::before {
		height: 33%;
	}
	.section2::after {
		height: 67%;
	}
	.section2_content .deco_left { display: none; }
	.section2_content .deco_right { display: none; }
	.section2_content .section2_slider {
		width: 100%;
	}
	.section2_slogan .txt1 {
		font-size: 45px;
	}
	.section2_slogan .txt2 {
		font-size: 8px;
	}
	.section2_slogan .txt3 {
		font-size: 8px;
	}
	.section2_content .slider_bullet {
		right: 0;
	}
}



/* SECTION3 */

.section3 {
	margin-bottom: 5%;
}
.section3_slider_wrap {
	position: relative;
	display: inline-block;
	width: 43.85%;
	vertical-align: top;
}
.section3_slider_wrap::before {
	content: '';
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: auto;
	width: 100%;
	height: 50%;
	background-color: #eceaea;
	z-index: -1;
}
.section3_slider {
	position: relative;
	padding-top: 81.3%;
	background: rgba(45,47,49,0.3);
}
.section3_slider li .loader {
	position: absolute;
	top: 0; right: 0;
	width: 62.32%;
}
.section3_slider_wrap .slider_bullet {
	padding-top: 22px;
	position: absolute;
	right: 0;
	margin: auto;
	width: 62.32%;
	text-align: center;
	z-index: 10;
}
.section3_center {
	position: absolute;
	top: 0; bottom: 0;
	margin: auto;
	display: inline-block;
	width: 23.15%;
	vertical-align: top;
}
.section3_center::before {
	content: '';
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: auto;
	width: 100%; height: 50%;
	background-color: #eceaea;
	z-index: -1;
}
.section3_center .section3_slogan {
	position: absolute;
	top: 17%; bottom: 50%;
	/*left: -20px;*/
	left: 60px;
	margin: auto;
	width: 95%;
	transform: translateY(-20%);
	transition-delay: 0.3s;
}
.section3_center .section3_slogan .txt1 {
	font-family:'Nanum Pen Script',sans-serif;
	font-size:50px;
	font-weight:700;
	color:rgba(242,115,96,1);
}
.section3_center .section3_slogan .txt2 {
	margin-top: 5.5%;
	font-size:14px;
	color:rgba(126,131,137,1);
	font-family:'Malgun Gothic', sans-serif;
	font-style:normal;
	line-height:20px;
}
.section3_center .section3_slogan h5 {
	margin-top: 5.5%;
	font-family:'Nanum Pen Script', sans-serif;
	font-size:28px;
	color:rgba(126,131,137,1);
}
.section3_center .section3_menu { 
	position: absolute;
	bottom: 0;
	width: 95%;
	text-align: right;
	z-index: 1;
}
.section3_center .section3_menu .title {
	margin-bottom: 9.5%;
	font-family:'Nanum Pen Script', sans-serif;
	font-size:35px;
	color:rgba(40,40,38,1);
}
.section3_center .section3_menu p {
	white-space: pre-line;
}
.section3_center .section3_menu a {
	position: relative;
	display: inline-block;
	font-family:'Malgun Gothic', sans-serif;
	font-size:16px;
	line-height:30px;
	color:rgba(45,47,49,1);
}



.section3_center .section3_menu a::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width: 0; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}
.section3_center .section3_menu a:hover::after {
	width: 100%;
}


#room1.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#room2.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#room3.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#room4.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#room5.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#room6.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#room7.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#room8.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}



.roomsline.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}


.section3_deco {
	position: relative;
	display: inline-block;
	width: 33%;
	margin-left: 23.15%;
}
.section3_deco .loader {
	padding-top: 108.03%;
}


#section03-slides .owl-dots {
	padding:0;
	margin:20px 0 0 0;
	text-align:left;
}


#section3-bullet-container button.owl-dot {
	border:none;
	margin:10px 5px;
	width:10px;
	height:10px;
	padding:0;
	border-radius:10px;
	background:#a3a6a9;
	cursor:pointer;
}

#section3-bullet-container button.owl-dot.active {
	background:#2d2f31;
}


@media (max-width: 1600px) {
	.section3_center .section3_slogan .txt1 {
		font-size: 26px;
	}
}


@media ( max-width: 1365px ) {
	.section3 { margin-bottom: 0; }
	.section3_slider_wrap {
		width: 58.4%;
	}
	.section3_slider {
		padding-top: 117.7%;
	}
	.section3_slider li .loader {
		width: 90%;
	}
	.section3_slider_wrap .slider_bullet {
		width: 90%;
	}
	.section3_center {
		bottom: auto;
		width: 41.6%;
		height: 43.845%;
	}
	.section3_center .section3_slogan {
		width: 100%;
	}
	.section3_center .section3_slogan .txt2 {
		font-size: 14px;
	}
	.section3_center .section3_menu {
		bottom: -80px;
	}
	.section3_center .section3_menu p {
		height: 230px;
		overflow-y:auto;
	}
	.section3_deco {
		display: block;
		width: 96%;
		/*margin: 150px auto 70px;*/
		margin:50px auto 70px;
	}
	.section3_deco .loader {
		padding-top: 48.85%;
	}
}


@media ( max-width: 700px ) {
	.section3_slider_wrap {
		width: 100%;
	}
	.section3_slider_wrap::before {
		height: 60%;
	}
	.section3_slider {
		padding-top: 87.5%;
		background: transparent;
	}
	.section3_slider li .loader {
		left: 0;
		width: 93.5%;
		margin: auto;
	}
	.section3_slider_wrap .slider_bullet {
		right: 0; left: 0;
		bottom: -260px;
		padding-top: 0;
		width: 93.5%;
	}
	.section3_center {
		position: relative;
		width: 100%; height: auto;
		min-height: 430px;
	}
	.section3_center::before {
		display: none;
	}
	.section3_center .section3_menu .title {
		margin-bottom: 5%;
	}
	.section3_center .section3_slogan {
		position: relative;
		top: auto; left: auto;
		margin-top: 30px;
		width: 93.5%;
	}
	.section3_center .section3_menu {
		position: relative;
		bottom: auto;
		margin-top: 24vw;
	}
	.section3_center .section3_menu p {
		height: auto;
		font-size: 16px;
		line-height: 28px;
	}
	.section3_deco {
		width: 93.5%;
	}
	.section3_deco img { max-width: 100%; }
	.section3_deco .loader {
		padding-top: 81.56%;
	}

}


@media ( max-width: 420px ) {
	.section3_slider_wrap .slider_bullet {
		bottom: -235px;
	}
}



/* SECTION4 */

.section4 { overflow: hidden; }
.section4 .fixed_list {
	position: relative;
	overflow: hidden;
}
.section4 .fixed_list a {
	display: block;
}
.section4 .fixed_list .loader {
	position: relative;
	height: 36.5vw;
	background-attachment: fixed;
	overflow: hidden;
}
.section4 .fixed_list .loader::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: #000;
	opacity: 0.55;
	transition: opacity 1s;
}
.section4 .fixed_list .loader:hover::before {
	opacity: 0;
}
.section4 .fixed_list .section4_txt {
	position: absolute;
	top: 50%; left: 16.5vw;
	transform: translateY(-50%);
	margin: auto;
}
.section4 .fixed_list .section4_txt .TRAN {
	transform: translateX(-30%);
}
.section4 .fixed_list  .section4_txt .txt1 {
	font-family: 'Nanum Pen Script', serif;
	font-size: 100px;
	line-height: 65px;
	color: rgba(255,255,255,1);
}
.section4 .fixed_list  .section4_txt .txt2 {
	font-family: 'Malgun Gothic', serif;
	font-size: 14px;
	font-style: normal;
	color: rgba(255,255,255,1);
	line-height: 20px;
}


/* go  마우스오버 애니 효과 */
.fixed_list .section4_txt .btn_line {
	transform: translateX(-30%);
}
.fixed_list .section4_txt .btn_line::before {
	transition: background 0.5s;
}
.fixed_list a:hover .section4_txt .btn_line::before {
	background: #fff;
}
.fixed_list .section4_txt .go {
	transition: color 0.5s;
}
.fixed_list a:hover .section4_txt .go {
	width: 400%;
	text-align: center;
	animation-name: leftRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	color: #fff;
}





@media (max-width: 1600px) {
	.section4 .fixed_list .loader {
		height: 36.5vw;
	}
	.section4 .fixed_list .section4_txt .txt1 {
		font-size: 40px;
		line-height: 50px;
	}
	.section4 .fixed_list .section4_txt .btn_go_left {
		margin-top: -15px;
	}
}

@media ( max-width: 1024px ) {
	.section4 .fixed_list .loader {
		height: 36.5vw;
		background-attachment: inherit;
	}
	.section4 .fixed_list a .section4_txt .txt1 {
		font-size: 30px;
		line-height: 40px;
	}
}

@media ( max-width: 720px ) {
	.section4 .fixed_list .loader {
		height: 60.5vw;
	}
	/* .fixed list .loader.TRAN 
	.section4 .fixed_list a .loader.TRAN { 
		opacity: 1;
	}
	.section4 .fixed_list.ANI a .loader.TRAN::before {
		background: transparent;
		transition: background 0.7s;
	}
	*/
	.section4 .fixed_list .section4_txt .txt1 {
		font-size: 28px;
		line-height: 31px;
	}
	.section4 .fixed_list .section4_txt .btn_go_left {
		margin-top: -10px;
	}
	.section4 .fixed_list .section4_txt .txt2 {
		margin-top: 0;
		font-size: 12px;
	}
	.section4 .fixed_list .section4_txt {
		left: 3.5vw;
	}
}
@media ( max-width: 380px ) {
	.section4 .fixed_list .loader {
		height: 71.5vw;
	}
}



/* SECTION5 */

.section5 {
	padding-bottom: 3vw;
	overflow: hidden;
}
.section5_wrap {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.section5::before {
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 25%;
	background-color: #eceaea;
}
.section5_content {
	position: relative;
	width: 68.32%;
	margin: auto;
}
.section5_slider_wrap {
	position: relative;
	display: inline-block;
	width: 48.2%;
	margin-left: -7%;
	padding-top: 52.2%;
	background:#f3c766;
}
.section5_slider {
	position: absolute;
	top: 90px; right: 82px; bottom: 90px; left: 82px;
	margin: auto;
}
.section5_content .slider_bullet {
	position: absolute;
	right: 50%; bottom: 60px;
	transform: translateX(50%);
	z-index: 10;
}
.section5_slogan {
	position: absolute;
	top: 30%; bottom: 0; left: 41%;
	margin: auto;
	padding-left: 40px;
	display: inline-block;
	width: 32.16%;
	vertical-align: top;
	transform: translateX(-20%);
	transition-delay: 0.5s!important;
}
.section5_slogan h5 {
	font-family: 'Nanum Pen Script', serif;
	font-size: 82px;
	font-weight: 700;
	color: rgba(45,47,49,1);
}
.section5_slogan .txt1 {
	margin-top: 5.5%;
	font-family: 'Malgun Gothic', serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	color: rgba(126,131,137,1);
}
.section5_slogan .fac-title {
	display: inline-block;
	margin-top: 5.5%;
}
.section5_slogan .fac-title h6 {
	float: left;
	display: inline-block;
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 36px;
	color: rgba(45,47,49,1);
}
.section5 .fac-title .btn_sub_arrow {
	float: left;
	display: inline-block;
	margin-left: 15px;
}
.section5 a.fac-title:hover .btn_sub_arrow .btn_motion {
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.section5_menu {
	position: absolute;
	top: 0; right: 0;
	display: inline-block;
	width: 26%;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 15px;
	line-height: 30px;
	color: #282826;
	text-align: right;
	z-index: 1;
}
.section5_menu .title {
	margin-bottom: 0;
	font-family: 'Nanum Pen Script', serif;
	font-size: 35px;
}
.section5_menu p {
	white-space: pre-line;
}
.section5_menu p a {
	position: relative;
	display: inline-block;
	font-family: 'Malgun Gothic', sans-serif;
	color: rgba(45,47,49,1);
	font-size:16px;
}
.section5_menu p a::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width: 0; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}
.section5_menu p a:hover::after {
	width: 100%;
	background: #000;
}




#fac1.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac2.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac3.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac4.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac5.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac6.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac7.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}


.facsline.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}





.section5_deco {
	position: absolute;
	right: 0; bottom: -53px;
	width: 324px;
}
.section5_deco .loader {
	padding-top: 64.7%;
}
.section5_deco .txt1 {
	margin-top: 20px;
	font-family: 'Meie Script', cursive;
	font-size: 21px;
	color: rgba(45,47,49,1);
	text-align: right;
}
.section5_deco .txt2 {
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 12px;
	letter-spacing: -.05em;
	color: rgba(126,131,137,1);
	line-height: 18px;
	text-align: right;
}

#section5-bullet-container button.owl-dot {
	border:none;
	margin:0 5px;
	width:10px;
	height:10px;
	padding:0;
	border-radius:10px;
	background:#a3a6a9;
	cursor:pointer;
}

#section5-bullet-container button.owl-dot:last-child {
	margin-right:0;

}

#section5-bullet-container button.owl-dot:last-child(1) {
	margin-right:0;
}

#section5-bullet-container button.owl-dot.active {
	background:#2d2f31;
}

@media (max-width: 1600px) {
	.section5_slider_wrap { margin-left: 0; }
	.section5_content {
		width: 94%;
	}
}
@media (max-width: 1365px) {
	.section5_deco .txt2 {
		padding-bottom: 20px;
	}
}




@media ( max-width: 1024px ) {
	.section5::before {
		height: 56%;
	}
	.section5_content {
		width: 91%;
	}
	.section5_slider_wrap {
		width: 100%;
		padding-top: 100%;
	}
	.section5_slider {
		top: 84px; right: 90px; bottom: 84px; left: 90px;
	}
	.section5_slogan {
		position: relative;
		width: 72%;
		top: auto; left: auto;
		margin-top: -7%;
		padding-left: 14%;
		transition-delay: 0.8s;
	}
	.section5_slogan h5 {
		font-size: 34px;
	}
	.section5_slogan .txt1 {
		font-size: 14px;
	}
	.section5_deco {
		bottom: 0;
		margin-top: 13.5%;
	}
	.section5_menu {
		position: absolute;
		top: auto; bottom: 5%;
		font-size: 14px;
		line-height: 27px;
	}
	.section5_menu .title {
		margin-bottom: 6%;
	}
	.section5_deco {
		position: relative;
		margin-top: 10.5%;
		margin-left: 7%;
	}
	.section5_deco .txt2 {
		font-size: 10px;
		line-height: 14px;
		letter-spacing: -.03em;
	}
}
@media ( max-width: 719px ) {
	.section5::before {
		height: 78%;
	}
	.section5_slider {
		top: 45px;
		right: 40px;
		bottom: 45px;
		left: 40px;
	}
	.section5_content .slider_bullet {
		bottom: 17px;
		margin: auto;
		text-align: center;
	}
	.section5_slogan {
		width: 100%;
		margin-top: 7%;
		padding-left: 0;
	}
	.section5_menu {
		position: relative;
		width: 100%;
		margin-top: 8%;
	}
	.section5_menu .title {
		margin-bottom: 3%;
	}
	.section5_deco {
		margin-left: 0;
		width: 100%;
	}
}



@media ( max-width: 380px ) {

}




/* SECTION6 */

.section6 {
	max-width: 1280px;
	margin: auto;
	overflow: hidden;
}
.section6_wrap {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.section6_title h5 {
	display: inline-block;
	margin-right: 20px;
	font-family: 'Nanum Pen Script', serif;
	font-size: 35px;
	color: rgba(40,40,38,1);
}
.section6_title .deco_txt {
	font-family: 'Malgun Gothic', serif;
	font-size: 14px;
	color: rgba(126,131,137,1);
	letter-spacing: 0.3em;
}
.section6_widthSlider {
	width: 100%; height: 380px;
	margin-top: 75px;
	overflow: hidden;
}
.section6_widthSlider .item {
	position: relative;
	display: inline-block;
	width: 304px; height: 100%;
	margin-left: 21px;
	vertical-align: top;
}
.section6_widthSlider .item:first-child {
	margin-left: 0;
}
.section6_widthSlider .item a {
	display: inline-block;
	width: 100%; height: 100%;
}
.section6_widthSlider .item a .loader_wrap {
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: auto;
	width: 100%; height: 320px;
	border-radius:  100px 100px 100px 0;
	overflow: hidden;
}
.section6_widthSlider .item a .loader {
	border-radius:  100px 100px 100px 0;
	overflow: hidden;
	transition: transform 0.5s;
}
.section6_widthSlider .item a:hover .loader {
	border-radius:  100px 100px 100px 0;
	overflow: hidden;
	transform: scale(1.2);
}

.section6_widthSlider .item .info {
	position: absolute;
	right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 60px;
}
.section6_widthSlider .item .info::before {
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	width: 1px; height: 100%;
	background: #7e8389;
}
.section6_widthSlider .item .info .txt {
	position: absolute;
	bottom: 0; left: 20px;
	width: 78%;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height:16px;
	color: rgba(40,40,38,1);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.section6 .btn_sub_arrow {
	position: absolute;
	bottom: 0; right: 20px;
}
.section6 .btn_sub_arrow .btn_motion {
	float: right;
}
.section6 .section6_widthSlider a:hover .btn_sub_arrow .btn_motion {
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.section6 .sliderObj {
	position: relative;
	width: 100%;
	margin-top: 75px;
	text-align: right;
}
.section6 .slider_bullet {
	display: inline-block;
	height: 28px;
	vertical-align: top;
}
.section6 .slider_bullet .fa-circle {
	line-height: 28px;
}
.section6 .slider_button {
	display: inline-block;
	margin-left: 20px;
	font-size: 26px;
	color: #2d2f31;
}

#section6-bullet-container button.owl-dot {
	border:none;
	margin:10px 5px;
	width:10px;
	height:10px;
	padding:0;
	border-radius:10px;
	background:#abaeb1;
	cursor:pointer;
}

#section6-bullet-container button.owl-dot.active {
	background:#2d2f31;
}

@media ( max-width: 1365px ) {
	.section6 {
		max-width: 634px;
	}
	.section6_widthSlider {
		height: 260px;
		margin-top: 45px;
	}
	.section6_widthSlider .item {
		border-radius: 50px 50px 50px 0;
	}
	.section6_widthSlider .item a .loader_wrap {
		height: 200px;
		border-radius: 50px 50px 50px 0;
	}
	.section6_widthSlider .item a .loader {
		border-radius: 50px 50px 50px 0;
	}
	.section6_widthSlider .item a:hover .loader {
		border-radius: 50px 50px 50px 0;
		transform: scale(1);
}
	.section6 .sliderObj {
		width: 98%;
		margin-top: 45px;
	}
	.section6_title h5 {
		display: block;
	}
	.section6_title .deco_txt {
		font-size: 8px;
		line-height: 23px;
	}
}



@media ( max-width: 630px ) {
	.section6 {
		max-width: 304px;
	}
	.section6_title .deco_txt {
		letter-spacing: 0.14em;
	}
	.section6_widthSlider li .info .txt {
		font-size: 14px;
	}
	.section6_widthSlider li .info .fa-arrow-right::before {
		right: 15px;
	}
	.section6 .sliderObj {
		width: 100%;
		text-align: center;
	}
}

@media ( max-width: 520px ) {
	.section4 .section4_list a .loader {
		height: 51vw;
	}
	
}

@media ( max-width: 380px ) {
	.section4 .section4_list a .loader {
		height: 71.5vw;
	}
	
}


/* SECTION7 */

.section7_wrap {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.section7_content {
	position: relative;
	display: inline-block;
	width: 61%; height: 27.5vw;
	padding-top: 95px;
	padding-bottom: 240px;
}
.section7_content::before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 53.6%;
	height: 100%;
	background-color: #eceaea;
	z-index:-1;
}
.section7_content .leftImg {
	position: relative;
	display: inline-block;
	width: 62.9%;
	margin-left: 8%;
}
.section7_content .leftImg .section7_txt {
	position: absolute;
	right: 6%; bottom: -105px;
	transform: translateX(-30%);
}
.section7_content .leftImg .section7_txt .txt1 {
	font-family: 'Cinzel', sans-serif;
	font-size: 54px;
	color: rgba(45,47,49,1);
}
.section7_content .leftImg .section7_txt .btn_go_wrap {
	display: inline-block;
}
.section7_content .leftImg .section7_txt .btn_go_wrap:hover .btn_go .go {
	text-align: center;
	animation-name: leftRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.section7_content .leftImg .section7_txt .txt2 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	font-style: normal;
	color: rgba(45,47,49,1);
}
.section7_content .rightImg {
	display: inline-block;
	width: calc(29% - 12px);
	margin-left: 12px;
}
.section7_slider_wrap {
	position: relative;
	display: inline-block;
	width: calc(39% - 12px);
	margin-left: 12px;
	padding-top: 95px;
	vertical-align: top;
}
.section7_slider_wrap .section7_slider {
	position: relative;
	height: 27.5vw;
}
.section7_slider_wrap .section7_slider .owl-carousel .owl-item img {
	height: 100%;
}
.section7_slider_wrap .info {
	position: relative;
	display: block;
	width: 100%; height: 60px;
}
.section7_slider_wrap .info::before {
	content: '';
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 1px; height: 100%;
	background: #7e8389;
}
.section7_slider_wrap .info .txt_wrap {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
}
.section7_slider_wrap .info .txt {
	float: left;
	display: inline-block;
	max-width: 78%;
	height: 20px;
	line-height: 16px;
	padding-left: 15px;
	font-family: 'Nanum Gothic Coding', sans-serif;
	font-size: 15px;
	color: rgba(40,40,38,1);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.section7 .btn_sub_arrow {
	float: left;
	display: inline-block;
	margin-left: 10px;
}
.section7 a.info:hover .btn_sub_arrow .btn_motion {
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.section7_slider_wrap .sliderObj {
	position: absolute;
	bottom: 80px; left: 18px;
}
.section7_slider_wrap .sliderObj .slider_button {
	display: inline-block;
}
.section7_slider_wrap .sliderObj .fal {
	margin: 0 5px;
	font-size: 26px;
	color: #fff;
}
.section7_slider_wrap .sliderObj .slider_bullet {
	display: inline-block;
	height: 26px;
	margin-left: 16px;
	vertical-align: top;
}
.section7_slider_wrap .sliderObj .slider_bullet .fa-circle {
	display: inline-block;
	line-height: 26px;
	color: #9e8d86;
}
.section7_slider_wrap .sliderObj .slider_bullet .fa-circle.SEL {
	color: #fff;
}

#section7-bullet-container button.owl-dot {
	border:none;
	margin:10px 5px;
	width:10px;
	height:10px;
	padding:0;
	border-radius:10px;
	background:#9f8f87;
	cursor:pointer;
}

#section7-bullet-container button.owl-dot.active {
	background:#ffffff;
}

@media (max-width: 1600px) {
	.section7_content {
		padding-top: 70px;
		padding-bottom: 170px;
	}
	.section7_content .leftImg .section7_txt {
		right: auto;
		bottom: -94px;
		left: 5%;
	}
	.section7_content .leftImg .section7_txt .txt1 {
		font-size: 40px;
	}
	.section7_slider_wrap {
		padding-top: 70px;
	}
}

@media ( max-width: 1024px ) {
	.section7_content {
		display: block;
		width: 100%;
		height: 52vw;
		margin: auto;
		padding-bottom: 135px;
	}
	.section7_content::before {
		width: 39%;
	}
	.section7_content .leftImg {
		width: 66%;
		margin-left: 3%;
	}
	.section7_content .leftImg .section7_txt .txt1 {
		font-size: 38px;
		line-height: 48px;
	}
	.section7_content .rightImg {
		width: calc(28% - 10px);
		margin-left: 10px;
	}
	.section7_slider_wrap {
		display: block;
		width: 94%;
		margin: auto;
		padding-top: 0;
	}
	.section7_slider_wrap .section7_slider {
		height: 52vw;
		margin-top: 70px;
	}
	.section7_slider_wrap .info .txt {
		font-size: 14px;
	}
}



@media ( max-width: 719px ) {
	.section7_content::before {
		width: 80%;
	}
	.section7_content .leftImg {
		width: 64%;
		margin-left: 6%;
	}
	.section7_content .rightImg {
		width: calc(26% - 5px);
		margin-left: 5px;
	}
	.section7_content .leftImg .section7_txt {
		bottom: -82px;
		left: -2%;
		width: 140%;
	}
	.section7_content .leftImg .section7_txt .txt1 {
		font-size: 28px;
		line-height: 34px;
	}
	.section7_content .leftImg .section7_txt .txt2 {
		font-size: 12px;
	}
}


@media ( max-width: 560px ) {
	.section7_slider_wrap .info .txt {
		line-height: 17px;
	}
}



/* SECTION8 */

.section8 {
	overflow: hidden;
}
.section8_wrap {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.section8_content {
	position: relative;
	display: inline-block;
	width: 100%; height: 27.5vw;
	padding-top: 95px;
	padding-bottom: 240px;
}
.section8_content::before {
	content: '';
	position: absolute;
	top: 0; right: 0;
	width: 34%;
	height: 100%;
	background-color: #eceaea;
	z-index: -1;
}
.section8_content .leftImg {
	display: inline-block;
	width: calc(17.7% - 12px);
}
.section8_content .rightImg {
	position: relative;
	display: inline-block;
	width: calc(39% - 12px);
	margin-left: calc(39% + 12px);
}
.section8_content .rightImg .section8_txt {
	position: absolute;
	bottom: -105px; left: 0;
	margin: auto;
	text-align: right;
	transform: translateX(30%);
	transition-delay: 0.5s;
}
.section8_content .rightImg .section8_txt .txt1 {
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 100px;
	color: rgba(255,255,255,1);
}
.section8_content .rightImg .section8_txt .txt2 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	font-style: normal;
	color: rgba(45,47,49,1);
}
.section8_content .rightImg .section8_txt .btn_go_wrap .btn_line {
	margin-right: 0;
}
.section8_content .rightImg .section8_txt .btn_go_wrap {
	display: inline-block;
}
.section8_content .rightImg .section8_txt .btn_go_wrap:hover .btn_go .go {
	float: right;
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.section8_slider_wrap {
	position: absolute;
	left: calc(17.7% - 12px);
	display: inline-block;
	width: calc(39% - 12px);
	margin-left: 12px;
	padding-top: 95px;
	vertical-align: top;
}
.section8_slider_wrap .section8_slider {
	position: relative;
	height: 27.5vw;
}
.section8_slider_wrap .section8_slider .owl-carousel .owl-item img {
	height: 100%;
}
.section8_slider_wrap .info {
	position: relative;
	display: block;
	width: 100%; height: 60px;
}
.section8_slider_wrap .info::before {
	content: '';
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 1px; height: 100%;
	background: #7e8389;
}
.section8_slider_wrap .info .txt_wrap {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
}
.section8_slider_wrap .info .txt {
	float: left;
	display: inline-block;
	max-width: 78%;
	height: 20px;
	line-height: 16px;
	padding-left: 15px;
	font-family: 'Nanum Gothic Coding', sans-serif;
	font-size: 15px;
	color: rgba(40,40,38,1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.section8_slider_wrap .info:hover .txt {
	animation-name: change;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.section8 .btn_sub_arrow {
	float: left;
	display: inline-block;
	margin-left: 15px;
}
.section8 a.info:hover .btn_sub_arrow .btn_motion {
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.section8_slider_wrap .sliderObj {
	position: absolute;
	bottom: 80px; left: 18px;
}
.section8_slider_wrap .sliderObj .slider_button {
	display: inline-block;
}
.section8_slider_wrap .sliderObj .fal {
	margin: 0 5px;
	font-size: 26px;
	color: #fff;
}
.section8_slider_wrap .sliderObj .slider_bullet {
	display: inline-block;
	height: 26px;
	margin-left: 16px;
	vertical-align: top;
}
.section8_slider_wrap .sliderObj .slider_bullet .fa-circle {
	display: inline-block;
	line-height: 26px;
	color: #7e8389;
}
.section8_slider_wrap .sliderObj .slider_bullet .fa-circle.SEL {
	color: #fff;
}

#section8-bullet-container button.owl-dot {
	border:none;
	margin:10px 5px;
	width:10px;
	height:10px;
	padding:0;
	border-radius:10px;
	background:#9f8f87;
	cursor:pointer;
}

#section8-bullet-container button.owl-dot.active {
	background:#ffffff;
}

@media (max-width: 1600px) {
	.section8_content {
		padding-top: 70px;
		padding-bottom: 170px;
	}
	.section8_content .leftImg {
		display: inline-block;
		width: calc(17.7% - 10px);
		vertical-align: top;
	}
	.section8_content .rightImg {
		display: inline-block;
		width: calc(39% - 10px);
		margin-left: calc(39% + 10px);
		vertical-align: top;
	}
	.section8_content .rightImg .section8_txt {
		bottom: -88px;
	}
	.section8_content .rightImg .section8_txt .txt1 {
		font-size: 40px;
	}
	.section8_slider_wrap {
		position: absolute;
		left: calc(17.7% - 10px);
		display: inline-block;
		vertical-align: top;
		width: calc(39% - 10px);
		margin-left: 10px;
		padding-top: 70px;
	}
}

@media ( max-width: 1024px ) {
	.section8_content {
		display: block;
		width: 100%;
		height: 52vw;
		margin: auto;
		padding-bottom: 135px;
	}
	.section8_content::before {
		width: 42%;
	}
	.section8_content .leftImg {
		width: 28%;
	}
	.section8_content .rightImg {
		width: calc(66% - 10px);
		margin-left: 10px;
	}
	.section8_content .rightImg .section8_txt {
		width: 140%;
		right: 8%; bottom: -94px; left: auto;
	}
	.section8_content .rightImg .section8_txt .txt1 {
		font-size: 38px;
		line-height: 48px;

	}
	.section8_slider_wrap {
		position: relative;
		display: block;
		width: 94%;
		margin: auto;
		left: auto;
		padding-top: 0;
	}
	.section8_slider_wrap .section8_slider {
		height: 52vw;
		margin-top: 70px;
	}
	.section8_slider_wrap .info .txt {
		font-size: 14px;
	}
	.section8_slider_wrap .info .fa-arrow-right {
		font-size: 14px;
	}
}



@media ( max-width: 719px ) {
	.section8_content::before {
		width: 80%;
	}
	.section8_content .rightImg .section8_txt {
		bottom: -82px;
	}
	.section8_content .rightImg .section8_txt .txt1 {
		font-size: 28px;
		line-height: 34px;
	}
	.section8_content .rightImg .section8_txt .txt2 {
		font-size: 12px;
	}
}


@media ( max-width: 560px ) {
	.section8_content .rightImg .section8_txt {
		bottom: -86px;
		right: 9%;
	}
	
}


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