@charset "utf-8";

@media (max-width: 1600px) {
/* header */	
	#header #gnb > ul > li > a{font-size: 18px; padding: 0 25px;}
	#header #gnb > ul > li .subm > ul > li > a{font-size: 16px; }
	#header .sitemap-btn{margin-left: 20px;}
	#header #gnb > a{margin-left: 20px;}
	
	
}

@media (max-width: 1024px) {
/* header */
	#header{height: 80px;}
	#header .sitelogo{width: 120px;}
	#header #gnb {display:none;}	
	
/* main */	
	#main{max-width:100%; overflow: hidden;}
	.mcnt1,
	.mcnt1 .item{height: 90vw !important;}
	.mcnt1 .item .m_txt{padding-top: 18px;}
	.mcnt1 .item .m_txt b{font-size: clamp(28px, 6.8vw, 74px); gap:10px; margin-bottom: 1em;}
	.mcnt1 .item .m_txt p{font-size: 20px; line-height: 1.5;}
	.mcnt1 .mv-controll{bottom: 20px; padding-left: 0;}
	.mcnt2{height: calc(80vw + 60px);} 
	.mcnt2 .tbx{padding-top: 70px;}
	.mcnt2 .tbx > span{font-size: 20px;}
	.mcnt2 .tbx > strong{font-size: clamp(28px, 4.6vw, 50px);}
	.mcnt2 .tbx > b{font-size: 22px;}
	.mcnt2 .tbx > p{font-size: 18PX; line-height: 1.5;}
	.mcnt2 ul > li{padding-bottom: 30px;}
	.mcnt2 ul > li b{font-size: 20px;}
	.mcnt3{height: auto; padding: 60px 0; background-size: cover;}
	.mcnt3 .tit > span{font-size: 20px;}
	.mcnt3 .tit p{font-size: clamp(28px, 4.6vw, 50px);}
	.mcnt3 ul{flex-direction: column; gap:30px; padding: 0; margin-top: 20px;}
	.mcnt3 ul > li{gap:0px;}
	.mcnt3 ul > li i img{width: 20vw;}
	.mcnt3 ul > li .tbx{gap:0px}
	.mcnt3 ul > li .tbx b{font-size: 22px; line-height: 1.5;}
	.mcnt3 ul > li .tbx p{font-size: 18px; line-height: 1.5;}
	.mcnt3 ul > li .tbx p br{display: none;}
	.mcnt4{height: auto; padding: 60px 0;}
	.mcnt4 .wrap3 .tbx > span{font-size: 20px;;}
	.mcnt4 .wrap3 .tbx p{font-size: clamp(28px, 4vw, 46px); margin-bottom: 1em;}
	.mcnt4 .wrap3 .tbx .link-box > a{display: inline-flex; width: auto; height: 40px; font-size: 16px; padding: 0 10px 0 15px;}
	 
	.footer-wrap{padding: 40px 0;}
	.scroll-top{width: 40px; height: 40px; right: 20px;}

}



@media (max-width: 640px) {
	.footer-wrap{padding-bottom: 80px;}
	.mcnt2 ul > li svg{width: 22vw !important; right: -12vw;}
	
	.ft-top{gap:15px; flex-direction: column; align-items:start;}
	.ft-top ul > li > a{font-size: 16px;}
	.ft-top ul > li:first-child:after{margin: 0 10px;}
	.ft-bottom{margin-top: 10px;}
	.ft-bottom ul > li{gap:0 10px; font-size: 16px;}
	.ft-bottom p{font-size: 16px; margin-top: 5px;}
	
	.mcnt2 .tbx{padding: 50px 20px 0;}
	.mcnt2 .tbx > span{font-size: 14px;}
	.mcnt2 .tbx > strong{font-size: 20px;}
	.mcnt2 .tbx > b{font-size: 18px;}
	.mcnt2 .tbx > p{font-size: 16px;}
	.mcnt2 ul > li b{font-size: 16px;}
	.mcnt2 .tbx > strong a svg{width: 25px; height: 25px; margin-top: 2px;}
	
	.quick{right: auto; left: 0; bottom: 0; width: 100%; flex-direction: row;}
	.quick .tit{display: none;}
	.quick .box3,
	.quick .box4{display: none;}
	.quick .box1{flex:1; padding: 10px 0; height: 70px;}
	.quick .box5{height: 70px; width: 70px; border-radius: 0; flex-direction: column-reverse;}
}

@media (max-width: 480px) {

}