@charset "utf-8";

@media (max-width: 1560px) {
/* head */
	#header #gnb{padding-right: 5vw;}
	#header #gnb > ul > li > a{padding: 0 3vw;}

/* main */
	.mcnt1 .rbx{margin-right: 0;	}	
	.mcnt1 .rbx figcaption{left: 0; padding-left: 20px;}	
	.mcnt2 .rbx > ul {max-width:640px}	
	.mcnt2 .rbx > ul > li{width: 300px;}
	.mcnt3 .rbx{width: calc(100% - 340px);}
	
/* footer */	
	#footer .ft-cnt{padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 1024px) {
	#main{max-width:100%; overflow: hidden;`}
	#gnb {display:none;}
	#header .hd-langs{margin-left: auto; margin-right: 50px; }

/* main */
	.main-visual > .tbx h3{line-height: 1; font-size: clamp(28px, 5.5vw, 60px);}
	.main-visual > .tbx p{font-size: 18px; line-height: 1.5;}
	.main-tit{gap:15px;}
	.main-tit h4{ font-size: clamp(28px, 4vw, 44px);}
	.mcnt1 {flex-direction: column; gap:40px; padding: 60px 20px 80px;}
	.mcnt1 .lbx{width: 100%; padding-top: 0;}
	.main-tit p{font-size: 18px; line-height: 1.5;}
	.main-tit .link-box{margin-top: 30px;}
	.mcnt1 .rbx{width: 100%; max-width:100%; gap:0px;}	
	.mcnt1 .rbx figure{width: 45%;}
	.mcnt2{padding-top: 80px; padding-bottom: 0px;}
	.mcnt1 .rbx figcaption{width: 100%; font-size: 48px; line-height: 1;}
	.mcnt2 .lbx{position: relative; padding-top: 0; padding-bottom: 0; top: 0;} 	
	.mcnt2 .rbx{margin-top: 60px;}
	.mcnt2 .rbx > ul{max-width:100%; }
	.mcnt2 .rbx > ul{gap:20px}
	.mcnt2 .rbx > ul > li{width: calc(50% - 10px);}	
	.mcnt2 .rbx > ul > li:nth-child(even){top: -80px;}
	.mcnt2 .rbx > ul > li > a figure img{width: 100%;}
	.mcnt3 {padding: 80px 20px; flex-direction: column;}
	.mcnt3 .rbx{margin-top: 40px; width: 100%;}
	.mcnt3 .rbx .box > a {position: relative; height: 250px;}
	.mcnt3 .rbx .box > a .tbx{padding: 20px;     text-align: center;display: flex;flex-direction: column;justify-content: center;         align-items: center;}
	.mcnt3 .rbx .box > a .tbx i{margin-top: 0px; margin-left: 0px;}
	.mcnt3 .rbx .box > a .tbx h5{font-size: 22px; line-height: 1.5;}
	.mcnt3 .rbx .box > a img{width: 100%; height: 100%; object-fit:cover; position: relative; z-index: -1;}
	.mcnt4 .tbx h4{font-size: 30px;}
	
/* footer */	
	#footer .ft-top ul > li > a{padding: 0 10px; font-size: 14px;}
	#footer .ft-top ul > li:not(:last-child):after {height: 14px;margin-right: 0px;right: 0px;top: 2px;}
	#footer .ft-cnt{gap:15px; padding: 30px 20px; flex-direction: column; }
	#footer .ft-cnt .box b{font-size: 20px; margin-bottom: 20px;}
	#footer .ft-cnt .box ul > li{line-height: 1.5;}

}

@media (max-width: 640px) {
	#header .hd-langs{margin-right: 20px;}
	#header .hd-langs b{gap:5px;}
/* main */
	.mcnt1 .rbx figcaption{font-size: 28px; padding-top: 0;}
	.mcnt2 .rbx > ul > li > a figcaption{font-size: 20px; padding: 20px;}
	#footer .ft-cnt .box p{padding-top: 10px; margin-top: 10px;	}
	
}

@media (max-width: 480px) {
/* footer */

}