@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;
	font-size: 100px;
	line-height: 64px;
	margin: 1% 0;
	transform: scale(1.1);
}
.sloganWrap h6 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 15px;
}
/* 슬라이더 view */
.viewObj {
	position: absolute;
	right: 30px; bottom: 50px;
	font-family: 'Cinzel', sans-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;}


/* 슬라이더 페이지 */
.pageObj {
	position: absolute;
	right: 0; left: 0; bottom: 50px;
	width: 150px; height: 38px;
	margin: auto;
	line-height: 33px;
	font-family: 'Playfair Display', sans-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: 11%;
		height: 13px;
	}
	.pageObj {
		bottom: 8.6%;
		height: 15px;
		line-height: 15px;
	}
	.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;
		animation-name: none!important;
	}
}
@media ( max-width: 380px ) {
	.viewObj {
		bottom: auto;
		line-height: 20vw;
	}
	.section1-line {
		height: 20vw;
	}
}








.about1 .sloganWrap {
	top: 44%;
}
.about1 .firstSlider .loader::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: rgba(0,0,0,0);
}


@media (max-width: 719px) {
	.about1.section1 {
		padding-top: calc(56.25% + 65px);
	}
	.about1.section1 .firstSlider {
		bottom: auto;
		height: calc(100% - 65px);
	}
	.about1 .owl-nav { bottom: -33px; }
	.about1 .viewObj {
		position: absolute;
		bottom: -65px;
		left: 0;
		height: 65px;
		background: #7e8389;
		z-index: 0;
	}
	.about1 .viewObj a {
		display: none;
		margin-top: 18px;
	}
	.about1 .pageObj { bottom: -37px; }

	#icon-play {
		position:absolute;
		top:24px;
		right:35px;
		z-index:999;
		font-size:1.4em;
	}

	#icon-pause {
		position:absolute;
		top:24px;
		right:15px;
		z-index:999;
		font-size:1.4em;
	}
}



@media ( max-width: 360px ) {
	.about1 {
		height: 56.8vh;
	}
}







.about2_wrap {
	position: relative;
	width: 1280px; height: 56vh;
	margin: auto;
}
.about2_wrap .loader {
	display: inline-block;
	width: 67.7%;
}
.about2_slogan {
	position: relative;
	display: inline-block;
	width: calc(32.3% - 90px);
	height: 100%;
	vertical-align: top;
	padding-left: 90px;
}

.about2_slogan .title {
	position: absolute;
	top: 50%; right: 0;
	transform: translateY(-50%);
}
.about2_slogan .title h5 {
	position: relative;
	display: inline-block;
	padding-bottom: 14px;
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 70px;
	color: rgba(45,47,49,1);
}
.about2_slogan .title h5::before {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	width: 500px; height: 1px;
	background: #4c4d4e;
}
.about2_slogan .title h6 {
	margin-top: 16px;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	color: rgba(45,47,49,1);
}
.about2_slogan .txt {
	margin-top: 55px;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: -0.03em;
	color: rgba(126,131,137,1);
}

@media ( max-width: 1365px ) {
	.about2_wrap {
		width: 93.33%;
		height: 56.5vh;
		text-align: right;
	}
	.about2_wrap .loader {
		position: absolute;
		top: 0; right: 413px; left: 0;
		width: auto;
	}
	.about2_slogan {
		width: 413px;
		padding-left: 80px;
	}
}


@media ( max-width: 1024px ) {
	.about2_wrap {
		width: 96.8%;
		height: auto;
		text-align: left;
	}
	.about2_wrap .loader {
		position: relative;
		width: 100%;
		height: 50vw;
	}
	.about2_slogan {
		display: block;
		width: 96.8%;
		margin: auto;
		padding-left: 0;
	}
	.about2_slogan .title {
		padding-top: 64px;
		position: relative;
		top: auto; right: auto;
		transform: none;
	}
	.about2_slogan .title h5 {
		display: block;
	}
	.about2_slogan .title h5::before {
		right: auto;
		left: 0;
		width: 80%;
	}
}


@media ( max-width: 720px ) {
	.about2_wrap .loader {
		height: 73.7vw;
	}
	.about2_slogan .title h5 {
		font-size: 32px;
	}
}


@media ( max-width: 360px ) {
	.about2_wrap {
		width: 89%;
	}
	.about2_slogan {
		width: 100%;
	}
	.about2_slogan .title {
		padding-top: 60px;
	}
	.about2_slogan .title h5 {
		display: block;
	}
	.about2_slogan .title h6 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.about2_slogan .txt {
		margin-top: 50px;
		letter-spacing: -0.04em;
	}
}






