body > #footer{display: none !important;}

#fp-nav{
	z-index: 999;
	position: fixed;
	top:50%; 
	right:3rem; 
	width: 22px;
	transform: translate(0,-50%);
}
#fp-nav li{
	position: relative;
	width: 22px;
	height: 22px;
	margin: 7.5px 0;
	text-align: center;
}
#fp-nav li:first-child::before,
#fp-nav li:last-child::before{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.4rem;
	font-weight: 200;
	color: #fff;
	transition: all .3s ease;
}
#fp-nav li:first-child::before{
	content: '01';
	top: -30px;
}
#fp-nav li:last-child::before{
	content: '06';
	bottom: -30px;
}
#fp-nav li a span{
	display: inline-block;
	height: 6px;
	width: 6px;
	background: #fff;
	border: 3px solid rgba(255, 255, 255, 0);
	border-radius: 50%;
	transition: all .3s ease;
}
#fp-nav li:hover a span,
#fp-nav li.active a span,
#fp-nav li.active:hover a span{
	height: 22px;
	width: 22px;
	border-color: rgba(255, 255, 255, 1);
	background: transparent;
}
#fp-nav.color-on li:first-child::before,
#fp-nav.color-on li:last-child::before{
	color: var(--mainColor);
}
#fp-nav.color-on li a span{
	background:  var(--mainColor);
}
#fp-nav.color-on li:hover a span,
#fp-nav.color-on li.active a span,
#fp-nav.color-on li.active:hover a span{
	border-color: var(--mainColor);
	background: transparent;
}
@media(max-width:1199.98px){
	#fp-nav{display: none !important;}
}
@media(max-width:575.98px){
	/* #fp-nav{ 
		right:2rem; 
		width: 18px;
	}
	#fp-nav li{
		width: 18px;
		height: 18px;
		margin: 5px 0;
	}
	#fp-nav li:hover a span,
	#fp-nav li.active a span,
	#fp-nav li.active:hover a span{
		height: 18px;
		width: 18px;
	} */
}


/* .main-container > section{
	height: 100vh !important;
} */
.main-container > section > div{
	display: flex;
	align-items: center;
	justify-content: center;
	height: inherit !important;
}

