@charset "utf-8";

@media (max-width: 1700px) {
	.mcnt1 .mv-controll{left: 20px; translate: 0 0;}
}
@media (max-width: 1200px) {
	.mcnt3 .cnt{max-width:520px;}
	.mcnt3 .cnt .box{width: auto; flex: 1 1 40%}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	
/* main */	
	.mcnt1,
	.mcnt1 .item{height: 80vw !important;}
	.mcnt1 .m_txt .box{padding-bottom: 5vw;}	
	.mcnt1 .m_txt .box h3{font-size: clamp(26px, 6.2vw, 68px); line-height: 1.5;}
	.mv-scroll{right: 20px; bottom: 20px;}
	.mcnt1 .mv-controll{top: 50vw;}
	.mcnt2-wrap{padding: 100px 0 100px;}
	.mcnt2 .tit{gap:10px;}
	.mcnt2 .tit small{font-size: 16px;}
	.mcnt2 .tit p{font-size: clamp(22px, 4.2vw, 46px); line-height: 1.5;}
	.mcnt2 .tit p br{display: none;}
	.mcnt2 .cnt{margin-top: 100px;}
	.mcnt2 .cnt .box{height: 200px; padding: 40px 10px 0;} 	
	.mcnt2 .cnt .box b{font-size: 22px; line-height: 1.5;}
	.mcnt2 .cnt .box p{font-size: 16px; line-height: 1.5;}
	.mcnt2 .cnt .box p br{display: none;}
	
	.mcnt3-wrap{padding: 100px 0 100px; background-size: cover;}
	.mcnt3{flex-direction: column; }
	.mcnt3 .txt small{font-size: 16px; line-height: 1.5;}
	.mcnt3 .txt b{font-size: clamp(26px, 6.1vw, 64px); line-height: 1.5; margin: 2vw 0 3vw;}
	.mcnt3 .txt p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.mcnt3 .txt p br{display: none;}
	.mcnt3 .txt .link-box{margin-top: 40px;}
	.mcnt3 .txt .link-box > a{height: 40px; font-size: 16px; }
	.mcnt3 .cnt{max-width:100%;}
	.mcnt3 .cnt .box{flex	:1 1 20%; height: auto; aspect-ratio: 1 / 1}
	.mcnt3 .cnt .box i{width: 10vw; height: 10vw; padding: 10px;}
	.mcnt3 .cnt .box i img{max-width:calc(100% - 30px);}
	.mcnt3 .cnt .box .tbx{font-size: 18px; line-height: 1.5;}
	.mcnt4{padding: 100px 20px;}
	.mcnt4 .tit{gap:20px;}
	.mcnt4 .tit small{font-size: 16px; line-height: 1.5;}
	.mcnt4 .tit p{font-size: clamp(26px, 6.1vw, 64px); line-height: 1.5;}
	.mcnt4 .link-box > a{font-size: 16px;}
	.mcnt4 .cnt > a figure{height: 100px;}
	.mcnt4 .cnt > a .tbx{font-size: 16px;}
	
/* footer */	
	.ft-wrap{padding: 40px 0;}
	#footer{flex-direction: column; }
	#footer .ft-lbx{flex-direction: column; align-items: flex-start; gap:30px;}
	#footer .ft-lbx ul > li{font-size: 16px; line-height: 1.5;}
	#footer .ft-lbx ul > li.copy{margin-top: 20px;}
	#footer .rbx{margin-top: 15px;}
	.scroll-top{right: 20px; bottom: 40px; width: 50px; height: 50px;}
}

@media (max-width: 640px) {
/* main */
	.mcnt1 .mv-controll{top: 45vw;}
	.mcnt2 .cnt{flex-direction: column; gap:100px}
	.mcnt3 .cnt .box{flex	:1 1 40%; gap:10px;}
	.mcnt3 .cnt .box i{width: 15vw; height: 15vw; padding: 10px;}	
	.mcnt4 .cnt{gap:20px 0px;}
	.mcnt4 .cnt > a{width: calc(50% - 20px); gap:10px;}
	
}

@media (max-width: 480px) {
/* head */	
	.header-wrap,
	#header{height: 80px;}
}