/*메인 비주얼*/
#mainVisualWrap.swiper-container {
	position:relative;
	height:calc(100vh - 110px);
}
#mainVisualWrap.swiper-container .swiper-wrapper {
	position:relative;
	height:100%;
	left:0;
	top:0;
}
#mainVisualWrap.swiper-container .swiper-wrapper,
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide{
	height:100%;
	position:relative;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide{
	vertical-align:middle;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .visual-text {
	position:absolute;
	width:100%;
	left:0;
	top:45%;
	transform:translateY(-50%);
    color:#616161;
    letter-spacing: -0.05em;
    line-height: 1.5;
	text-align:left;
	opacity:1;
	margin-left:0;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .visual-text h2{
	font-weight: 300;
	line-height: 1.2;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .visual-text h2 b{
	font-weight: 500;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .visual-text p{
	font-weight: 100;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .visual-text p:nth-child(1){
	letter-spacing: 0.5em;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .visual-text .container,
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .visual-text .container .dp-table{
	height:100%;
}

#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .txt p{
	position: absolute;
	bottom:50px;
	right:0;
	font-size:18px;
	color:#fff;
	font-weight: 300;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .txt p.p1{
	right:35%;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .txt p.p2{
	right:35%;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide.visual2 .txt p.p2{
	right:35%;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .emblem01 {
	position:absolute;
	left:4rem;
	top:6rem;
	z-index:10;
}
#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .emblem02 {
	position:absolute;
	right:4rem;
	top:6rem;
	z-index:10;
}



#mainVisualWrap .numbers p{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-size:15px;
	font-weight: 500;
	font-family: 'Noto Sans KR';
}
#mainVisualWrap .numbers p:first-child{
	left:40px;
}
#mainVisualWrap .numbers p:last-child{
	right:40px;
}

.swiper-button-prev,
.swiper-button-next{
	outline:none;
	margin-top: 0 !important;
	transform:translateY(-50%);
}
.swiper-button-prev::after,
.swiper-button-next::after{
	display:none;
}
.swiper-button-prev{
	left:70px !important;
}
.swiper-button-next{
	right:70px !important;
}

.scroll_down{
	position: absolute;
    bottom: 34px;
	width:100%;
	text-align: center;
	z-index:3;
}
.scroll_down p{
	color:#fff;
	font-size:13px;
	font-weight: bold;
	font-family: 'Montserrat' !important;
	animation: updown 1s infinite alternate;
	transform-origin: center;
}
/* Heart beat animation */
@keyframes updown{
	to { transform: translateY(10px); }
}

@media(max-width:1500px){
	#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide{
		background-position: 90% top !important;
	}
	#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .txt p.p1{
		right:32%;
	}
	#mainVisualWrap.swiper-container .swiper-wrapper .swiper-slide .txt p.p2{
		right:8%;
	}
}

h1,h2,h3,h4,h5,h6,p{
    margin:0;padding:0;
}
.mainContentWrap {
	width:100%;
	overflow:hidden;
	z-index:2;
	position:relative;
}
.mainContentWrap p{
	color:#666;
	letter-spacing: -0.025em;
	line-height: 26px;
	font-weight: 300;
	font-size:16px;
}
.mainContentWrap p b{
	font-weight: 500;
}
.mainContentWrap .fcG{
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.025em;
	margin-bottom: 15px;
}
.mainContentWrap a{
	display:inline-block;
}
@media(min-width:1430px){
	.mainContentWrap .container{
		width:1430px;
	}
}

.text-shadow{
	text-shadow: 0px 4px 6px rgba(0,0,0,0.4);
}

/* 메인섹션 1 */
#mainSection01{
	padding:90px 0;
	position: relative;
	overflow:hidden;
	background: #f8f8f8;
}
#mainSection01::before{
	content:'';
	width:28%;
	height: 100%;
	background: #338029;
	position: absolute;
	top:0;
	left:0;
}
#mainSection01 .container{
	position: relative;
	z-index:1;
}
#mainSection01 a{
	display:block;
	position: relative;
	z-index:1;
}
#mainSection01 .img-ball{
	position: absolute;
	bottom:-80px;
	right:50px;
	z-index:0;
}
#mainSection01 .container > div{
	display:inline-block;
	vertical-align: middle;
}
#mainSection01 .container > div.left{
	width:42%;
	text-align: left;
}
#mainSection01 .container > div.right{
	width:57%;
}
#mainSection01 .container > div.right .clearfix{
	width:660px;
	margin-top: 45px;
}
#mainSection01 .container > div.right .clearfix > div{
	width:50%;
	float:left;
	padding:15px 0;
}
#mainSection01 .container > div.right .clearfix > div > div,
#mainSection01 .container > div.right .clearfix > div > p{
	display:inline-block;
	vertical-align: middle;
}
#mainSection01 .container > div.right .clearfix > div > p{
	padding-left: 15px;
}
@media(max-width:1430px){
	.container {
		width: 1230px !important;
	}
}
@media(max-width:1230px){
	.container {
		width: 970px !important;
	}
}


/* 메인섹션 2 */
#mainSection02{
	width:100%;
}
#mainSection02 > div.clearfix{
	width:100%;
}
#mainSection02 > div.clearfix > div{
	position: relative;
	height: 550px;
	width:50%;
}
#mainSection02 > div.clearfix > div .txt{
	text-align: left;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:90%;
}
#mainSection02 > div.clearfix:first-child > div .txt{
	left:72%;
}
#mainSection02 > div.clearfix:last-child > div .txt{
	left:57%;
}
@media(max-width:1200px){
	#mainSection02 > div.clearfix:first-child > div .txt {
		left: 60%;
	}
}


