.main_visual {
	position:relative;
	height:auto;
}
.main_visual .inner video {
	width:100%;
}
.main_visual .scroll_down{
	position:absolute;
	left:2rem;
	bottom:13rem;
	z-index:3;
	color:#fff;
	transform:rotate(-90deg);
}
.main_visual .scroll_down:before {
	content:"";
	position:absolute;
	top:50%;
	left:-14rem;
	transform:translateY(-50%);
	width:13rem;
	height:1px;
	background:rgba(255,255,255,0.5);
}
.main_visual .scroll_down:after {
	content:"";
	position:absolute;
	top:50%;
	left:-14rem;
	transform:translateY(-50%);
	width:13rem;
	height:1px;
	background:rgba(255,255,255,1);
	z-index:3;
	animation:scroll 3s ease;
	animation-iteration-count: infinite;
}
@keyframes scroll {
	0% {width:13rem;}
	100% {width:0;}
}


@media (max-width: 767.98px) {
	.main_visual .scroll_down{
		position:absolute;
		left:0;
		bottom:8rem;
		z-index:3;
		color:#fff;
		transform:rotate(-90deg);
	}
	.main_visual .scroll_down:before {
		left:-7rem;
		width:6rem;
	}
	.main_visual .scroll_down:after {
		left:-7rem;
		width:6rem;
	}
	@keyframes scroll {
		0% {width:6rem;}
		100% {width:0;}
	}
}



/* 메인컨텐츠 */
#main_container section {
	position:relative;
	box-sizing:border-box;
	padding:12rem 0;
	overflow:hidden;
}
#main_container section .title .desc {
	font-size:2rem;
	font-weight:700;
	color:var(--navy-color);
}
#main_container section .title h2 {
	font-size:4rem;
	font-weight:700;
	color:#222;
	margin-top:1rem;
}
#main_container section .title p {
	font-size:2rem;
	margin-top:2rem;
	color:#666;
}
@media (max-width: 991.98px) {
	#main_container section {
		padding:6rem 0;
	}
	#main_container section .title .desc {
		font-size:1.8rem;
	}
	#main_container section .title h2 {
		font-size:2.8rem;
	}
	#main_container section .title p {
		font-size:1.8rem;
		margin-top:1rem;
	}
}



#main_container .sec01 {
	padding:20rem 0 15rem;
}
#main_container .sec01:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	right:-69%;
	top:0;
	background:#f5f5f5;
	z-index:-1;
}
#main_container .sec01 p.bg {
	position:absolute;
	left:2rem;
	bottom:1rem;
	font-size:8rem;
	font-weight:900;
	color:#eee;
	line-height:1;
}
#main_container .sec01 .content {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	box-sizing:border-box;
	padding:2rem 0;
}
#main_container .sec01 .content:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:-65%;
	top:0;
	background:#fff;
	z-index:10;
}
#main_container .sec01 .txt-box {
	position:relative;
	z-index:20;
	max-width:35%;
	flex:0 0 35%;
}
#main_container .sec01 .sierra-swiper {
	max-width:65%;
	flex:0 0 65%;
}
#main_container .sec01 .btn-more {
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:1.6rem;
	font-weight:500;
	color:#222;
	border:2px solid #ccc;
	border-radius:3rem;
	padding:1rem 4rem;
	margin-top:5rem;
	transition:all 0.2s ease;
}
#main_container .sec01 .btn-more:hover {
	border:2px solid var(--blue-color);
	background:var(--blue-color);
	color:#fff;
}
#main_container .sec01 .swiper-container {
	overflow:unset;
	position:relative;
}
#main_container .sec01 .swiper-wrapper {
	align-items:center;
	height:56rem;
}
#main_container .sec01 .sierra-swiper .swiper-slide {
	width:100%;
	height:42rem;
	box-sizing:border-box;
	padding:0 1rem;
	border-radius:3rem;
	box-shadow:3px 3px 15px rgba(0,0,0,0.1);
	box-sizing:border-box;
	padding:4rem 2.6rem;
	transition:all 0.2s ease;
	background:#fff;
	z-index:1;
}
#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active {
	width:40rem !important;
	height:56rem;
	background:var(--blue-color);
}
#main_container .sec01 .sierra-swiper .swiper-slide .inner {
	display:flex;
	height:100%;
	flex-direction:column;
	justify-content:space-between;
}
#main_container .sec01 .sierra-swiper .swiper-slide .inner .icon {
	width:10rem;
	height:10rem;
	border-radius:50%;
	background:#f5f5f5;
	display:flex;
	align-items:center;
	justify-content:center;
}
#main_container .sec01 .sierra-swiper .swiper-slide .inner .icon > img {
	width:44%;
}
#main_container .sec01 .sierra-swiper .swiper-slide .inner .txt > h3 {
	font-size:2.7rem;
	font-weight:700;
	color:#222;
	letter-spacing:-0.05rem;
}
#main_container .sec01 .sierra-swiper .swiper-slide .inner .txt > p {
	display:none;
	font-size:2rem;
	font-weight:300;
	color:#fff;
	margin-top:2rem;
}
#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active .inner .icon {
	width:16.2rem;
	height:16.2rem;
	background:var(--navy-color);
	box-shadow:10px 10px 0 rgba(0,0,0,0.2);
}
#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active .inner .icon > img {
	filter:brightness(0) invert(1);
	-ms-filter:brightness(0) invert(1);
}
#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active .inner .txt > h3 {
	font-size:3.2rem;
	color:#fff;
}
#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active .inner .txt > p {
	display:block;
}
#main_container .sec01 .sierra-pagination {
	position:relative;
	bottom:0;
	margin:2rem auto 0;
}
#main_container .sec01 .sierra-pagination .swiper-pagination-bullet {
	width:1rem;
	height:1rem;
	opacity:1;
	background:#e8e8e8;
	margin:0 1rem;
}
#main_container .sec01 .sierra-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:var(--blue-color);
}

