@charset "utf-8";

.mcnt1{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 980px !important; transition:.3s; }
.mcnt1 .item{width: 100%; height: 980px; position: relative; overflow: hidden; }
.mcnt1 .item .mv_img{width: 100%; height: 100%;}
.mcnt1 .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:2.2s;} 
.mcnt1 .active .mv_img img{transform:scale(1.05) rotate(.001deg); }
.mcnt1 .active .mv_img{transform:scale(1.05) rotate(.001deg); }
.mcnt1 .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  align-items:center; box-sizing: border-box;  }
.mcnt1 .m_txt .box {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;  	flex-direction: column; text-align: center;}
.mcnt1 .m_txt .box h3{font-family: "Poppins", sans-serif;  font-size: 76px; line-height: 84px; color: #fff; font-weight: 600; letter-spacing: -0.03em; position: relative; opacity: 0; filter:blur(10px); transition:.4s; top: 30px;  text-align: center; margin-top: 32px;}
.mcnt1 .active .m_txt .box h3,
.mcnt1 .active .m_txt .box p{opacity: 1;  top: 0; filter:blur(0px); }
.mcnt1 .owl-dots{display: none;}
.mv-controll{position: absolute; left: 50%; margin-left: -860px;bottom: 68px; z-index: 100; display: flex; align-items: center; gap:8px}
.mv-controll .dots-num{display: flex;  align-items:center;}  
.mv-controll .dots-num .dot{font-size: 14px; line-height: 1; letter-spacing: -0.02em; color: rgba(255,255,255,0.3); display: flex; align-items:center; font-weight: 600; font-family:'Pretendard'; margin-right: 8px;}
.mv-controll .dots-num .dot span{cursor: pointer; }
.mv-controll .dots-num .dot .line-bar{position: relative; width: 0px; height: 1px; background: rgba(255,255,255,0.3); margin: 0 12px 0 20px; transition:.3s;}
.mv-controll .dots-num .dot .line-bar i{position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #fff;}
.mv-controll .dots-num .dot.current {color: #fff; font-weight: 600;}
.mv-controll .dots-num .dot.current .line-bar{width: 60px;}
.mv-controll .dots-num .dot.current .line-bar i{animation: 8s ease 0s infinite normal none running; animation-timing-function : linear; animation-name:mvBar;}
@keyframes mvBar {0% {width:0px} 100% {width:100%}  }
.mv-controll .dots-num .dot.current .line-bar.stop i{animation: 8s ease 0s infinite normal none running; animation-timing-function : linear; animation-name:1;}
.mv-controll .mv-bt{position: relative; width: 8px; height: 10px; margin-left: -12px;}
.mv-controll .mv-bt span{line-height: 0; cursor: pointer; position: relative; z-index: 10; opacity: 1; z-index: 0; line-height: 0;}
.mv-controll .mv-bt span img{line-height: 0;}
.mv-controll .mv-bt span:last-child{margin-left: -12px; }
.mv-controll .mv-bt span.on{opacity: 0; z-index: -1;}

.mcnt2{padding-top: 125px; padding-bottom: 170px; overflow: hidden;}
.mcnt2 h3{font-family: "Poppins", sans-serif; font-size: 74px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; padding-left: 15px; margin-bottom: 30px;}
.mcnt2 .flex-box{display: flex; flex-wrap:wrap; gap:20px;}
.mcnt2 .flex-box .lbx{display: flex; flex-direction: column;  justify-content: space-between; max-width:620px; width: 100%; background: #f4f8fb; border-radius: 30px; padding: 70px 40px 90px;}
/* .mcnt2 .flex-box .lbx ul{display: flex; gap:14px; }
.mcnt2 .flex-box .lbx ul > li{flex:1; position: relative; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 1; font-weight: 600; letter-spacing: -0.03em; color: #cacaca; transition:.3s; padding-bottom: 18px; cursor: pointer;}
.mcnt2 .flex-box .lbx ul > li:before{content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 3px; background: #dfe1e2;	}
.mcnt2 .flex-box .lbx ul > li:after{content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 0%; height: 3px; background: #085790; opacity: 0; transition:.3s} */

.mcnt2 .flex-box .lbx ul{display: flex; flex-wrap:wrap; gap:4px; margin-bottom: 20px;}
.mcnt2 .flex-box .lbx ul > li{flex:1;}
.mcnt2 .flex-box .lbx ul > li > p{display: flex; height: 70px; align-items:center; text-align: center; justify-content: center; background: #dce8f0; border-radius: 5px; font-size: 14px; line-height: 22px; letter-spacing: -0.03em; color: #002e4f; font-weight: 500; transition:.3s; cursor: pointer;}
.mcnt2 .flex-box .lbx ul > li > ol{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-top: 20px;}
.mcnt2 .flex-box .lbx ul > li > ol > li{font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1; letter-spacing: -0.03em; color: rgba(8,87,144,0.3); transition:.3s; display: flex; align-items:center; cursor: pointer;}
.mcnt2 .flex-box .lbx ul > li > ol > li:not(:last-child):after{display: block;content: ''; width: 1px; height: 10px; background: #dfe1e2; margin: 0 10px;}

.mcnt2 .flex-box .lbx .tbx-slider .tbx{display: none;}
.mcnt2 .flex-box .lbx .tbx-slider .tbx b{display: block; font-family: "Poppins", sans-serif; font-size: 32px; line-height: 1.2; letter-spacing: -0.02em; color: #333; font-weight: 600; margin-bottom: 28px;}
.mcnt2 .flex-box .lbx .tbx-slider .tbx p{font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666; }
.mcnt2 .flex-box .lbx .tbx-slider .tbx ol{display: flex; gap:8px; margin-top: 38px;}
.mcnt2 .flex-box .lbx .tbx-slider .tbx ol > li > a{width: 120px; height: 36px; display: flex; gap:14px; justify-content: center; align-items:center; border-radius: 50px; background: #002e4f; font-size: 14px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; color: #fff; transition:.3s;}
.mcnt2 .flex-box .lbx .tbx-slider .tbx ol > li > a i{width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.5); transition:.3s}
.mcnt2 .flex-box .lbx .tbx-slider .tbx ol > li:last-child > a{background: #085790;}
.mcnt2 .flex-box .lbx .tbx-slider .tbx ol > li:hover > a{background: #000 !Important;}
.mcnt2 .flex-box .lbx .tbx-slider .tbx ol > li:hover > a i{background: #fff; width: 12px; border-radius: 5px;}
.mcnt2 .flex-box .lbx .tbx-slider .tbx.current{display: block;}
 .mcnt2 .flex-box .lbx ul > li.current{
	> p{background: #002e4f; border-radius: 10px; color: #fff; font-weight: 600;}
} 

.mcnt2 .flex-box .lbx ul > li > ol > li.current{color: #002e4f; font-weight: 500;}

.mcnt2 .flex-box .rbx{flex:1; overflow: hidden; border-radius: 20px; overflow: hidden;  }
.mcnt2 .flex-box .rbx .img-slider{width:max-content; display: flex;  transition: transform 0.4s ease; gap:20px;}
.mcnt2 .flex-box .rbx .img-slider figure{position: relative; }
.mcnt2 .flex-box .rbx .img-slider figure img{width: 100%; height: 100%; object-fit:cover;}
.mcnt2 .flex-box .rbx .img-slider figure figcaption{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex;  justify-content: center; text-align: center; align-items: flex-end; font-family: "Poppins", sans-serif; font-size: 38px; line-height: 1.5; letter-spacing: 0.25em; font-weight: 600; color: #fff; text-transform: uppercase; padding-bottom: 70px;}     
.mcnt3{ position: relative; padding-bottom: 201px; overflow: hidden; z-index: 1;}  
.mcnt3 ul{display: flex; gap:30px; width: 100%; box-sizing: border-box; }
.mcnt3 ul > li{position: relative; }
.mcnt3 ul > li > a{position: relative; border-radius: 30px; overflow: hidden;}
.mcnt3 ul > li > a:before{position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: rgba(0,46,79,0.9); opacity: 0; scale:1 0; transition:.4s; transform-origin:0 100%}
.mcnt3 ul > li > a:after{position: absolute; right: 60px; top: 60px; content: ''; width: 24px; height: 24px; background: url(../img/main/mcnt3-link.png) center no-repeat; opacity: 0; translate:0 20px	; transition:.4s .4s;}
.mcnt3 ul > li:hover{
	> a:before{opacity: 1; scale:1;}
	> a:after{opacity: 1; translate:0 0px	}
} 

.mcnt3 ul > li > a .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; gap:21px; flex-direction: column; justify-content: flex-end; padding: 70px 60px; }
.mcnt3 ul > li > a .tbx span{font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: rgba(255,255,255,0.6);}
.mcnt3 ul > li > a .tbx p{font-size: 40px; line-height: auto; letter-spacing: -0.02em; font-weight: 600;		color: #fff;}

.mcnt3 big{position: absolute; left: 0; bottom: 0; display: flex; width: max-content;font-family: "Poppins", sans-serif; font-weight: 700; font-size: 120px; line-height: 1.4; letter-spacing: -0.02em; color: transparent; -webkit-text-stroke: 1px rgba(0,46,79,0.15); z-index: -1;}
.mcnt4{background: #f4f8fb; border-radius: 30px; box-sizing: border-box; padding: 180px 140px; margin-top: 115px; margin-bottom: 140px;;}
.mcnt4 .lbx{position: sticky; top: 150px;}
.mcnt4 .lbx h3{font-family: "Poppins", sans-serif; font-size: 75px; line-height: 80px; letter-spacing: -0.03em; color: #010101; font-weight: 600; margin-bottom: 64px;}
.mcnt4 .lbx .mcnt4-tab{display: flex; flex-direction: column; gap:13px;}
.mcnt4 .lbx .mcnt4-tab > li{position: relative; font-size: 24px; line-height: 34px; letter-spacing: -0.02em; color: #cacaca; font-weight: 600; padding-left: 29px; cursor: pointer; transition:.3s;}
.mcnt4 .lbx .mcnt4-tab > li:before{position: absolute; left: 0; top: 11px;  content: ''; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; border: 3px solid #cacaca; transition:.3s;}
.mcnt4 .lbx .mcnt4-tab > li.current{color: #085790;
	&:before{border: 3px solid #085790;}
}
.mcnt4 .lbx .more-link {margin-top: 93px;}
.mcnt4 .lbx .more-link > a{display: flex; align-items:center; justify-content: center; width: 180px; height: 60px; gap:23px; border-radius: 50px; background: #085790; transition:.3s; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 18px; line-height: 1; letter-spacing: -0.02em; color: #fff; transition:.3s;}
.mcnt4 .lbx .more-link > a i{width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.5); transition:.3s;}
.mcnt4 .lbx .more-link > a:hover {background: #000;}
.mcnt4 .lbx .more-link > a:hover i{width: 12px; background: #fff; border-radius: 5px;}
.mcnt4 .rbx{padding-left: 42.36%; margin-top: -458px; min-height:458px}


.mcnt4 .rbx .board-box{display: none;}
.mcnt4 .rbx .board-box1{display: block;}
.mcnt4 .rbx .board-box > ul{display: flex; flex-wrap:wrap;  margin-left: -30px;}
.mcnt4 .rbx .board-box > ul > li{position: relative; width: calc(50% - 30px); margin-left: 30px; border-radius: 30px; box-shadow:	10px 10px 30px rgba(182,182,182,0.2);margin-bottom: 20px; overflow: hidden;}
.mcnt4 .rbx .board-box > ul > li:nth-child(odd){top: 60px;}
.mcnt4 .rbx .board-box > ul > li a{padding: 57px 50px 70px;  background: #fff; transition:.3s; height: 100%; display: block;}
.mcnt4 .rbx .board-box > ul > li a .info{display: flex; flex-direction: column; }
.mcnt4 .rbx .board-box > ul > li a .info .date{font-size: 40px; line-height: 36px; letter-spacing: -0.02em; color: #002e4f; font-weight: 700; transition:.3s;}
.mcnt4 .rbx .board-box > ul > li a .info .ym{font-size: 13px; line-height: 1.5em; letter-spacing: -0.02em; color: #002e4f; font-weight: 700; margin-top: 2px; transition:.3s;}
.mcnt4 .rbx .board-box > ul > li a .tit {border-bottom: 1px solid #ddd; padding-bottom: 23px; margin-bottom: 24px; margin-top: 36px;}
.mcnt4 .rbx .board-box > ul > li a .tit p{ font-family: "Wanted Sans"; font-size: 28px; line-height: 40px; letter-spacing: -0.02em; color: #111; font-weight: 600; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  word-break: break-all;	transition:.3s;}
.mcnt4 .rbx .board-box > ul > li a .txt p{font-family: "Wanted Sans"; font-size: 20px; line-height: 30px; letter-spacing: -0.02em; color: #666; font-weight: 400; overflow: hidden; word-break: break-all; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 5;  word-break: break-all;	 transition:.3s;}
.mcnt4 .rbx .board-box > ul > li:hover a{background: #002e4f;
	.info .date,
	.info .ym,
	.tit p {color: #fff;}
	.txt p{color: rgba(255,255,255,0.6);}
}