.about3_wrap {
	position: relative;
	width: 1280px; height: 56vh;
	margin: auto;
}
.about3_slogan {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(32.3% - 100px);
	height: 100%;
	padding-right: 100px;
	text-align: right;
	z-index: 1;
}
.about3_slogan .title {
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
}
.about3_slogan .title h5 {
	position: relative;
	display: inline-block;
	padding-bottom: 14px;
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 70px;
	color: rgba(45,47,49,1);
}
.about3_slogan .title h5::before {
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	width: 500px; height: 1px;
	background: #4c4d4e;
}
.about3_slogan .title h6 {
	margin-top: 16px;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	color: rgba(45,47,49,1);
}
.about3_slogan .txt {
	margin-top: 55px;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: -0.03em;
	color: rgba(126,131,137,1);
}
.about3_wrap .loader {
	display: inline-block;
	width: 67.7%;
}

@media ( max-width: 1365px ) {
	.about3_wrap {
		width: 93.33%;
		height: 56.5vh;
	}
	.about3_wrap .loader {
		position: absolute;
		top: 0; right: 0; left: 413px;
		width: auto;
	}
	.about3_slogan {
		width: 313px;
	}
}


@media ( max-width: 1024px ) {
	.about3_wrap {
		width: 96.8%;
		height: auto;
		padding-top: 50vw;
		text-align: left;
	}
	.about3_wrap .loader {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 50vw;
	}
	.about3_slogan {
		position: relative;
		display: block;
		width: 96.8%;
		margin: auto;
		padding-right: 0;
	}
	.about3_slogan .title {
		margin-top: 64px;
		padding-top: 0;
		position: relative;
		top: auto; right: auto;
		transform: none;
	}
	.about3_slogan .title h5 {
		display: block;
	}
	.about3_slogan .title h5::before {
		right: 0;
		left: auto;
		width: 80%;
	}
	
}


@media ( max-width: 720px ) {
	.about3_wrap {
		height: auto;
		padding-top: 73.7vw;
	}
	.about3_wrap .loader {
		height: 73.7vw;
	}
	.about3_slogan .title h5 {
		font-size: 32px;
	}
	.about3_slogan .title h5::before {
		right: 0;
		left: auto;
		width: 80%;
	}
}


