/*메인비주얼*/
.mvisual > div{
	position:relative;
}
.main-visual .swiper-slide{
	position:relative;
	height:66rem;
	background:#000;
}
.main-visual .swiper-slide:before{
	 content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.3;
}
.main-visual .swiper-slide img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:50% 50%;
}
.main-visual h2{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	padding:0 5rem;
	transform:translate(-50%,-50%);
	color: #FFF;
	text-align: center;
	font-size: 7.2rem;
	font-weight: 800;
	line-height: 100%;
	z-index:2;
	word-break:keep-all;
}

/*메인비주얼 페이지네이션*/
.btn-slide-mvisu{
	position:absolute;
	bottom:4rem;
	left:50%;
	transform:translateX(-50%);
	z-index:2;
}
.btn-slide-mvisu{
	display:flex;
	font-weight: 700;
	font-size: 2rem;
	line-height: 3.2rem;
	color:#fff;
}
.btn-slide-mvisu .btn-start{
	width:1.2rem;
	margin-left:1.6rem;
	background:url('/_res/seojeong/_share/img/ico-play.png') no-repeat 50% 50% /contain;
}
.btn-slide-mvisu .btn-stop{
	width:1rem;
	margin-left:0.8rem;
	background:url('/_res/seojeong/_share/img/ico-stop.png') no-repeat 50% 50% /contain;
}
.btn-slide-mvisu span.swiper-pagination-bullet{
	flex:1;
	width: 1.2rem;
	height: 1.2rem;
	border: 0.1rem solid #FFF;;
	background:none;
	opacity:1;
	transition:all 0.3s ease 0s;
}
.btn-slide-mvisu span.swiper-pagination-bullet-active{
	background:#fff;
}
/*메인 컨텐츠*/
.main-cont{
	padding:8rem 0 10rem;
	background: #F4F4F4;
}
.main-cont .innerframe-1720 > .dp-flex{
	gap:2rem;
}
.main-notice{
	width:calc(50% - 1rem);
	padding:7rem;
	background: #FFF;
}
.main-notice:first-of-type{
	background: #2C67B1;
}
.tit-mnotice{
	display:flex;
	justify-content:space-between;
}
.tit-mnotice h3{
	color: #222;
	font-size: 3rem;
	font-weight: 800;
	line-height: 130%;
	letter-spacing: -0.024rem;
}
.main-notice:first-of-type h3{
 	color:#fff;	
}
.tit-mnotice button{
	display:flex;
	align-items:center;
	gap:1.2rem;
	color: #222;
	font-weight: 700;
	line-height: 150%; 
}
.tit-mnotice button img{
	width:2.7rem;
	height:2.7rem;
	transition:all 0.3s ease 0s;
}
.tit-mnotice button:hover img{
	transform:rotate(90deg);
}
.cont-mnotice{
	margin-top:3rem;
}
.cont-mnotice li a{
	display:flex;
	gap:2.4rem;
	padding:1.6rem 0;
	border-bottom: 1px solid #E9ECEF;
}
.main-notice:first-of-type .cont-mnotice li a{
	border-bottom:0.1rem solid rgba(255, 255, 255, 0.40);
}
.cont-mnotice li p{
	flex:1;
	color: #666;
	font-size: 2rem;
	font-weight: 500;
	white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main-notice:first-of-type li p{
	color:#fff;
}
.cont-mnotice li span{
	color: #999;
	font-size: 2rem;
	font-weight: 400;
	line-height: 130%;
}
.main-notice:first-of-type li span{
	color:#fff;
	opacity: 0.7;
}
.main-bottom-area {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem; 
}
.main-bottom-area > li {
	flex: 1;
}
.main-bottom-area > li > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5rem 1rem;
	width: 100%;
	height: 100%;
}
.main-bottom-area > li:nth-of-type(1) > a > img {
	width: 15rem;
	height: auto;
}
.main-bottom-area > li:nth-of-type(2) > a > img {
	width: 9.5rem;
	height: auto;
}
.main-bottom-area > li:nth-of-type(3) > a > img {
	width: 19rem ;
	height: auto;
}
.main-bottom-area > li:nth-of-type(4) > a > img {
	width: 15rem;
	height: auto;
}
.main-bottom-area > li:nth-of-type(5) > a > img {
	width: 15rem;
	height: auto;
}
@media (max-width: 1190px){
	/* 메인 - 컨텐츠 */
	.main-cont .dp-flex{
		flex-direction:column;
	}
	.main-notice{
		width:100%;
	}
}
@media (max-width: 768px){
	/*메인비주얼*/
	.main-visual .swiper-slide{
		height:60rem;
	}
	.main-visual h2{
		padding:0 2rem;
		font-size: 4.4rem; 
		line-height: 120%;
	}
	/* 메인 - 컨텐츠 */
	.main-cont{
		padding:4rem 0 5rem;
	}
	.main-notice{
		padding:3rem 2rem;
	}
	.tit-mnotice h3{
		font-size: 2rem;
	}
	.tit-mnotice button{
		gap:0.4rem;
		font-size: 1.4rem;
	}
	.tit-mnotice button img{
		width:1.2rem;
		height:1.2rem;
	}
	.cont-mnotice{
		margin-top:1.6rem;
	}
	.cont-mnotice li p{
		font-size:1.6rem;
	}
	.cont-mnotice li span{
		font-size:1.4rem;
	}
	.main-bottom-area {
		gap: 0;
	}
	.main-bottom-area > li {
		flex: none;
		width: calc(100% / 2);
	}
	.main-bottom-area > li > a {
		padding: 3rem 2rem;
	}
}
@media (max-width: 320px){
	/*메인비주얼*/
	.main-visual h2{
		font-size: 3.4rem;

	}
}