/* 메인섹션 3 */
#mainSection03{
	background: #f8f8f8;
	height: 600px;
	padding-top: 180px;
	margin-bottom: 250px;
}
#mainSection03 .clearfix > div{
	width:50%;
	height: 670px;
}
#mainSection03 .clearfix > div a{
	display:block;
	width:100%;
	height: 100%;
	color:#fff;
	position: relative;
	text-decoration: none;	
}
#mainSection03 .clearfix > div a .txt{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:90%;
	z-index:1;
}
#mainSection03 .clearfix > div a .txt p{
	color:#fff;
}
#mainSection03 .clearfix > div.fl a .txt .fw400{
	position: relative;
	display:inline-block;
}
#mainSection03 .clearfix > div.fl a .txt .fw400::before{
	content:'';
	width:110%;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom:-10px;
	left:50%;
	transform:translateX(-50%);
}
#mainSection03 .clearfix > div.fr a{
	height: 50%;
}
#mainSection03 .clearfix > div.fr a:first-child{
	background: #e7e7e5;	
}
#mainSection03 .clearfix > div.fr a .txt{
	text-align: left;
	width:80%;
}
#mainSection03 .clearfix > div.fr a img{
	position: absolute;
	bottom:-1px;
	right:130px;
}
@media(max-width:1200px){
	#mainSection03 .clearfix > div{
		height: 570px;
	}	
	#mainSection03 .clearfix > div.fr a img {
		right: 10px;
		max-width: 280px;
	}
}


/* 메인섹션 4 */
#mainSection04{
	padding:100px 0 130px;
}
#mainSection04 .container > .row{
	margin-left: -30px;
	margin-right: -30px;
}
#mainSection04 .container > .row > div{
	padding-left: 30px;
	padding-right: 30px;
}
#mainSection04 .container > .row > div > div a{
	text-decoration: none;
}
#mainSection04 .container > .row > div > div p{
	font-family: 'Noto Sans KR';
}
#mainSection04 .container > .row > div > div .clearfix{
	padding-bottom: 15px;
}
#mainSection04 .container > .row > div:first-child > div .clearfix{
	border-bottom: 1px solid #000;
}
#mainSection04 .container > .row > div > div .clearfix p{
	float:left;
}
#mainSection04 .container > .row > div > div .clearfix a{
	float:right;
	padding-top: 4px;
}
#mainSection04 .container > .row > div > div ul li a{
	display:block;
	border-bottom: 1px solid #ddd;
}
#mainSection04 .container > .row > div > div.board-notice ul li a{
	padding: 31.1px 50px;
}
#mainSection04 .container > .row > div > div ul li a > div{
	display:inline-block;
	vertical-align: middle;
	text-align: left;	
}
#mainSection04 .container > .row > div > div ul li a .date{
	width:18%;
}
#mainSection04 .container > .row > div > div ul li a .date p{
	letter-spacing: -0.04em;
	margin-bottom: 0;
}
#mainSection04 .container > .row > div > div ul li a .cont{
	width:81%;
}
#mainSection04 .container > .row > div > div ul li a .cont > p{
	margin-bottom: 4px;
}
#mainSection04 .container > .row > div > div ul li a .cont .txt{
	display:inline-block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre;
	-webkit-box-orient: vertical;
	height:28px;
}
#mainSection04 .container > .row > div > div ul li a .cont .txt p{
	font-size:14px;
}
#mainSection04 .container > .row > div > div ul li a .cont .txt img{
	display:none;
}
#mainSection04 .container > .row > div > div.board-photo ul{
	margin-left: -10px;
	margin-right: -10px;
}
#mainSection04 .container > .row > div > div.board-photo ul li{
	padding-left: 10px;
	padding-right: 10px;
}
#mainSection04 .container > .row > div > div.board-photo ul li a{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#mainSection04 .container > .row > div > div.board-photo ul li a .thum{
	width:100%;
	height: 180px;
}
#mainSection04 .container > .row > div > div.board-photo ul li a .txt{
	height: 182px;
	padding:24px 40px;
	text-align: left;
	width:100%;
}
#mainSection04 .container > .row > div > div.board-photo ul li a .txt > p:first-child{
	color:#ccc;
}
#mainSection04 .container > .row > div > div.board-photo ul li a .txt > div{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #ddd;	
	position: relative;
}
#mainSection04 .container > .row > div > div.board-photo ul li a .txt > div i{
	position: absolute;
	top:14px;
	right:0;
	color:#888;
}
@media(max-width:1430px){
	#mainSection04 .container > .row > div > div.board-photo ul li a .txt{
		padding:24px;
	}
}
@media(max-width:1200px){
	#mainSection04 .container > .row{
		margin-left: -10px;
		margin-right: -10px;
	}
	#mainSection04 .container > .row > div{
		padding-left: 10px;
		padding-right: 10px;
	}
	#mainSection04 .container > .row > div > div.board-notice ul li a {
		padding: 31.1px 20px;
	}
	#mainSection04 .container > .row > div > div.board-photo ul li a .thum{
		height: 150px;
	}
	#mainSection04 .container > .row > div > div.board-photo ul li a .txt {
		padding: 24px 15px;
		height: 213px;
	}
}