@media ( max-width: 360px ) {
	.about3_wrap {
		width: 89%;
	}
	.about3_slogan {
		width: 100%;
	}
	.about3_slogan .title h5 {
		display: block;
	}
	.about3_slogan .title h6 {
		padding-right: 4px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.about3_slogan .txt {
		margin-top: 50px;
		letter-spacing: -0.04em;
	}
}





.about4_wrap {
	position: relative;
	width: 100%;
	height: 84.3vh;
	margin: auto;
}
.about4_slider_wrap {
	position: relative;
	display: inline-block;
	width: 67%; height: 100%;
}
.about4_slider_wrap ul {
	width: 100%; height: 100%;
}
.about4_slider_wrap ul li {
	height: 100%;
}
.about4_slider_wrap ul li .owl-carousel .owl-item img { height: 100%; }
.about4_slider_wrap .slider_bullet {
	position: absolute;
	z-index: 100;
	right: 20px; bottom: 20px;
}
.about4_info_wrap {
	position: relative;
	display: inline-block;
	width: 33%; height: 100%;
	background: #eceaea;
	vertical-align: top;
}
.about4_info_wrap .about4_info {
	position: absolute;
	top: 50%; right: 0; left: 0;
	margin: auto;
	transform: translateY(-50%);
	text-align: center;
}
.about4_info_wrap .about4_info .txt1 {
	font-family: 'Nanum Pen Script', cursive;
	font-size: 42px;
	color: rgba(45,47,49,1);
	letter-spacing: -0.03em;
}
.about4_info_wrap .about4_info .txt2 {
	margin-top: 48px;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	font-style: 400;
	color: rgba(45,47,49,1);
	line-height: 20px;
	letter-spacing: -0.03em;
}
.about4_info_wrap .about4_info .line {
	width: 1px; height: 80px;
	margin: 20px auto;
	background: #7e8389;
}
.about4_info_wrap .about4_info .txt3 {
	font-family: 'Dancing Script', sans-serif;
	font-size: 25px;
	color: rgba(45,47,49,1);
	letter-spacing: -0.03em;
}

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

@media ( max-width: 1365px ) {
	.about4_wrap {
		width: 93.33%; height: auto;
		margin: auto;
	}
	.about4_slider_wrap {
		width: 100%;
		height: 51.3vw;
	}
	.about4_info_wrap {
		display: block;
		width: 100%; height: 38.5vw;
	}
}


@media ( max-width: 1024px ) {
	.about4_wrap {
		width: 96.8%;
	}
	.about4_info_wrap {
		height: 50.5vw;
	}
}


@media ( max-width: 720px ) {
	.about4_slider_wrap {
		height: 59.4vw;
	}
	.about4_info_wrap {
		height: 70vw;
	}
}


@media ( max-width: 430px ) {
	.about4_slider_wrap {
		height: 55.6vw;
	}
	.about4_info_wrap {
		height: 89.2vw;
	}
}

@media ( max-width: 360px ) {
	.about4_info_wrap {
		height: 111.2vw;
	}
	.about4_info_wrap .about4_info .txt1 {
		font-size: 34px;
	}
	.about4_info_wrap .about4_info .txt2 {
		margin-top: 45px;
		font-size: 15px;
		font-style: italic;
		color: #2d2f31;
		line-height: 28px;
		letter-spacing: -0.03em;
	}
}







.about5_wrap {
	position: relative;
	width: 67.263%;
	margin: auto;	
}
.about5_wrap .title {
	margin-bottom: 80px;
	text-align: center;
}
.about5_wrap .title h5 {
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 50px;
	color: rgba(45,47,49,1);
}
.about5_wrap .title .line {
	width: 100px; height: 1px;
	margin: 16px auto;
	background: #4c4d4e;
}
.about5_wrap .title h6 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	color: rgba(45,47,49,1);
	letter-spacing: -0.03em;
}
.about5_map {
	position: relative;
	width: 100%;
	height: 58vh;
}
.about5_info_wrap {
	margin: 70px auto;
	font-size: 15px;
	color: #282826;
	letter-spacing: -0.03em;
	text-align: center;
}
.about5_info_wrap .about5_info {
	position: relative;
	display: inline-block;
	margin: 0 20px;
	padding-left: 35px;
	line-height: 23px;
}
.about5_info_wrap .about5_info .fas {
	position: absolute;
	top: 0; left: 0;
	font-size: 26px;
}
.about5_accordion {
	width: 100%;
}
.about5_accordion h3 {
	position: relative;
	width: calc(100% - 65px); height: 60px;
	padding-left: 65px;
	border-top: 2px solid #7e8389;
	font-size: 15px;
	color: #2d2f31;
	line-height: 60px;
	cursor: pointer;
	outline: none;
}
.about5_accordion h3::after {
	content: '';
	position: absolute;
	right: 0; bottom: -1px; left: 0;
	margin: auto;
	width: 100%; height: 1px;
	background: #7e8389;
}
.about5_accordion h3 .num {
	position: absolute;
	top: 2px; bottom: 0; left: 20px;
	margin: auto;
	font-family: 'Cinzel', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #2d2f31;
	letter-spacing: -0.03em;
}
.about5_accordion h3 .fa-angle-down {
	position: absolute;
	top: 19px; right: 20px;
	margin: auto;
	font-size: 26px;
	color: #2d2f31;
}
.about5_accordion h3.ui-state-active .fa-angle-down {
	top: 16px;
	transform: rotate(180deg);
}
.about5_accordion .text {
	margin-bottom: 35px;
	padding: 35px 63px;
	font-size: 14px;
	color: #7e8389;
	line-height: 26px;
}

@media ( max-width: 1365px ) {
	.about5_wrap {
		width: 93.33%;
		margin: auto;
	}
	.about5_wrap .title {
		margin-bottom: 75px;
	}
}


@media ( max-width: 1024px ) {
	.about5_wrap {
		width: 96.8%;
	}
	.about5_info_wrap {
		margin: 65px auto;
		text-align: left;
	}
	.about5_info_wrap .about5_info {
		display: block;
		height: 45px;
	}
}


@media ( max-width: 720px ) {
	.about5_wrap .title {
		margin-bottom: 70px;
	}
	.about5_map {
		height: 35vh;
	}
}


@media ( max-width: 430px ) {
	.about5_wrap .title h5 {
		font-size: 32px;
	}
	.about5_wrap .title h6 {
		font-size: 14px;
	}
	.about5_map {
		height: 35vh;
	}
	.about5_info_wrap {
		margin: 45px 0;
	}
	.about5_info_wrap .about5_info {
		margin: 30px 0;
		padding-left: 40px;
	}
	.about5_accordion .text {
		padding: 35px 21px;
	}
}


@media ( max-width: 360px ) {
	.about5_wrap {
		width: 89%;
	}
	.about5_info_wrap {
		width: 90%;
		margin: 45px 0;
	}
}