.main_visual{
	position:relative;
}
.main_visual#main_visual_mo{
	display:none;
}
.main_visual .swiper-slide{
	height:96rem;
	position:relative;
}
.main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:left;
	color:#fff;
}
.main_visual .swiper-slide > .txt_box h3{
	font-size:8rem;
	font-weight:600;
	line-height:1.2
}
.main_visual .swiper-slide > .txt_box p{
	font-size:1.6rem;
	font-weight:300;
	position:relative;
	padding-top:3rem;
	margin-top:2rem;
}
.main_visual .swiper-slide > .txt_box p:after{
	content:"";
	position:absolute;
	width:100px;
	border-top:1px solid #fff;
	top:0;
	left:0;
}

.main_visual  .mv-pagination{
	position:absolute;
	left:0;
	bottom:100px !important;
	width:100%;
	z-index:10;
	text-align:center;
}
.main_visual  .mv-pagination > span{
	background:#fff;
	opacity:1 !important;
	margin:16px !important;
	position:relative;
}
.main_visual  .mv-pagination > span::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:35px;
	height:35px;
	border-radius:100%;
}
.main_visual  .mv-pagination > span.swiper-pagination-bullet-active::after{
	border:1px solid #fff;
}
.main_visual::After{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	width:42%;
	height:16rem;
	background:#106299;
	z-index:5;
}


@media(max-width:1199.98px){
	.main_visual .swiper-slide > .txt_box h3{
		font-size:5rem;
	}
}
@media(max-width:991.98px){
	.main_visual .swiper-slide{
		height:80rem;
	}
	.main_visual::After{
		display:none;
	}
	.main_visual .swiper-slide > .txt_box{
		text-align:center;
	}
	.main_visual .swiper-slide > .txt_box h3{
		font-size:4rem;
	}
	.main_visual .swiper-slide > .txt_box p:after {
		left: 50%;
		margin-left:-50px;
	}
	.main_visual .mv-pagination{
		bottom:40px !important;
	}
}
@media(max-width:576.98px){
	.main_visual .swiper-slide{
		height:70rem;
	}
	.main_visual .swiper-slide > .txt_box h3{
		font-size:3rem;
	}
	.main_visual .mv-pagination{
		bottom:20px !important;
	}
	.main_visual  .mv-pagination > span::after{
		width:30px;
		height:30px;
	}
}

/*메인컨텐츠 공통*/
#main_container{
	position:relative;
	z-index:20;
}
#main_container > section{
	padding:14rem 0 14rem 0;
	position:relative;
}
#main_container .container{
	z-index:2;
}

.main_title{
	position:relative;
}
.main_title > h3{
	font-size:4rem;
	font-weight:700;
	line-height:1.2;
	font-family:'Montserrat',sans-serif !important;
}
.main_title > small{
	display:block;
	font-size:1.8rem;
	line-height:1.8;
	font-weight:300;
	margin-top:3rem;
	padding-top:3rem;
	position:relative;
}
.main_title > small::After{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:10rem;
	border-top:1px solid #106299;
}
.main_title > .more{
	font-family:'Montserrat',sans-serif !important;
	font-size:1.6rem;
	border-bottom:1px solid #000;
	font-weight:600;
	padding:.5rem 0;
	color:#000;
}

@media(max-width:991.98px){
	#main_container > section{
		padding:10rem 0 10rem 0;
	}
}

@media(max-width:767.98px){
	.main_title > h3{
		font-size:3.4rem;
	}
}


@media(max-width:576.98px){
	#main_container > section{
		text-align:center;
	}
	.main_title > small::After{
		left:50%;
		transform: translatex(-50%);
	}
}

/*sec01*/
section.sec01{
	padding-top:3rem;
}
section.sec01::after{
	content:"";
	position:absolute;
	left:0;
	top:-8rem;
	background:#fff;
	height:10rem;
	width:65%;
}
section.sec01::before{
	content:"";
	position:absolute;
	right:0;
	top:0;
	background:url(../_img/main/main_bg_pattern.jpg) repeat left top;
	height:10rem;
	width:35%;
	height:55rem;
}
section.sec01 .main_title{
	max-width:67%;
	margin-bottom:7rem;
}
section.sec01 .main_title .more{
	position:absolute;
	right:0;
	bottom:0;
}
section.sec01 a.box{
	display:block;
	position:relative;
	color:#fff;
}
section.sec01 a.box figure{
	background-size:cover;
	background-position:center center;
	padding-top:100%;
	margin:0;
}
section.sec01 a.box figure figcaption{
	position:absolute;
	left:0;
	bottom:0;
	padding:3rem 3.5rem;
	font-size:2.4rem;
}
section.sec01 a.box figure figcaption small{
	display:block;
	font-size:1.5rem;
	font-weight:300;
}