.main-visual{
	position: relative;
	height: 100vh;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
.main-visual .txt-box,
.main-visual .scroll-down,
.main-visual .bg{position: absolute;}
.main-visual .bg{
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url(../_img/main/main_visual01.jpg) no-repeat center center / cover;
	transform: scale(1.2);
}
.main-visual.bgActive .bg{
	transform: scale(1); 
	transition: all 2s ease-in-out;
}
.main-visual .txt-box{
	z-index: 1;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
.main-visual .txt-box h3{
	text-shadow: 0 0 1rem rgba(0, 0, 0, .59);
	font-size: 6.8rem;
	-webkit-animation: var(--fadeOut);
	animation: var(--fadeOut);
}
.main-visual.active .txt-box h3{
	-webkit-animation: var(--fadeIn);
	animation: var(--fadeIn);
}
.main-visual .txt-box h3 span{
	display: inline-block;
	margin: 0 1rem;
	vertical-align: middle;
	width: 17.5rem; height: 2px;
	background: #fff;
}
.main-visual .scroll-down{
	z-index: 1;
	bottom: 0; left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: 500;
	cursor: pointer;
}
.main-visual .scroll-down span{
	position: relative;
	display: block;
	width: 1px; height: 8.7rem;
	margin: 1rem auto 0;
	background: rgba(255, 255, 255, .5);
}
.main-visual .scroll-down span::before{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	background: #fff;
	animation: scrollDown 2s infinite ease-in-out;
}
@keyframes scrollDown {
	0%{height: 0;}
	50%{height: 100%;}
	100%{height: 0%;}
}
@media(max-width:991.98px){
	.main-visual .txt-box h3{font-size: 5rem;}
	.main-visual .txt-box h3 span{
		display: block;
		margin: 4rem auto 3rem;
		width: 12rem; 
	}
}
@media(max-width:767.98px){
	.main-visual .txt-box h3{font-size: 4rem;}
	.main-visual .txt-box h3 span{
		margin: 2.5rem auto 2rem;
		width: 10rem; 
	}
}
@media(max-width:575.98px){
	.main-visual .txt-box h3{font-size: 3.5rem;}
	.main-visual .txt-box h3 span{
		margin: 2.5rem auto;
		width: 9rem; 
	}
}


/* section 공통 */
.main-container > section .fade-box{
	-webkit-animation: var(--fadeOut);
	animation: var(--fadeOut);
}
.main-container > section.active .fade-box{
	-webkit-animation: var(--fadeIn);
	animation: var(--fadeIn);
}
.main-container h3.main-tit{
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.4;
}
.main-container p.main-desc{
	color: #fff;
	font-size: 2rem;
}
@media(max-width:991.98px){
	.main-container h3.main-tit{
		font-size: 3.5rem;
	}
	.main-container p.main-desc{
		font-size: 1.8rem;
	}
}
@media(max-width:767.98px){
	.main-container h3.main-tit{
		font-size: 3rem;
	}
}
@media(max-width:575.98px){
	.main-container h3.main-tit{
		font-size: 2.5rem;
	}
}


/*sec01*/
.main-container > .sec01{
	background: url(../_img/main/main_sec01_bg.jpg) no-repeat center center / cover;
}
.main-container > .sec01 *{color: #fff;}
.main-container > .sec01 p{
	margin: 4.5rem 0 5.5rem;
	font-size: 1.8rem;
	font-weight: 300;
	opacity: .9;
}
.main-container > .sec01 p b{font-weight: 600;}
.main-container > .sec01 a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24rem;
	height: 5.7rem;
	border: 1px solid #fff;
}
@media(max-width:991.98px){
	.main-container > .sec01 p{
	margin: 3.5rem 0 4.5rem;
	font-size: 1.6rem;
	}
	.main-container > .sec01 a{
		width: 20rem;
		height: 5rem;
	}
}
@media(max-width:767.98px){
	.main-container > .sec01 p{
		margin: 3rem 0;
	}
	.main-container > .sec01 a{
		width: 16rem;
		height: 4.5rem;
	}
}


/*sec02*/
.main-container > .sec02{
	color: #fff;
	text-align: center;
	background: url(../_img/main/main_sec02_bg.jpg) no-repeat center center / cover;
}
.main-container > .sec02 h3.main-tit{
	color: var(--mainColor);
}
.main-container > .sec02 .sw-box{
	position: relative;
	width: 100%;
	max-width: 1830px;
	margin: 0 auto;
	padding: 0 15px;
}
.main-container > .sec02 .sw-btn{
	z-index: 1;
	position: absolute;
	top: 50%;
	width: 7rem;
	height: 7rem;
	background: rgba(255, 255, 255, .2);
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	line-height: 7rem;
	border-radius: 50%;
	transform: translateY(-50%);
}
.main-container > .sec02 .sw-prev{
	left: 5.5rem;
}
.main-container > .sec02 .sw-next{
	right: 5.5rem;
}
.main-container > .sec02 .mySwiper{
	padding: 7rem 2px;
	overflow: hidden;
}
.main-container > .sec02 .swiper-slide-active{
	z-index: 1;
	position: relative;
}
.main-container > .sec02 .swiper-slide .item{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	height: 42rem;
	margin-left: -1px;
	padding: 2.5rem;
	text-align: center;
	border: 1px solid var(--mainColor);
}
.main-container > .sec02 .swiper-slide-active .item{
	transform: scale(1.11);
}
.main-container > .sec02 .swiper-slide .item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	background: var(--mainColor);
	opacity: .2;
	transform: translateX(-50%);
}
.main-container > .sec02 .swiper-slide-active .item::before{
	z-index: -1;
	top: -1px;
	width: 103%;
	height: calc(100% + 2px);
	opacity: 1;
}
.main-container > .sec02 .item figure{
	margin-bottom: 2rem;
}
.main-container > .sec02 .item img{
	max-width: 100%;
}
.main-container > .sec02 .swiper-slide-active .item img{
	transform: scale(1.1);
}
.main-container > .sec02 .item figcaption{
	margin-top: 1rem;
	font-size: 2rem;
	font-weight: bold;
}
.main-container > .sec02 .item .more{
	display: none;
	margin: 0 auto;
	padding: 1rem 1rem 1.2rem 1rem;
	width: 19rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	border: 1px solid #fff;
}
.main-container > .sec02 .swiper-slide-active .item .more{
	display: block;
}
@media(max-width:1800px){
	.main-container > .sec02 .sw-prev{left: 15px;}
	.main-container > .sec02 .sw-next{right: 15px;}
}
@media(max-width:991.98px){
	.main-container > .sec02 .sw-btn{
		width: 5rem;
		height: 5rem;
		font-size: 1.8rem;
		line-height: 5rem;
		background: rgba(1	, 174, 240, .7);
	}
	.main-container > .sec02 .sw-prev{left: 7rem;}
	.main-container > .sec02 .sw-next{right:7rem;}
	.main-container > .sec02 .swiper-slide .item {
    height: 35rem;
    padding: 2rem;
	}
	.main-container > .sec02 .item img {
		width: 90%;
	}
	.main-container > .sec02 .item figcaption{
		font-size: 1.8rem;
	}
	.main-container > .sec02 .item .more {
    width: 16rem;
	}
}
@media(max-width:767.98px){
	.main-container > .sec02 .mySwiper {
		padding: 6rem 15px;
	}
	.main-container > .sec02 .item img {
		max-width: 80%;
		width: 100%;
	}
}
@media(max-width:575.98px){
	.main-container > .sec02 .mySwiper {padding:0 15px;}
	.main-container > .sec02 .swiper-slide .item{border: none; height:auto;}
	.main-container > .sec02 .swiper-slide-active .item {
    transform: scale(1);
	}
	.main-container > .sec02 .swiper-slide-active .item::before {
    top: 0;
    width: 100%;
    height: 100%;
	}
	.main-container > .sec02 .sw-btn{
		background: rgba(255, 255, 255, .2);
	}
	.main-container > .sec02 .sw-prev{
		left: 15px;
	}
	.main-container > .sec02 .sw-next{
		right: 15px;
	}
}




/*sec03*/
.main-container > .sec03{
	background:url(../_img/main/main_sec03_bg.jpg) no-repeat center center / cover;
	color: #fff;
}
.main-container > .sec03 .text-box{
	display: flex;
	gap: 2rem;
	margin-bottom: 6rem;
}
.main-container > .sec03 .text-box > span{
	display: inline-block;
	width: 14.2rem;
	height: 2px;
	margin-top: 2.5rem;
	background: #fff;
}
.main-container > .sec03 ul{
	display: flex;
	justify-content: space-between;
}
.main-container > .sec03 ul li{
	position: relative;
	width: 30%;
	padding-top: 29.713%;
	background: rgba(255, 255, 255, .1);
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%;
}
.main-container > .sec03 ul li div{
	position: absolute;
	top: 50%; 
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
.main-container > .sec03 ul li p{
	font-size: 2rem;
}
.main-container > .sec03 ul li div p:first-of-type{
	margin: 1.5rem 0;
}
@media (min-width:1200px) {
	.main-container > .sec03 .container{padding: 0 7rem;}
}
@media(max-width:991.98px){
	.main-container > .sec03 ul li p {font-size: 1.8rem;}
	.main-container > .sec03 .text-box{
		flex-wrap: wrap;
		margin-bottom: 4rem;
	}
	.main-container > .sec03 .text-box > span {
    width: 12rem;
    margin-top: 2rem;
	}
	.main-container > .sec03 ul li img{
		width: 9rem;
	}
	.main-container > .sec03 ul{
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 3rem;
	}
	.main-container > .sec03 ul li{
		width: 42%;
		padding-top: 41.42%;
	}
}
@media(max-width:767.98px){
	.main-container > .sec03 .text-box{
		margin-bottom: 3rem;
	}
	.main-container > .sec03 .text-box > span {
    width: 10rem;
    margin-top: 1.7rem;
	}
	.main-container > .sec03 ul li img{
		width: 8rem;
	}
	.main-container > .sec03 ul li{
		flex-shrink: 0;
		width: 44%;
		padding-top: 43.215%;
	}
}
@media(max-width:575.98px){
	.main-container > .sec03 .text-box {
    gap: 1rem;
	}
	.main-container > .sec03 ul{
		gap:0 1rem;
	}
	.main-container > .sec03 ul li{
		width: calc(50% - .5rem);
		padding-top: 47.685%;
	}
	.main-container > .sec03 ul li div p:first-of-type {
    margin: 5px 0;
	}
	.main-container > .sec03 ul li div p:last-of-type {
		font-size: 1.4rem;
	}
}


/*sec04*/
.main-container > .sec04{
	text-align: center;
	background:url(../_img/main/main_sec04_bg.jpg) no-repeat center center / cover;
}
.main-container > .sec04 ul{
	display: flex;
	gap: 8rem;
	margin-top: 24rem;
	padding: 0 6rem;
}
.main-container > .sec04 ul li{
	width: calc((100%/3) - 5rem);
}
.main-container > .sec04 ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 3.5rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	border-top: 2px solid #fff;
}
.main-container > .sec04 ul li a i{
	font-size: 3rem;
}
@media(max-width:991.98px){
	.main-container > .sec04 ul{
		gap: 4rem;
		margin-top: 15rem;
		padding: 0;
	}
	.main-container > .sec04 ul li{
		width: calc((100%/3) - 2rem);
	}
	.main-container > .sec04 ul li a{
		padding-top: 3rem;
		font-size: 1.8rem;
	}
	.main-container > .sec04 ul li a i{
		font-size: 2.8rem;
	}
}
@media(max-width:575.98px){
	.main-container > .sec04 ul{
		flex-wrap: wrap;
		gap: 3rem;
		margin-top: 4rem;
	}
	.main-container > .sec04 ul li{
		width: 100%;
	}
}




/*sec05*/
.main-container > .sec05{
	position: relative;
	background-color: #fff;
	overflow: hidden;
}
.main-container > .sec05 .bg{
	position: absolute;
	left: 5.5rem;
	bottom: -1.5rem; 
	color: #f6f6f6 !important;
	font-size: 22rem;
	font-weight: bold;
	line-height: 1;
}
.main-container > .sec05 *{
	color: #000 !important;
}
.main-container > .sec05 .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main-container > .sec05 .text-box a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24rem;
	height: 5.7rem;
	border: 1px solid #000;
}
.main-container > .sec05 .list{
	width: 62.66%;
}
.main-container > .sec05 .list li{
	padding: 5.5rem 2rem;
	font-size: 1.8rem;
	border-bottom: 1px solid #dddddd;
}
.main-container > .sec05 .list li a{
	display: flex;
	position: relative;
	padding-right: 15rem;
}
.main-container > .sec05 .list li a::after{
	content: "\e90b";
	position: absolute;
	top: 50%; right: 0;
	color: #555555;
	font-family: 'xeicon' !important;
	font-size: 3rem;
	transform: translateY(-50%);
}
.main-container > .sec05 .list li .date{
	display: inline-block;
	flex-shrink: 0;
	width: 16rem;
	color: #2b3091 !important;
	font-size:1.8rem;
	font-weight: 600;
}
.main-container > .sec05 .list li dl{
	width: calc(100% - 16rem);
}
.main-container > .sec05 .list li dt,
.main-container > .sec05 .list li dd{
	overflow:hidden;
	text-overflow:ellipsis;
}
.main-container > .sec05 .list li dt{
	margin-bottom: 1.5rem;
	font-size: 2rem;
  white-space:nowrap;
}
.main-container > .sec05 .list li dd{
	color: #777777 !important;
	font-size: 1.6rem;
	font-weight: 500;
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
@media(max-width:1199.98px){
	.main-container > .sec05 .list li a {
    padding-right: 8rem;
	}
}
@media(max-width:991.98px){
	.main-container > .sec05 .bg {
    font-size: 16rem;
	}
	.main-container > .sec05 .container{
		display: block;
	}
	.main-container > .sec05 .text-box a{
		width: 20rem;
		height: 5rem;
	}
	.main-container > .sec05 .list li{
		padding: 4rem 1rem;
	}
	.main-container > .sec05 .list li a::after{
		font-size: 2.6rem;
	}
	.main-container > .sec05 .list li .date{
		width: 14rem;
	}
	.main-container > .sec05 .list li dl{
		width: calc(100% - 14rem);
	}
	.main-container > .sec05 .list li dt{
		margin-bottom: 1rem;
		font-size: 1.8rem;
	}
}
@media(max-width:767.98px){
	.main-container > .sec05 .bg {
    font-size: 12rem;
	}
	.main-container > .sec05 .text-box a{
		width: 16rem;
		height: 4.5rem;
	}
	.main-container > .sec05 .list li{
		padding: 3rem 1rem;
		font-size: 1.6rem;
	}
	.main-container > .sec05 .list li a::after{
		font-size: 2.2rem;
	}
	.main-container > .sec05 .list li .date{
		width: 12rem;
		font-size: 1.6rem;
	}
	.main-container > .sec05 .list li dl{
		width: calc(100% - 12rem);
	}
}
@media(max-width:575.98px){
	.main-container > .sec05 .bg {
    left: 15px;
		bottom: -5px;
		font-size: 10rem;
	}
	.main-container > .sec05 .list li{
		padding: 2rem 0;
	}
	.main-container > .sec05 .list li a{
		display: block;
	}
	.main-container > .sec05 .list li a::after{
		right: 4rem;
	}
	.main-container > .sec05 .list li .date,
	.main-container > .sec05 .list li dl{
		width: 100%;
	}
}


/*sec06*/
.main-container > .sec06,
.main-container > #footer{
	height: auto !important;
}
.main-container > .sec06 > div,
.main-container > #footer > div{
	height: 100% !important;
}
.main-container > .sec06 .contents{
	padding: 18rem 0 19rem;
	text-align: center;
	background:url(../_img/main/main_sec06_bg.jpg) no-repeat center center / cover;
}
.main-container > .sec06 .contents p{
	color: var(--mainColor);
}
.main-container > .sec06 .contents a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25rem;
	height: 6rem;
	margin: 4.5rem auto 0;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	border: 1px solid #fff;
}
@media(max-width:991.98px){
	.main-container > .sec06 .contents{
		padding: 15rem 0 16rem;
	}
	.main-container > .sec06 .contents a{
		width: 22rem;
		height: 5.5rem;
		margin: 3rem auto 0;
	}
}
@media(max-width:767.98px){
	.main-container > .sec06 .contents{
		padding: 12rem 0 13rem;
	}
	.main-container > .sec06 .contents a{
		width: 20rem;
		height: 5rem;
		font-size: 1.6rem;
	}
}
@media(max-width:575.98px){
	.main-container > .sec06 .contents{
		padding: 10rem 0;
	}
	.main-container > .sec06 .contents a{
		margin: 2rem auto 0;
	}
}