@media (max-width: 1199.98px) {
	#main_container .sec01:before {
		right:-80%;
	}
}

@media (max-width: 991.98px) {
	#main_container .sec01 {
		padding:7rem 0 6rem;
	}
	#main_container .sec01:before {
		right:-69%;
	}
	#main_container .sec01 p.bg {
		font-size:4rem;
	}
	#main_container .sec01 .content {
		display:block;
		padding:0;
	}
	#main_container .sec01 .content:before {
		display:none;
	}
	#main_container .sec01 .txt-box {
		max-width:100%;
		flex:0 0 100%;
	}
	#main_container .sec01 .sierra-swiper {
		max-width:100%;
		flex:0 0 100%;
		margin-top:4rem;
	}
	#main_container .sec01 .btn-more {
		position:absolute;
		right:0;
		bottom:0;
		margin-top:0;
		font-size:1.4rem;
		padding:0.8rem 3rem;
	}
	#main_container .sec01 .swiper-wrapper {
		height:42rem;
	}
	#main_container .sec01 .sierra-swiper .swiper-slide {
		width:50%;
		height:42rem;
		padding:4rem 2.5rem;
		transition:all 0s ease;
	}
	#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active {
		width:50% !important;
		height:42rem;
	}
	#main_container .sec01 .sierra-swiper .swiper-slide .inner .txt > h3 {
		font-size:2.4rem;
	}
	#main_container .sec01 .sierra-swiper .swiper-slide .inner .txt > p {
		font-size:1.8rem;
		margin-top:1rem;
	}
	#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active .inner .icon {
		width:10rem;
		height:10rem;
	}
	#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active .inner .txt > h3 {
		font-size:2.4rem;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec01 .swiper-wrapper,
	#main_container .sec01 .sierra-swiper .swiper-slide,
	#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active {
		height:38rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec01:before {
		display:none;
	}
	#main_container .sec01 p.bg {
		display:none;
	}
	#main_container .sec01 .swiper-wrapper,
	#main_container .sec01 .sierra-swiper .swiper-slide,
	#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active {
		height:34rem;
	}
	#main_container .sec01 .sierra-swiper .swiper-slide.swiper-slide-active {
		width:100% !important;
	}
}


#main_container .sec02 {
	background:#0c325c url('../_img/main/main_sec02_bg.jpg') no-repeat center bottom / cover;
}
#main_container .sec02 .title {
	text-align:center;
}
#main_container .sec02 .title .desc,
#main_container .sec02 .title h2 {
	color:#fff;
}
#main_container .sec02 .title p {
	color:#98a1af;
}
#main_container .sec02 .content {
	box-sizing:border-box;
	padding:0 10rem;
	margin-top:11rem;
}
#main_container .sec02 .content .row > div[class^='col-'] {
	position:relative;
}
#main_container .sec02 .content .row > div[class^='col-']:before {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:50%;
	background:rgba(255,255,255,0.2);
}
#main_container .sec02 .content .row > div[class^='col-']:nth-of-type(1):after {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:50%;
	background:rgba(255,255,255,0.2);
}
#main_container .sec02 .content .row > div[class^='col-'] > .inner {
	text-align:center;
	box-sizing:border-box;
	position:relative;
}
#main_container .sec02 .content .row > div[class^='col-'] > .inner .desc {
	font-size:1.8rem;
	color:#98a1af;
}
#main_container .sec02 .content .row > div[class^='col-'] > .inner .top {
	font-size:2.8rem;
	color:#fff;
	margin-top:0.5rem;
}
#main_container .sec02 .content .row > div[class^='col-'] > .inner .img {
	margin-top:1rem;
}
#main_container .sec02 .content .row > div[class^='col-'] > .inner p {
	font-size:2.8rem;
	color:#98a1af;
	margin-top:1rem;
}
#main_container .sec02 .content .row > div[class^='col-'] > .inner h3 {
	color:#fff;
	font-size:3rem;
	font-weight:400;
}
#main_container .sec02 .content .row > div[class^='col-'] > .inner h3 > span {
	font-size:5rem;
	font-weight:700;
	margin-right:0.5rem;
}