@media(max-width:991.98px){
	section.sec01::after{
		display:none;
	}
	section.sec01 .main_title{
		max-width:unset;
	}
}
@media(max-width:576.98px){
	section.sec01 .main_title .more{
		position:relative;
		display:inline-block;
		margin-top:1rem;
	}
}



/*sec02*/
section.sec02{}
section.sec02::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:65%;
	background:#f5f5f5;
	height:100%;
}
section.sec02 .quick{
	margin-top:5rem;
	display:flex;
	flex-wrap:wrap;
	max-width:500px;
	margin-left:-2rem;
	margin-right:-2rem;
	flex-wrap:nowrap;
}
section.sec02 .quick li{
	margin-top:1rem;
	padding-left:2rem;
	padding-right:2rem;
	width:50%;
	max-width:260px;
}
section.sec02 .quick li a{
	display:block;
	font-size:1.8rem;
	border-bottom:1px solid #cccccc;
	color:#000;
	padding:1.4rem 0;
	position:relative;
	text-align:left;
}
section.sec02 .quick li a i{
	content:"";
	position:absolute;
	right:1rem;
	top:50%;
	transform: translateY(-50%);
	color:#3d9fe0
}

@media(max-width:991.98px){
	section.sec02::after{
		width:100%;
	}
	section.sec02 .quick{
		margin-bottom:5rem;
	}
}



/*sec03*/
section.sec03{
	padding-top:18rem;
	background:url(../_img/main/sec03_bg_text.png) no-repeat 5% -6px / 124.1rem auto;
}
section.sec03 .latest_list{
	border-top:2px solid #000;
}
section.sec03 .latest_list li{
	border-bottom:2px solid #000;
}
section.sec03 .latest_list li a{
	display:flex;
	align-items:center;
	padding-top:5rem;
	padding-bottom:5rem;
	font-size:2rem;
	color:#000;
}
section.sec03 .latest_list li a > p.date{
	width:20rem;
	flex-shrink: 0;
	text-align:center;
	font-size:1.6rem;
}
section.sec03 .latest_list li a > p.subject{
	flex-grow: 1;
	text-align:center;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	position:relative;
	padding-right:10rem;
}
section.sec03 .latest_list li a > p.subject::after{
	content:"\e90b";
	position:absolute;
	right:5rem;
	font-family: xeicon!important;
}
@media(max-width:767.98px){
	section.sec03{
		padding-top:12rem !important;
		background:url(../_img/main/sec03_bg_text.png) no-repeat 5% -6px / 80rem auto;
	}
}
@media(max-width:576.98px){
	section.sec03{
		padding-top:10rem !important;
		background:url(../_img/main/sec03_bg_text.png) no-repeat 5% -6px / 50rem auto;
	}
	section.sec03 .latest_list li a{
		padding-top:3rem;
		padding-bottom:3rem;
		font-size:1.8rem;
		flex-wrap:wrap;
	}
	section.sec03 .latest_list li a > p.date{
		display:none;
	}
	section.sec03 .latest_list li a > p.subject{
		padding-right:5rem;
	}
	section.sec03 .latest_list li a > p.subject::after{
		right:2rem;
	}
}



/*sec04*/
section.sec04{
	background:url(../_img/main/sec04_bg.jpg) no-repeat center center / cover;
	text-align:center;
	color:#fff;
}
section.sec04 .main_title > small::After{
	border-color: #fff !important;
	left:50%;
	transform:translatex(-50%);
}
section.sec04 .row{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
section.sec04 .row li{
	margin-top:20px;
	margin-bottom:20px;
}



/*sec05*/
section.sec05{}
section.sec05::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:45%;
	background:url(../_img/main/sec04_bg_pattern.jpg) repeat left top;
}
section.sec05 .main_title{
	color:#fff;
}
section.sec05 .main_title > small::After{
	border-color:rgba(255,255,255,.5) !important;
}
section.sec05 .main_title .more{
	color:#fff;
	border-bottom:1px solid #fff;
}
section.sec05 .mySwiper{
	overflow:hidden;
	padding:20px;
	margin-top:-20px;
}
section.sec05 .mySwiper img{
	box-shadow:0px 0px 15px rgba(0,0,0,.2);
}
section.sec05 .control{
	margin-top:5rem;
}
section.sec05 .control > div{
	border:1px solid rgba(255,255,255,.5);
	display:inline-block;
	position:relative;
	width:5rem;
	height:5rem;
	border-radius:100%;
}
section.sec05 .control > div i{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	font-size:2.2rem;
}

@media(max-width:991.98px){
	section.sec05::after{
		width:75%;
	}
	section.sec05 .main_title{
		margin-bottom:5rem;
	}
}	
@media(max-width:576.98px){
	section.sec05::after{
		width:100%;
	}
}	