@charset "utf-8";


.mcnt5 {display: none;}

@media (max-width: 1400px) {
/* main */
	.mcnt2-cnt .tbx .box p{word-break: keep-all;}
	.mcnt2-cnt .tbx .box p br{display: none;}
	.mcnt2-cnt{gap:40px}
	.mcnt2-cnt figure{max-width:40vw; padding: 20px;}
	.mcnt4-cnt{width: 100%; }
	.mcnt4-cnt > li{height: 300px;}
	.mcnt4-cnt > li > a{padding: 30px  20px;}
	.mcnt4-cnt > li > a b{font-size: 22px;}
}

@media (max-width: 1024px) {
/* header */	
	#header{height: 80px;}
	#gnb {display:none;}

/* main */
	#main{width: 100%; overflow: hidden;}
	.mcnt1, .mcnt1 .item{height: 90vw;}
	.mcnt1 .m_txt .box h3{	font-size: clamp(28px, 6.2vw, 72px); line-height: 1.2;}
	.mcnt1 .m_txt .box h3 span{margin-top: 10px;}
	.mv-scroll{right: 20px; bottom: 40px;}
	.main-tit{gap:10px;}
	.main-tit h3{font-size: clamp(28px, 6.2vw, 70px); line-height: 1.2;}
	.main-tit p{font-size: 18px; line-height: 1.5;}
	.mcnt2{padding-top: 80px;}
	.mcnt2-cnt{flex-direction: column; margin-top: 30px;}
	.mcnt2-cnt figure{max-width:100%; height: auto; padding: 30px;}
	.mcnt2-cnt .tbx .box b{font-size: 20px; line-height: 1.5;}
	.mcnt2-cnt .tbx .box p{font-size: 16px; line-height: 1.5;}
	.mcnt2-cnt .tbx{gap:20px; padding-top: 10px;}
	.main-link > a{height: 46px; font-size: 16px;}
	.mcnt3{padding-top: 80px;}
	.main-tit2 h3{font-size: clamp(26px, 4.2vw, 54px); line-height: 1.2;}
	.main-tit2 p{font-size: 18px; line-height: 1.5;}
	.mcnt3-cnt{margin-top: 30px; gap:20px; flex-direction: column; align-items: center;}
	.mcnt3-cnt > li{width: 100%;}
	.mcnt3-cnt > li > a img{width: 100%; height: auto;}
	.mcnt3-cnt > li > a .tbx p{font-size: 22px; line-height: 1.5;}
	.mcnt3-cnt > li > a .tbx span{font-size: 18px; line-height: 1.5;}
	.mcnt4{margin-top: 80px; padding-top: 100px; overflow: hidden; max-width:100%; height: auto; padding: 100px 0px;}
	.mcnt4 .main-link{margin-top: 20px;}
	.mcnt4-cnt{width: max-content;  }
	.mcnt4-cnt > li{width: 38vw; height: 240px;}
	.mcnt4 .bd-wrap-box{width: 100%; overflow-x: auto; padding-bottom: 20px;} 
	.mcnt4 .bd-wrap-box::-webkit-scrollbar {width: 4px;height: 4px;  background-color: rgba(255,255,255,0.7);}
	.mcnt4 .bd-wrap-box::-webkit-scrollbar-thumb {background:#122A89; border-radius: 2px; }  
	.mcnt4-cnt > li > a b{font-size: 20px;}
	.mcnt4-cnt > li > a p{font-size: 16px; line-height: 1.5; margin-bottom: 5px;}
	.mcnt4-cnt > li > a span{font-size: 14px;}
	
/* footer */
	.scroll-top{width: 50px; height: 50px; right: 20px; bottom: 200px;}
	.footer-wrap{padding: 40px 0px;}
	#footer .ft-cnt{margin: 20px 0;	}
	#footer .ft-cnt ul > li{line-height: 1.5;}
	#footer .ft-copy{flex-direction: column; align-items: flex-start;}
}

@media (max-width: 640px) {
/* main */
	.mcnt1, .mcnt1 .item{height: 96vw;}
	.mcnt1 .mv03 .m_txt .box{padding-bottom: 32vw;}
	.mv-scroll{scale:0.7; bottom: 0; right: 10px;}

}

@media (max-width: 480px) {
/* main */
	.mcnt1 .mv03 .m_txt .box{padding-bottom: 24vw;}
	.mcnt1 .m_txt .box h3{	font-size: clamp(22px, 5.6vw, 72px); line-height: 1.2;}
	.mcnt4-cnt > li{width: 65vw; }
	

/* footer */
	.scroll-top{bottom: 50px;}
	#footer .ft-cnt ul > li {flex-direction: column;}
	#footer .ft-cnt ul > li span:not(:last-child):after{display: none;}
	.ft-logo{width: 149px;}
}