@charset "utf-8";

.wrap1{max-width:1480px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.wrap2{max-width:1360px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.wrap3{max-width:1320px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

#main #wrapper{overflow: visible;}


main2 .main-visual{overflow: hidden; position: relative; max-height: 700px;   transition:.3s; overflow: hidden; width: 100%; overflow: hidden; margin-top: 80px;}
main2 .main-visual .mv_owl {overflow: hidden; height: 500px;} 
main2 .main-visual .mv_owl .item{width: 100%; height: 500px;; position: relative; overflow: hidden;  overflow: hidden; }
main2 .main-visual .mv_owl .item .mv_img{width: 100%; height: 100%; overflow: hidden; position: relative;}
main2 .main-visual .mv_owl .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:1.2s;}
main2 .main-visual .mv_owl .active .item .mv_img img{scale:1.02;}
main2 .main-visual .mv_owl .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:center;  box-sizing: border-box;  z-index: 15; text-align: left;}
main2 .main-visual .mv_owl .m_txt .box{position: relative; align-content:center;  width: 100%; 	padding: 0 45px; padding-bottom: 52px;} 
main2 .main-visual .mv_owl .m_txt h3{color: #FFCA3A; font-size: 50px; font-weight: 700; line-height: 130%; margin-bottom: 8px;}
main2 .main-visual .mv_owl .m_txt p{color: #FCFCFC;  font-size: 24px; font-weight: 500; line-height: 140%; }
main2 .main-visual .mv_owl .mv02{
	.m_txt h3{color: #415c73;}
	.m_txt p{color: #666;}
} 
main2 .main-visual .mv_owl .mv03{
	.m_txt h3{color: #FFF;}
	.m_txt p{color: #FCFCFC;}
} 
main2 .main-visual .mv_owl .mv04{
	.m_txt h3{color: #3F5F2B;}
	.m_txt p{color: #666;}
} 

main2 .main-tit2{text-align: center; display: flex; gap:16px; flex-direction: column; justify-content: center; align-items:center; margin-bottom: 70px;}
main2 .main-tit2 h3{color: #222; font-size: 46px; font-weight: 700; line-height: 130%;}
main2 .main-tit2 h3 span{color: #263692;}
main2 .main-tit2 p{color: #444; text-align: center; font-size: 20px; font-weight: 400; line-height: 160%; }

main2 .main-visual .owl-dots{position: absolute; left: 50%; translate:-50% 0; bottom: 52px; z-index: 10; display: flex; align-items:center; justify-content: center; gap:6px;} 
main2 .main-visual .owl-dots .owl-dot{width: 52px; height: 4px; background: #999; transition:.3s;}
main2 .main-visual .owl-dots .owl-dot.active{background: #FFCA37;}
main2 .main-visual .owl-nav{position: absolute; left: 50%; translate:calc(-50% + 190px) 0; bottom: 30px; display: flex; align-items:center; gap:12px; }
main2 .main-visual .owl-nav > *{width: 48px; height: 48px; border-radius: 100px; background: rgba(85, 85, 85, 0.30) url(../img/main/mv-prev.png) center no-repeat !important; transition:.3s;}
main2 .main-visual .owl-nav > .owl-next{background: rgba(85, 85, 85, 0.30) url(../img/main/mv-next.png) center no-repeat !important;}
main2 .main-visual .owl-nav > * span{display: none;}
main2 .main-visual .owl-nav > *:hover{background-color: rgba(85, 85, 85, 0.70) !important; }
main2 .main-tit{display: flex; flex-direction: column; align-items:center; justify-content: center; text-align: center; gap:16px; }
main2 .main-tit h3{display: flex; align-items:center; color: #222;  font-size: 46px; font-weight: 700; line-height: 130%; }
main2 .main-tit h3 span{color: #263692; margin: 0 10px;}
main2 .main-tit h3 a{display: flex; align-items:center; justify-content: center; width: 54px; height: 54px; margin-left: 12px; transition:.3s;}
main2 .main-tit h3 a:hover{translate:5px 0;}
main2 .main-tit > p{color: #444; font-size: 20px; font-weight: 400; line-height: 160%; /* 32px */}
main2 .mcnt2{position: relative; margin-top: 103px; overflow: hidden; padding-bottom: 200px;  }
main2 .mcnt2 .mcnt2-slider{margin-top: 40px;}
main2 .mcnt2 .item{ transition:.3s;}
main2 .mcnt2 .item a{display: flex; flex-direction: column; padding: 20px 20px 32px;  gap:32px; box-sizing: border-box; border-radius: 30px; transition:.3s;}
main2 .mcnt2 .item a figure{overflow: hidden; border-radius: 20px;}
main2 .mcnt2 .item a figure img{transition:.3s; }
main2 .mcnt2 .item a .tbx{display: flex; height: 62px; align-items:center; text-align: left; }
main2 .mcnt2 .item a .tbx p{color: #222; font-size: 22px; font-weight: 700;line-height: 140%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; transition:.3s;}
main2 .mcnt2 .owl-nav{}
main2 .mcnt2 .owl-nav > *{position: absolute; left: -60px; top: 50%; margin-top: -20px; width: 54px; height: 54px; border-radius: 100px; background: #fff url(../img/main/mcnt2-prev.png) center no-repeat !important; border-radius: 27px;border: 1px solid #CCC !important; transition:.3s; box-sizing: border-box;}
main2 .mcnt2 .owl-nav > .owl-next{background: #fff url(../img/main/mcnt2-next.png) center no-repeat !important; left: auto; right: -60px;}
main2 .mcnt2 .owl-nav > * span{display: none;}
main2 .mcnt2 .owl-nav > *:hover{background-color: rgba(0,0,0,0.1) !important;}
main2 .mcnt2 .big-text{max-width:100%; overflow: hidden; position: absolute; left: 0; bottom: -70px;}
main2 .mcnt2 .big-text .marquee {display: flex;width: max-content;animation: marquee 20s linear infinite;}
main2 .mcnt2 .big-text p {color: rgba(244, 245, 248, 0.60);font-size: 140px;font-weight: 700;line-height: 130%;white-space: nowrap;margin-right: 120px; }
@keyframes marquee {
	0% {transform: translateX(0);}
	100% {transform: translateX(-50%);}

}

main2 .mcnt2 .item a:hover{
&{background: #F5F5F5;}
 figure img{scale:1.05;}
 .tbx p{color: #263692;}
}



main2 .mcnt2 > figure{overflow: hidden; height: 368px;}
main2 .mcnt2 > figure img{width: 100%; height: 100%; object-fit:cover;}
main2 .mcnt3{}
main2 .mcnt3 .top-text{position: relative;z-index: 10; margin-top: -103px; padding-bottom: 73px;}
main2 .mcnt3 .top-text:before{position: absolute; content: ''; width: 200%; height: 100%; border-radius: 0 40px 0 0; right: -60px; background: #fff;}
main2 .mcnt3 .top-text dl{position: relative; z-index: 1; display: flex; flex-wrap:wrap; gap:134px; padding-top: 70px;}
main2 .mcnt3 .top-text dl dt {display: flex; flex-direction: column; gap:2px; padding-left: 20px;}
main2 .mcnt3 .top-text dl dt h4{color: #111214; font-size: 46px; font-weight: 700; line-height: 130%;}
main2 .mcnt3 .top-text dl dt h4 span{color: #263692;}
main2 .mcnt3 .top-text dl dt p{color: #999; font-size: 32px; font-weight: 700; line-height: 160%; }
main2 .mcnt3 .top-text dl dd {display: flex; flex-direction: column; gap:30px; padding-top: 48px;}
main2 .mcnt3 .top-text dl dd p{color: #666; font-size: 20px; font-weight: 400; line-height: 170%; }
main2 .mcnt3 .top-text dl dd .link-box > a{display: flex; width: 207px; height: 56px; justify-content: center; align-items: center; border-radius: 100px; background: #263692;  color: #FFF; font-size: 18px; font-weight: 700; line-height: 160%; transition:.3s;}
main2 .mcnt3 .top-text dl dd .link-box > a:hover{background: #000;}
main2 .mcnt3 .cnt > ul{display: flex; flex-wrap:wrap; justify-content: center; gap:40px; }
main2 .mcnt3 .cnt > ul > li > a{position: relative; border-radius: 20px; overflow: hidden;}
main2 .mcnt3 .cnt > ul > li > a:before{position: absolute; content: ''; width: 100%; height: 100%; border-radius: 20px; background: rgba(255, 198, 78, 0.96); left: 0; top: 0; translate:0 100%; opacity: 0; transition:.6s;}
main2 .mcnt3 .cnt > ul > li > a figure {}
main2 .mcnt3 .cnt > ul > li > a figure img{transition:.3s;}
main2 .mcnt3 .cnt > ul > li > a .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; gap:24px;  padding: 32px; box-sizing: border-box; }
main2 .mcnt3 .cnt > ul > li > a .tbx h4{color: #FFF; font-size: 28px; font-weight: 700; line-height: 140%; display: flex; align-items:center; justify-content: space-between;	transition:.3s;}
main2 .mcnt3 .cnt > ul > li > a .tbx h4 span{color: #fff; font-size: 22px; margin-right: auto; transition:.3s;}
main2 .mcnt3 .cnt > ul > li > a .tbx h4 i{display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 20px; border: 0.741px solid #FCFCFC; line-height: 0; transition:.3s;}
main2 .mcnt3 .cnt > ul > li > a .tbx p{color: #fff; font-size: 20px; font-weight: 400; line-height: 160%; opacity: 0; transition:.6s; }
main2 .mcnt3 .cnt > ul > li:hover{
	> a:before{opacity: 1; translate:0 0%; }
	> a .tbx h4{color: #222; }
	> a .tbx h4 span{color: #222;}
	> a .tbx h4 i{background: #263692; border-color: #263692;}
	> a .tbx p{margin-bottom: 0 !Important; opacity: 1; color: #444;}
	a .tbx h4 i:hover{background: #000; translate:5px 0; }
} 

main2 .mcnt4{background: #F8FBFD; padding: 120px 0 200px; margin-top: 200px;}

main2 .mcnt4 .cnt{max-width:1280px; display: flex; justify-content: center;}
main2 .mcnt4 .cnt > ul{display: flex; flex-wrap:wrap; gap:24px; }
main2 .mcnt4 .cnt > ul > li {flex:1 1 30%; }
main2 .mcnt4 .cnt > ul > li > a{display: flex; gap:28px; flex-direction: column; justify-content: space-between; height: 294px; border-radius: 20px; background: #DDE8F8; transition:.3s; box-sizing: border-box; padding: 28px;}
main2 .mcnt4 .cnt > ul > li > a i{display: flex; align-items:center; justify-content: center; width: 86px; height: 86px; border-radius: 50%; background: #fff; margin-left: auto; transition:.3s;}
main2 .mcnt4 .cnt > ul > li > a .tbx{display: flex; flex-direction: column; gap:4px;}
main2 .mcnt4 .cnt > ul > li > a .tbx b{position: relative; color: #0E1A4F;  font-size: 24px; font-weight: 700; line-height: 140%; transition:.3s; display: inline-flex; align-items:center; gap:8px; }
main2 .mcnt4 .cnt > ul > li > a .tbx b:after{ content: ''; width: 24px; height: 24px; background: url(../img/main/mcnt4-arr.png) center no-repeat; right: 0; top: 0; transition:.3s; opacity: 0; translate:-8px 0;}
main2 .mcnt4 .cnt > ul > li > a .tbx p{color: #444; font-size: 18px; font-weight: 400; line-height: 160%; transition:.3s;}
main2 .mcnt4 .cnt > ul > li:hover{
	> a{background: #0E1A4F;}
	> a i{background: #FFCA37;}
	> a .tbx b{color: #fff; }
	> a .tbx b:after{opacity: 1; translate:0 0;}
	> a .tbx p{color: #fff;}
}

main2 .mcnt5{text-align: center; padding: 120px 0 200px; }
main2 .mcnt5 .cnt{max-width:1280px; margin: 0 auto;}
main2 .mcnt5 .cnt ul{display: flex; gap:42px;  justify-content: center;}
main2 .mcnt5 .cnt ul > li {flex:1;}
main2 .mcnt5 .cnt ul > li figure{position: relative; overflow: hidden; border-radius: 20px; }
main2 .mcnt5 .cnt ul > li figure:after{position: absolute; content: ''; width: 80px; height: 80px; background: url(../img/main/mcnt5-play.png) center no-repeat; left: 50%; top: 50%; translate:-50% -50%; z-index: 1;}
main2 .mcnt5 .cnt ul > li iframe{position: relative; overflow: hidden; border-radius: 20px; width: 100%;}


main2 .mcnt5 .cnt ul > li .tbx{padding-top: 30px; color: #222; font-size: 24px; font-weight: 700; line-height: 160%;  cursor: default;}
main2 .mcnt6{background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(46, 61, 142, 0.60) 91.18%), #061C4B; padding: 120px 0px 200px;}
main2 .mcnt6 .main-tit3{text-align: center; display: flex; flex-direction: column; gap:18px;}
main2 .mcnt6 .main-tit3 h3{color: #FFF; font-size: 46px; font-weight: 700; line-height: 130%; }
main2 .mcnt6 .main-tit3 h3 span{color: #FFCA37;}
main2 .mcnt6 .main-tit3 h3 small{display: block; color: #F8F8F8; font-size: 24px; font-weight: 600; line-height: 140%; }
main2 .mcnt6 .main-tit3 p{color: #FCFCFC; font-size: 20px; font-weight: 400; line-height: 160%; }
main2 .mcnt6 .cnt{max-width:1276px; margin: 35px auto 0; }
main2 .mcnt6 .cnt > ul{display: flex; flex-wrap:wrap; justify-content: center; gap:36px; }
main2 .mcnt6 .cnt > ul >  li{box-sizing: border-box;}
main2 .mcnt6 .cnt > ul >  li > a{padding: 24px; border-radius: 28px; background: #2C3986; display: flex; gap:24px; flex-direction: column; overflow: hidden;}
main2 .mcnt6 .cnt > ul >  li > a figure{overflow: hidden; border-radius: 24px; }
main2 .mcnt6 .cnt > ul >  li > a .tbx{color: #FCFCFC; font-size: 22px; font-weight: 700; line-height: 160%; display: flex; flex-direction: column; height: 63px;}
main2 .mcnt7{padding: 120px 0 180px;}
main2 .mcnt7 .wrap2{max-width:1318px; display: flex; justify-content: space-between; gap:20px;}
main2 .mcnt7 .lbx{width: 350px;}
main2 .mcnt7 .lbx .sticky{position: sticky; top: 150px;}
main2 .mcnt7 .lbx h3{color: #222; font-size: 46px; font-weight: 700; line-height: 130%; margin-bottom: 16px;}
main2 .mcnt7 .lbx p{color: #666; font-size: 18px; font-weight: 400; line-height: 160%; margin-bottom: 30px;}
main2 .mcnt7 .lbx .link-box > a{display: flex; align-items:center; justify-content: center; width: 54px; height: 54px; border-radius: 27px; border: 1px solid #CCC; background: #FFF; transition:.3s;}
main2 .mcnt7 .lbx .link-box > a img{transition:.3s;}
main2 .mcnt7 .lbx .link-box > a:hover{background: #2C3986; border: 1px solid #2C3986;}
main2 .mcnt7 .lbx .link-box > a:hover img{filter:brightness(10);}
main2 .mcnt7 .rbx{flex:1; max-width:797px;} 
main2 .mcnt7 .rbx ul {display: flex; flex-direction: column; gap:32px;}
main2 .mcnt7 .rbx ul > li > a{display: flex; flex-direction: column;  border-bottom: 1px solid #CCC;}
main2 .mcnt7 .rbx ul > li > a .date{color: #263692; font-size: 16px; font-weight: 400; line-height: 160%; }
main2 .mcnt7 .rbx ul > li > a .cnt{display: flex; align-items:center; padding-right: 24px; height: 72px;}
main2 .mcnt7 .rbx ul > li > a .cnt p{flex:1; color: #000; font-size: 20px; font-weight: 400; line-height: 160%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
main2 .mcnt7 .rbx ul > li > a .cnt i{transition:.3s;}
main2 .mcnt7 .rbx ul > li > a:hover .cnt i{translate:5px 0}

main2 .mcnt8 {margin: 50px 0; }
main2 .mcnt8-slider-re{margin-top: 20px;}
main2 .mcnt8 .swiper-wrapper{transition-timing-function: linear !important;}
main2 .mcnt8 .swiper{user-select:none;}

.mcnt8 .swiper{
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease;
}

/* 초기화 완료 후 표시 */
.mcnt8 .swiper.swiper-ready{
	opacity: 1;
	visibility: visible;
}