@media (max-width: 1199.98px) {
	#main_container .sec02 .content {
		padding:0;
		margin-top:0;
	}
	#main_container .sec02 .content .row > div[class^='col-'] {
		position:relative;
		box-sizing:border-box;
		padding:4rem 0;
	}
	#main_container .sec02 .content .row > div[class^='col-']:before {
		content:"";
		position:absolute;
		right:auto;
		left:50%;
		top:auto;
		bottom:0;
		transform:translateY(0) translateX(-50%);
		width:80%;
		height:1px;
	}
	#main_container .sec02 .content .row > div[class^='col-']:nth-of-type(1):after {
		display:none;
	}
	#main_container .sec02 .content .row > div[class^='col-']:last-child:before {
		display:none;
	}
	#main_container .sec02 .content .row > div[class^='col-'] > .inner .top {
		font-size:2.4rem;
	}
	#main_container .sec02 .content .row > div[class^='col-'] > .inner p {
		font-size:2.4rem;
	}
	#main_container .sec02 .content .row > div[class^='col-'] > .inner h3 {
		font-size:2.8rem;
		margin-top:1rem;
	}
	#main_container .sec02 .content .row > div[class^='col-'] > .inner h3 > span {
		font-size:4rem;
	}
	#main_container .sec02 .content .row > div[class^='col-'] > .inner .img > img {
		max-width:16rem;
	}
}


#main_container .sec03 {
	padding:0;
}
#main_container .sec03.sec04 {
	background:#f5f5f5;
}
#main_container .sec03 .title {
	text-align:center;
}
#main_container .sec03 .inner {
	box-sizing:border-box;
	padding:12rem 0;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
#main_container .sec03 .inner > div {
	max-width:50%;
	flex:0 0 50%;
}
#main_container .sec03.sec04 .inner{
	flex-direction:row-reverse;
}
#main_container .sec03 .inner > .img {
	text-align:center;
}
#main_container .sec03 .inner > .txt {
	box-sizing:border-box;
	padding:0 5rem;
}
#main_container .sec03 .inner > .txt .won {
	display:inline-block;
	width:1.2rem;
	height:1.2rem;
	border-radius:50%;
	background:var(--blue-color);
}
#main_container .sec03 .inner > .txt h3 {
	font-size:3.6rem;
	font-weight:700;
	color:#222;
	margin-top:1rem;
}
#main_container .sec03 .inner > .txt p {
	font-size:2.2rem;
	color:#666;
	margin-top:2rem;
}

@media (max-width: 991.98px) {
	#main_container .sec03 .inner {
		padding:6rem 0;
		display:block;
	}
	#main_container .sec03 .inner > div {
		max-width:100%;
		flex:0 0 100%;
	}
	#main_container .sec03 .inner > .img > img {
		max-width:44rem !important;
	}
	#main_container .sec03 .inner > .txt {
		padding:0;
		margin-top:4rem;
	}
	#main_container .sec03 .inner > .txt .won {
		width:0.8rem;
		height:0.7rem;
		border-radius:50%;
	}
	#main_container .sec03 .inner > .txt h3 {
		font-size:2.8rem;
		margin-top:1rem;
	}
	#main_container .sec03 .inner > .txt p {
		font-size:2rem;
		margin-top:1rem;
	}
}


#main_container .sec05 {
	background:url('../_img/main/main_sec05_bg.jpg') no-repeat center center / cover;
}
#main_container .sec05 .title .desc,
#main_container .sec05 .title h2{
	color:#fff;
}
#main_container .sec05 .btn-more {
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:1.6rem;
	font-weight:500;
	color:#fff;
	border:2px solid #ccc;
	border-radius:3rem;
	padding:1rem 4rem;
	margin-top:5rem;
	transition:all 0.2s ease;
}
#main_container .sec05 .btn-more:hover {
	border:2px solid var(--blue-color);
	background:var(--blue-color);
	color:#fff;
}

@media (max-width: 991.98px) {
	#main_container .sec01 .btn-more {
		font-size:1.4rem;
		padding:0.8rem 3rem;
	}
}